| 1 | /* Vars ----------------------------------------------------*//* Mixins ----------------------------------------------------*/#social-bar-holder {
|
|---|
| 2 | float: left;
|
|---|
| 3 | width: 100%;
|
|---|
| 4 | position: relative;
|
|---|
| 5 | background: url(../img/transparent-dark.png);
|
|---|
| 6 | border-bottom: 1px solid #f4f3ea;
|
|---|
| 7 | padding-top: 14px;
|
|---|
| 8 | padding-bottom: 9px;
|
|---|
| 9 | }
|
|---|
| 10 | #social-bar {
|
|---|
| 11 | display: block;
|
|---|
| 12 | clear: left;
|
|---|
| 13 | float: right;
|
|---|
| 14 | position: relative;
|
|---|
| 15 | right: 50%;
|
|---|
| 16 | text-align: center;
|
|---|
| 17 | }
|
|---|
| 18 | #social-bar li {
|
|---|
| 19 | display: block;
|
|---|
| 20 | float: left;
|
|---|
| 21 | left: 50%;
|
|---|
| 22 | position: relative;
|
|---|
| 23 | overflow: hidden;
|
|---|
| 24 | width: 32px;
|
|---|
| 25 | height: 32px;
|
|---|
| 26 | margin-left: 5px;
|
|---|
| 27 | margin-right: 5px;
|
|---|
| 28 | margin-bottom: 5px;
|
|---|
| 29 | -moz-border-radius: 40px 40px 40px 40px;
|
|---|
| 30 | -webkit-border-radius: 40px 40px 40px 40px;
|
|---|
| 31 | border-radius: 40px 40px 40px 40px;
|
|---|
| 32 | }
|
|---|
| 33 | #social-bar li a {
|
|---|
| 34 | position: absolute;
|
|---|
| 35 | height: 64px;
|
|---|
| 36 | width: 32px;
|
|---|
| 37 | top: 0;
|
|---|
| 38 | left: 0px;
|
|---|
| 39 | background-repeat: no-repeat;
|
|---|
| 40 | -webkit-transition: all 0.15s ease;
|
|---|
| 41 | -moz-transition: all 0.15s ease;
|
|---|
| 42 | -o-transition: all 0.15s ease;
|
|---|
| 43 | transition: all 0.15s ease;
|
|---|
| 44 | }
|
|---|
| 45 | #social-bar li a:hover {
|
|---|
| 46 | top: -32px;
|
|---|
| 47 | }
|
|---|
| 48 | #social-bar .dribbble a {
|
|---|
| 49 | background-image: url('../img/social/dribbble.png');
|
|---|
| 50 | }
|
|---|
| 51 | #social-bar .facebook a {
|
|---|
| 52 | background-image: url('../img/social/facebook.png');
|
|---|
| 53 | }
|
|---|
| 54 | #social-bar .flickr a {
|
|---|
| 55 | background-image: url('../img/social/flickr.png');
|
|---|
| 56 | }
|
|---|
| 57 | #social-bar .forrst a {
|
|---|
| 58 | background-image: url('../img/social/forrst.png');
|
|---|
| 59 | }
|
|---|
| 60 | #social-bar .github a {
|
|---|
| 61 | background-image: url('../img/social/github.png');
|
|---|
| 62 | }
|
|---|
| 63 | #social-bar .googleplus a {
|
|---|
| 64 | background-image: url('../img/social/googleplus.png');
|
|---|
| 65 | }
|
|---|
| 66 | #social-bar .lastfm a {
|
|---|
| 67 | background-image: url('../img/social/lastfm.png');
|
|---|
| 68 | }
|
|---|
| 69 | #social-bar .linkedin a {
|
|---|
| 70 | background-image: url('../img/social/linkedin.png');
|
|---|
| 71 | }
|
|---|
| 72 | #social-bar .rss a {
|
|---|
| 73 | background-image: url('../img/social/rss.png');
|
|---|
| 74 | }
|
|---|
| 75 | #social-bar .twitter a {
|
|---|
| 76 | background-image: url('../img/social/twitter.png');
|
|---|
| 77 | }
|
|---|
| 78 | #social-bar .vimeo a {
|
|---|
| 79 | background-image: url('../img/social/vimeo.png');
|
|---|
| 80 | }
|
|---|
| 81 | #social-bar .youtube a {
|
|---|
| 82 | background-image: url('../img/social/youtube.png');
|
|---|
| 83 | }
|
|---|
