412 lines
9.6 KiB
CSS
412 lines
9.6 KiB
CSS
|
|
/* START Delete text for buttons behind Plus sign */
|
|
.mashsb-buttons .secondary-shares a .text{
|
|
text-indent: -9999px;
|
|
line-height: 0px;
|
|
display: block;
|
|
}
|
|
.mashsb-buttons .secondary-shares a .text:after {
|
|
content: " ";
|
|
text-indent: 0;
|
|
font-size:13px;
|
|
display: block;
|
|
}
|
|
.mashsb-buttons .secondary-shares a {
|
|
min-width:0;
|
|
font-size: 0px;
|
|
}
|
|
.mashsb-buttons .secondary-shares a .icon:before {
|
|
margin-right:0px;
|
|
}
|
|
/* END */
|
|
|
|
/* hide class */
|
|
.mashsb-buttons .mashsb-hide {
|
|
display:none;
|
|
}
|
|
|
|
/* Adjustable specifications */
|
|
|
|
/* Hover effect */
|
|
[class^="mashicon-"]:hover, [class*=" mashicon-"]:hover {
|
|
opacity: 0.8;
|
|
}
|
|
/* Icon Color */
|
|
[class^="mashicon-"] .icon, [class*=" mashicon-"] {
|
|
color:#ffffff;
|
|
}
|
|
/* Font color */
|
|
[class^="mashicon-"] .text, [class*=" mashicon-"] .text {
|
|
color:#ffffff;
|
|
}
|
|
/* General visual settings,like border, shadow, shine etc. */
|
|
[class^="mashicon-"], [class*=" mashicon-"] .onoffswitch-label{
|
|
font-size:15px;
|
|
border-radius: 0px;
|
|
cursor: pointer;
|
|
}
|
|
/* Icon visual appearance */
|
|
[class^="mashicon-"] .icon:before, [class*=" mashicon-"] .icon:before, .mashicon-share:before {
|
|
font-family: "mashsb-font";
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
speak: none;
|
|
font-size:16px;
|
|
display: inline-block;
|
|
text-decoration: inherit;
|
|
width: 1em;
|
|
margin-right: 0.7em;
|
|
text-align: center;
|
|
/* opacity: .8; */
|
|
/* For safety - reset parent styles, that can break glyph codes*/
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
/* fix buttons height, for twitter bootstrap */
|
|
/*line-height: 1em;*/
|
|
|
|
/* Animation center compensation - margins should be symmetric */
|
|
/* remove if not needed */
|
|
/*margin-left: 0.7em;*/
|
|
|
|
/* you can be more comfortable with increased icons size */
|
|
/* font-size: 120%; */
|
|
|
|
/* Uncomment for 3D effect */
|
|
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
|
|
|
|
/* Reset margin-top for twitter bootstrap */
|
|
margin-top:0px;
|
|
/* For IE 8 Important */
|
|
float:left;
|
|
}
|
|
/* Icon definitions */
|
|
.mashicon-facebook .icon:before { content: '\e800'; } /* '' */
|
|
.mashicon-google .icon:before { content: '\e801'; } /* '' */
|
|
.mashicon-pinterest .icon:before { content: '\e802'; } /* '' */
|
|
.mashicon-linkedin .icon:before { content: '\e803'; } /* '' */
|
|
.mashicon-digg .icon:before { content: '\e804'; } /* '' */
|
|
.mashicon-reddit .icon:before { content: '\e805'; } /* '' */
|
|
.mashicon-twitter .icon:before { content: '\e807'; } /* '' */
|
|
.mashicon-mail .icon:before { content: '\e808'; } /* '' */
|
|
.mashicon-vk .icon:before { content: '\e809'; } /* '' */
|
|
.mashicon-print .icon:before { content: '\e80a'; } /* '' */
|
|
.mashicon-buffer .icon:before { content: '\e80c'; } /* '' */
|
|
.mashicon-heart .icon:before { content: '\e80d'; } /* '' */
|
|
.mashicon-weibo .icon:before { content: '\e80e'; } /* '' */
|
|
.mashicon-pocket .icon:before { content: '\e80f'; } /* '' */
|
|
.mashicon-xing .icon:before { content: '\e810'; } /* '' */
|
|
.mashicon-flattr .icon:before { content: '\e811'; } /* '' */
|
|
.mashicon-odnoklassniki .icon:before { content: '\e812'; } /* '' */
|
|
.mashicon-tumblr .icon:before { content: '\e813'; } /* '' */
|
|
.mashicon-subscribe .icon:before { content: '\e808'; } /* '' */
|
|
.mashicon-whatsapp .icon:before { content: '\e814'; }
|
|
.mashicon-meneame .icon:before { content: '\e815'; } /* '' */
|
|
.mashicon-managewp .icon:before { content: '\e816'; } /* '' */
|
|
.mashicon-mailru .icon:before { content: '\E819'; } /* '' */
|
|
.mashicon-line .icon:before { content: '\E81A'; } /* '' */
|
|
.mashicon-yummly .icon:before { content: '\E81B'; } /* '' */
|
|
.mashicon-frype .icon:before { content: '\e81c'; } /* '' */
|
|
.mashicon-skype .icon:before { content: '\e81d'; } /* '' */
|
|
.mashicon-telegram .icon:before { content: '\e81f'; } /* '' */
|
|
.mashicon-hackernews .icon:before { content: '\e820'; } /* '' */
|
|
.mashicon-flipboard .icon:before { content: '\e821'; } /* '' */
|
|
|
|
.mashicon-share:before { content: '\e81E'; } /* '' */
|
|
|
|
/* Upper and lower distance share button to next elements */
|
|
.mashsb-container{
|
|
padding-top: 10px;
|
|
padding-bottom:10px;
|
|
}
|
|
/*
|
|
* General size of all buttons
|
|
* low cardinality so we can override this with custom css easily
|
|
*/
|
|
.mashsb-buttons a{
|
|
min-width: 177px;
|
|
}
|
|
|
|
/* General design of all buttons */
|
|
.mashsb-box .mashsb-buttons a{
|
|
padding:13px;
|
|
margin-right: 3px;
|
|
margin-bottom:3px;
|
|
float:left;
|
|
text-decoration: none;
|
|
border:0px;
|
|
box-shadow: none;
|
|
}
|
|
|
|
/* Click on plus sign adds this class to switch the float */
|
|
.mashsb-buttons .float-right {
|
|
float:right;
|
|
}
|
|
.mashsb-buttons .float-left {
|
|
float:left;
|
|
}
|
|
|
|
/* Social networks main background color*/
|
|
.mashicon-facebook{
|
|
background: #2d5f9a;
|
|
}
|
|
.mashicon-twitter{
|
|
background: #00c3f3;
|
|
}
|
|
.mashicon-google{
|
|
background: #d73d32;
|
|
}
|
|
.mashicon-subscribe{
|
|
background: #fff120;
|
|
}
|
|
.mashicon-pinterest{
|
|
background: #cd252b;
|
|
}
|
|
.mashicon-linkedin{
|
|
background: #2ba3e1;
|
|
}
|
|
.mashicon-digg{
|
|
background: #1b5791;
|
|
}
|
|
.mashicon-vk{
|
|
background: #5d83aa;
|
|
}
|
|
.mashicon-mail{
|
|
background: #888888;
|
|
}
|
|
.mashicon-print{
|
|
background: #666666;
|
|
}
|
|
.mashicon-reddit{
|
|
background: #333333;
|
|
}
|
|
.mashicon-weibo{
|
|
background: #ed1c24;
|
|
}
|
|
.mashicon-pocket{
|
|
background: #ee4055;
|
|
}
|
|
.mashicon-xing{
|
|
background: #135a5b;
|
|
}
|
|
.mashicon-flattr{
|
|
background: #8cb55b;
|
|
}
|
|
.mashicon-odnoklassniki{
|
|
background: #f4731c;
|
|
}
|
|
.mashicon-managewp{
|
|
background: #056cad;
|
|
}
|
|
.mashicon-tumblr{
|
|
background: #2c4762;
|
|
}
|
|
.mashicon-meneame{
|
|
background: #ff7d12;
|
|
}
|
|
.mashicon-whatsapp{
|
|
background: #1d9e11;
|
|
}
|
|
.mashicon-buffer{
|
|
background: #000000;
|
|
}
|
|
|
|
.mashicon-mailru{
|
|
background: #044b89;
|
|
}
|
|
.mashicon-line{
|
|
background: #1dcd00;
|
|
}
|
|
|
|
.mashicon-yummly{
|
|
background: #e16120;
|
|
}
|
|
.mashicon-frype{
|
|
background: #ff6600;
|
|
}
|
|
|
|
.mashicon-skype{
|
|
background: #00afef;
|
|
}
|
|
|
|
.mashicon-telegram{
|
|
background: #1d94d3;
|
|
}
|
|
|
|
.mashicon-hackernews{
|
|
background: #ff6600;
|
|
}
|
|
.mashicon-flipboard{
|
|
background: #b31f17;
|
|
}
|
|
|
|
.mashicon-buffer .text, mashicon-buffer .icon{
|
|
color: #ffffff;
|
|
}
|
|
/* Overwrite text color for subscribe button */
|
|
.mashicon-subscribe .text,
|
|
.mashicon-subscribe .icon {
|
|
color: #000000;
|
|
}
|
|
/* Define Share count number */
|
|
.mashsb-count {
|
|
display: block;
|
|
padding-bottom: 0px;
|
|
font-size: 43px;
|
|
font-weight: bold;
|
|
font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
|
|
color: #7FC04C;
|
|
border: #FFF solid 0px;
|
|
text-align: center;
|
|
margin-right: 10px;
|
|
margin-top: 10px;
|
|
float: left;
|
|
line-height: 13px;
|
|
}
|
|
/* Define Share text below share count number */
|
|
.mashsb-sharetext {
|
|
font-size:11px;
|
|
font-family:Arial,sans-serif;
|
|
color:#8A8C8E;
|
|
}
|
|
/* Define Subscribe toggle container */
|
|
.mashsb-toggle-container {
|
|
display:none;
|
|
padding: 11px 2% 8px;
|
|
border: 10px solid #FFF120;
|
|
position: relative;
|
|
margin-bottom:10px;
|
|
margin-top:0px;
|
|
}
|
|
|
|
|
|
/* IMPORTANT: DO NOT EDIT BELOW THIS LINE */
|
|
|
|
/* Position */
|
|
[class^="mashicon-"], [class*=" mashicon-"]{
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
|
|
[class^="mashicon-"] .text, [class*=" mashicon-"] .text {
|
|
padding:0px;
|
|
margin:0px;
|
|
}
|
|
|
|
[class^="mashicon-"] .text:after, [class*=" mashicon-"] .text:after{
|
|
line-height: 10px;
|
|
}
|
|
|
|
/* IMPORTANT: DO NOT EDIT BELOW THIS LINE */
|
|
|
|
/* Important to reset global body line-height */
|
|
.mashsb-box {
|
|
/*height:49px;*/
|
|
line-height: 1;
|
|
}
|
|
.mashsb-count > counts {
|
|
clear:both;
|
|
}
|
|
|
|
.onoffswitch {
|
|
position: relative;
|
|
-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
|
|
display: inline-block;
|
|
float: left;
|
|
margin-right: 3px;
|
|
margin-bottom:3px;
|
|
margin-left: 0px;
|
|
cursor: pointer;
|
|
background-color: #C5C5C5; color: #FFFFFF;
|
|
width: 42px;
|
|
height: 42px;
|
|
line-height: 42px;
|
|
text-align: center;
|
|
}
|
|
|
|
.onoffswitch:before {
|
|
content: "+";
|
|
/*padding-left: 12px;
|
|
padding-top: 1px;*/
|
|
display: inline-block;
|
|
font-weight: bold;
|
|
font-size: 30px;
|
|
font-family: arial;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.onoffswitch2 {
|
|
position: relative;
|
|
-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
|
|
display: inline-block;
|
|
float: left;
|
|
margin-right: 3px;
|
|
margin-bottom:3px;
|
|
margin-left: 0px;
|
|
cursor: pointer;
|
|
background-color: #C5C5C5; color: #FFFFFF;
|
|
width: 42px;
|
|
height: 42px;
|
|
line-height: 42px;
|
|
text-align: center;
|
|
}
|
|
|
|
.onoffswitch2:before {
|
|
content: "-";
|
|
/*padding-left: 15px;
|
|
padding-top: 5px;*/
|
|
display: inline-block;
|
|
font-weight: bold;
|
|
font-size: 30px;
|
|
font-family: arial;
|
|
vertical-align: super;
|
|
}
|
|
|
|
.widget_mashsb_mostshared_posts_widget li{
|
|
padding: 0.4688em 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.widget_mashsb_mostshared_posts_widget li:first-child {
|
|
border-top: 0;
|
|
padding-top: 0;
|
|
}
|
|
|
|
|
|
/* Smartphones (portrait) (iPhone 4 / 5) No text buttons ----------- */
|
|
@media only screen and (max-width: 568px) {
|
|
[class^="mashicon-"] .text, [class*=" mashicon-"] .text{
|
|
text-indent: -9999px;
|
|
line-height: 0px;
|
|
display: block;
|
|
}
|
|
[class^="mashicon-"] .text:after, [class*=" mashicon-"] .text:after {
|
|
content: "";
|
|
text-indent: 0;
|
|
font-size:13px;
|
|
display: block;
|
|
}
|
|
[class^="mashicon-"], [class*=" mashicon-"] {
|
|
text-align: center;
|
|
}
|
|
[class^="mashicon-"] .icon:before, [class*=" mashicon-"] .icon:before{
|
|
float:none;
|
|
margin-right: 0;
|
|
}
|
|
.mashsb-buttons a{
|
|
margin-right: 3px;
|
|
margin-bottom:3px;
|
|
min-width: 0;
|
|
width: 41px;
|
|
}
|
|
|
|
.onoffswitch,
|
|
.onoffswitch-inner:before,
|
|
.onoffswitch-inner:after
|
|
.onoffswitch2,
|
|
.onoffswitch2-inner:before,
|
|
.onoffswitch2-inner:after {
|
|
margin-right: 0px;
|
|
width: 41px;
|
|
}
|
|
|
|
} |