-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathvimmer.css
120 lines (115 loc) · 5.07 KB
/
vimmer.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
html,body{margin:0; padding:0; font:16px/1 Helvetica,Tahoma,Arial,\5b8b\4f53,sans-serif;}
#wrapper{width:90%; margin:0 auto;}
header{
text-align:center; display:block; width:100%;
}
section{margin-bottom:300px; display:block;}
#key{
font-size:2em; padding:3px 5px; border:1px solid #ccc; margin:8px auto;
-moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
}
#vimmer-list ul{list-style-type:none; margin:0; padding:0;}
#vimmer-list ul:after{content:"\0020"; display:block; height:0; clear:both;}
#vimmer-list ul{zoom:1;}
#vimmer-list li{
list-style-type:none;
margin:8px;
padding:5px;
border:1px solid #eee;
background:#f8f8f8 none;
float:left;
width:180px;
height:99px;
overflow:hidden;
-moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
position:relative;
/*-moz-opacity:.5; opacity:.5;*/
}
#vimmer-list li:hover{
border-color:#666;
background:#333 none;
color:#fff;
}
#vimmer-list li div.gravatar{background:transparent none; padding:2px;}
#vimmer-list li:hover div.gravatar{background:#fff none;}
#vimmer-list li i{
position:absolute;
right:10px; top:5px; color:#eee;
font-size:2em;
}
#vimmer-list li:hover i{color:#ccc;}
#vimmer-list a{color:#333;}
#vimmer-list li:hover a{color:#fff;}
#hover-pane{
position:absolute; top:0; left:0; display:none;
width:180px;
height:auto;
overflow:hidden;
padding:5px;
background:#000 none;
border:1px solid #666;
color:#fff;
/*zoom:1.5;*/
/*-webkit-transform:scale(1.5);*/
/*-moz-transform:scale(1.5);*/
/*-o-transform:scale(1.5);*/
-moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
z-index:100;
-moz-opacity:.85; opacity:.85;/* -ms-filter:"alpha(opacity=85)"; filter:alpha(opacity=85); zoom:1;*/
}
#hover-pane div{padding:3px 0; white-space:nowrap;/* font-weight:bold;*/}
#hover-pane div.gravatar{background:#fff none; padding:2px;}
#hover-pane a{color:#fff;}
#hover-pane i{position:absolute; top:5px; right:10px; color:#ccc; font-size:2em;}
div a{padding-left:20px; background:transparent none no-repeat 0 center; text-decoration:none; color:#999!important; line-height:1.2em;}
div a cite{color:#999!important; font-style:normal;}
div a:hover{color:#fff!important;/* text-decoration:underline;*/}
div a:hover cite{color:#f60!important;}
div.name{white-space:nowrap;}
div.mail a{background-image:url(icons/gmail.gif);}
div.twitter a{background-image:url(icons/twitter.png);}
div.yahoo_meme a{background-image:url(icons/yahoo-meme.gif);}
div.github a{background-image:url(icons/github.png);}
div.flickr a{background-image:url(icons/flickr.png);}
div.delicious a{background-image:url(icons/delicious.png);}
div.douban a{background-image:url(icons/douban.png);}
div.vim_org a{background-image:url(icons/vim_org.png);}
div.qq{background:transparent url(icons/qq.png) no-repeat 0 center; padding-left:20px!important;}
div.memo{margin-top:10px;border-top:1px solid #666; padding-top:10px; line-height:1.5em; font-size:.85em; color:#999;}
ul.switch-bar{margin:0; padding:0; list-style-type:none;}
ul.switch-bar:after{content:"\0020"; display:block; height:0; clear:both;}
ul.switch-bar{zoom:1;}
ul.switch-bar li{margin:0; paddding:0; list-style-type:none; float:left;}
ul.switch-bar li label,
ul.switch-bar li a{padding:2px 8px; line-height:1.2em;}
ul.switch-bar li label{color:#999; border:1px solid #fff; display:inline-block;}
ul.switch-bar li a{text-decoration:none; color:#333;
border-width:1px 0; border-style:solid; border-color:#ccc;
display:block;
}
ul.switch-bar li a:hover{background:#eee none; color:#333;}
ul.switch-bar li.active a{background:#666 none; color:#fff; border-color:#666; font-weight:bold;}
ul.switch-bar li.first a{
border-left-width:1px;
-moz-border-radius:3px 0 0 3px;
-khtml-border-radius:3px 0 0 3px;
-webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:0;
-webkit-border-bottom-right-radius:0; -webkit-border-bottom-left-radius:3px;
border-radius:3px 0 0 3px;
}
ul.switch-bar li.last a{
border-right-width:1px;
-moz-border-radius:0 3px 3px 0;
-khtml-border-radius:0 3px 3px 0;
-webkit-border-top-left-radius:0; -webkit-border-top-right-radius:3px;
-webkit-border-bottom-right-radius:3px; -webkit-border-bottom-left-radius:0;
border-radius:0 3px 3px 0;
}
ul.switch-bar.blue-sky li label{color:#8ec2f5;}
ul.switch-bar.blue-sky li a{color:#8ec2f5; border-color:#8ec2f5;}
ul.switch-bar.blue-sky li a:hover{background-color:#d6e9fc; color:#49e;}
ul.switch-bar.blue-sky li.active a{background-color:#8ec2f5; color:#fff;}
ul.switch-bar.gold li label{color:#fe9d01;}
ul.switch-bar.gold li a{color:#fe9d01; border-color:#fe9d01;}
ul.switch-bar.gold li a:hover{background-color:#fff7d2; color:#fe9d01;}
ul.switch-bar.gold li.active a{background-color:#fe9d01; color:#fff;}