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 | }
|
---|