-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathmain.css
252 lines (234 loc) · 5.92 KB
/
main.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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
body{ background:#f1f1f1; font-size: 12px; }
.clearfix:after{content:'\0020';display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
.fL{float:left;}
.fR{float:right;}
.container {width: 1000px; margin: 0 auto;}
.header{height:34px; line-height:34px; background:#000; border-bottom:2px solid #2e82ff;}
.header li{float: left;}
.header a{display: block; padding: 0 10px; color:#dcdcdc;}
.header a:hover{ background:#2e82ff; color:#fff; }
.fNav li{margin-right: 20px;}
.sNav li{margin-left: 20px;}
.search{ height:80px; line-height: 80px; border-bottom:1px solid #dcdcdc;}
.search form{ float:left; margin: 0 50px; }
.search input{ border: none;height:34px;padding:0 10px;}
.search .search_input{ width:250px; height:33px;}
.logo{ width:222px; background: url(images/logo.gif) 0 -2px no-repeat; }
.logo a{ display:block;height:100%; text-indent:-9999em;}
.hot_site{ width:250px; font-size:14px; }
.hot_site li{ float:left;}
.hot_site a{ padding:0 5px; color:#2e82ff; font-size:12px;}
.searchBox{height:45px; margin:20px 0 0 120px;}
.fSearch{
float:left;
margin:9px 0 0 30px;
}
.fSearch form{
padding-left: 40px;
text-align: left;
}
.s_ipt_wr {
width: 539px;
height: 32px;
display: inline-block;
margin-right: 0;
background-position: 0 -96px;
border: 1px solid #b8b8b8;
border-right-width: 0;
border-color: #b8b8b8 transparent #ccc #b8b8b8;
vertical-align: top;
background:#fff;
}
.s_ipt {
width: 526px;
height: 22px;
font: 16px/22px arial;
margin: 6px 0 0 7px;
background: #fff;
outline: 0;
-webkit-appearance: none;
}
.s_btn_wr {
width: auto;
height: auto;
display: inline-block;
margin: 0 0 0 -10px;
background-position: -120px -48px;
z-index: 0;
vertical-align: top;
border-bottom: 1px solid transparent;
}
.s_btn {
width: 100px;
height: 34px;
color: white;
padding-top: 2px\9;
font-size: 15px;
letter-spacing: 1px;
background: #2e82ff;
border-bottom: 1px solid #2975e5;
outline: medium;
cursor: pointer;
-webkit-appearance: none;
-webkit-border-radius: 0;
}
/*sites*/
.site{ height:182px; margin-top:40px; padding-left:148px; border:1px solid #dcdcdc; background-repeat: no-repeat; background-position:-1px -1px; overflow:hidden;}
.offic{ background-image:url(images/div1.gif); }
.practical{ background-image:url(images/div2.gif); }
.academic{ background-image:url(images/div3.gif); }
.fun{ background-image:url(images/div4.gif); }
.site ul{ background-color: #fff;}
.site li{ float:left; width:212px; height:75px; padding-bottom:17px; border-right:1px #cdcdcd dashed;}
.site li.edge{ width:211px; border:none; }
.site a{ display:block; padding:18px 30px 0; height:100%;}
.site h3{ color:#1E90FF; font-size:14px;}
.site p{ margin:10px 0 0 0; color:#ccc; line-height:18px; }
.site li:hover{ background:#96d9f9;}
.site li:hover h3{ color:#fff;}
.site li:hover p{ color:#e1f5fe;}
.academic li {height:46px; line-height:46px; padding-bottom:0;}
.academic a {padding:0 30px; color:#1E90FF;}
.academic a:hover {color:#fff;}
.fun a {padding-top:0;}
.last-siteList{
border:0!important;}
.siteList,.linkList{
float:left;
width:205px;
height:183px;
border-right: 1px #cdcdcd dashed;
text-align: left;
}
.siteList li{
height:82px;
padding:14px 0 0 0;}
.siteList li:hover{
cursor:pointer;
}
.siteList h3{
text-align:center;
color:#1E90FF;
font-weight:bold;
font-size:14px;
}
.siteList p{
font-size: 12px;
margin:10px 0 0 0;
color:#ccc;
text-indent:16px;
line-height:18px;
padding:0 10px 0 10px;
}
.linkList li{
height:45px;
line-height:45px;
text-align:center;
font-size:12px;
}
.linkList li a{
color:#1E90FF;
}
.linkList li:hover{
cursor:pointer;
}
.linkList li:hover a{
color:#fff;
}
.cate1 li:hover{
background:#96d9f9;
}
.cate1 li:hover h3{
color:#fff;
}
.cate1 li:hover p{
color:#e1f5fe;
}
.cate2 li:hover{
background:#94cd4a;
}
.cate2 li:hover h3{
color:#fff;
}
.cate2 li:hover p{
color:#e1fcbe;
}
.cate3 li:hover{
background:#ff9aaf;
}
.cate3 li:hover h3{
color:#fff;
}
.cate3 li:hover p{
color:#fcd9e1;
}
.cate4 li:hover{
background:#915a84;
cursor:pointer;
}
.cate4 li:hover a{
color:#fff;
}
.fun{
height:275px;
border: 1px solid #dcdcdc;
background-color: white;
}
.category2{
height:275px;
width:148px;
float:left;
}
.siteLineWrap{
float:left;
}
.siteLine span,.siteLine li{
width:90px;
height:30px;
line-height:30px;
text-align:center;
float:left;
font-size:12px;
}
.siteLine{margin: 8px 0 0 40px;
overflow: hidden;}
.lineImg{float:left;}
.lineImg span{font-weight:bold;color:#1E90FF;}
.lineBg1 span{background:url(images/1.gif) 0 4px no-repeat;}
.lineBg2 span{background:url(images/2.gif) 0 4px no-repeat;}
.lineBg3 span{background:url(images/3.gif) 0 4px no-repeat;}
.lineBg4 span{background:url(images/4.gif) 0 4px no-repeat;}
.lineBg5 span{background:url(images/5.gif) 0 4px no-repeat;}
.lineBg6 span{background:url(images/6.gif) 0 4px no-repeat;}
.lineBg7 span{background:url(images/7.gif) 0 4px no-repeat;}
.Line1 li:hover{background:#c16565;}
.Line1 li:hover a{color:#f5c3c3;}
.Line2 li:hover{background:#ec6841;}
.Line2 li:hover a{color:#fac2b1;}
.Line3 li:hover{background:#a3a3a3;}
.Line3 li:hover a{color:#d4d2d2;}
.Line4 li:hover{background:#915b85;}
.Line4 li:hover a{color:#cea3c4;}
.Line5 li:hover{background:#93cd49;}
.Line5 li:hover a{color:#ccf399;}
.Line6 li:hover{background:#21ab38;}
.Line6 li:hover a{color:#9adea5;}
.Line7 li:hover{background:#f19b9e;}
.Line7 li:hover a{color:#fbd5d6;}
.siteLineUl{
float:left;
}
.siteLineUl{
margin:0 0 0 30px;
height:30px;
}
.siteLineUl ul a{
color:#ccc;
}
.footer{ height:120px; line-height: 120px; font-size:14px;}
.footer p{ text-align: center;}
.chromeframe{padding:6px 0;border:0;width:100%;text-align:center}
.chromeframe a{padding:2px 4px;background:#9a4444;color:#FFF}
.error{background:#f2dede;color:#a42625;line-height:2}
.error a{color:#fff;font-weight:bold;text-decoration:underline}