2013-02-22 17:59:33 +01:00
|
|
|
@charset "UTF-8";
|
|
|
|
|
|
2016-07-28 14:00:04 +02:00
|
|
|
/*!
|
|
|
|
|
Zocial Buttons
|
2013-02-22 17:59:33 +01:00
|
|
|
http://zocial.smcllns.com
|
|
|
|
|
by Sam Collins (@smcllns)
|
|
|
|
|
License: http://opensource.org/licenses/mit-license.php
|
2016-07-28 14:00:04 +02:00
|
|
|
|
2013-02-22 17:59:33 +01:00
|
|
|
You are free to use and modify, as long as you keep this license comment intact or link back to zocial.smcllns.com on your site.
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* Button structure */
|
|
|
|
|
|
|
|
|
|
.zocial,
|
|
|
|
|
a.zocial {
|
|
|
|
|
border: 1px solid #777;
|
|
|
|
|
border-color: rgba(0,0,0,0.2);
|
|
|
|
|
border-bottom-color: #333;
|
|
|
|
|
border-bottom-color: rgba(0,0,0,0.4);
|
|
|
|
|
color: #fff;
|
|
|
|
|
-moz-box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.4), inset 0 0 0.1em rgba(255,255,255,0.9);
|
|
|
|
|
-webkit-box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.4), inset 0 0 0.1em rgba(255,255,255,0.9);
|
|
|
|
|
box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.4), inset 0 0 0.1em rgba(255,255,255,0.9);
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
font: bold 100%/2.1 "Lucida Grande", Tahoma, sans-serif;
|
|
|
|
|
padding: 0 .95em 0 0;
|
|
|
|
|
text-align: center;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
text-shadow: 0 1px 0 rgba(0,0,0,0.5);
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
|
|
|
|
-moz-user-select: none;
|
|
|
|
|
-webkit-user-select: none;
|
|
|
|
|
user-select: none;
|
|
|
|
|
|
|
|
|
|
position: relative;
|
2016-10-16 06:08:25 +02:00
|
|
|
display: inline-flex;
|
2013-02-22 17:59:33 +01:00
|
|
|
-moz-border-radius: .3em;
|
|
|
|
|
-webkit-border-radius: .3em;
|
|
|
|
|
border-radius: .3em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.zocial:before {
|
|
|
|
|
content: "";
|
|
|
|
|
border-right: 0.075em solid rgba(0,0,0,0.1);
|
|
|
|
|
float: left;
|
|
|
|
|
font: 120%/1.65 zocial;
|
|
|
|
|
font-style: normal;
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
margin: 0 0.5em 0 0;
|
|
|
|
|
padding: 0 0.5em;
|
|
|
|
|
text-align: center;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
text-transform: none;
|
|
|
|
|
|
|
|
|
|
-moz-box-shadow: 0.075em 0 0 rgba(255,255,255,0.25);
|
|
|
|
|
-webkit-box-shadow: 0.075em 0 0 rgba(255,255,255,0.25);
|
|
|
|
|
box-shadow: 0.075em 0 0 rgba(255,255,255,0.25);
|
|
|
|
|
|
|
|
|
|
-moz-font-smoothing: antialiased;
|
2016-07-28 14:00:04 +02:00
|
|
|
-moz-osx-font-smoothing: grayscale;
|
2013-02-22 17:59:33 +01:00
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
font-smoothing: antialiased;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.zocial:active {
|
|
|
|
|
outline: none; /* outline is visible on :focus */
|
|
|
|
|
}
|
|
|
|
|
|
2016-07-28 14:00:04 +02:00
|
|
|
.zocial:hover,
|
|
|
|
|
.zocial:focus {
|
|
|
|
|
color: #fff;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Buttons can be displayed as standalone icons by adding a class of "icon" */
|
|
|
|
|
|
|
|
|
|
.zocial.icon {
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
max-width: 2.4em;
|
|
|
|
|
padding-left: 0;
|
|
|
|
|
padding-right: 0;
|
|
|
|
|
max-height: 2.15em;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
}
|
|
|
|
|
.zocial.icon:before {
|
|
|
|
|
padding: 0;
|
|
|
|
|
width: 2em;
|
|
|
|
|
height: 2em;
|
|
|
|
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
border: none;
|
|
|
|
|
}
|
|
|
|
|
|
2013-02-22 17:59:33 +01:00
|
|
|
/* Gradients */
|
|
|
|
|
|
|
|
|
|
.zocial {
|
|
|
|
|
background-image: -moz-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));
|
|
|
|
|
background-image: -ms-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));
|
|
|
|
|
background-image: -o-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));
|
|
|
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.1)), color-stop(49%, rgba(255,255,255,.05)), color-stop(51%, rgba(0,0,0,.05)), to(rgba(0,0,0,.1)));
|
|
|
|
|
background-image: -webkit-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));
|
|
|
|
|
background-image: linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.zocial:hover, .zocial:focus {
|
|
|
|
|
background-image: -moz-linear-gradient(rgba(255,255,255,.15) 49%, rgba(0,0,0,.1) 51%, rgba(0,0,0,.15));
|
|
|
|
|
background-image: -ms-linear-gradient(rgba(255,255,255,.15) 49%, rgba(0,0,0,.1) 51%, rgba(0,0,0,.15));
|
|
|
|
|
background-image: -o-linear-gradient(rgba(255,255,255,.15) 49%, rgba(0,0,0,.1) 51%, rgba(0,0,0,.15));
|
|
|
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.15)), color-stop(49%, rgba(255,255,255,.15)), color-stop(51%, rgba(0,0,0,.1)), to(rgba(0,0,0,.15)));
|
|
|
|
|
background-image: -webkit-linear-gradient(rgba(255,255,255,.15) 49%, rgba(0,0,0,.1) 51%, rgba(0,0,0,.15));
|
|
|
|
|
background-image: linear-gradient(rgba(255,255,255,.15) 49%, rgba(0,0,0,.1) 51%, rgba(0,0,0,.15));
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.zocial:active {
|
|
|
|
|
background-image: -moz-linear-gradient(bottom, rgba(255,255,255,.1), rgba(255,255,255,0) 30%, transparent 50%, rgba(0,0,0,.1));
|
|
|
|
|
background-image: -ms-linear-gradient(bottom, rgba(255,255,255,.1), rgba(255,255,255,0) 30%, transparent 50%, rgba(0,0,0,.1));
|
|
|
|
|
background-image: -o-linear-gradient(bottom, rgba(255,255,255,.1), rgba(255,255,255,0) 30%, transparent 50%, rgba(0,0,0,.1));
|
|
|
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.1)), color-stop(30%, rgba(255,255,255,0)), color-stop(50%, transparent), to(rgba(0,0,0,.1)));
|
|
|
|
|
background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,.1), rgba(255,255,255,0) 30%, transparent 50%, rgba(0,0,0,.1));
|
|
|
|
|
background-image: linear-gradient(bottom, rgba(255,255,255,.1), rgba(255,255,255,0) 30%, transparent 50%, rgba(0,0,0,.1));
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Adjustments for light background buttons */
|
|
|
|
|
|
|
|
|
|
.zocial.acrobat,
|
|
|
|
|
.zocial.bitcoin,
|
|
|
|
|
.zocial.cloudapp,
|
|
|
|
|
.zocial.dropbox,
|
|
|
|
|
.zocial.email,
|
|
|
|
|
.zocial.eventful,
|
|
|
|
|
.zocial.github,
|
|
|
|
|
.zocial.gmail,
|
|
|
|
|
.zocial.instapaper,
|
|
|
|
|
.zocial.itunes,
|
|
|
|
|
.zocial.ninetyninedesigns,
|
|
|
|
|
.zocial.openid,
|
|
|
|
|
.zocial.plancast,
|
|
|
|
|
.zocial.pocket,
|
|
|
|
|
.zocial.posterous,
|
|
|
|
|
.zocial.reddit,
|
|
|
|
|
.zocial.secondary,
|
|
|
|
|
.zocial.stackoverflow,
|
|
|
|
|
.zocial.viadeo,
|
|
|
|
|
.zocial.weibo,
|
|
|
|
|
.zocial.wikipedia {
|
|
|
|
|
border: 1px solid #aaa;
|
|
|
|
|
border-color: rgba(0,0,0,0.3);
|
|
|
|
|
border-bottom-color: #777;
|
|
|
|
|
border-bottom-color: rgba(0,0,0,0.5);
|
|
|
|
|
-moz-box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.7), inset 0 0 0.08em rgba(255,255,255,0.5);
|
|
|
|
|
-webkit-box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.7), inset 0 0 0.08em rgba(255,255,255,0.5);
|
|
|
|
|
box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.7), inset 0 0 0.08em rgba(255,255,255,0.5);
|
|
|
|
|
text-shadow: 0 1px 0 rgba(255,255,255,0.8);
|
|
|
|
|
}
|
|
|
|
|
|
2016-07-28 14:00:04 +02:00
|
|
|
/* :hover adjustments for light background buttons */
|
|
|
|
|
|
|
|
|
|
.zocial.acrobat:focus,
|
|
|
|
|
.zocial.acrobat:hover,
|
|
|
|
|
.zocial.bitcoin:focus,
|
|
|
|
|
.zocial.bitcoin:hover,
|
|
|
|
|
.zocial.dropbox:focus,
|
|
|
|
|
.zocial.dropbox:hover,
|
|
|
|
|
.zocial.email:focus,
|
|
|
|
|
.zocial.email:hover,
|
|
|
|
|
.zocial.eventful:focus,
|
|
|
|
|
.zocial.eventful:hover,
|
|
|
|
|
.zocial.github:focus,
|
|
|
|
|
.zocial.github:hover,
|
|
|
|
|
.zocial.gmail:focus,
|
|
|
|
|
.zocial.gmail:hover,
|
|
|
|
|
.zocial.instapaper:focus,
|
|
|
|
|
.zocial.instapaper:hover,
|
|
|
|
|
.zocial.itunes:focus,
|
|
|
|
|
.zocial.itunes:hover,
|
|
|
|
|
.zocial.ninetyninedesigns:focus,
|
|
|
|
|
.zocial.ninetyninedesigns:hover,
|
|
|
|
|
.zocial.openid:focus,
|
|
|
|
|
.zocial.openid:hover,
|
|
|
|
|
.zocial.plancast:focus,
|
|
|
|
|
.zocial.plancast:hover,
|
|
|
|
|
.zocial.pocket:focus,
|
|
|
|
|
.zocial.pocket:hover,
|
|
|
|
|
.zocial.posterous:focus,
|
|
|
|
|
.zocial.posterous:hover,
|
|
|
|
|
.zocial.reddit:focus,
|
|
|
|
|
.zocial.reddit:hover,
|
|
|
|
|
.zocial.secondary:focus,
|
|
|
|
|
.zocial.secondary:hover,
|
|
|
|
|
.zocial.stackoverflow:focus,
|
|
|
|
|
.zocial.stackoverflow:hover,
|
|
|
|
|
.zocial.twitter:focus,
|
|
|
|
|
.zocial.viadeo:focus,
|
|
|
|
|
.zocial.viadeo:hover,
|
|
|
|
|
.zocial.weibo:focus,
|
|
|
|
|
.zocial.weibo:hover,
|
|
|
|
|
.zocial.wikipedia:focus,
|
|
|
|
|
.zocial.wikipedia:hover,
|
|
|
|
|
.zocial.houzz:focus,
|
|
|
|
|
.zocial.houzz:hover {
|
|
|
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.5)), color-stop(49%, rgba(255,255,255,0.2)), color-stop(51%, rgba(0,0,0,0.05)), to(rgba(0,0,0,0.15)));
|
|
|
|
|
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0.2) 49%, rgba(0,0,0,0.05) 51%, rgba(0,0,0,0.15));
|
|
|
|
|
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0.2) 49%, rgba(0,0,0,0.05) 51%, rgba(0,0,0,0.15));
|
|
|
|
|
background-image: -o-linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0.2) 49%, rgba(0,0,0,0.05) 51%, rgba(0,0,0,0.15));
|
|
|
|
|
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0.2) 49%, rgba(0,0,0,0.05) 51%, rgba(0,0,0,0.15));
|
|
|
|
|
background-image: linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0.2) 49%, rgba(0,0,0,0.05) 51%, rgba(0,0,0,0.15));
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* :active adjustments for light background buttons */
|
|
|
|
|
|
|
|
|
|
.zocial.acrobat:active,
|
|
|
|
|
.zocial.bitcoin:active,
|
|
|
|
|
.zocial.dropbox:active,
|
|
|
|
|
.zocial.email:active,
|
|
|
|
|
.zocial.eventful:active,
|
|
|
|
|
.zocial.github:active,
|
|
|
|
|
.zocial.gmail:active,
|
|
|
|
|
.zocial.instapaper:active,
|
|
|
|
|
.zocial.itunes:active,
|
|
|
|
|
.zocial.ninetyninedesigns:active,
|
|
|
|
|
.zocial.openid:active,
|
|
|
|
|
.zocial.plancast:active,
|
|
|
|
|
.zocial.pocket:active,
|
|
|
|
|
.zocial.posterous:active,
|
|
|
|
|
.zocial.reddit:active,
|
|
|
|
|
.zocial.secondary:active,
|
|
|
|
|
.zocial.stackoverflow:active,
|
|
|
|
|
.zocial.viadeo:active,
|
|
|
|
|
.zocial.weibo:active,
|
|
|
|
|
.zocial.wikipedia:active {
|
|
|
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), color-stop(30%, rgba(255,255,255,0)), color-stop(50%, rgba(0,0,0,0)), to(rgba(0,0,0,0.1)));
|
|
|
|
|
background-image: -moz-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,0) 30%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.1));
|
|
|
|
|
background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,0) 30%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.1));
|
|
|
|
|
background-image: -o-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,0) 30%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.1));
|
|
|
|
|
background-image: -ms-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,0) 30%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.1));
|
|
|
|
|
background-image: linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,0) 30%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.1));
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Button icon */
|
|
|
|
|
.zocial.acrobat:before { content: "\f100"; }
|
|
|
|
|
.zocial.amazon:before { content: "\f101"; }
|
|
|
|
|
.zocial.android:before { content: "\f102"; }
|
|
|
|
|
.zocial.angellist:before { content: "\f103"; }
|
|
|
|
|
.zocial.aol:before { content: "\f104"; }
|
|
|
|
|
.zocial.appnet:before { content: "\f105"; }
|
|
|
|
|
.zocial.appstore:before { content: "\f106"; }
|
|
|
|
|
.zocial.bitbucket:before { content: "\f107"; }
|
|
|
|
|
.zocial.bitcoin:before { content: "\f108"; }
|
|
|
|
|
.zocial.blogger:before { content: "\f109"; }
|
|
|
|
|
.zocial.buffer:before { content: "\f10a"; }
|
|
|
|
|
.zocial.cal:before { content: "\f10b"; }
|
|
|
|
|
.zocial.call:before { content: "\f10c"; }
|
|
|
|
|
.zocial.cart:before { content: "\f10d"; }
|
|
|
|
|
.zocial.chrome:before { content: "\f10e"; }
|
|
|
|
|
.zocial.cloudapp:before { content: "\f10f"; }
|
|
|
|
|
.zocial.creativecommons:before { content: "\f110"; }
|
|
|
|
|
.zocial.delicious:before { content: "\f111"; }
|
|
|
|
|
.zocial.digg:before { content: "\f112"; }
|
|
|
|
|
.zocial.disqus:before { content: "\f113"; }
|
|
|
|
|
.zocial.dribbble:before { content: "\f114"; }
|
|
|
|
|
.zocial.dropbox:before { content: "\f115"; }
|
|
|
|
|
.zocial.drupal:before { content: "\f116"; }
|
|
|
|
|
.zocial.dwolla:before { content: "\f118"; }
|
|
|
|
|
.zocial.email:before { content: "\f119"; }
|
|
|
|
|
.zocial.eventasaurus:before { content: "\f11a"; }
|
|
|
|
|
.zocial.eventbrite:before { content: "\f11b"; }
|
|
|
|
|
.zocial.eventful:before { content: "\f11c"; }
|
|
|
|
|
.zocial.evernote:before { content: "\f11d"; }
|
|
|
|
|
.zocial.facebook:before { content: "\f11e"; }
|
|
|
|
|
.zocial.fivehundredpx:before { content: "\f11f"; }
|
|
|
|
|
.zocial.flattr:before { content: "\f120"; }
|
|
|
|
|
.zocial.flickr:before { content: "\f121"; }
|
|
|
|
|
.zocial.forrst:before { content: "\f122"; }
|
|
|
|
|
.zocial.foursquare:before { content: "\f123"; }
|
|
|
|
|
.zocial.github:before { content: "\f124"; }
|
|
|
|
|
.zocial.gmail:before { content: "\f125"; }
|
|
|
|
|
.zocial.google:before { content: "\f126"; }
|
|
|
|
|
.zocial.googleplay:before { content: "\f127"; }
|
|
|
|
|
.zocial.googleplus:before { content: "\f128"; }
|
|
|
|
|
.zocial.gowalla:before { content: "\f129"; }
|
|
|
|
|
.zocial.grooveshark:before { content: "\f12a"; }
|
|
|
|
|
.zocial.guest:before { content: "\f12b"; }
|
|
|
|
|
.zocial.houzz:before { content: "\f167"; }
|
|
|
|
|
.zocial.html5:before { content: "\f12c"; }
|
|
|
|
|
.zocial.ie:before { content: "\f12d"; }
|
|
|
|
|
.zocial.instagram:before { content: "\f12e"; }
|
|
|
|
|
.zocial.instapaper:before { content: "\f12f"; }
|
|
|
|
|
.zocial.intensedebate:before { content: "\f130"; }
|
|
|
|
|
.zocial.itunes:before { content: "\f131"; }
|
|
|
|
|
.zocial.joinme:before { content: "\f165"; }
|
|
|
|
|
.zocial.klout:before { content: "\f132"; }
|
|
|
|
|
.zocial.lanyrd:before { content: "\f133"; }
|
|
|
|
|
.zocial.lastfm:before { content: "\f134"; }
|
|
|
|
|
.zocial.lego:before { content: "\f135"; }
|
|
|
|
|
.zocial.linkedin:before { content: "\f136"; }
|
|
|
|
|
.zocial.lkdto:before { content: "\f137"; }
|
|
|
|
|
.zocial.logmein:before { content: "\f138"; }
|
|
|
|
|
.zocial.macstore:before { content: "\f139"; }
|
|
|
|
|
.zocial.meetup:before { content: "\f13a"; }
|
|
|
|
|
.zocial.myspace:before { content: "\f13b"; }
|
|
|
|
|
.zocial.ninetyninedesigns:before { content: "\f13c"; }
|
|
|
|
|
.zocial.openid:before { content: "\f13d"; }
|
|
|
|
|
.zocial.opentable:before { content: "\f13e"; }
|
|
|
|
|
.zocial.paypal:before { content: "\f13f"; }
|
|
|
|
|
.zocial.persona:before { content: "\f164"; }
|
|
|
|
|
.zocial.pinboard:before { content: "\f140"; }
|
|
|
|
|
.zocial.pinterest:before { content: "\f141"; }
|
|
|
|
|
.zocial.plancast:before { content: "\f142"; }
|
|
|
|
|
.zocial.plurk:before { content: "\f143"; }
|
|
|
|
|
.zocial.pocket:before { content: "\f144"; }
|
|
|
|
|
.zocial.podcast:before { content: "\f145"; }
|
|
|
|
|
.zocial.posterous:before { content: "\f146"; }
|
|
|
|
|
.zocial.print:before { content: "\f147"; }
|
|
|
|
|
.zocial.quora:before { content: "\f148"; }
|
|
|
|
|
.zocial.reddit:before { content: "\f149"; }
|
|
|
|
|
.zocial.rss:before { content: "\f14a"; }
|
|
|
|
|
.zocial.scribd:before { content: "\f14b"; }
|
|
|
|
|
.zocial.skype:before { content: "\f14c"; }
|
|
|
|
|
.zocial.slack:before { content: "\f168"; }
|
|
|
|
|
.zocial.smashing:before { content: "\f14d"; }
|
|
|
|
|
.zocial.songkick:before { content: "\f14e"; }
|
|
|
|
|
.zocial.soundcloud:before { content: "\f14f"; }
|
|
|
|
|
.zocial.spotify:before { content: "\f150"; }
|
|
|
|
|
.zocial.stackoverflow:before { content: "\f151"; }
|
|
|
|
|
.zocial.statusnet:before { content: "\f152"; }
|
|
|
|
|
.zocial.steam:before { content: "\f153"; }
|
|
|
|
|
.zocial.stripe:before { content: "\f154"; }
|
|
|
|
|
.zocial.stumbleupon:before { content: "\f155"; }
|
|
|
|
|
.zocial.tumblr:before { content: "\f156"; }
|
|
|
|
|
.zocial.twitch:before { content: "\f166"; }
|
|
|
|
|
.zocial.twitter:before { content: "\f157"; }
|
|
|
|
|
.zocial.viadeo:before { content: "\f158"; }
|
|
|
|
|
.zocial.vimeo:before { content: "\f159"; }
|
|
|
|
|
.zocial.vk:before { content: "\f15a"; }
|
|
|
|
|
.zocial.weibo:before { content: "\f15b"; }
|
|
|
|
|
.zocial.wikipedia:before { content: "\f15c"; }
|
|
|
|
|
.zocial.windows:before { content: "\f15d"; }
|
|
|
|
|
.zocial.wordpress:before { content: "\f15e"; }
|
|
|
|
|
.zocial.xing:before { content: "\f15f"; }
|
|
|
|
|
.zocial.yahoo:before { content: "\f160"; }
|
|
|
|
|
.zocial.ycombinator:before { content: "\f161"; }
|
|
|
|
|
.zocial.yelp:before { content: "\f162"; }
|
|
|
|
|
.zocial.youtube:before { content: "\f163"; }
|
|
|
|
|
|
|
|
|
|
/* Button color */
|
|
|
|
|
.zocial.acrobat:before {color: #FB0000;}
|
|
|
|
|
.zocial.bitcoin:before {color: #f7931a;}
|
|
|
|
|
.zocial.dropbox:before {color: #1f75cc;}
|
|
|
|
|
.zocial.drupal:before {color: #fff;}
|
|
|
|
|
.zocial.email:before {color: #312c2a;}
|
|
|
|
|
.zocial.eventasaurus:before {color: #9de428;}
|
|
|
|
|
.zocial.eventful:before {color: #0066CC;}
|
|
|
|
|
.zocial.fivehundredpx:before {color: #29b6ff;}
|
|
|
|
|
.zocial.forrst:before {color: #50894f;}
|
|
|
|
|
.zocial.gmail:before {color: #f00;}
|
|
|
|
|
.zocial.itunes:before {color: #1a6dd2;}
|
|
|
|
|
.zocial.lego:before {color:#fff900;}
|
|
|
|
|
.zocial.ninetyninedesigns:before {color: #f50;}
|
|
|
|
|
.zocial.openid:before {color: #ff921d;}
|
|
|
|
|
.zocial.pocket:before {color:#ee4056;}
|
|
|
|
|
.zocial.persona:before {color:#fff;}
|
|
|
|
|
.zocial.reddit:before {color: red;}
|
|
|
|
|
.zocial.scribd:before {color: #00d5ea;}
|
|
|
|
|
.zocial.stackoverflow:before {color: #ff7a15;}
|
|
|
|
|
.zocial.statusnet:before {color: #fff;}
|
|
|
|
|
.zocial.viadeo:before {color: #f59b20;}
|
|
|
|
|
.zocial.weibo:before {color: #e6162d;}
|
|
|
|
|
.zocial.houzz:before {color: #ffffff;}
|
|
|
|
|
.zocial.slack:before {color: #fff;}
|
2013-02-22 17:59:33 +01:00
|
|
|
|
|
|
|
|
/* Button background and text color */
|
|
|
|
|
|
2016-07-28 14:00:04 +02:00
|
|
|
.zocial.acrobat {background-color: #fff; color: #000;}
|
|
|
|
|
.zocial.amazon {background-color: #ffad1d; color: #030037; text-shadow: 0 1px 0 rgba(255,255,255,0.5);}
|
|
|
|
|
.zocial.android {background-color: #a4c639;}
|
|
|
|
|
.zocial.angellist {background-color: #000;}
|
|
|
|
|
.zocial.aol {background-color: #f00;}
|
|
|
|
|
.zocial.appnet {background-color: #3178bd;}
|
|
|
|
|
.zocial.appstore {background-color: #000;}
|
|
|
|
|
.zocial.bitbucket {background-color: #205081;}
|
|
|
|
|
.zocial.bitcoin {background-color: #efefef; color: #4d4d4d;}
|
|
|
|
|
.zocial.blogger {background-color: #ee5a22;}
|
|
|
|
|
.zocial.buffer {background-color: #232323;}
|
|
|
|
|
.zocial.call {background-color: #008000;}
|
|
|
|
|
.zocial.cal {background-color: #d63538;}
|
|
|
|
|
.zocial.cart {background-color: #333;}
|
|
|
|
|
.zocial.chrome {background-color: #006cd4;}
|
|
|
|
|
.zocial.cloudapp {background-color: #fff; color: #312c2a;}
|
|
|
|
|
.zocial.creativecommons {background-color: #000;}
|
|
|
|
|
.zocial.delicious {background-color: #3271cb;}
|
|
|
|
|
.zocial.digg {background-color: #164673;}
|
|
|
|
|
.zocial.disqus {background-color: #5d8aad;}
|
|
|
|
|
.zocial.dribbble {background-color: #ea4c89;}
|
|
|
|
|
.zocial.dropbox {background-color: #fff; color: #312c2a;}
|
|
|
|
|
.zocial.drupal {background-color: #0077c0; color: #fff;}
|
|
|
|
|
.zocial.dwolla {background-color: #e88c02;}
|
|
|
|
|
.zocial.joinme {background-color: #FF8E00;}
|
|
|
|
|
.zocial.email {background-color: #f0f0eb; color: #312c2a;}
|
|
|
|
|
.zocial.eventasaurus {background-color: #192931; color: #fff;}
|
|
|
|
|
.zocial.eventbrite {background-color: #ff5616;}
|
|
|
|
|
.zocial.eventful {background-color: #fff; color: #47ab15;}
|
|
|
|
|
.zocial.evernote {background-color: #6bb130; color: #fff;}
|
|
|
|
|
.zocial.facebook {background-color: #4863ae;}
|
|
|
|
|
.zocial.fivehundredpx {background-color: #333;}
|
|
|
|
|
.zocial.flattr {background-color: #8aba42;}
|
|
|
|
|
.zocial.flickr {background-color: #ff0084;}
|
|
|
|
|
.zocial.forrst {background-color: #1e360d;}
|
|
|
|
|
.zocial.foursquare {background-color: #44a8e0;}
|
|
|
|
|
.zocial.github {background-color: #fbfbfb; color: #050505;}
|
|
|
|
|
.zocial.gmail {background-color: #efefef; color: #222;}
|
2013-02-22 17:59:33 +01:00
|
|
|
.zocial.google {background-color: #4e6cf7;}
|
2016-07-28 14:00:04 +02:00
|
|
|
.zocial.googleplay {background-color: #000;}
|
|
|
|
|
.zocial.googleplus {background-color: #dd4b39;}
|
|
|
|
|
.zocial.gowalla {background-color: #ff720a;}
|
|
|
|
|
.zocial.grooveshark {background-color: #111; color:#eee;}
|
|
|
|
|
.zocial.guest {background-color: #1b4d6d;}
|
|
|
|
|
.zocial.html5 {background-color: #ff3617;}
|
|
|
|
|
.zocial.ie {background-color: #00a1d9;}
|
|
|
|
|
.zocial.instapaper {background-color: #eee; color: #222;}
|
|
|
|
|
.zocial.instagram {background-color: #3f729b;}
|
|
|
|
|
.zocial.intensedebate {background-color: #0099e1;}
|
|
|
|
|
.zocial.klout {background-color: #e34a25;}
|
|
|
|
|
.zocial.itunes {background-color: #efefeb; color: #312c2a;}
|
|
|
|
|
.zocial.lanyrd {background-color: #2e6ac2;}
|
|
|
|
|
.zocial.lastfm {background-color: #dc1a23;}
|
|
|
|
|
.zocial.lego {background-color: #fb0000;}
|
|
|
|
|
.zocial.linkedin {background-color: #0083a8;}
|
|
|
|
|
.zocial.lkdto {background-color: #7c786f;}
|
|
|
|
|
.zocial.logmein {background-color: #000;}
|
|
|
|
|
.zocial.macstore {background-color: #007dcb}
|
|
|
|
|
.zocial.meetup {background-color: #ff0026;}
|
|
|
|
|
.zocial.myspace {background-color: #000;}
|
|
|
|
|
.zocial.ninetyninedesigns {background-color: #fff; color: #072243;}
|
|
|
|
|
.zocial.openid {background-color: #f5f5f5; color: #333;}
|
|
|
|
|
.zocial.opentable {background-color: #990000;}
|
|
|
|
|
.zocial.paypal {background-color: #fff; color: #32689a; text-shadow: 0 1px 0 rgba(255,255,255,0.5);}
|
|
|
|
|
.zocial.persona {background-color: #1258a1; color: #fff;}
|
|
|
|
|
.zocial.pinboard {background-color: blue;}
|
|
|
|
|
.zocial.pinterest {background-color: #c91618;}
|
|
|
|
|
.zocial.plancast {background-color: #e7ebed; color: #333;}
|
|
|
|
|
.zocial.plurk {background-color: #cf682f;}
|
|
|
|
|
.zocial.pocket {background-color: #fff; color: #777;}
|
|
|
|
|
.zocial.podcast {background-color: #9365ce;}
|
|
|
|
|
.zocial.posterous {background-color: #ffd959; color: #bc7134;}
|
|
|
|
|
.zocial.print {background-color: #f0f0eb; color: #222; text-shadow: 0 1px 0 rgba(255,255,255,0.8);}
|
|
|
|
|
.zocial.quora {background-color: #a82400;}
|
|
|
|
|
.zocial.reddit {background-color: #fff; color: #222;}
|
|
|
|
|
.zocial.rss {background-color: #ff7f25;}
|
|
|
|
|
.zocial.scribd {background-color: #231c1a;}
|
|
|
|
|
.zocial.skype {background-color: #00a2ed;}
|
|
|
|
|
.zocial.smashing {background-color: #ff4f27;}
|
|
|
|
|
.zocial.songkick {background-color: #ff0050;}
|
|
|
|
|
.zocial.soundcloud {background-color: #ff4500;}
|
|
|
|
|
.zocial.spotify {background-color: #60af00;}
|
|
|
|
|
.zocial.stackoverflow {background-color: #fff; color: #555;}
|
|
|
|
|
.zocial.statusnet {background-color: #829d25;}
|
|
|
|
|
.zocial.steam {background-color: #000;}
|
|
|
|
|
.zocial.stripe {background-color: #2f7ed6;}
|
|
|
|
|
.zocial.stumbleupon {background-color: #eb4924;}
|
|
|
|
|
.zocial.tumblr {background-color: #374a61;}
|
|
|
|
|
.zocial.twitter {background-color: #46c0fb;}
|
|
|
|
|
.zocial.twitch {background-color: #6441A5;}
|
|
|
|
|
.zocial.viadeo {background-color: #fff; color: #000;}
|
|
|
|
|
.zocial.vimeo {background-color: #00a2cd;}
|
|
|
|
|
.zocial.vk {background-color: #45688E;}
|
|
|
|
|
.zocial.weibo {background-color: #faf6f1; color: #000;}
|
|
|
|
|
.zocial.wikipedia {background-color: #fff; color: #000;}
|
|
|
|
|
.zocial.windows {background-color: #0052a4; color: #fff;}
|
|
|
|
|
.zocial.wordpress {background-color: #464646;}
|
|
|
|
|
.zocial.xing {background-color: #0a5d5e;}
|
|
|
|
|
.zocial.yahoo {background-color: #a200c2;}
|
|
|
|
|
.zocial.ycombinator {background-color: #ff6600;}
|
|
|
|
|
.zocial.yelp {background-color: #e60010;}
|
|
|
|
|
.zocial.youtube {background-color: #f00;}
|
|
|
|
|
.zocial.houzz {background-color: #9ac641; color: #fff;}
|
|
|
|
|
.zocial.slack {background-color: #3eb890; color: #fff;}
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
The Miscellaneous Buttons
|
|
|
|
|
These buttons have no icons and can be general purpose buttons while ensuring consistent button style
|
|
|
|
|
Credit to @guillermovs for suggesting
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
.zocial.primary, .zocial.secondary {margin: 0.1em 0; padding: 0 1em;}
|
|
|
|
|
.zocial.primary:before, .zocial.secondary:before {display: none;}
|
|
|
|
|
.zocial.primary {background-color: #333;}
|
|
|
|
|
.zocial.secondary {background-color: #f0f0eb; color: #222; text-shadow: 0 1px 0 rgba(255,255,255,0.8);}
|
2013-02-22 17:59:33 +01:00
|
|
|
|
|
|
|
|
/* Any browser-specific adjustments */
|
|
|
|
|
|
|
|
|
|
button:-moz-focus-inner {
|
|
|
|
|
border: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Reference icons from font-files
|
2016-07-28 14:00:04 +02:00
|
|
|
** Base 64-encoded version recommended to resolve cross-site font-loading issues
|
2013-02-22 17:59:33 +01:00
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
@font-face {
|
2016-07-28 14:00:04 +02:00
|
|
|
font-family: "zocial";
|
|
|
|
|
src: url("./zocial.eot");
|
|
|
|
|
src: url("./zocial.eot?#iefix") format("embedded-opentype"),
|
|
|
|
|
url(data:application/x-font-woff;charset=utf-8;base64,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
|
|
|
|
|
url("./zocial.woff") format("woff"),
|
|
|
|
|
url("./zocial.ttf") format("truetype"),
|
|
|
|
|
url("./zocial.svg#zocial") format("svg");
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
font-style: normal;
|
2013-02-22 17:59:33 +01:00
|
|
|
}
|
|
|
|
|
|
2016-07-28 14:00:04 +02:00
|
|
|
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: "zocial";
|
|
|
|
|
src: url("./zocial.svg#zocial") format("svg");
|
|
|
|
|
}
|
2013-02-22 17:59:33 +01:00
|
|
|
}
|
