113 lines
3.1 KiB
CSS
113 lines
3.1 KiB
CSS
|
.sfTable {
|
||
|
|
display : table;
|
||
|
|
border-collapse: collapse;
|
||
|
|
width : 207px;
|
||
|
|
height : 57px;
|
||
|
|
}
|
||
|
|
.sfTwitter {
|
||
|
|
background : url(../img/twitter-watermark.png) no-repeat right bottom;
|
||
|
|
border : 1px solid #CCCCCC;
|
||
|
|
background-color : #F9F9F9;
|
||
|
|
}
|
||
|
|
.sfFacebook {
|
||
|
|
background : url(../img/facebook-watermark.gif) no-repeat right bottom;
|
||
|
|
border : 1px solid #C4CDE0;
|
||
|
|
background-color : #EDEFF4;
|
||
|
|
}
|
||
|
|
.sfGithub {
|
||
|
|
background : url(../img/github-watermark.gif) no-repeat right bottom;
|
||
|
|
border : 1px solid #D4D4D4;
|
||
|
|
background-color: #ececec;
|
||
|
|
}
|
||
|
|
.sfBitbucket {
|
||
|
|
background : url(../img/bitbucket-watermark.png) no-repeat right bottom;
|
||
|
|
border : 1px solid #D4D4D4;
|
||
|
|
background-color: #ececec;
|
||
|
|
}
|
||
|
|
.sfRow {
|
||
|
|
display : table-row;
|
||
|
|
width : 100%;
|
||
|
|
}
|
||
|
|
.sfCell1 {
|
||
|
|
display : table-cell;
|
||
|
|
width : 48px;
|
||
|
|
padding : 4px 0px 0px 5px;
|
||
|
|
}
|
||
|
|
.sfCell2 {
|
||
|
|
display : table-cell;
|
||
|
|
vertical-align : top;
|
||
|
|
text-align : left;
|
||
|
|
padding-left : 10px;
|
||
|
|
padding-top : 3px;
|
||
|
|
width : 146px;
|
||
|
|
}
|
||
|
|
.sfCell2 div.sfHandle {
|
||
|
|
font : 13px "Tahoma",Helvetica,Arial,sans-serif;
|
||
|
|
font-weight : bold;
|
||
|
|
margin-right : 5px;
|
||
|
|
width : 140px;
|
||
|
|
word-wrap: break-word;
|
||
|
|
}
|
||
|
|
.sfTwitter div.sfHandle {
|
||
|
|
color : #0084B4;
|
||
|
|
}
|
||
|
|
.sfFacebook div.sfHandle {
|
||
|
|
color : #627AAD;
|
||
|
|
}
|
||
|
|
.sfGithub div.sfHandle {
|
||
|
|
color : #333;
|
||
|
|
}
|
||
|
|
.sfCell2 div.sfFans {
|
||
|
|
font : 11px "Tahoma",Helvetica,Arial,sans-serif;
|
||
|
|
color : #999;
|
||
|
|
font-weight : bold;
|
||
|
|
padding-top : 5px;
|
||
|
|
}
|
||
|
|
.sfCell2 div.sfFans span { padding-right : 10px; }
|
||
|
|
.sfCell2 div.sfFans span.hireable { color : #A229A9; }
|
||
|
|
.sfTwitter .sfCell2 div.sfFans span.following {
|
||
|
|
background : url(../img/twitter.ico) no-repeat left center;
|
||
|
|
padding-left : 20px;
|
||
|
|
}
|
||
|
|
.sfTwitter .sfCell2 div.sfFans span.followers {
|
||
|
|
background : url(../img/twitterr.ico) no-repeat left center;
|
||
|
|
padding-left : 20px;
|
||
|
|
}
|
||
|
|
.sfGithub .sfCell2 div.sfFans span.public_repos {
|
||
|
|
background : url(../img/repos.gif) no-repeat left center;
|
||
|
|
padding-left : 20px;
|
||
|
|
}
|
||
|
|
.sfGithub .sfCell2 div.sfFans span.followers {
|
||
|
|
background : url(../img/githubr.ico) no-repeat left center;
|
||
|
|
padding-left : 20px;
|
||
|
|
}
|
||
|
|
.sfBitbucket .sfCell2 div.sfFans span.public_repos {
|
||
|
|
background : url(../img/repos.gif) no-repeat left center;
|
||
|
|
padding-left : 20px;
|
||
|
|
}
|
||
|
|
.sfBitbucket .sfCell2 div.sfFans span.followers {
|
||
|
|
background : url(../img/bitbucket.ico) no-repeat left center;
|
||
|
|
padding-left : 20px;
|
||
|
|
}
|
||
|
|
.sfFacebook .sfCell2 div.sfFans span.following {
|
||
|
|
background : url(../img/friends.gif) no-repeat left center;
|
||
|
|
padding-left : 20px;
|
||
|
|
}
|
||
|
|
.sfFacebook .sfCell2 div.sfFans span.following {
|
||
|
|
background : url(../img/friends.gif) no-repeat left center;
|
||
|
|
padding-left : 20px;
|
||
|
|
}
|
||
|
|
img.ico {
|
||
|
|
vertical-align : middle;
|
||
|
|
margin-right : 5px;
|
||
|
|
}
|
||
|
|
img.sfProfilePic {
|
||
|
|
-webkit-border-radius: 4px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
|
||
|
|
border-radius: 4px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
|
||
|
|
/* useful if you don't want a bg color from leaking outside the border: */
|
||
|
|
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
|
||
|
|
}
|
||
|
|
a.sfLink {
|
||
|
|
text-decoration: none;
|
||
|
|
}
|