1
- blockquote , body , button , code , dd , div , dl , dt , fieldset , form , h1 , h2 , h3 , h4 , h5 , h6 , input , legend , li , pre , textarea , ul {margin : 0 ;padding : 0 }img {border : 0 ;display : block}ul {list-style : none}h1 , h2 , h3 , h4 , h5 , h6 {font-size : 100% ;font-weight : 400 }, button , input {font-family : inherit;font-size : inherit;font-style : inherit;font-weight : inherit}a {color : # 666 ;text-decoration : none}html {background : url (images/bg.gif)}body {font : 12px 'Microsoft YaHei' , SimSun, Helvetica, Tahoma, Arial, sans-serif!important ;color : # 666 }# main {margin-top : 150px }# main ul {padding : 10px 20px ;height : 50px ;text-align : center}# main li {position : relative;display : inline;margin-right : 1em ;font-family : Frutiger, Helvetica, sans-serif;font-size : 16px ;padding : 1em 1.5em ;color : # 999 ;text-decoration : none;text-shadow : 0 1px 0 rgba (255 , 255 , 255 , .75 );-moz-border-radius : 5px ;-webkit-border-radius : 5px ;border-radius : 5px ;border-top : 1px solid # fff ;border-bottom : 1px solid # eee ;-webkit-box-shadow : inset 0 0 2em rgba (0 , 0 , 0 , .05 ), 0 3px 0 # ddd, 0 3px 2px rgba (0 , 0 , 0 , .5 );-moz-box-shadow : inset 0 0 2em rgba (0 , 0 , 0 , .05 ), 0 3px 0 # ddd, 0 3px 2px rgba (0 , 0 , 0 , .5 );box-shadow : inset 0 0 2em rgba (0 , 0 , 0 , .05 ), 0 3px 0 # ddd, 0 3px 2px rgba (0 , 0 , 0 , .5 );background : # fff ;background : -moz-radial-gradient (center, ellipse cover, # fff 16% , # f6f6f6 75% , # ededed 100% );background : -webkit-gradient (radial, center center, 0 , center center, 100% , color-stop (16% , # fff ), color-stop (75% , # f6f6f6 ), color-stop (100% , # ededed ));background : -webkit-radial-gradient (center, ellipse cover, # fff 16% , # f6f6f6 75% , # ededed 100% );background : -o-radial-gradient (center, ellipse cover, # fff 16% , # f6f6f6 75% , # ededed 100% );background : -ms-radial-gradient (center, ellipse cover, # fff 16% , # f6f6f6 75% , # ededed 100% );background : radial-gradient (center, ellipse cover, # fff 16% , # f6f6f6 75% , # ededed 100% );filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=1)}# main li : hover {margin-top : 5px ;border-top : 1px solid # eee ;border-bottom : 1px solid # ccc ;-webkit-box-shadow : inset 0 0 2em rgba (0 , 0 , 0 , .075 ), 0 0 2px rgba (0 , 0 , 0 , .5 );-moz-box-shadow : inset 0 0 2em rgba (0 , 0 , 0 , .075 ), 0 0 2px rgba (0 , 0 , 0 , .5 );box-shadow : inset 0 0 2em rgba (0 , 0 , 0 , .075 ), 0 0 2px rgba (0 , 0 , 0 , .5 )}# main img .fav {position : absolute;bottom : 3px ;left : 3px ;width : 16px ;height : 16px ;opacity : .3 ;border-radius : 10px ;box-shadow : 0 1px 2px # 333 inset}# main li div {position : absolute;left : 0 ;top : 0 }# main div a {display : inline-block;width : 16px ;height : 16px ;line-height : 16px ;margin-left : 3px ;cursor : pointer}# message {height : 30px ;text-align : center;color : # ccc }# hidden {display : none}
1
+ blockquote , body , button , code , dd , div , dl , dt , fieldset , form , h1 , h2 , h3 , h4 , h5 , h6 , input , legend , li , pre , textarea , ul {
2
+ margin : 0 ;
3
+ padding : 0 ;
4
+ }
5
+
6
+ img {
7
+ border : 0 ;
8
+ display : block;
9
+ }
10
+
11
+ ul {
12
+ list-style : none;
13
+ }
14
+
15
+ h1 , h2 , h3 , h4 , h5 , h6 {
16
+ font-size : 100% ;
17
+ font-weight : 400 ;
18
+ }
19
+
20
+ button , input {
21
+ font-family : inherit;
22
+ font-size : inherit;
23
+ font-style : inherit;
24
+ font-weight : inherit;
25
+ }
26
+
27
+ a {
28
+ color : # 666 ;
29
+ text-decoration : none;
30
+ }
31
+
32
+ html {
33
+ background : url (images/bg.gif);
34
+ }
35
+
36
+ body {
37
+ font : 12px 'Microsoft YaHei' , SimSun, Helvetica, Tahoma, Arial, sans-serif!important ;
38
+ color : # 666 ;
39
+ }
40
+
41
+ # main {
42
+ margin-top : 150px ;
43
+ }
44
+
45
+ # main ul {
46
+ padding : 10px 20px ;
47
+ height : 50px ;
48
+ text-align : center;
49
+ }
50
+
51
+ # main li {
52
+ position : relative;
53
+ display : inline;
54
+ margin-right : 1em ;
55
+ font-family : Frutiger, Helvetica, sans-serif;
56
+ font-size : 16px ;
57
+ padding : 1em 1.5em ;
58
+ color : # 999 ;
59
+ text-decoration : none;
60
+ text-shadow : 0 1px 0 rgba (255 , 255 , 255 , .75 );
61
+ -moz-border-radius : 5px ;
62
+ -webkit-border-radius : 5px ;
63
+ border-radius : 5px ;
64
+ border-top : 1px solid # fff ;
65
+ border-bottom : 1px solid # eee ;
66
+ -webkit-box-shadow : inset 0 0 2em rgba (0 , 0 , 0 , .05 ), 0 3px 0 # ddd, 0 3px 2px rgba (0 , 0 , 0 , .5 );
67
+ -moz-box-shadow : inset 0 0 2em rgba (0 , 0 , 0 , .05 ), 0 3px 0 # ddd, 0 3px 2px rgba (0 , 0 , 0 , .5 );
68
+ box-shadow : inset 0 0 2em rgba (0 , 0 , 0 , .05 ), 0 3px 0 # ddd, 0 3px 2px rgba (0 , 0 , 0 , .5 );
69
+ background : # fff ;
70
+ background : -moz-radial-gradient (center, ellipse cover, # fff 16% , # f6f6f6 75% , # ededed 100% );
71
+ background : -webkit-gradient (radial, center center, 0 , center center, 100% , color-stop (16% , # fff ), color-stop (75% , # f6f6f6 ), color-stop (100% , # ededed ));
72
+ background : -webkit-radial-gradient (center, ellipse cover, # fff 16% , # f6f6f6 75% , # ededed 100% );
73
+ background : -o-radial-gradient (center, ellipse cover, # fff 16% , # f6f6f6 75% , # ededed 100% );
74
+ background : -ms-radial-gradient (center, ellipse cover, # fff 16% , # f6f6f6 75% , # ededed 100% );
75
+ background : radial-gradient (center, ellipse cover, # fff 16% , # f6f6f6 75% , # ededed 100% );
76
+ filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=1);
77
+ }
78
+
79
+ # main li : hover {
80
+ margin-top : 5px ;
81
+ border-top : 1px solid # eee ;
82
+ border-bottom : 1px solid # ccc ;
83
+ -webkit-box-shadow : inset 0 0 2em rgba (0 , 0 , 0 , .075 ), 0 0 2px rgba (0 , 0 , 0 , .5 );
84
+ -moz-box-shadow : inset 0 0 2em rgba (0 , 0 , 0 , .075 ), 0 0 2px rgba (0 , 0 , 0 , .5 );
85
+ box-shadow : inset 0 0 2em rgba (0 , 0 , 0 , .075 ), 0 0 2px rgba (0 , 0 , 0 , .5 );
86
+ }
87
+
88
+ # main li .active {
89
+ background : # ccf ;
90
+ }
91
+
92
+ # main img .fav {
93
+ position : absolute;
94
+ bottom : 3px ;
95
+ left : 3px ;
96
+ width : 16px ;
97
+ height : 16px ;
98
+ opacity : .3 ;
99
+ border-radius : 10px ;
100
+ box-shadow : 0 1px 2px # 333 inset;
101
+ }
102
+
103
+ # main li div {
104
+ position : absolute;
105
+ left : 0 ;
106
+ top : 0 ;
107
+ }
108
+
109
+ # main div a {
110
+ display : inline-block;
111
+ width : 16px ;
112
+ height : 16px ;
113
+ line-height : 16px ;
114
+ margin-left : 3px ;
115
+ cursor : pointer;
116
+ }
117
+
118
+ # message {
119
+ height : 30px ;
120
+ text-align : center;
121
+ color : # ccc ;
122
+ }
123
+
124
+ # hidden {
125
+ display : none;
126
+ }
0 commit comments