1
|
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 */ |