|
1 /* 底层背景和默认字体颜色 */ |
|
2 body { |
|
3 background:#E7DFE9; |
|
4 color:#463C4E; |
|
5 } |
|
6 /* 引用和 pre 框的背景和边框 */ |
|
7 blockquote,pre { |
|
8 background:#F3EEF4; |
|
9 border:1px dashed #D3BDD7; |
|
10 } |
|
11 /* 默认的链接字体颜色 */ |
|
12 a { |
|
13 color:#16387C; |
|
14 } |
|
15 /* 文本区和文本域的样式 */ |
|
16 textarea,.textfield { |
|
17 background:#FFF; |
|
18 border:1px solid #D3BDD7; |
|
19 padding:3px; |
|
20 font-size:12px; |
|
21 } |
|
22 /* 评论留言填写资料时,通过验证的颜色 */ |
|
23 .valid { |
|
24 color:#119900; |
|
25 } |
|
26 /* 评论留言填写资料时,不通过验证的颜色 */ |
|
27 .invalid { |
|
28 color:#ff4a00; |
|
29 } |
|
30 /* 默认按钮样式 */ |
|
31 .button, |
|
32 a#cancel-comment-reply-link { |
|
33 background:#8C7CA9; |
|
34 border-color:#8C7CA9 #6C499C #6C499C #8C7CA9; |
|
35 color:#FFFFFF; |
|
36 } |
|
37 .button:hover, |
|
38 a#cancel-comment-reply-link:hover { |
|
39 background:#766693; |
|
40 border-color:#6C499C #8C7CA9 #8C7CA9 #6C499C; |
|
41 } |
|
42 /* 带边元素的背景和边框 */ |
|
43 .sided, |
|
44 .wp-caption { |
|
45 background:#F3EEF4; |
|
46 border:1px #DCCEE0 solid; |
|
47 } |
|
48 /* 贴子内的图片在鼠标悬停时的边框颜色 */ |
|
49 a .sided:hover { |
|
50 border-color:#AB97BC; |
|
51 } |
|
52 /* BOX 线条和背景颜色 */ |
|
53 .boxcaption, |
|
54 .box, |
|
55 #related_posts, |
|
56 #related_posts ul li { |
|
57 border-color:#D3BDD7; |
|
58 background:#FFF; |
|
59 } |
|
60 /* BOX 标题颜色 */ |
|
61 .boxcaption h3, |
|
62 #related_posts h3, |
|
63 .messagebox .content { |
|
64 background:#F3EEF4; |
|
65 } |
|
66 /* 带下边的元素的下边线 */ |
|
67 .bottom_separator { |
|
68 border-bottom:1px dashed #D3BDD7; |
|
69 } |
|
70 |
|
71 /* header START */ |
|
72 /* 顶部的下边线条 */ |
|
73 #header { |
|
74 border-bottom:1px solid #AB97BC; |
|
75 } |
|
76 /* 顶部主题颜色,下边线条 */ |
|
77 #header .inner { |
|
78 background:#EEE6F0; |
|
79 border-bottom:1px solid #FFF; |
|
80 } |
|
81 /* Blog 标题左边的粗线条 */ |
|
82 #header .caption { |
|
83 border-color:#C5B8CE; |
|
84 } |
|
85 /* Blog 标题 */ |
|
86 #title a { |
|
87 color:#463C4E; |
|
88 text-decoration:none; |
|
89 } |
|
90 /* Blog 副标题 */ |
|
91 #tagline { |
|
92 color:#705C83; |
|
93 } |
|
94 /* Blog 标题的字体悬停颜色 */ |
|
95 #title a:hover { |
|
96 color:#6C499C; |
|
97 } |
|
98 /* 导航菜单项的链接右边颜色 */ |
|
99 #navigation li a { |
|
100 border-color:#D6C6D9; |
|
101 } |
|
102 /* 搜索框 */ |
|
103 #searchbox .textfield { |
|
104 border:1px solid #D3BDD7; |
|
105 background:#FBF9FC url(search_background.gif) no-repeat right !important; |
|
106 background:#FBF9FC url(search_background_ie.gif) no-repeat right; /* for IE6 */ |
|
107 background-position:0 0 !important; |
|
108 background-position:0 -21px; /* for IE6 */ |
|
109 } |
|
110 /* 搜索框获得焦点(对 IE<=6 的浏览器无效) */ |
|
111 #searchbox .textfield:focus { |
|
112 border:solid 1px #AB97BC; |
|
113 background:#FFF url(search_background.gif) no-repeat right !important; |
|
114 background-position:0 -21px !important; |
|
115 } |
|
116 /* 搜索框提示 */ |
|
117 #searchbox .searchtip { |
|
118 color:#D3BDD7; |
|
119 } |
|
120 /* 可转变的订阅图标 */ |
|
121 #navigation li a#feed img { |
|
122 background-image:url(feed_switch.gif); |
|
123 } |
|
124 #navigation li a#twitter img { |
|
125 background-image:url(twitter_switch.gif); |
|
126 } |
|
127 /* header END */ |
|
128 |
|
129 /* submenu START */ |
|
130 /* 订阅器列表 */ |
|
131 #navigation li ul { |
|
132 background:#E7DFE9; |
|
133 border-color:#AB97BC; |
|
134 } |
|
135 /* submenu END */ |
|
136 |
|
137 /* main START */ |
|
138 /* 主题背景和边框 */ |
|
139 #container { |
|
140 background:#F7F4F8 url(background.gif) repeat; |
|
141 } |
|
142 #content { |
|
143 background:#FDFBFF url(content_background.gif) repeat-y top right; |
|
144 border:solid 1px #AB97BC; |
|
145 } |
|
146 /* 翻页导航上边线条 */ |
|
147 #bottom .postnav { |
|
148 border-top:1px dashed #D3BDD7; |
|
149 } |
|
150 /* TOP 的图标 */ |
|
151 #bottom .anchor span { |
|
152 background:url(go_top.gif) no-repeat left center; |
|
153 } |
|
154 /* 提示栏的边框 */ |
|
155 #notice { |
|
156 border:1px solid #D3BDD7; |
|
157 } |
|
158 /* 提示栏的背景和内线条 */ |
|
159 #notice .inner { |
|
160 background:#EEE6F0; |
|
161 border:1px solid #FFF; |
|
162 } |
|
163 /* 提示栏的图标 */ |
|
164 #notice .icon { |
|
165 background:url(notice.gif) no-repeat top left; |
|
166 } |
|
167 /* 提示栏的垂直分割线 */ |
|
168 #notice .content .separator { |
|
169 border-right:1px solid #D3BDD7; |
|
170 } |
|
171 /* 贴子的标题 */ |
|
172 .post .title h2 { |
|
173 color:#463C4E; |
|
174 padding-bottom:3px; |
|
175 border-bottom:1px solid #EEE3F9; |
|
176 } |
|
177 /* 贴子的可链接标题 */ |
|
178 .post .title a { |
|
179 color:#463C4E; |
|
180 text-decoration:none; |
|
181 } |
|
182 /* 贴子的可链接标题悬停颜色 */ |
|
183 .post .title a:hover { |
|
184 color:#6C499C; |
|
185 } |
|
186 /* 贴子的分类等信息的字体颜色 */ |
|
187 .post .info, |
|
188 #related_posts .excerpt { |
|
189 color:#705C83; |
|
190 } |
|
191 /* 评论的图标 */ |
|
192 .post .comments { |
|
193 background:url(comment.gif) no-repeat bottom left; |
|
194 } |
|
195 /* 文章内表格 */ |
|
196 .post .content table { |
|
197 background:#FFF; |
|
198 border-color:#D3BDD7; |
|
199 } |
|
200 .post .content th, |
|
201 .post .content td { |
|
202 border-color:#D3BDD7; |
|
203 } |
|
204 .post .content tr.even td { |
|
205 background:#F3EEF4; |
|
206 } |
|
207 .post .content th { |
|
208 background:#E3D6E9; |
|
209 } |
|
210 /* main START */ |
|
211 |
|
212 /* sidebar START */ |
|
213 /* 侧边栏背景和左边线条 */ |
|
214 #sidebar { |
|
215 background:#E7DFE9; |
|
216 border-left:1px solid #D3BDD7; |
|
217 } |
|
218 /* Widget 标题的背景颜色 */ |
|
219 #sidebar h3, |
|
220 .widget .showcase { |
|
221 background:#DCCEE0; |
|
222 } |
|
223 /* Widget 可连接标题的字体颜色 */ |
|
224 #sidebar a h3 { |
|
225 color:#463C4E; |
|
226 } |
|
227 /* Widget 可连接标题和风格选择栏的背景 */ |
|
228 #styleswitcher,#sidebar a:hover h3 { |
|
229 background:#C5B8CE; |
|
230 } |
|
231 /* 风格选择按钮的背景和边框 */ |
|
232 #styleswitcher span.color { |
|
233 background:#FFF; |
|
234 border:1px solid #655C6D; |
|
235 } |
|
236 /* 目前风格按钮的外空白 */ |
|
237 #styleswitcher #style-purple { |
|
238 margin-top:0; /* 此项不用修改 */ |
|
239 } |
|
240 /* 目前风格按钮的背景和大小 */ |
|
241 #styleswitcher #style-purple a img { |
|
242 background:#A79ABD; |
|
243 width:12px; /* 此项不用修改 */ |
|
244 height:12px; /* 此项不用修改 */ |
|
245 } |
|
246 /* Widget 各项的下边线条 */ |
|
247 .widget ul li { |
|
248 border-bottom:1px solid #DCCEE0; |
|
249 } |
|
250 /* Widget 各子项的上边线条 */ |
|
251 .widget ul li ul li { |
|
252 border-top:1px solid #DCCEE0; |
|
253 } |
|
254 /* 最新贴子的日期字体颜色(1.4版后不用) */ |
|
255 .sidedate { |
|
256 color:#AB97BC; |
|
257 } |
|
258 /* sidebar END */ |
|
259 |
|
260 /* footer START */ |
|
261 /* 底部的上边线条 */ |
|
262 #footer { |
|
263 border-top:1px solid #AB97BC; |
|
264 } |
|
265 /* 底部的背景和内线条 */ |
|
266 #footer .inner { |
|
267 background:#E7DFE9; |
|
268 border-top:1px solid #FFF; |
|
269 } |
|
270 /* footer END */ |
|
271 |
|
272 /* comments START */ |
|
273 /* 评论框 */ |
|
274 .commentlist .comment { |
|
275 background:#FFF; |
|
276 border-color:#D3BDD7; |
|
277 } |
|
278 /* 评论框的评论者信息栏 */ |
|
279 .userinfo { |
|
280 background:#F3EEF4; |
|
281 } |
|
282 /* 评论者头像框 */ |
|
283 .userinfo .userpic { |
|
284 background-color:#fff; |
|
285 border:1px solid #AB97BC; |
|
286 } |
|
287 /* RSS 图标 */ |
|
288 #comments_rss { |
|
289 background:url(feed.gif) no-repeat top left; |
|
290 } |
|
291 /* Trackback 框的边线颜色 */ |
|
292 #trackbacks, |
|
293 #trackbacks li { |
|
294 border-color:#D3BDD7; |
|
295 } |
|
296 /* Trackback 框的标题颜色 */ |
|
297 #trackbacks .caption { |
|
298 background:#F3EEF4; |
|
299 } |
|
300 /* Trackback 框的附属信息字体颜色 */ |
|
301 #trackbacks li small { |
|
302 color:#705C83; |
|
303 } |
|
304 /* comments END */ |
|
305 |
|
306 /* calendar START */ |
|
307 /* 月历的背景颜色 */ |
|
308 #calendar_wrap { |
|
309 background:#DCCEE0; |
|
310 } |
|
311 /* 月历星期标题的背景颜色 */ |
|
312 #wp-calendar th { |
|
313 background:#D3BDD7; |
|
314 } |
|
315 /* calendar END */ |
|
316 |
|
317 /* wp-pagenavi START */ |
|
318 /* 悬停页面链接颜色 */ |
|
319 .wp-pagenavi a:hover { |
|
320 background:#DCCEE0; |
|
321 } |
|
322 /* 当前页面链接颜色 */ |
|
323 .wp-pagenavi span.current { |
|
324 background:#EEE6F0; |
|
325 } |
|
326 /* wp-pagenavi END */ |
|
327 |
|
328 /* wp-recentcomments START */ |
|
329 /* 评论者头像的背景和边框颜色 */ |
|
330 .rc_item .rc_avatar img { |
|
331 background:#FFF; |
|
332 border-color:#AB97BC; |
|
333 } |
|
334 /* wp-recentcomments END */ |
|
335 |
|
336 /* wp-syntax START */ |
|
337 .wp_syntax { |
|
338 background:#F3EEF4; |
|
339 border:1px solid #D3BDD7; |
|
340 } |
|
341 .wp_syntax .line_numbers { |
|
342 background:#E7DFE9; |
|
343 } |
|
344 /* wp-syntax END */ |