Skip to content

Commit

Permalink
Correct syntax for pseduo eleements
Browse files Browse the repository at this point in the history
  • Loading branch information
Sam Collins committed May 18, 2012
1 parent bb2b746 commit ce8afe0
Showing 1 changed file with 76 additions and 76 deletions.
152 changes: 76 additions & 76 deletions css/zocial.css
View file
Original file line number Original file line Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@ a.zocial {
border-radius: .3em; border-radius: .3em;
} }


.zocial:before { .zocial::before {
content: ""; content: "";
border-right: 0.075em solid rgba(0,0,0,0.1); border-right: 0.075em solid rgba(0,0,0,0.1);
float: left; float: left;
Expand Down Expand Up @@ -83,7 +83,7 @@ a.zocial {
padding-right: 0; padding-right: 0;
max-height: 2.15em; max-height: 2.15em;
} }
.zocial.icon:before { .zocial.icon::before {
padding: 0; padding: 0;
width: 2em; width: 2em;
height: 2em; height: 2em;
Expand Down Expand Up @@ -221,79 +221,79 @@ a.zocial {


/* Button icon and color */ /* Button icon and color */
/* Icon characters are stored in unicode private area */ /* Icon characters are stored in unicode private area */
.zocial.amazon:before {content: "\E040";} .zocial.amazon::before {content: "\E040";}
.zocial.android:before {content: "\E005";} .zocial.android::before {content: "\E005";}
.zocial.aol:before {content: "\E001";} .zocial.aol::before {content: "\E001";}
.zocial.appstore:before {content: "\E020";} .zocial.appstore::before {content: "\E020";}
.zocial.bitcoin:before {content: "\E011"; color: #f7931a;} .zocial.bitcoin::before {content: "\E011"; color: #f7931a;}
.zocial.blogger:before {content: "\E021";} .zocial.blogger::before {content: "\E021";}
.zocial.call:before {content: "\E016";} .zocial.call::before {content: "\E016";}
.zocial.cal:before {content: "\E00D";} .zocial.cal::before {content: "\E00D";}
.zocial.chrome:before {content: "\E03A";} .zocial.chrome::before {content: "\E03A";}
.zocial.cloudapp:before {content: "\E042";} .zocial.cloudapp::before {content: "\E042";}
.zocial.creativecommons:before {content: "\E022";} .zocial.creativecommons::before {content: "\E022";}
.zocial.disqus:before {content: "\E030";} .zocial.disqus::before {content: "\E030";}
.zocial.dribbble:before {content: "\E023";} .zocial.dribbble::before {content: "\E023";}
.zocial.dropbox:before {content: "\E043"; color: #1f75cc;} .zocial.dropbox::before {content: "\E043"; color: #1f75cc;}
.zocial.email:before {content: "\E03C"; color: #312c2a;} .zocial.email::before {content: "\E03C"; color: #312c2a;}
.zocial.eventasaurus:before {content: "\E055"; color: #9de428;} .zocial.eventasaurus::before {content: "\E055"; color: #9de428;}
.zocial.eventbrite:before {content: "\E05B";} .zocial.eventbrite::before {content: "\E05B";}
.zocial.eventful:before {content: "\E006"; color: #0066CC;} .zocial.eventful::before {content: "\E006"; color: #0066CC;}
.zocial.evernote:before {content: "\E024";} .zocial.evernote::before {content: "\E024";}
.zocial.facebook:before {content: "\E045";} .zocial.facebook::before {content: "\E045";}
.zocial.fivehundredpx:before {content: "\E00F"; color: #29b6ff;} .zocial.fivehundredpx::before {content: "\E00F"; color: #29b6ff;}
.zocial.flattr:before {content: "\E004";} .zocial.flattr::before {content: "\E004";}
.zocial.forrst:before {content: "\E019"; color: #50894f;} .zocial.forrst::before {content: "\E019"; color: #50894f;}
.zocial.foursquare:before {content: "\E013";} .zocial.foursquare::before {content: "\E013";}
.zocial.github:before {content: "\E046";} .zocial.github::before {content: "\E046";}
.zocial.gmail:before {content: "\E04C"; color: #f00;} .zocial.gmail::before {content: "\E04C"; color: #f00;}
.zocial.google:before {content: "\E026";} .zocial.google::before {content: "\E026";}
.zocial.googleplus:before {content: "\E00A";} .zocial.googleplus::before {content: "\E00A";}
.zocial.gowalla:before {content: "\E01F";} .zocial.gowalla::before {content: "\E01F";}
.zocial.grooveshark:before {content: "\E017";} .zocial.grooveshark::before {content: "\E017";}
.zocial.guest:before {content: "\E01E";} .zocial.guest::before {content: "\E01E";}
.zocial.html5:before {content: "\E014";} .zocial.html5::before {content: "\E014";}
.zocial.ie:before {content: "\E015";} .zocial.ie::before {content: "\E015";}
.zocial.instapaper:before {content: "\E028";} .zocial.instapaper::before {content: "\E028";}
.zocial.intensedebate:before {content: "\E05A";} .zocial.intensedebate::before {content: "\E05A";}
.zocial.itunes:before {content: "\E048"; color: #1a6dd2;} .zocial.itunes::before {content: "\E048"; color: #1a6dd2;}
.zocial.klout:before {content: "\E02A"; } .zocial.klout::before {content: "\E02A"; }
.zocial.lanyrd:before {content: "\E00C";} .zocial.lanyrd::before {content: "\E00C";}
.zocial.lastfm:before {content: "\E04B";} .zocial.lastfm::before {content: "\E04B";}
.zocial.linkedin:before {content: "\E02B";} .zocial.linkedin::before {content: "\E02B";}
.zocial.macstore:before {content: "\E03D";} .zocial.macstore::before {content: "\E03D";}
.zocial.meetup:before {content: "\E02C";} .zocial.meetup::before {content: "\E02C";}
.zocial.myspace:before {content: "\E03E";} .zocial.myspace::before {content: "\E03E";}
.zocial.ninetyninedesigns:before {content: "\E018"; color: #f50;} .zocial.ninetyninedesigns::before {content: "\E018"; color: #f50;}
.zocial.openid:before {content: "\E04E"; color: #ff921d;} .zocial.openid::before {content: "\E04E"; color: #ff921d;}
.zocial.paypal:before {content: "\E003";} .zocial.paypal::before {content: "\E003";}
.zocial.pinboard:before {content: "\E04D";} .zocial.pinboard::before {content: "\E04D";}
.zocial.pinterest:before {content: "\E010";} .zocial.pinterest::before {content: "\E010";}
.zocial.plancast:before {content: "\E02F";} .zocial.plancast::before {content: "\E02F";}
.zocial.plurk:before {content: "\E049";} .zocial.plurk::before {content: "\E049";}
.zocial.podcast:before {content: "\E03F";} .zocial.podcast::before {content: "\E03F";}
.zocial.posterous:before {content: "\E05D";} .zocial.posterous::before {content: "\E05D";}
.zocial.quora:before {content: "\E050";} .zocial.quora::before {content: "\E050";}
.zocial.rss:before {content: "\E031";} .zocial.rss::before {content: "\E031";}
.zocial.scribd:before {content: "\E05C"; color: #00d5ea;} .zocial.scribd::before {content: "\E05C"; color: #00d5ea;}
.zocial.skype:before {content: "\E032";} .zocial.skype::before {content: "\E032";}
.zocial.smashing:before {content: "\E009";} .zocial.smashing::before {content: "\E009";}
.zocial.songkick:before {content: "\E04A";} .zocial.songkick::before {content: "\E04A";}
.zocial.soundcloud:before {content: "\E052";} .zocial.soundcloud::before {content: "\E052";}
.zocial.spotify:before {content: "\E01C";} .zocial.spotify::before {content: "\E01C";}
.zocial.stumbleupon:before {content: "\E00E";} .zocial.stumbleupon::before {content: "\E00E";}
.zocial.tumblr:before {content: "\E053";} .zocial.tumblr::before {content: "\E053";}
.zocial.twitter:before {content: "\E033";} .zocial.twitter::before {content: "\E033";}
.zocial.viadeo:before {content: "\E027"; color: #f59b20;} .zocial.viadeo::before {content: "\E027"; color: #f59b20;}
.zocial.vimeo:before {content: "\E035";} .zocial.vimeo::before {content: "\E035";}
.zocial.weibo:before {content: "\E029"; color: #e6162d;} .zocial.weibo::before {content: "\E029"; color: #e6162d;}
.zocial.wikipedia:before {content: "\E00B";} .zocial.wikipedia::before {content: "\E00B";}
.zocial.windows:before {content: "\E036";} .zocial.windows::before {content: "\E036";}
.zocial.xing:before {content: "\E037"} .zocial.xing::before {content: "\E037"}
.zocial.wordpress:before {content: "\E056";} .zocial.wordpress::before {content: "\E056";}
.zocial.yahoo:before {content: "\E038";} .zocial.yahoo::before {content: "\E038";}
.zocial.yelp:before {content: "\E058";} .zocial.yelp::before {content: "\E058";}
.zocial.youtube:before {content: "\E034";} .zocial.youtube::before {content: "\E034";}


/* Button background and text color */ /* Button background and text color */


Expand Down Expand Up @@ -378,7 +378,7 @@ Credit to @guillermovs for suggesting
*/ */


.zocial.primary, .zocial.secondary {margin: 0.1em 0; padding: 0 1em;} .zocial.primary, .zocial.secondary {margin: 0.1em 0; padding: 0 1em;}
.zocial.primary:before, .zocial.secondary:before {display: none;} .zocial.primary::before, .zocial.secondary::before {display: none;}
.zocial.primary {background-color: #333;} .zocial.primary {background-color: #333;}
.zocial.secondary {background-color: #f0f0eb; color: #222; text-shadow: 0 1px 0 rgba(255,255,255,0.8);} .zocial.secondary {background-color: #f0f0eb; color: #222; text-shadow: 0 1px 0 rgba(255,255,255,0.8);}


Expand Down

0 comments on commit ce8afe0

Please sign in to comment.