Skip to content

Commonwell / broker-site

Go to a project
Toggle navigation
Toggle navigation pinning
0e54b604 by Jeremy Groot
Options

social icon updates

1 parent d18ed698
Inline Side-by-side
Showing 7 changed files with 16 additions and 267 deletions
...@@ -7049,62 +7049,22 @@ label.screen-reader-text { ...@@ -7049,62 +7049,22 @@ label.screen-reader-text {
7049 #new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a { 7049 #new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a {
7050 transition: none !important; 7050 transition: none !important;
7051 display: inline-block !important; 7051 display: inline-block !important;
7052 width: 36px !important; 7052 width: 30px !important;
7053 height: 36px !important; 7053 height: 30px !important;
7054 background: url("./../images/social-icon.svg") no-repeat;
7055 text-indent: -999999px; 7054 text-indent: -999999px;
7056 background-size: 400%; 7055 background-size: 400%;
7057 box-shadow: none !important; 7056 box-shadow: none !important;
7058 border: solid 1px #4A4E4F; 7057 border: solid 1px #4A4E4F;
7059 background-color: transparent !important; 7058 background-color: transparent !important;
7060 } 7059 }
7061 #new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.twitter-icon { 7060 #new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.instagram-icon {
7062 background-position: 0% 0%; 7061 background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="29.995" height="29.995" viewBox="0 0 29.995 29.995"><g id="Instagram" transform="translate(-393.483 -2539.291)"><rect id="Rectangle_71" data-name="Rectangle 71" width="29.995" height="29.995" transform="translate(393.483 2539.291)" fill="%23fff"/><g id="Group_111" data-name="Group 111"><rect id="Rectangle_72" data-name="Rectangle 72" width="13.149" height="13.149" rx="3.284" transform="translate(401.906 2547.714)" fill="none" stroke="%2354565a" stroke-width="1.689"/><circle id="Ellipse_19" data-name="Ellipse 19" cx="3.154" cy="3.154" r="3.154" transform="translate(405.327 2551.135)" fill="none" stroke="%2354565a" stroke-width="1.689"/><circle id="Ellipse_20" data-name="Ellipse 20" cx="0.713" cy="0.713" r="0.713" transform="translate(411.634 2549.709)" fill="%2354565a"/></g></g></svg>');
7063 }
7064 #new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.twitter-icon:hover {
7065 background-position: 0% 100%;
7066 }
7067 #new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.twitter-icon:active {
7068 background-position: 0% 100%;
7069 }
7070 #new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.twitter-icon:focus {
7071 background-position: 0% 100%;
7072 }
7073 #new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.youtube-icon {
7074 background-position: 33% 0%;
7075 }
7076 #new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.youtube-icon:hover {
7077 background-position: 33% 100%;
7078 }
7079 #new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.youtube-icon:active {
7080 background-position: 33% 100%;
7081 }
7082 #new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.youtube-icon:focus {
7083 background-position: 33% 100%;
7084 } 7062 }
7085 #new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.facebook-icon { 7063 #new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.facebook-icon {
7086 background-position: 66% 0%; 7064 background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="29.995" height="30" viewBox="0 0 29.995 30"><g id="Facebook" transform="translate(-312.767 -2539.291)"><rect id="Rectangle_69" data-name="Rectangle 69" width="29.995" height="30" transform="translate(312.767 2539.291)" fill="%23fff"/><path id="Path_778" data-name="Path 778" d="M324.15,2551.752h1.55v-1.507a4.031,4.031,0,0,1,.5-2.324,2.759,2.759,0,0,1,2.407-1.13,9.748,9.748,0,0,1,2.78.279l-.387,2.3a5.242,5.242,0,0,0-1.25-.187c-.6,0-1.143.217-1.143.819v1.753h2.473l-.173,2.244h-2.3v7.8H325.7V2554h-1.55Z" fill="%2354565a"/></g></svg>');
7087 }
7088 #new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.facebook-icon:hover {
7089 background-position: 66% 100%;
7090 }
7091 #new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.facebook-icon:active {
7092 background-position: 66% 100%;
7093 }
7094 #new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.facebook-icon:focus {
7095 background-position: 66% 100%;
7096 } 7065 }
7097 #new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.linkedin-icon { 7066 #new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.linkedin-icon {
7098 background-position: 100% 0%; 7067 background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="29.995" height="29.995" viewBox="0 0 29.995 29.995"><g id="LinkedIn" transform="translate(-353.125 -2539.294)"><rect id="Rectangle_70" data-name="Rectangle 70" width="29.995" height="29.995" transform="translate(353.125 2539.294)" fill="%23fff"/><path id="Path_779" data-name="Path 779" d="M363.912,2560.562h-2.923v-9.357h2.923Zm-1.537-10.528h-.02a1.623,1.623,0,0,1-1.744-1.621,1.782,1.782,0,1,1,1.764,1.621Zm13.233,10.528h-3.315v-4.842c0-1.268-.518-2.132-1.659-2.132a1.67,1.67,0,0,0-1.581,1.146,2.134,2.134,0,0,0-.073.764v5.064H365.7s.042-8.578,0-9.357h3.283v1.468a3,3,0,0,1,2.919-1.559c2.077,0,3.709,1.346,3.709,4.245Z" fill="%2354565a"/></g></svg>');
7099 }
7100 #new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.linkedin-icon:hover {
7101 background-position: 100% 100%;
7102 }
7103 #new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.linkedin-icon:active {
7104 background-position: 100% 100%;
7105 }
7106 #new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.linkedin-icon:focus {
7107 background-position: 100% 100%;
7108 } 7068 }
7109 #new-footer #footer-sidebar #footer-sidebar3 { 7069 #new-footer #footer-sidebar #footer-sidebar3 {
7110 background-color: #54565A; 7070 background-color: #54565A;
...@@ -12884,76 +12844,6 @@ a[target=_blank] { ...@@ -12884,76 +12844,6 @@ a[target=_blank] {
12884 background-repeat: no-repeat; 12844 background-repeat: no-repeat;
12885 } 12845 }
12886 12846
12887 .social {
12888 list-style-position: inside;
12889 -webkit-padding-start: 0px;
12890 padding-inline-start: 0px;
12891 padding-left: 40px;
12892 }
12893 .social li {
12894 display: inline-block;
12895 }
12896 .social li a {
12897 transition: none !important;
12898 display: inline-block !important;
12899 width: 36px !important;
12900 height: 36px !important;
12901 background-image: url("../images/social-icon.svg") !important;
12902 text-indent: -999999px;
12903 background-size: 400%;
12904 box-shadow: none !important;
12905 border: solid 1px #4A4E4F;
12906 background-color: transparent !important;
12907 }
12908 .social li a.twitter-icon {
12909 background-position: 0% 0%;
12910 }
12911 .social li a.twitter-icon:hover {
12912 background-position: 0% 100%;
12913 }
12914 .social li a.twitter-icon:active {
12915 background-position: 0% 100%;
12916 }
12917 .social li a.twitter-icon:focus {
12918 background-position: 0% 100%;
12919 }
12920 .social li a.youtube-icon {
12921 background-position: 33% 0%;
12922 }
12923 .social li a.youtube-icon:hover {
12924 background-position: 33% 100%;
12925 }
12926 .social li a.youtube-icon:active {
12927 background-position: 33% 100%;
12928 }
12929 .social li a.youtube-icon:focus {
12930 background-position: 33% 100%;
12931 }
12932 .social li a.facebook-icon {
12933 background-position: 66% 0%;
12934 }
12935 .social li a.facebook-icon:hover {
12936 background-position: 66% 100%;
12937 }
12938 .social li a.facebook-icon:active {
12939 background-position: 66% 100%;
12940 }
12941 .social li a.facebook-icon:focus {
12942 background-position: 66% 100%;
12943 }
12944 .social li a.linkedin-icon {
12945 background-position: 100% 0%;
12946 }
12947 .social li a.linkedin-icon:hover {
12948 background-position: 100% 100%;
12949 }
12950 .social li a.linkedin-icon:active {
12951 background-position: 100% 100%;
12952 }
12953 .social li a.linkedin-icon:focus {
12954 background-position: 100% 100%;
12955 }
12956
12957 .home .broker-footer-login { 12847 .home .broker-footer-login {
12958 display: none !important; 12848 display: none !important;
12959 } 12849 }
...@@ -14511,9 +14401,9 @@ article > h5 { ...@@ -14511,9 +14401,9 @@ article > h5 {
14511 #page-header-landing { 14401 #page-header-landing {
14512 max-width: 85.375rem; 14402 max-width: 85.375rem;
14513 max-width: 88.5rem; 14403 max-width: 88.5rem;
14514 padding-left: 3.125rem;
14515 height: 100%; 14404 height: 100%;
14516 max-height: 100%; 14405 max-height: 100%;
14406 padding: 0 1rem !important;
14517 } 14407 }
14518 #other-header { 14408 #other-header {
14519 height: 100%; 14409 height: 100%;
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
...@@ -261,9 +261,9 @@ article { ...@@ -261,9 +261,9 @@ article {
261 #page-header-landing { 261 #page-header-landing {
262 max-width: 85.375rem; 262 max-width: 85.375rem;
263 max-width: calc(85.375rem + 3.125rem); 263 max-width: calc(85.375rem + 3.125rem);
264 padding-left:3.125rem;
265 height: 100%; 264 height: 100%;
266 max-height: 100%; 265 max-height: 100%;
266 padding:0 1rem !important;
267 } 267 }
268 268
269 #other-header { 269 #other-header {
......
...@@ -187,9 +187,8 @@ ...@@ -187,9 +187,8 @@
187 -webkit-transition: none !important; 187 -webkit-transition: none !important;
188 transition: none !important; 188 transition: none !important;
189 display: inline-block !important; 189 display: inline-block !important;
190 width: 36px !important; 190 width: 30px !important;
191 height: 36px !important; 191 height: 30px !important;
192 background: url("./../images/social-icon.svg") no-repeat;
193 text-indent: -999999px; 192 text-indent: -999999px;
194 background-size: 400%; 193 background-size: 400%;
195 box-shadow: none !important; 194 box-shadow: none !important;
...@@ -197,74 +196,26 @@ ...@@ -197,74 +196,26 @@
197 background-color: transparent !important; 196 background-color: transparent !important;
198 } 197 }
199 198
200 a.twitter-icon { 199 a.instagram-icon {
201 200 background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="29.995" height="29.995" viewBox="0 0 29.995 29.995"><g id="Instagram" transform="translate(-393.483 -2539.291)"><rect id="Rectangle_71" data-name="Rectangle 71" width="29.995" height="29.995" transform="translate(393.483 2539.291)" fill="%23fff"/><g id="Group_111" data-name="Group 111"><rect id="Rectangle_72" data-name="Rectangle 72" width="13.149" height="13.149" rx="3.284" transform="translate(401.906 2547.714)" fill="none" stroke="%2354565a" stroke-width="1.689"/><circle id="Ellipse_19" data-name="Ellipse 19" cx="3.154" cy="3.154" r="3.154" transform="translate(405.327 2551.135)" fill="none" stroke="%2354565a" stroke-width="1.689"/><circle id="Ellipse_20" data-name="Ellipse 20" cx="0.713" cy="0.713" r="0.713" transform="translate(411.634 2549.709)" fill="%2354565a"/></g></g></svg>');
202 background-position: 0% 0%;
203
204 &:hover {
205 background-position: 0% 100%;
206 }
207
208 &:active {
209 background-position: 0% 100%;
210 }
211
212 &:focus {
213 background-position: 0% 100%;
214 }
215
216
217 }
218
219 a.youtube-icon {
220
221 background-position: 33% 0%;
222
223 &:hover { 201 &:hover {
224 background-position: 33% 100%;
225 }
226
227 &:active {
228 background-position: 33% 100%;
229 }
230 202
231 &:focus {
232 background-position: 33% 100%;
233 } 203 }
234 } 204 }
235 205
236 a.facebook-icon { 206 a.facebook-icon {
237 207 background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="29.995" height="30" viewBox="0 0 29.995 30"><g id="Facebook" transform="translate(-312.767 -2539.291)"><rect id="Rectangle_69" data-name="Rectangle 69" width="29.995" height="30" transform="translate(312.767 2539.291)" fill="%23fff"/><path id="Path_778" data-name="Path 778" d="M324.15,2551.752h1.55v-1.507a4.031,4.031,0,0,1,.5-2.324,2.759,2.759,0,0,1,2.407-1.13,9.748,9.748,0,0,1,2.78.279l-.387,2.3a5.242,5.242,0,0,0-1.25-.187c-.6,0-1.143.217-1.143.819v1.753h2.473l-.173,2.244h-2.3v7.8H325.7V2554h-1.55Z" fill="%2354565a"/></g></svg>');
238 background-position: 66% 0%;
239
240 &:hover { 208 &:hover {
241 background-position: 66% 100%; 209
242 }
243
244 &:active {
245 background-position: 66% 100%;
246 }
247
248 &:focus {
249 background-position: 66% 100%;
250 } 210 }
251 } 211 }
252 212
253 a.linkedin-icon { 213 a.linkedin-icon {
254 214 background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="29.995" height="29.995" viewBox="0 0 29.995 29.995"><g id="LinkedIn" transform="translate(-353.125 -2539.294)"><rect id="Rectangle_70" data-name="Rectangle 70" width="29.995" height="29.995" transform="translate(353.125 2539.294)" fill="%23fff"/><path id="Path_779" data-name="Path 779" d="M363.912,2560.562h-2.923v-9.357h2.923Zm-1.537-10.528h-.02a1.623,1.623,0,0,1-1.744-1.621,1.782,1.782,0,1,1,1.764,1.621Zm13.233,10.528h-3.315v-4.842c0-1.268-.518-2.132-1.659-2.132a1.67,1.67,0,0,0-1.581,1.146,2.134,2.134,0,0,0-.073.764v5.064H365.7s.042-8.578,0-9.357h3.283v1.468a3,3,0,0,1,2.919-1.559c2.077,0,3.709,1.346,3.709,4.245Z" fill="%2354565a"/></g></svg>');
255 background-position: 100% 0%;
256
257 &:hover { 215 &:hover {
258 background-position: 100% 100%; 216
259 } 217 }
260 218
261 &:active {
262 background-position: 100% 100%;
263 }
264
265 &:focus {
266 background-position: 100% 100%;
267 }
268 } 219 }
269 220
270 } 221 }
......
...@@ -3278,99 +3278,7 @@ a[target=_blank]{ ...@@ -3278,99 +3278,7 @@ a[target=_blank]{
3278 } 3278 }
3279 } 3279 }
3280 3280
3281 .social {
3282 list-style-position: inside;
3283 padding-inline-start: 0px;
3284 padding-left: 40px;
3285 li {
3286 display: inline-block;
3287
3288 a {
3289 -webkit-transition: none !important;
3290 transition: none !important;
3291 display: inline-block !important;
3292 width: 36px !important;
3293 height: 36px !important;
3294 background-image: url("../images/social-icon.svg")!important;
3295 text-indent: -999999px;
3296 background-size: 400%;
3297 box-shadow: none !important;
3298 border: solid 1px #4A4E4F;
3299 background-color: transparent !important;
3300 }
3301
3302 a.twitter-icon {
3303
3304 background-position: 0% 0%;
3305
3306 &:hover {
3307 background-position: 0% 100%;
3308 }
3309
3310 &:active {
3311 background-position: 0% 100%;
3312 }
3313
3314 &:focus {
3315 background-position: 0% 100%;
3316 }
3317
3318
3319 }
3320
3321 a.youtube-icon {
3322
3323 background-position: 33% 0%;
3324
3325 &:hover {
3326 background-position: 33% 100%;
3327 }
3328
3329 &:active {
3330 background-position: 33% 100%;
3331 }
3332 3281
3333 &:focus {
3334 background-position: 33% 100%;
3335 }
3336 }
3337
3338 a.facebook-icon {
3339
3340 background-position: 66% 0%;
3341
3342 &:hover {
3343 background-position: 66% 100%;
3344 }
3345
3346 &:active {
3347 background-position: 66% 100%;
3348 }
3349
3350 &:focus {
3351 background-position: 66% 100%;
3352 }
3353 }
3354
3355 a.linkedin-icon {
3356
3357 background-position: 100% 0%;
3358
3359 &:hover {
3360 background-position: 100% 100%;
3361 }
3362
3363 &:active {
3364 background-position: 100% 100%;
3365 }
3366
3367 &:focus {
3368 background-position: 100% 100%;
3369 }
3370 }
3371
3372 }
3373 }
3374 .home{ 3282 .home{
3375 .broker-footer-login{ 3283 .broker-footer-login{
3376 display: none !important; 3284 display: none !important;
......