Your IP : 216.73.216.138
/*! SocialCount - v0.1.10 - 2015-01-29
* https://github.com/filamentgroup/SocialCount
* Copyright (c) 2015 zachleat; Licensed MIT
*/
/* Socicon Font - v2.0 - Nov 2014
* http://socicon.com.
* Socicon is released under SIL Open Font License 1.1 (http://scripts.sil.org/OFL).
*
* Modified by Russell Jamieson in April 2015
* use Socicon and Dashicons for icons instead of images
* remove social buttons
* add support for horizontal and vertical panels
*/
@font-face {
font-family: "socicon";
src: url("fonts/socicon-webfont.eot");
src: url("fonts/socicon-webfont.eot?#iefix") format("embedded-opentype"),
url("fonts/socicon-webfont.woff") format("woff"),
url("fonts/socicon-webfont.ttf") format("truetype"),
url("fonts/socicon-webfont.svg#sociconregular") format("svg");
font-weight: normal;
font-style: normal;
text-transform: initial;
}
.socicon {
font-family: "socicon"!important;
font-style: normal;
font-weight: normal;
font-size: 18px;
width: 20px;
height: 20px;
line-height: 1;
vertical-align: bottom;
display: inline-block;
text-align: center;
transition: color .1s ease-in 0;
-webkit-font-smoothing: antialiased;
}
.socicon-twitter:before { content: "a"; }
.socicon-facebook:before { content: "b"; }
.socicon-google:before { content: "c"; }
.socicon-pinterest:before { content: "d"; }
.socicon-feedburner:before { content: "i"; }
.socicon-linkedin:before { content: "j"; }
.socicon-stumbleupon:before { content: "E"; }
.socicon-delicious:before { content: "I"; }
.socicon-buffer:before { content: "9"; }
.socicon-rss:before { content: ","; }
.socicon-vkontakte:before { content: ";"; }
.socicon-mail:before { content: "@"; }
.socicon-windows:before { content: "Z"; }
.socialcount.colors li.twitter, .socialcount.gray li.hover.twitter { background-color: #6DB7F0;}
.socialcount.colors li.facebook, .socialcount.gray li.hover.facebook { background-color: #3a5795; }
.socialcount.colors li.plusone, .socialcount.gray li.hover.plusone { background-color: #d73d32; }
.socialcount.colors li.pinterest, .socialcount.gray li.hover.pinterest { background-color: #ae3118 ; }
.socialcount.colors li.linkedin, .socialcount.gray li.hover.linkedin { background-color:#007BB7;}
.socialcount.colors li.stumbleupon, .socialcount.gray li.hover.stumbleupon { background-color: #ea4b24; }
.socialcount.colors li.buffer, .socialcount.gray li.hover.buffer { background-color: #383838; }
.socialcount.colors li.email, .socialcount.gray li.hover.email { background-color: green; }
.socialcount.colors li.print, .socialcount.gray li.hover.print { background-color: purple;}
.socialcount.colors li.total, .socialcount.gray li.hover.total { background-color: darkgray;}
.socialcount li.total a:hover {
cursor : default;
}
.socialcount li.buffer .count { font-size: smaller; }
.socialcount li.stumbleupon .count { font-size: xx-small; }
.socialcount.gray > li {
background-color: #999;
}
.socialcount.colors li.hover {
filter: saturate(2);
-webkit-filter: saturate(2);
}
.socialcount.colors li.buffer.hover {
filter: contrast(0.5);
-webkit-filter: contrast(0.5);
}
.socialcount.gray > li.hover {
border: none;
}
socialcount .socicon {
font-size: 16px;
vertical-align:bottom;
}
.socialcount .dashicons {
font-size: 16px;
vertical-align:middle;
}
.socialcount > li,
.socialcount > li > a:focus {
border-radius: 5px;
transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
}
.socialcount > li > a:hover {
color : inherit;
}
.socialcount, .entry-content ul.socialcount {
color: #fff;
font-size: .6em;
line-height: 2.2em;
list-style: none;
padding-left: 0;
margin: 0.2em 0;
overflow: hidden;
}
.socialcount :link,
.socialcount :visited {
color: inherit;
}
.gcpps-panel .socialcount li {
color: inherit;
display: inline-block;
*display: inline;
zoom: 1;
position: relative;
vertical-align: top;
min-width: 68px;
min-height: 24px;
text-align: left;
white-space: nowrap;
padding: 0;
margin: 2px;
*margin-right: 4px;
}
.counter-below .socialcount li {
min-width: 50px;
}
.gcpps-panel .socialcount li a {
display: block;
padding: 0 5px;
text-decoration: none;
color: inherit;
}
.counter-below a span {
display: block;
width: 100%;
text-align: center;
}
.counter-below a span:first-child {
margin-top: 5px;
}
.socialcount .count, .socialcount .shares {
color: inherit;
position: relative;
display: inline-block;
*display: inline;
zoom: 1;
text-align: center;
margin-left: 6px;
font-family: Tahoma;
font-size: 11px;
line-height: 16px;
}
.counter-below .socialcount .count, .counter-below .socialcount .shares {
display: block;
margin-left: 0;
width: 100%
}
.counter-below span.count {
font-size:smaller;
}
.socialcount .loading {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 3;
background-color: #aaa;
background-color: rgba(170, 170, 170, 0.7);
color: #000;
text-transform: uppercase;
font-size: .75em;
text-align: center;
border-radius: 5px;
}
.socialcount .loading .dot {
display: inline-block;
/* no ie7 compat needed here, just shows the text links */
width: 6px;
height: 6px;
margin: 0 3px;
background: #fff;
opacity: 0;
border-radius: 50%;
-webkit-animation: socialCountLoadingFade .6s infinite;
-moz-animation: socialCountLoadingFade .6s infinite;
animation: socialCountLoadingFade .6s infinite;
}
.socialcount .loading .dot:nth-child(1) {
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
animation-delay: 0s;
}
.socialcount .loading .dot:nth-child(2) {
-webkit-animation-delay: .05s;
-moz-animation-delay: .05s;
animation-delay: .05s;
}
.socialcount .loading .dot:nth-child(3) {
-webkit-animation-delay: .1s;
-moz-animation-delay: .1s;
animation-delay: .1s;
}
@-webkit-keyframes socialCountLoadingFade {
0% { opacity: 0; }
50% { opacity: 0.8; }
100% { opacity: 0; }
}
@-moz-keyframes socialCountLoadingFade {
0% { opacity: 0; }
50% { opacity: 0.8; }
100% { opacity: 0; }
}
@keyframes socialCountLoadingFade {
0% { opacity: 0; }
50% { opacity: 0.8; }
100% { opacity: 0; }
}
.socialcount.grade-a.activate-on-hover > li.hover.loaded > a,
.socialcount.grade-a.activate-on-click > li.hover.loaded > a {
cursor: default;
}
.gcpps-panel {
text-align: center;
}
.gcpps-panel.gcpp-border {
padding: 10px 7px 2px 7px;
border: 1px solid #ccc;
border-radius: 3px;
-webkit-border-radius: 3px;
}
.gcpps-floating {
position: fixed;
z-index: 1000;
}
.gcpps-vertical {
width: 80px;
text-align: left;
}
.gcpps-horizontal {
width: auto;
margin: 0 auto 20px;
text-align:center;
}
.gcpps-panel.gcpps-horizontal .socialcount li {
padding: 3px 0;
}