Last change
on this file since 28644 was 28644, checked in by jlwhisler, 10 years ago |
A new interface created using a CSS template by luiszuno.com. Based on the default interface.
|
File size:
1.6 KB
|
Line | |
---|
1 | @import "palette.less";
|
---|
2 |
|
---|
3 |
|
---|
4 | #social-bar-holder{
|
---|
5 | float: left;
|
---|
6 | width: 100%;
|
---|
7 | position: relative;
|
---|
8 | background: url(../img/transparent-dark.png);
|
---|
9 | border-bottom: 1px solid #f4f3ea;
|
---|
10 | padding-top: 14px;
|
---|
11 | padding-bottom: 9px;
|
---|
12 | }
|
---|
13 |
|
---|
14 | #social-bar{
|
---|
15 | display: block;
|
---|
16 | clear: left;
|
---|
17 | float: right;
|
---|
18 | position: relative;
|
---|
19 | right: 50%;
|
---|
20 | text-align: center;
|
---|
21 |
|
---|
22 | li{
|
---|
23 | display: block;
|
---|
24 | float: left;
|
---|
25 | left: 50%;
|
---|
26 | position: relative;
|
---|
27 | overflow: hidden;
|
---|
28 | width: 32px;
|
---|
29 | height: 32px;
|
---|
30 | margin-left: 5px;
|
---|
31 | margin-right: 5px;
|
---|
32 | margin-bottom: 5px;
|
---|
33 | .border-radius();
|
---|
34 |
|
---|
35 | a{
|
---|
36 | position: absolute;
|
---|
37 | height: 64px;
|
---|
38 | width: 32px;
|
---|
39 | top: 0;
|
---|
40 | left: 0px;
|
---|
41 | background-repeat: no-repeat;
|
---|
42 | .transition(0.15s);
|
---|
43 |
|
---|
44 | &:hover{
|
---|
45 | top:-32px;
|
---|
46 | }
|
---|
47 | }
|
---|
48 |
|
---|
49 |
|
---|
50 |
|
---|
51 | }
|
---|
52 |
|
---|
53 | .dribbble a{
|
---|
54 | background-image: url('../img/social/dribbble.png');
|
---|
55 | }
|
---|
56 |
|
---|
57 | .facebook a{
|
---|
58 | background-image: url('../img/social/facebook.png');
|
---|
59 | }
|
---|
60 |
|
---|
61 | .flickr a{
|
---|
62 | background-image: url('../img/social/flickr.png');
|
---|
63 | }
|
---|
64 |
|
---|
65 | .forrst a{
|
---|
66 | background-image: url('../img/social/forrst.png');
|
---|
67 | }
|
---|
68 |
|
---|
69 | .github a{
|
---|
70 | background-image: url('../img/social/github.png');
|
---|
71 | }
|
---|
72 |
|
---|
73 | .googleplus a{
|
---|
74 | background-image: url('../img/social/googleplus.png');
|
---|
75 | }
|
---|
76 |
|
---|
77 | .lastfm a{
|
---|
78 | background-image: url('../img/social/lastfm.png');
|
---|
79 | }
|
---|
80 |
|
---|
81 | .linkedin a{
|
---|
82 | background-image: url('../img/social/linkedin.png');
|
---|
83 | }
|
---|
84 |
|
---|
85 | .rss a{
|
---|
86 | background-image: url('../img/social/rss.png');
|
---|
87 | }
|
---|
88 |
|
---|
89 | .twitter a{
|
---|
90 | background-image: url('../img/social/twitter.png');
|
---|
91 | }
|
---|
92 |
|
---|
93 | .vimeo a{
|
---|
94 | background-image: url('../img/social/vimeo.png');
|
---|
95 | }
|
---|
96 |
|
---|
97 | .youtube a{
|
---|
98 | background-image: url('../img/social/youtube.png');
|
---|
99 | }
|
---|
100 |
|
---|
101 | } |
---|
Note:
See
TracBrowser
for help on using the repository browser.