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 14 additions and 265 deletions
......@@ -7049,62 +7049,22 @@ label.screen-reader-text {
#new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a {
transition: none !important;
display: inline-block !important;
width: 36px !important;
height: 36px !important;
background: url("./../images/social-icon.svg") no-repeat;
width: 30px !important;
height: 30px !important;
text-indent: -999999px;
background-size: 400%;
box-shadow: none !important;
border: solid 1px #4A4E4F;
background-color: transparent !important;
}
#new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.twitter-icon {
background-position: 0% 0%;
}
#new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.twitter-icon:hover {
background-position: 0% 100%;
}
#new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.twitter-icon:active {
background-position: 0% 100%;
}
#new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.twitter-icon:focus {
background-position: 0% 100%;
}
#new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.youtube-icon {
background-position: 33% 0%;
}
#new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.youtube-icon:hover {
background-position: 33% 100%;
}
#new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.youtube-icon:active {
background-position: 33% 100%;
}
#new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.youtube-icon:focus {
background-position: 33% 100%;
#new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.instagram-icon {
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>');
}
#new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.facebook-icon {
background-position: 66% 0%;
}
#new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.facebook-icon:hover {
background-position: 66% 100%;
}
#new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.facebook-icon:active {
background-position: 66% 100%;
}
#new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.facebook-icon:focus {
background-position: 66% 100%;
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>');
}
#new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.linkedin-icon {
background-position: 100% 0%;
}
#new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.linkedin-icon:hover {
background-position: 100% 100%;
}
#new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.linkedin-icon:active {
background-position: 100% 100%;
}
#new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.linkedin-icon:focus {
background-position: 100% 100%;
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>');
}
#new-footer #footer-sidebar #footer-sidebar3 {
background-color: #54565A;
......@@ -12884,76 +12844,6 @@ a[target=_blank] {
background-repeat: no-repeat;
}
.social {
list-style-position: inside;
-webkit-padding-start: 0px;
padding-inline-start: 0px;
padding-left: 40px;
}
.social li {
display: inline-block;
}
.social li a {
transition: none !important;
display: inline-block !important;
width: 36px !important;
height: 36px !important;
background-image: url("../images/social-icon.svg") !important;
text-indent: -999999px;
background-size: 400%;
box-shadow: none !important;
border: solid 1px #4A4E4F;
background-color: transparent !important;
}
.social li a.twitter-icon {
background-position: 0% 0%;
}
.social li a.twitter-icon:hover {
background-position: 0% 100%;
}
.social li a.twitter-icon:active {
background-position: 0% 100%;
}
.social li a.twitter-icon:focus {
background-position: 0% 100%;
}
.social li a.youtube-icon {
background-position: 33% 0%;
}
.social li a.youtube-icon:hover {
background-position: 33% 100%;
}
.social li a.youtube-icon:active {
background-position: 33% 100%;
}
.social li a.youtube-icon:focus {
background-position: 33% 100%;
}
.social li a.facebook-icon {
background-position: 66% 0%;
}
.social li a.facebook-icon:hover {
background-position: 66% 100%;
}
.social li a.facebook-icon:active {
background-position: 66% 100%;
}
.social li a.facebook-icon:focus {
background-position: 66% 100%;
}
.social li a.linkedin-icon {
background-position: 100% 0%;
}
.social li a.linkedin-icon:hover {
background-position: 100% 100%;
}
.social li a.linkedin-icon:active {
background-position: 100% 100%;
}
.social li a.linkedin-icon:focus {
background-position: 100% 100%;
}
.home .broker-footer-login {
display: none !important;
}
......@@ -14511,9 +14401,9 @@ article > h5 {
#page-header-landing {
max-width: 85.375rem;
max-width: 88.5rem;
padding-left: 3.125rem;
height: 100%;
max-height: 100%;
padding: 0 1rem !important;
}
#other-header {
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 {
#page-header-landing {
max-width: 85.375rem;
max-width: calc(85.375rem + 3.125rem);
padding-left:3.125rem;
height: 100%;
max-height: 100%;
padding:0 1rem !important;
}
#other-header {
......
......@@ -187,9 +187,8 @@
-webkit-transition: none !important;
transition: none !important;
display: inline-block !important;
width: 36px !important;
height: 36px !important;
background: url("./../images/social-icon.svg") no-repeat;
width: 30px !important;
height: 30px !important;
text-indent: -999999px;
background-size: 400%;
box-shadow: none !important;
......@@ -197,74 +196,26 @@
background-color: transparent !important;
}
a.twitter-icon {
background-position: 0% 0%;
&:hover {
background-position: 0% 100%;
}
&:active {
background-position: 0% 100%;
}
&:focus {
background-position: 0% 100%;
}
}
a.youtube-icon {
background-position: 33% 0%;
a.instagram-icon {
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>');
&:hover {
background-position: 33% 100%;
}
&:active {
background-position: 33% 100%;
}
&:focus {
background-position: 33% 100%;
}
}
a.facebook-icon {
background-position: 66% 0%;
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>');
&:hover {
background-position: 66% 100%;
}
&:active {
background-position: 66% 100%;
}
&:focus {
background-position: 66% 100%;
}
}
a.linkedin-icon {
background-position: 100% 0%;
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>');
&:hover {
background-position: 100% 100%;
}
&:active {
background-position: 100% 100%;
}
&:focus {
background-position: 100% 100%;
}
}
}
......
......@@ -3278,99 +3278,7 @@ a[target=_blank]{
}
}
.social {
list-style-position: inside;
padding-inline-start: 0px;
padding-left: 40px;
li {
display: inline-block;
a {
-webkit-transition: none !important;
transition: none !important;
display: inline-block !important;
width: 36px !important;
height: 36px !important;
background-image: url("../images/social-icon.svg")!important;
text-indent: -999999px;
background-size: 400%;
box-shadow: none !important;
border: solid 1px #4A4E4F;
background-color: transparent !important;
}
a.twitter-icon {
background-position: 0% 0%;
&:hover {
background-position: 0% 100%;
}
&:active {
background-position: 0% 100%;
}
&:focus {
background-position: 0% 100%;
}
}
a.youtube-icon {
background-position: 33% 0%;
&:hover {
background-position: 33% 100%;
}
&:active {
background-position: 33% 100%;
}
&:focus {
background-position: 33% 100%;
}
}
a.facebook-icon {
background-position: 66% 0%;
&:hover {
background-position: 66% 100%;
}
&:active {
background-position: 66% 100%;
}
&:focus {
background-position: 66% 100%;
}
}
a.linkedin-icon {
background-position: 100% 0%;
&:hover {
background-position: 100% 100%;
}
&:active {
background-position: 100% 100%;
}
&:focus {
background-position: 100% 100%;
}
}
}
}
.home{
.broker-footer-login{
display: none !important;
......