Created
March 7, 2023 11:41
-
-
Save eduard-un/ac8445b30d6e812d828b9f68ca27c820 to your computer and use it in GitHub Desktop.
Override Divi Builder's CSS reset for Monarch Sharing icons - inline
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.et-db #et-boc .et-l .et_social_inline .et_social_inline_top { | |
margin-bottom: 40px; | |
} | |
.et-db #et-boc .et-l .et_social_inline .et_social_left { | |
text-align: left; | |
} | |
.et-db #et-boc .et-l .et_social_inline .et_social_networks { | |
width: 100%; | |
display: inline-block; | |
} | |
.et-db #et-boc .et-l .et_social_inline .et_social_networks, | |
.et-db #et-boc .et-l .et_social_inline .et_social_sidebar_networks, | |
.et-db #et-boc .et-l .et_social_inline .widget_monarchwidget a { | |
text-shadow: none !important; | |
} | |
.et-db #et-boc .et-l .et_social_inline .et_social_networks .et_social_icons_container { | |
padding: 0 !important; | |
margin: 0 !important; | |
line-height: 1em !important; | |
display: inline-block; | |
width: inherit; | |
} | |
.et-db #et-boc .et-l .et_social_inline .et_social_1col li, | |
.et-db #et-boc .et-l .et_social_inline .et_social_2col li:nth-child(2n+1), | |
.et-db #et-boc .et-l .et_social_inline .et_social_3col li:nth-child(3n+1), | |
.et-db #et-boc .et-l .et_social_inline .et_social_4col li:nth-child(4n+1), | |
.et-db #et-boc .et-l .et_social_inline .et_social_5col li:nth-child(5n+1), | |
.et-db #et-boc .et-l .et_social_inline .et_social_6col li:nth-child(6n+1), | |
.et-db #et-boc .et-l .et_social_inline .et_social_autowidth li:first-child { | |
margin-left: 0; | |
clear: both; | |
} | |
.et-db #et-boc .et-l .et_social_inline .et_social_1col li:first-child, | |
.et-db #et-boc .et-l .et_social_inline .et_social_2col li:nth-child(-n+2), | |
.et-db #et-boc .et-l .et_social_inline .et_social_3col li:nth-child(-n+3), | |
.et-db #et-boc .et-l .et_social_inline .et_social_4col li:nth-child(-n+4), | |
.et-db #et-boc .et-l .et_social_inline .et_social_5col li:nth-child(-n+5), | |
.et-db #et-boc .et-l .et_social_inline .et_social_6col li:nth-child(-n+6) { | |
margin-top: 0; | |
} | |
.et-db #et-boc .et-l .et_social_inline .et_social_4col li { | |
width: 23.5%; | |
} | |
.et-db #et-boc .et-l .et_social_inline .et_social_networks li, | |
.et-db #et-boc .et-l .et_social_inline .et_social_networks li a, | |
.et-db #et-boc .et-l .et_social_inline .et_social_icon { | |
display: block; | |
overflow: hidden; | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
padding: 0; | |
} | |
.et-db #et-boc .et-l .et_social_inline .et_social_slide.et_social_left .et_social_icon { | |
overflow: hidden; | |
} | |
.et-db #et-boc .et-l .et_social_inline .et_social_left .et_social_icon { | |
float: left; | |
} | |
.et-db #et-boc .et-l .et_social_inline .et_social_networks .et_social_icon, | |
.et-db #et-boc .et-l .et_social_inline .et_social_networks .et_social_icon:before, | |
.et-db #et-boc .et-l .et_social_inline .et_social_networks .et_social_icon:after { | |
width: 40px; | |
height: 40px; | |
line-height: 40px; | |
display: inline-block; | |
-webkit-border-radius: 100px; | |
-moz-border-radius: 100px; | |
border-radius: 100px; | |
} | |
.et-db #et-boc .et-l .et_social_inline .et_social_networks div, | |
.et-db #et-boc .et-l .et_social_inline .et_social_networks span, | |
.et-db #et-boc .et-l .et_social_inline .et_social_networks li i { | |
position: relative; | |
z-index: 2; | |
} | |
.et-db #et-boc .et-l .et_social_inline .et_social_networks .et_social_icon, | |
.et-db #et-boc .et-l .et_social_inline .et_social_networks .et_social_icon:before, | |
.et-db #et-boc .et-l .et_social_inline .et_social_networks .et_social_icon:after { | |
width: 40px; | |
height: 40px; | |
line-height: 40px; | |
display: inline-block; | |
-webkit-border-radius: 100px; | |
-moz-border-radius: 100px; | |
border-radius: 100px; | |
} | |
.et-db #et-boc .et-l .et_social_inline .et_social_icon:before, | |
.et-db #et-boc .et-l .et_social_inline .et_social_icon:after { | |
position: relative; | |
width: 100%; | |
} | |
.et-db #et-boc .et-l .et_social_inline .et_social_slide.et_social_left li .et_social_icon:after { | |
left: -40px; | |
top: 0; | |
} | |
.et-db #et-boc .et-l .et_social_inline .et_social_slide .et_social_icon:after { | |
display: inline-block; | |
position: absolute; | |
top: -40px; | |
left: 0; | |
} | |
.et-db #et-boc .et-l .et_social_inline .et_social_networks div.et_social_network_label { | |
font-size: 14px; | |
} | |
.et-db #et-boc .et-l .et_social_inline .et_social_left .et_social_network_label { | |
margin-left: 40px; | |
padding: 7px 14px 10px 10px; | |
} | |
.et-db #et-boc .et-l .et_social_inline .et_social_icon, | |
.et-db #et-boc .et-l .et_social_inline .et_social_networks .et_social_network_label, | |
.et-db #et-boc .et-l .et_social_inline .et_social_sidebar_networks .et_social_count { | |
color: #FFF; | |
} | |
.et-db #et-boc .et-l .et_social_inline .et_social_networks div.et_social_network_label { | |
font-size: 14px; | |
} | |
.et-db #et-boc .et-l .et_social_inline .et_social_left .et_social_network_label { | |
margin-left: 40px; | |
padding: 7px 14px 10px 10px; | |
} | |
.et-db #et-boc .et-l .et_social_inline .et_social_icon, | |
.et-db #et-boc .et-l .et_social_inline .et_social_networks .et_social_network_label, | |
.et-db #et-boc .et-l .et_social_inline .et_social_sidebar_networks .et_social_count { | |
color: #FFF; | |
} | |
.et-db #et-boc .et-l .et_social_inline .et_social_networks.et_social_left .et_social_count, | |
.et-db #et-boc .et-l .et_social_inline .et_social_networks.et_social_left .et_social_networkname { | |
line-height: 1em; | |
display: inline-block; | |
} | |
.et-db #et-boc .et-l .et_social_inline .et_social_left .et_social_network_label div { | |
margin: 6px 4px 0 4px; | |
} | |
.et-db #et-boc .et-l .et_social_inline .et_social_withnetworknames .et_social_networkname, | |
.et-db #et-boc .et-l .et_social_inline .et_social_withcounts .et_social_count, | |
.et-db #et-boc .et-l .et_social_inline .et_social_sidebar_withcounts .et_social_count { | |
display: inherit; | |
} | |
.et-db #et-boc .et-l .et_social_inline .et_social_networks .et_social_networkname, | |
.et-db #et-boc .et-l .et_social_inline .et_social_networks .et_social_count span { | |
font-weight: 700; | |
} | |
.et-db #et-boc .et-l .et_social_inline .et_social_networks.et_social_left .et_social_count, | |
.et-db #et-boc .et-l .et_social_inline .et_social_networks.et_social_left .et_social_networkname { | |
line-height: 1em; | |
display: inline-block; | |
} | |
.et-db #et-boc .et-l .et_social_inline .et_social_left .et_social_network_label div { | |
margin: 6px 4px 0 4px; | |
} | |
.et-db #et-boc .et-l .et_social_inline .et_social_left .et_social_count span { | |
display: inline-block; | |
} | |
.et-db #et-boc .et-l .et_social_inline .et_social_networks .et_social_networkname, | |
.et-db #et-boc .et-l .et_social_inline .et_social_networks .et_social_count span { | |
font-weight: 700; | |
} | |
.et-db #et-boc .et-l .et_social_inline .et_social_networks span.et_social_overlay { | |
height: 100%; | |
width: 100%; | |
background-color: rgba(0, 0, 0, 0.1); | |
bottom: 0; | |
left: 0; | |
z-index: 1; | |
position: absolute; | |
} | |
.et-db #et-boc .et-l .et_social_inline .et_social_left .et_social_overlay { | |
background-color: rgba(0, 0, 0, 0.1); | |
margin: 0 0 0 40px; | |
} | |
.et-db #et-boc .et-l .et_social_inline .et_social_facebook, | |
.et-db #et-boc .et-l .et_social_inline .et_social_networks.et_social_circle .et_social_facebook i { | |
background-color: #3a579a; | |
} | |
.et-db #et-boc .et-l .et_social_inline .et_social_twitter, | |
.et-db #et-boc .et-l .et_social_inline .et_social_networks.et_social_circle .et_social_twitter i { | |
background-color: #00abf0; | |
} | |
.et-db #et-boc .et-l .et_social_inline .et_social_pinterest, | |
.et-db #et-boc .et-l .et_social_inline .et_social_networks.et_social_circle .et_social_pinterest i { | |
background-color: #cd1c1f; | |
} | |
.et-db #et-boc .et-l .et_social_inline .et_social_linkedin, | |
.et-db #et-boc .et-l .et_social_inline .et_social_networks.et_social_circle .et_social_linkedin i { | |
background-color: #127bb6; | |
} | |
.et-db #et-boc .et-l .et_social_inline li.et_social_facebook:hover, | |
.et-db #et-boc .et-l .et_social_inline .et_social_networks.et_social_circle li.et_social_facebook:hover i { | |
background-color: #314a83; | |
} | |
.et-db #et-boc .et-l .et_social_inline .et_social_slide.et_social_left li:hover .et_social_icon:before { | |
margin-left: 40px; | |
margin-top: 0; | |
opacity: 0; | |
} | |
.et-db #et-boc .et-l .et_social_inline .et_social_slide.et_social_left li:hover .et_social_icon:after { | |
left: 0; | |
} | |
.et-db #et-boc .et-l .et_social_inline .et_social_networks li, | |
.et-db #et-boc .et-l .et_social_inline .widget_monarchwidget .et_social_networks li, | |
.et-db #et-boc .et-l .et_social_inline .widget .et_social_networks li, | |
.et-db #et-boc .et-l .et_social_inline .widget_text .et_social_networks li { | |
float: left; | |
position: relative; | |
margin: 2% 0 0 2%; | |
overflow: hidden; | |
min-height: 40px; | |
line-height: 0; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment