求高手指教，论坛首页背景修改问题【有图】

如图。首页背景颜色，就是左右两边暗灰色的背景颜色要如何修改。

附上COMMON.css  望知道的高手说下。万分感谢。

实在是研究不出来在哪儿修改。

1. /* ----------------------------------
   
2. 
   
3. Main CSS file for Discuz! X
   
4. (C) Comsenz Inc.
   
5. http://www.comsenz.com
   
6. Created & Modified by Lushnis, Pony, Dfox & DragonLee.
   
7. 
   
8. ----------------------------------
   
9. 
   
10. 结构目录：
    
11. 1. 重定义浏览器默认样式
    
12. 2. 全局常用 CSS 样式
    
13. 3. 表单及表单元素
    
14. 4. 页面布局以及通用的区块样式
    
15. 5. 列表样式vwmy
    
16. 6. 其他特定功能块
    
17. 1. 个人中心面板
    
18. 2. 简易编辑器
    
19. 3. 弹出菜单、弹出层及弹出窗口
    
20. 4. 联系人列表、短消息窗口
    
21. 5. 登录和注册
    
22. 6. 其他
    
23. 7. 拖拽及页面 DIY
    
24. 
    
25. * 其他页面专用样式参见 module.css
    
26. 
    
27. ----------------------------------
    
28. 
    
29. 常用变量说明：
    
30. 
    
31. 通用边框颜色： {COMMONBORDER} #CDCDCD
    
32. 通用背景填充色： {COMMONBG} #F2F2F2
    
33. 特殊边框颜色： {SPECIALBORDER} #D1D9DF
    
34. 特殊背景填充色： {SPECIALBG} #E9F2F9
    
35. 
    
36. ----------------------------------
    
37. 
    
38. CSS 样式模块的格式示例：
    
39. 
    
40. Name: 模块名称
    
41. Level: 级别（Global, Channel, Function）
    
42. Dependent: 依赖关系，该模块必须依赖于何种模块
    
43. Sample: 用法示例，或指出改模块所作用的直接页面
    
44. Explain: 附加说明
    
45. Author: 创建者 日期(两位数年月日时)
    
46. Last Modify: 最终修改者 日期(两位数年月日时)
    
47. 
    
48. ----------------------------------
    
49. 
    
50. CSS 写作注意事项：
    
51. 1. 属性写在一行内，属性之间、属性名和值之间以及属性与“{}”之间须有空格，例如：.class { width: 400px; height: 300px; }
    
52. 2. 属性的书写顺序：
    
53. 2.1. 按照元素模型由外及内，由整体到细节书写，大致分为五组：
    
54. 位置：position,left,right,float
    
55. 盒模型属性：display,margin,padding,width,height
    
56. 边框与背景：border,background
    
57. 段落与文本：line-height,text-indent,font,color,text-decoration,...
    
58. 其他属性：overflow,cursor,visibility,...
    
59. 2.2. 针对特殊浏览器的属性，应写在标准属性之前，例如：-webkit-box-shadow:; -moz-box-shadow:; box-shaow:;
    
60. 3. 谨慎添加新的选择符规则，尤其不可滥用 id，尽可能继承和复用已有样式
    
61. 4. 选择符、属性、值均用小写（格式的颜色值除外），缩写的选择符名称须说明缩写前的全称，例如 .cl -> Clearfix
    
62. 5. 避免使用各种 CSS Hack，如需对 IE 进行特殊定义，请参阅下节“关于 CSS Hack 的说明”
    
63. 6. 勿使用冗余低效的 CSS 写法，例如：
    
64. ul li a span { ... }
    
65. 7. 慎用 !important
    
66. 8. 建议使用在 class/id 名称中的词语
    
67. 6.1. 表示状态：a->active
    
68. 6.2. 表示结构：h->header,c->content,f->footer
    
69. 6.3. 表示区域：mn->main,sd->side,nv-navigation,mu->menu
    
70. 6.4. 表示样式：l-list,tab,p_pop
    
71. 9. 开发过程中的未定事项，须用 [!] 标出，以便于后续讨论整理
    
72. 
    
73. ----------------------------------
    
74. 
    
75. 关于 CSS Hack 的说明：
    
76. 
    
77. 所有 IE浏览器适用： .ie_all .foo { ... }
    
78. IE6 专用： .ie6 .foo { ... }
    
79. IE7 专用： .ie7 .foo { ... }
    
80. IE8 专用： .ie8 .foo { ... }
    
81. 
    
82. ---------------------------------- */
    
83. 
    
84. /*
    
85. Name: mod_reset
    
86. Level: Global
    
87. Explain: 重定义浏览器默认样式
    
88. Last Modify: Pony
    
89. */
    
90. * { word-wrap: break-word; }
    
91. body { {BGCODE}; }
    
92. body, input, button, select, textarea { font: {FONTSIZE} {FONT}; color: {TABLETEXT}; }
    
93. textarea { resize: none; }
    
94. body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, .pr, .pc { margin: 0; padding: 0; }
    
95. table { empty-cells: show; border-collapse: collapse; }
    
96. caption, th { text-align: left; font-weight: 400; }
    
97. ul li, .xl li { list-style: none; }
    
98. h1, h2, h3, h4, h5, h6 { font-size: 1em; }
    
99. em, cite, i { font-style: normal; }
    
100. a { color: {LINK}; text-decoration: none; }
     
101. a:hover { text-decoration: underline; }
     
102. a img { border: none; }
     
103. label { cursor: pointer; }
     
104. /*
     
105. Name: mod_float
     
106. Level: Global
     
107. Sample: class="z/y"
     
108. Explain: .z/.y 浮动 left/right
     
109. Last Modify: lushnis
     
110. */
     
111. .z { float: left; } .y { float: right; }
     
112. 
     
113. /*
     
114. Name: mod_clearfix
     
115. Level: Global
     
116. Sample: class="cl"
     
117. Explain: Clearfix,避免因子元素浮动而导致的父元素高度缺失能问题
     
118. Last Modify: lushnis
     
119. */
     
120. .cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .cl { zoom: 1; }
     
121. 
     
122. /*
     
123. Name: mod_hr
     
124. Level: Global
     
125. Sample: <hr />
     
126. Explain: 重定义 <hr /> 元素的样式，去除默认边距
     
127. Last Modify: lushnis
     
128. */
     
129. hr { display: block; clear: both; *margin-top: -8px !important; *margin-bottom: -8px !important; }
     
130. .mn hr, .sd hr { margin: 0 10px; }
     
131. .area hr { margin-left: 0 !important; margin-right: 0 !important; }
     
132. /*
     
133. Name: mod_hr_solid
     
134. Level: Global
     
135. Dependent: mod_hr
     
136. Sample: <hr class="l" />
     
137. Explain: 定义 1px 高度实线样式的 <hr /> 元素，具有两个个扩展样式，.l2 和 .l3，分别实现 2px 和 3px 的实线分割线
     
138. Last Modify: lushnis
     
139. */
     
140. hr.l { height: 1px; border: none; background: {COMMONBORDER}; color: {COMMONBORDER}; }
     
141. hr.l2 { height: 2px; }
     
142. hr.l3 { height: 3px; }
     
143. /*
     
144. Name: mod_hr_dashed
     
145. Level: Global
     
146. Dependent: mod_hr
     
147. Sample: <hr class="da" />
     
148. Explain: 定义 1px 高度虚线样式的 <hr /> 元素
     
149. Last Modify: lushnis
     
150. */
     
151. hr.da { height: 0; border: none; border-top: 1px dashed {COMMONBORDER}; background: transparent; color: transparent; }
     
152. 
     
153. /* [!]使用注意 */
     
154. hr.bk { margin-bottom: 10px !important; *margin-bottom: 2px !important; height: 0; border: none; border-top: 1px solid {WRAPBG}; background: transparent; color: transparent; }
     
155. .n .sd hr.bk { border-top-color: #F9F9F9; }
     
156. /* 清除Margin */
     
157. hr.m0 { margin-left: 0; margin-right: 0; }
     
158. 
     
159. /*
     
160. Name: mod_page_header
     
161. Level: Global
     
162. Sample: <h1 class="ph">Text</h1>
     
163. Explain: 页面中标题级别的文字 [!]此处须整合为一个单独 class
     
164. Last Modify: lushnis
     
165. */
     
166. /* .wx --> weight text 粗体字，通常用于大标题 */
     
167. .wx, .ph { font-family: 'Microsoft YaHei', 'Hiragino Sans GB', 'STHeiti', Tahoma, 'SimHei', sans-serif; font-weight: 100; }
     
168. /* Page header */ .ph { font-size: 20px; }
     
169. /* Main title */ .mt { padding: 10px 0; font-size: 16px; }
     
170. 
     
171. /* 行内分割竖线 */ .pipe { margin: 0 5px; color: #CCC; }
     
172. 
     
173. /* 文本属性：字号、颜色、粗细 */
     
174. /*
     
175. Name: mod_text_size
     
176. Level: Global
     
177. Sample: class="xs*"
     
178. Explain: 文字字号，分为四个级别
     
179. Last Modify: lushnis
     
180. */
     
181. .xs0 { font-family: {SMFONT}; font-size: {SMFONTSIZE}; -webkit-text-size-adjust: none; }
     
182. .xs1 { font-size: 12px !important; }
     
183. .xs2 { font-size: 14px !important; }
     
184. .xs3 { font-size: 16px !important; }
     
185. /*
     
186. Name: mod_text_gray_level
     
187. Level: Global
     
188. Dependent: -
     
189. Sample: class="xs[*]"
     
190. Explain: 文字字号，分为四个级别
     
191. Last Modify: lushnis
     
192. */
     
193. .xg1, .xg1 a { color: {LIGHTTEXT} !important; }
     
194. .xg1 .xi2 { color: {HIGHLIGHTLINK} !important; }
     
195. .xg2 { color: {MIDTEXT}; }
     
196. /*
     
197. Name: mod_text_importance_level
     
198. Level: Global
     
199. Sample: class="xs[*]"
     
200. Explain: 文字提亮级别，分为两级，默认模板中，1为橙色，2为蓝色
     
201. Last Modify: lushnis
     
202. */
     
203. .xi1, .onerror { color: {NOTICETEXT}; }
     
204. .xi2, .xi2 a, .xi3 a { color: {HIGHLIGHTLINK} ; }
     
205. /*
     
206. Name: mod_text_weight_level
     
207. Level: Global
     
208. Sample: class="xs[*]"
     
209. Explain: 文字字号，分为四个级别
     
210. Last Modify: lushnis
     
211. */
     
212. .xw0 { font-weight: 400; }
     
213. .xw1 { font-weight: 700; }
     
214. /*
     
215. Name: mod_border
     
216. Level: Global
     
217. Dependent: -
     
218. Sample: class="bbda/bbs"
     
219. Explain: 边框样式，该模块仅作用于元素的下边框，分为虚线和实线两种，宽度均为 1px
     
220. Last Modify: lushnis
     
221. */
     
222. .bbda { border-bottom: 1px dashed {COMMONBORDER}; }
     
223. .bbs { border-bottom: 1px solid {COMMONBORDER} !important; }
     
224. /*
     
225. Name: mod_border_reset
     
226. Level: Global
     
227. Sample: class="bw0/bw0_all"
     
228. Explain: 去除边框
     
229. Last Modify: lushnis
     
230. */
     
231. .bw0 { border: none !important; }
     
232. .bw0_all, .bw0_all th, .bw0_all td { border: none !important; }
     
233. /*
     
234. Name: mod_background_reset
     
235. Level: Global
     
236. Sample: class="bg0_c/bg0_i/bg0_all"
     
237. Explain: 去除背景，bg0_c、bg0_i 和 bg0_all 分别为去除背景颜色、去除背景图片和去除所有背景元素
     
238. Last Modify: Pony
     
239. */
     
240. .bg0_c { background-color: transparent !important; }
     
241. .bg0_i { background-image: none !important; }
     
242. .bg0_all { background: none !important; }
     
243. 
     
244. /*
     
245. Name: mod_notice_line
     
246. Level: Global
     
247. Sample: <div class="ntc_l">
     
248. Explain: 黄色背景的提示条，一般用在单行醒目提示，不可用于多行块级区域
     
249. Last Modify: lushnis
     
250. */
     
251. .ntc_l { padding: 5px 10px; background: #FEFEE9; }
     
252. .ntc_l .d { width: 20px; height: 20px; background: url({IMGDIR}/op.png) no-repeat 0 0; line-height: 9999px; overflow: hidden; }
     
253. .ntc_l .d:hover { background-position: 0 -20px; }
     
254. 
     
255. /* 圆角 [!]此处考虑弃用 */
     
256. .brs, .avt img, .oshr { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
     
257. .brm { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
     
258. .brw { -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
     
259. /*
     
260. Name: mod_margin
     
261. Level: Global
     
262. Sample: class="mtn/mtm/mtw/..."
     
263. Explain: 外边距样式，作用于元素的上下外边距，上下各具有 n, m, w 三个级别
     
264. Last Modify: lushnis
     
265. */
     
266. .mtn { margin-top: 5px !important; }
     
267. .mbn { margin-bottom: 5px !important; }
     
268. .mtm { margin-top: 10px !important; }
     
269. .mbm { margin-bottom: 10px !important; }
     
270. .mtw { margin-top: 20px !important; }
     
271. .mbw { margin-bottom: 20px !important; }
     
272. /*
     
273. Name: mod_padding
     
274. Level: Global
     
275. Sample: class="ptn/ptm/ptw/..."
     
276. Explain: 内边距样式，作用于元素的上下内边距，上下各具有 n, m, w 三个级别
     
277. Last Modify: lushnis
     
278. */
     
279. .ptn { padding-top: 5px !important; }
     
280. .pbn { padding-bottom: 5px !important; }
     
281. .ptm { padding-top: 10px !important; }
     
282. .pbm { padding-bottom: 10px !important; }
     
283. .ptw { padding-top: 20px !important; }
     
284. .pbw { padding-bottom: 20px !important; }
     
285. /*
     
286. Name: mod_avatar
     
287. Level: Global
     
288. Sample: <div class="avt"><img src="avatar source" alt="username" /></div>
     
289. Explain: 标准尺寸头像样式，默认为 48px*48px，带边框
     
290. Last Modify: lushnis
     
291. */
     
292. .avt img { padding: 2px; width: 48px; height: 48px; background: {WRAPBG}; border: 1px solid; border-color: {COMMONBG} {COMMONBORDER} {COMMONBORDER} {COMMONBG}; }
     
293. /*
     
294. Name: mod_avatar_middle, mod_avatar_small
     
295. Level: Global
     
296. Sample: <div class="avtm/avts"><img src="avatar source" alt="username" /></div>
     
297. Explain: 中等尺寸和小尺寸头像样式，中等尺寸为宽度 120px，高度按比例；小尺寸为 24px*24px
     
298. Last Modify: lushnis
     
299. */
     
300. .avtm img { width: 120px; height: auto; }
     
301. .avts img { width: 24px; height: 24px; vertical-align: middle; }
     
302. /*
     
303. Name: mod_emp
     
304. Level: Global
     
305. Sample: <p class="emp">暂无数据</p>
     
306. Explain: 页面中无数据输出时，用此样式显示相关提示，如无特殊必要，建议使用 <p> 而不是 <div>
     
307. Last Modify: lushnis
     
308. */
     
309. .emp { padding: 20px 10px; }
     
310. .emp a { color: {HIGHLIGHTLINK}; text-decoration: underline !important; }
     
311. /*
     
312. Name: mod_align
     
313. Level: Global
     
314. Sample: class="vm/hm"
     
315. Explain: 纵向及横向对齐方式
     
316. Last Modify: lushnis
     
317. */
     
318. .vm { vertical-align: middle; }
     
319. .vm * { vertical-align: middle; }
     
320. .hm { text-align: center; }
     
321. /*
     
322. Name: mod_alt
     
323. Level: Global
     
324. Sample: class="{echo swapclass('alt');}"
     
325. Explain: 隔行换色时深色背景
     
326. Last Modify: lushnis
     
327. */
     
328. .alt, .alt th, .alt td { background-color: {COMMONBG}; }
     
329. /*
     
330. Name: mod_notice
     
331. Level: Global
     
332. Sample: class="notice"
     
333. Explain: 类似统计中需注意的文字样式 [!]此处须考虑名称简写为 ntc
     
334. Last Modify: lushnis
     
335. */
     
336. .notice { clear: both; margin: 5px 0; padding: 3px 5px 3px 20px; background: url({IMGDIR}/notice.gif) no-repeat 2px 6px; }
     
337. /*
     
338. Name: mod_ajax_wait_info
     
339. Level: Global
     
340. Sample: id="ajaxwaitid"
     
341. Explain: 相应页面中 AJAX 请求时的状态显示
     
342. Last Modify: lushnis
     
343. */
     
344. #ajaxwaitid { display: none; position: absolute; right: 0; top: 0; z-index: 1; padding: 0 5px; background: #D00; color: {LIGHTLINK}; }
     
345. /*
     
346. Name: mod_showmenu
     
347. Level: Global
     
348. Sample: class="showmenu"
     
349. Explain: 下拉菜单
     
350. Last Modify: lushnis
     
351. */
     
352. .showmenu { padding-right: 16px; background: url({IMGDIR}/arrwd.gif) no-repeat 100% 50%; cursor: pointer; white-space: nowrap; }
     
353. #um .showmenu { margin-right: -5px; }
     
354. 
     
355. /*
     
356. Name: mod_cursor
     
357. Level: Global
     
358. Sample: class="cur1"
     
359. Explain: 鼠标样式，可以根据需要按序添加
     
360. Last Modify: Pony
     
361. */
     
362. .cur1 { cursor: pointer; }
     
363. 
     
364. /* 如果验证码有错乱，可添加此样式.sec（全局，修改时要小心，会涉及分享、快速回复和 feed日志相册中的评论等地方） by Pony */
     
365. .ie6 .sec .p_pop { white-space: expression(this.offsetWidth >= 220 ? 'normal' : 'nowrap'); width: expression(this.offsetWidth >= 220 ? 200 : 'auto'); }
     
366. 
     
367. 
     
368. /* ------------------------------------------------------------------------ 表单及表单元素 */
     
369. /*
     
370. .pn button
     
371. .pnc button with light color
     
372. .pnp post button
     
373. .px input[text]
     
374. .pt textarea
     
375. .pf input[file]
     
376. .pc input[checkbox]
     
377. .pr input[radio]
     
378. .ps select
     
379. .oshr share button
     
380. .ofav fav button with oshr
     
381. .oivt invite button with oshr
     
382. */
     
383. 
     
384. /* 必填项 */ .rq { color: red; }
     
385. 
     
386. /*
     
387. Name: mod_input[text]_textarea_select
     
388. Level: Global
     
389. Sample: class="px/pt/ps"
     
390. Explain: 单行输入框（px）、多行文本框（pt）和选择框(ps/select)
     
391. Last Modify: Pony
     
392. */
     
393. .px, .pt, .ps, select { border: 1px solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; background: {INPUTBG} url({IMGDIR}/px.png) repeat-x 0 0; color: {TEXT}; }
     
394. .px, .pt { padding: 2px 4px; line-height: 17px; }
     
395. .px { height: 17px; }
     
396. .pxs { width: 30px !important; }
     
397. .fdiy .tfm .px, .fdiy .tfm .pt { width: auto; }
     
398. .p_fre { width: auto !important; }
     
399. .er { border-color: #F66 #FFBDB9 #FFBDB9 #F66; background-color: #FDF4F4; background-image: url({IMGDIR}/px_e.png); }
     
400. .pt { overflow-y: auto; }
     
401. div.pt { height: 100px; line-height: 100px; }
     
402. .ps, select { padding: 2px 2px 2px 1px; }
     
403. /* 自动调整高度的 textarea by Pony */
     
404. .pts { vertical-align: top; overflow: hidden; }
     
405. .cmt .pts { width: 60%; }
     
406. 
     
407. /*
     
408. Name: mod_button
     
409. Level: Global
     
410. Sample: <button class="pn">Submit</button>
     
411. Explain: 按钮样式
     
412. Last Modify: Pony
     
413. */
     
414. button::-moz-focus-inner { border: 0; padding: 0; }
     
415. .pn { vertical-align: middle; overflow: hidden; margin-right: 3px; padding: 0; height: 23px; border: 1px solid #999; background: #E5E5E5 url({IMGDIR}/pn.png) repeat-x 0 0; cursor: pointer; -moz-box-shadow: 0 1px 0 #E5E5E5; -webkit-box-shadow: 0 1px 0 #E5E5E5; box-shadow: 0 1px 0 #E5E5E5; }
     
416. .pn:active { background-position: 0 -23px; }
     
417. .ie6 .pn { overflow-x: visible; width: 0; }
     
418. 
     
419. .pn em, .pn span, .pn strong { padding: 0 10px; line-height: 21px; }
     
420. .pn em, .pn strong { font-weight: 700; }
     
421. .ie7 .pn em, .ie7 .pn span, .ie7 .pn strong { padding: 0 5px; line-height: 18px; }
     
422. 
     
423. a.pn { height: 21px; line-height: 21px; color: {TABLETEXT} !important; }
     
424. a.pn:hover { text-decoration: none; }
     
425. .ie6 a.pn { width: auto; }
     
426. .ie6 a.pn em, .ie6 a.pn span, .ie6 a.pn strong { display: block; }
     
427. .ie7 a.pn em, .ie7 a.pn span, .ie7 a.pn strong { line-height: 21px; }
     
428. 
     
429. .pnc, a.pnc { border-color: #235994; background-color: #06C; background-position: 0 -48px; color: #FFF !important; }
     
430. .pnc:active { background-position: 0 -71px; }
     
431. 
     
432. .pnpost .pn { height: 26px; }
     
433. 
     
434. /*
     
435. Name: mod_input[radio]_input[checkbox]_label
     
436. Level: Global
     
437. Sample: class="pr/pc/lb"
     
438. Explain: 单选按钮(pr)、多选框(pc)和<label>(lb)
     
439. Last Modify: Pony
     
440. */
     
441. .pr, .pc { vertical-align: middle; margin: 0 5px 1px 0; padding: 0; }
     
442. .ie6 .pr, .ie6 .pc, .ie7 .pr, .ie7 .pc { margin-right: 2px; }
     
443. .lb { margin-right: 20px; }
     
444. 
     
445. 
     
446. /*
     
447. Name: mod_narrow_input
     
448. Level: Global
     
449. Sample: <div class="pns"></div>
     
450. Explain: 小尺寸的输入框和按钮样式。该样式在模板中保留，目前样式为空。
     
451. Last Modify: Pony
     
452. */
     
453. .pns .px {}
     
454. .pns .pn {}
     
455. 
     
456. /*
     
457. Name: mod_float_typeid
     
458. Level: Global
     
459. Sample: <div class="ftid">
     
460. <select>
     
461. <option>Option</option>
     
462. </select>
     
463. </div>
     
464. Explain: 模拟下拉菜单样式
     
465. Last Modify: Pony
     
466. */
     
467. .ftid { float: left; margin-right: 6px; }
     
468. .ftid select { float: left; height: 23px; }
     
469. .ftid a { display: block; overflow: hidden; padding: 0 17px 0 4px; height: 21px; line-height: 21px; text-decoration: none !important; font-size: 12px; font-weight: 400; color: {TABLETEXT} !important; border: 1px solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; background: {WRAPBG} url({IMGDIR}/newarow.gif) no-repeat 100% 0; }
     
470. .ftid a:hover, .ftid a:focus { background-position: 100% -23px; }
     
471. /* ctrl 'select' width */
     
472. .ftid select { width: 94px; }
     
473. .sslt a { width: 54px; }
     
474. .sslt select { width: 60px; }
     
475. 
     
476. .sltm { padding: 5px 11px 5px 10px; border: 1px solid {DROPMENUBORDER}; background-color: {WRAPBG}; text-align: left; }
     
477. .sltm li { padding: 2px 0; color: {MIDTEXT}; cursor: pointer; }
     
478. .sltm li:hover { color: {HIGHLIGHTLINK}; }
     
479. .sltm li.current { color: {NOTICETEXT}; }
     
480. 
     
481. /* 分享按钮 */ .oshr { float: right; margin-left: 5px; padding: 0 5px 0 22px; border: 1px solid; border-color: #CCC #A9A9A9 #A9A9A9 #CCC; background: {WRAPBG} url({IMGDIR}/oshr.png) no-repeat 5px 50%; }
     
482. .oshr:hover { text-decoration: none; }
     
483. /* 收藏按钮 with oshr */ .ofav { background-image: url({IMGDIR}/fav.gif); }
     
484. /* 邀请按钮 with oshr */ .oivt { background-image: url({IMGDIR}/activitysmall.gif); }
     
485. 
     
486. 
     
487. /*
     
488. Name: mod_form
     
489. Level: Global
     
490. Sample: <form>
     
491. <table cellspacing="0" cellpadding="0" class="tfm">
     
492. <tr>
     
493. <th>Label</th>
     
494. <td><input type="text" name="" id="" class="" /></td>
     
495. </tr>
     
496. </table>
     
497. </form>
     
498. Explain: 表单样式
     
499. Last Modify: Pony
     
500. */
     
501. .tfm { width: 100%; }
     
502. .tfm caption, .tfm th, .tfm td { vertical-align: top; padding: 7px 0; }
     
503. .tfm caption h2 { font-size: 16px; }
     
504. .vt th, .vt td { vertical-align: top; }
     
505. .tfm th { padding-top: 9px; padding-right: 5px; width: 130px; }
     
506. .tfm th .rq { float: right; font-size: 14px; }
     
507. .tfm .pt, .tfm .px { margin-right: 3px; width: 330px; }
     
508. .tfm .c, .tfm .tedt, .m_c .tfm .tedt { width: 338px; }
     
509. .tfm .d { clear: both; margin: 5px 0; color: {LIGHTTEXT}; }
     
510. .tfm .d em { margin-left: 5px; color: red; }
     
511. .tfm .d strong { margin-left: 5px; }
     
512. .tfm .d a { color: {HIGHLIGHTLINK}; }
     
513. .tfm .p { text-align: right; }
     
514. .tfm .pcl label { display: block; padding: 0 2px 5px; }
     
515. .tfm .pcl .pc { margin-right: 5px; padding: 0; }
     
516. .tfm .l th, .tfm .l td { padding-top: 0; padding-bottom: 0; }
     
517. .bn .tfm caption, .bn .tfm th, .bn .tfm td { padding-top: 5px; padding-bottom: 5px; }
     
518. 
     
519. /*
     
520. Name: mod_postboxtitle
     
521. Level: Function
     
522. Explain: 发帖页面、弹窗等的标题栏
     
523. Last Modify: Pony
     
524. */
     
525. .pbt { margin-bottom: 10px; }
     
526. .ie6 .pbt .ftid a, .ie7 .pbt .ftid a { margin-top: 1px; }
     
527. #custominfo.mtn { margin-bottom: -5px; }
     
528. 
     
529. /* 提示信息 alert_win － altw*/
     
530. .altw { width: 350px; }
     
531. .altw .fltc { margin-bottom: 0; padding: 8px; }
     
532. .alert_right, .alert_error, .alert_info { padding: 6px 0 6px 58px; min-height: 40px; height: auto !important; height: 40px; line-height: 160%; background:url({IMGDIR}/right.gif) no-repeat 8px 8px; font-size: 14px; }
     
533. .alert_error { background-image: url({IMGDIR}/error.gif); }
     
534. .alert_error a { font-weight: 700; color: {HIGHLIGHTLINK}; }
     
535. .alert_info { background-image: url({IMGDIR}/info.gif); }
     
536. .alert_btnleft { margin-top: 8px; }
     
537. .alert_btn { margin-top: 20px; text-align: center; }
     
538. .alert_act { margin-top: 20px; padding-left: 58px; }
     
539. 
     
540. /* 发帖导航 by lushnis */
     
541. .pbnv { float: left; white-space: nowrap; overflow: hidden; width: 400px; padding: 7px 0; }
     
542. .pbl { overflow: hidden; margin: 9px 0; width: 621px; border-width: 1px 0 1px 1px; border-style: solid; border-color: #CCC; background: {WRAPBG}; }
     
543. .pbl li { float: left; overflow-x: hidden; overflow-y: auto; padding: 5px; width: 196px; height: 300px; border-right: 1px solid #CCC; }
     
544. .pbl p { height: 25px; line-height: 25px; }
     
545. .pbl a { display: block; white-space: nowrap; overflow: hidden; padding: 0 4px; text-decoration: none; color: {HIGHLIGHTLINK}; border: solid {WRAPBG}; border-width: 1px 0; }
     
546. .pbl a:hover { text-decoration: none; background-color: #F3F3F3; }
     
547. .pbl .highlightlink { color: #08C; }
     
548. .pbls a, .pbls a:hover { background-color: #EEE; color: {MIDTEXT}; font-weight: 700; }
     
549. .pbsb { background: url({IMGDIR}/arrow.gif) right -33px no-repeat; }
     
550. 
     
551. /* ------------------------------------------------------------------------ 页面布局 */
     
552. /*
     
553. #hd Header
     
554. #nv Navigation
     
555. #mu Customer menu
     
556. .wp Wrap
     
557. #ct Container
     
558. .mn Main area
     
559. .sd Side area
     
560. #ft Footer
     
561. ----------------
     
562. .bm Block in main area
     
563. .bn Block in nerrow area
     
564. .bw Block in full width
     
565. 
     
566. #pp Personal Panel
     
567. .pm Personal Message (Window)
     
568. .pmfl PM friend list (Window)
     
569. */
     
570. 
     
571. /* 通用容器，定义页面宽度 */ .wp { margin: 0 auto; width: 1080px; } #wp .wp { width: auto; }
     
572. .innerxiao{ background:{BGCOLOR};margin-bottom:10px;margin-top:-10px; }
     
573. 
     
574. 
     
575. /* 页头 */
     
576. #toptb { line-height: 24px; }
     
577. #toptb a { float: left; padding: 0 4px; height: 24px; }
     
578. #toptb a.showmenu { padding-right: 15px; }
     
579. #toptb a.hover { background-color: #FFF; }
     
580. #toptb .pipe { float: left; display: none; }
     
581. #hd { border-bottom: {HEADERBORDER} solid {SPECIALBORDER}; {HEADERBGCODE} }
     
582. #hd .wp { padding: 10px 0 0; }
     
583. #diy-tg { float: right; width: 55px; background: url({STATICURL}image/diy/panel-toggle.png) no-repeat 100% 1px; text-indent: -9999px; overflow: hidden; }
     
584. #diy-tg_menu { position: absolute; margin: -2px 0 0 -1px; padding: 6px 0; width: 72px; height: 48px; background: url({STATICURL}image/diy/panel-toggle-drop.png) no-repeat 0 0; text-align: center; }
     
585. #diy-tg_menu a { float: none !important; }
     
586. #toptb #diy-tg_menu { margin: -6px 0 0 -10px; }
     
587. 
     
588. .hdc { min-height: 70px; }
     
589. .ie6 .hdc { height: 70px; }
     
590. #hd h2 { padding: 0 20px 8px 0; float: left; }
     
591. #space #hd h2 { margin-top: 0; }
     
592. #hd .fastlg { padding-top: 10px; }
     
593. 
     
594. #scbar { height: 44px; border: solid {SPECIALBG}; border-width: 0 1px 1px; background: url({IMGDIR}/search.png) repeat-x 0 0; line-height: 44px; overflow: hidden; }
     
595. .scbar_icon_td { width: 50px; background: url({IMGDIR}/search.png) no-repeat 0 -74px; }
     
596. .scbar_txt_td, .scbar_type_td { background: url({IMGDIR}/search.png) repeat-x 0 -222px; }
     
597. #scbar_txt { width: 400px; border: 1px solid #FFF; outline: none; font-size: 14px; }
     
598. .scbar_narrow #scbar_txt { width: 260px; }
     
599. .scbar_btn_td { width: 67px; background: url({IMGDIR}/search.png) no-repeat 0 -296px; text-align: center; }
     
600. #scbar_btn { margin: 0; padding: 0; border: none; background: transparent none; }
     
601. .scbar_type_td { background: url({IMGDIR}/search.png) no-repeat 0 -370px; }
     
602. #scbar_type { display: block; padding-left: 5px; text-align: left; text-decoration: none; }
     
603. #scbar_type_menu { margin-top: -8px; }
     
604. #scbar_hot { padding-left: 8px; height: 45px; overflow: hidden; }
     
605. #scbar_hot strong, #scbar_hot a { float: left; margin-right: 8px; white-space: nowrap; }
     
606. 
     
607. #nv { overflow: hidden; padding-left: 3px; height: 33px; {MENUBGCODE}; }
     
608. #nv li { float: left; padding-right: 1px; height: 33px; line-height: 33px; background: url({IMGDIR}/nv_a.png) no-repeat 100% 0; font-weight: 700; font-size: 14px; }
     
609. .ie_all #nv li { line-height: 36px; }
     
610. .ie6 #nv li { line-height: 33px; }
     
611. #nv li a { float: left; padding: 0 15px; height: 33px; }
     
612. #nv li a { color: {MENUTEXT}; }
     
613. #nv li span { display: none; }
     
614. #nv li.a { margin-left: -1px; {MENUHOVERBGCODE}; }
     
615. #nv li.a a { color: {MENUHOVERTEXT}; }
     
616. #nv li a:hover { background: url({IMGDIR}/nv_a.png) no-repeat 50% -66px; }
     
617. #nv li.hover a:hover, #nv li.hover a { background: url({IMGDIR}/nv_a.png) no-repeat 50% -99px; }
     
618. #mu { position: relative; z-index: 1; }
     
619. .ie6 #mu, .ie7 #mu { line-height: 0; font-size: 0; }
     
620. #mu ul { background: url({IMGDIR}/mu_bg.png) no-repeat 0 100%; line-height: 22px; z-index: 2; font-size: 12px; }
     
621. #mu li { float: left; height: 32px }
     
622. #mu a { float: left; display: inline; margin: 5px 6px; padding: 0 10px; white-space: nowrap; }
     
623. #mu a:hover { margin: 4px 5px; border: 1px solid {SPECIALBORDER}; background: {SPECIALBG}; color: {HIGHLIGHTLINK}; text-decoration: none; }
     
624. .floatmu { position: absolute; left: 0; top: 0; }
     
625. #um { padding-top: 10px; padding-right: 60px; _padding-right: 54px; line-height: 2.3; zoom: 1; }
     
626. #um, #um a { color: {HEADERTEXT}; }
     
627. #um p { text-align: right; }
     
628. #um .avt { display: inline; margin-right: -60px; }
     
629. .vwmy { padding-left: 16px; background: url({IMGDIR}/user_online.gif) no-repeat 0 2px; }
     
630. .vwmy.qq { background: url({IMGDIR}/connect_qq.gif) no-repeat scroll 0 0; padding-left: 20px; }
     
631. /* .topnav .new, .sch .new 分别为为个人中心和搜索页面头部新消息样式 */
     
632. #um .new, .topnav .new, .sch .new, #toptb .new { padding-left: 20px; background-repeat: no-repeat; background-position: 0 50%; color: {HIGHLIGHTLINK}; font-weight: 700; }
     
633. #myprompt.new { background-image: url({IMGDIR}/notice.gif); background-position: 3px 50%; }
     
634. #pm_ntc.new { background-image: url({IMGDIR}/new_pm.gif); }
     
635. #task_ntc { background-image: url({STATICURL}image/feed/task.gif); }
     
636. #um .pipe { margin: 0 5px 0 0; }
     
637. 
     
638. #extcreditmenu { margin-right: 2px !important; padding-top: 3px; padding-bottom: 3px; padding-left: 10px; }
     
639. #extcreditmenu.a { position: relative; z-index: 302; margin-right: 1px !important; border: 1px solid; border-color: {DROPMENUBORDER}; border-bottom: none; background-color: {WRAPBG}; }
     
640. #extcreditmenu_menu { margin-top: -1px; width: auto; }
     
641. #extcreditmenu_menu li { float: none; display: block; padding-left: 10px !important; padding-right: 3em !important; }
     
642. 
     
643. #qmenu { float: right; display: inline; margin: 3px 4px 0; padding: 0 12px 0 0; width: 83px; height: 26px; background: url({IMGDIR}/qmenu.png) no-repeat 0 0; line-height: 26px; text-align: center; color: {HIGHLIGHTLINK}; font-weight: 700; text-shadow: 0 1px 0 #FFF; overflow: hidden; }
     
644. #qmenu:hover { text-decoration: none; }
     
645. #qmenu.a { position: relative; z-index: 302; background-position: 0 -30px; }
     
646. .ie8 #qmenu { line-height: 30px; }
     
647. #qmenu_menu { margin-top: -1px; padding: 20px 5px 10px; width: 180px; border-color: #9A9A9A; }
     
648. #qmenu_menu ul li { float: left; }
     
649. #qmenu_menu ul a { margin-bottom: 10px; padding: 47px 0 0; width: 60px; border: none; border-radius: 4px; background: url({IMGDIR}/noicon.gif) no-repeat 50% 5px; text-align: center; }
     
650. #qmenu_menu ul a:hover { background-color: {SPECIALBG}; color: {HIGHLIGHTLINK}; text-shadow: none; }
     
651. 
     
652. /* 页面主区域 */
     
653. #ct { min-height: 300px; }
     
654. .ie6 #ct { height: 300px; }
     
655. .mn { overflow: hidden; }
     
656. .ct1 { border: 1px solid {WRAPBORDERCOLOR}; border-top: none; }
     
657. .ct2 .mn { float: left; width: 730px; margin-bottom: 1em; }
     
658. .ct2 .sd { float: right; width: 220px; overflow: hidden; _overflow-y: visible; }
     
659. 
     
660. .appl { float: left; overflow: hidden; margin-bottom: 10px; padding: 6px 10px; width: 100px; }
     
661. 
     
662. .ct2_a, .ct3_a { border: 1px solid {WRAPBORDERCOLOR}; {SIDEBGCODE} }
     
663. .ct2_a_r { border: none; background-image: none; }
     
664. .ct2_a h1.mt { display: none; }
     
665. .ct2_a .tb { margin-top: 3px; }
     
666. .ct2_a .mn { float: right; width: 810px; }
     
667. .ct2_a .mn { display: inline; margin-right: 10px; padding-top: 10px; width: 700px; }
     
668. #nv_userapp .ct2_a .mn, .ct2_a_r .mn { margin-right: 0; width: 740px; }
     
669. 
     
670. .ct3_a .mn { float: left; margin-left: 20px; width: 565px; }
     
671. .ct3_a .sd { float: right; width: 220px; }
     
672. #nv_home .ct3_a .sd .bm { margin-right: 10px; border: none; }
     
673. #nv_home .ct3_a .sd .bm_c { padding: 10px 0; }
     
674. 
     
675. .mw { width: 100%; float: none; }
     
676. .mnw { clear: both; border-top: 1px solid #CCC; }
     
677. .mnh { width: 643px; background: {COMMONBG}; margin-bottom: 0; }
     
678. 
     
679. /* 页尾 */
     
680. #ft { padding: 10px 0 150px; line-height: 1.8; color: {FOOTERTEXT}; }
     
681. #flk { text-align: right; }
     
682. #flk img { vertical-align: middle; }
     
683. #scrolltop { visibility: hidden; position: fixed; bottom: 100px; display: block; margin: -30px 0 0; width: 26px; height: 50px; background: url({IMGDIR}/scrolltop.png) no-repeat 50% 0; line-height: 999px; overflow: hidden; cursor: pointer; }
     
684. .ie6 #scrolltop { position: absolute; bottom: auto; }
     
685. #nv_home #ft, .pg_announcement #ft, .pg_modcp #ft, .pg_portalcp #ft, .pg_ranklist #ft, #nv_userapp #ft { border-top: none; }
     
686. 
     
687. /* 通用的区域块 */
     
688. /*
     
689. .bm 是最常用的区块元素，默认带有 1px 的边框和 10px 的下边距。一般情况下，.bm 内应包括两个子容器：.bm_h 和 .bm_c，前者代表区块头部，带有灰色背景和下边框；后者是容器主体，默认带有 10px 的内边距。
     
690. .bm 另有三种子样式
     
691. .bmw Weight 头部为彩色背景
     
692. .bml Lite 头部无背景填充
     
693. .bmn Notice 整体带有彩色背景，常用于提示信息
     
694. */
     
695. .bm, .bn { margin-bottom: 10px; }
     
696. .bm { border: 1px solid {COMMONBORDER}; background: {WRAPBG}; }
     
697. .bm_c { padding: 10px; }
     
698. .drag {}
     
699. .bm_h .o { float: right; width: 30px; }
     
700. .bm_h .o img { float: right; margin-top: 11px; cursor: pointer; }
     
701. .bm_h .i { padding-left: 10px; }
     
702. .bm_h .pn { margin-top: 4px; }
     
703. .bm_h { padding: 0 10px; height: 31px; border-top: 1px solid #FFF; border-bottom: 1px solid {CONTENTSEPARATE}; background: {COMMONBG}; line-height: 31px; white-space: nowrap; overflow: hidden; }
     
704. .bmw { border: 1px solid {COMMONBORDER}; }
     
705. .bmw .bm_h { border-top-color: {WRAPBG}; border-right: 1px solid {WRAPBG}; border-bottom-color: {CONTENTSEPARATE}; border-left: 1px solid {WRAPBG}; background: {SPECIALBG}; }
     
706. .bmw .bm_h a { color: {HIGHLIGHTLINK}; }
     
707. .bml .bm_h { padding-top: 5px; border: none; background: transparent; }
     
708. .bml .bm_c { padding-top: 0; }
     
709. .bmn { padding: 7px 10px; border-color: {SPECIALBORDER}; background: {SPECIALBG}; }
     
710. 
     
711. .fl { border: 1px solid {COMMONBORDER}; border-top: none; background: {WRAPBG}; }
     
712. .fl .bm { margin-bottom: 0; border: none; }
     
713. .fl .bm_h { border-width: 1px 0; border-color: {SPECIALBORDER}; {TITLEBGCODE}; }
     
714. .fl .bm_c, #online .bm_c, .lk .bm_c { padding-top: 0; padding-bottom: 0; }
     
715. .bm2 .bm2_b { float: left; width: 49%; border: 1px solid {COMMONBORDER}; }
     
716. .bm2 .bm2_b_y { float: right; }
     
717. .bw0 { background: transparent; }
     
718. 
     
719. /* 宽布局下的通用块 */.bw { padding: 0 15px; }
     
720. 
     
721. /*
     
722. Name: mod_path
     
723. Level: Global
     
724. Sample: <div id="pt"><div class="z">Path here</div></div>
     
725. Explain: 面包屑导航
     
726. Last Modify: lushnis
     
727. */
     
728. #pt { margin: 2px 0; height: 29px; border:none; background: transparent; line-height: 29px; }
     
729. #pt .z { padding-right: 10px; }
     
730. #pt .z a, #pt .z em, #pt .z span { float: left; height: 29px; }
     
731. #pt .z em { width: 20px; background: url({IMGDIR}/pt_item.png) no-repeat 3px 10px; line-height: 200px; overflow: hidden; }
     
732. .nvhm { width: 16px; background: url({STYLEIMGDIR}/icon_nav.gif) no-repeat 2px 9px; line-height: 200px; overflow: hidden; }
     
733. /* XP 或 Windows 7，IE 最高版本为 8 或 9，这几种组合情况对字体的渲染存在差异，所以需要对背景进行微调，以适应更多情况 by Pony 11050511 */
     
734. .ie_all #pt .z em { background-position: 3px 9px; }
     
735. .ie_all .nvhm { background-position: -8px -120px; }
     
736. /*
     
737. Name: mod_userheader
     
738. Level: Global
     
739. Sample: div id="uhd"
     
740. Explain: 论坛皮肤下用户页面头部
     
741. Last Modify: lushnis
     
742. */
     
743. #uhd { padding-top: 10px;border: 1px solid #CCC; border-bottom: none; background: {SPECIALBG}; }
     
744. #uhd .tb a { border-width: 1px 0; border-top-color: {SPECIALBG}; border-bottom-color: {WRAPBORDERCOLOR}; }
     
745. #uhd .tb .a a { border: 1px solid #CCC; border-bottom-color: #FFF; }
     
746. .ie6 #uhd .tb .a { position: relative; }
     
747. #uhd .mn { float: right; margin-right: 15px; margin-bottom: -30px; line-height: 28px; }
     
748. #uhd .mn a { padding: 2px 0 2px 20px; background: no-repeat 0 50%; color: {MIDTEXT}; }
     
749. #uhd .mn a:hover { color: {HIGHLIGHTLINK}; }
     
750. #uhd .mn .addflw a { background-image: url({IMGDIR}/flw_ico.png); }
     
751. #uhd .mn .addf a { background-image: url({STATICURL}image/feed/friend.gif); }
     
752. #uhd .mn .pm2 a { background-image: url({IMGDIR}/pmto.gif); }
     
753. #uhd .h { padding-left: 75px; }
     
754. #uhd .avt { display: inline; float: left; margin-left: -65px; }
     
755. #uhd .mt { padding-bottom: 0; }
     
756. #uhd .flw_hd { float: right; width: 260px; margin-right: 10px; margin-bottom: -30px; }
     
757. #uhd .tns th, #uhd .tns td { padding-left: 20px; text-align: left; }
     
758. #uhd .flw_hd .o { padding-left: 20px; }
     
759. /* 统计数据 */
     
760. .tns { padding: 10px 0; }
     
761. .tns table { width: 100%; }
     
762. .tns th, .tns td { text-align: center; font-size: 12px; }
     
763. .sd .tns th, .sd .tns td { width: 110px !important; }
     
764. .tns th { border-right: 1px solid #CCC; }
     
765. .tns th p, .tns td p { font-size: 14px; margin: 0; }
     
766. .pls .tns { padding: 0 10px 10px; }
     
767. .pls .tns th p, .pls .tns td p { font-size: 12px; margin: 0; }
     
768. 
     
769. /* 带图标页面头部 ih. --> icon header */
     
770. .ih .icn { float: left; width: 60px; }
     
771. .ih dl { margin-left: 60px; }
     
772. .ih dt { font-size: 14px; font-weight: 700; }
     
773. .ih dd { padding-bottom: 1em; }
     
774. .ih dd strong { margin: 0 2em 0 4px; color: #C00; }
     
775. 
     
776. /*
     
777. Name: mod_tab
     
778. Level: Global
     
779. Dependent: mod_clearfix
     
780. Sample: <ul class="tb cl">
     
781. <li class="a"><a href="#">Active Tab Item</a></li>
     
782. <li><a href="#">Tab Item</a></li>
     
783. </ul>
     
784. Explain: 标签样式
     
785. Last Modify: lushnis
     
786. */
     
787. .tb { margin-top: 10px; padding-left: 5px; line-height: 30px; border-bottom: 1px solid {COMMONBORDER}; }
     
788. .tb li { float: left; margin: 0 3px -1px 0; }
     
789. .ie6 .tb .a, .ie6 .tb .current { position: relative; }
     
790. .tb a { display: block; padding: 0 10px; border: 1px solid {COMMONBORDER}; background: {SPECIALBG}; }
     
791. .tb .a a, .tb .current a { border-bottom-color: {WRAPBG}; background: {WRAPBG}; font-weight: 700;}
     
792. .tb a:hover { text-decoration: none; }
     
793. .tb .y { float: right; margin-right: 0; }
     
794. .tb .y a { border: none; background: transparent; }
     
795. .tb .o { margin: 1px 4px 0 2px; border: 1px solid #235994; }
     
796. .tb .o, .tb .o a { height: 23px; line-height: 23px; background: #06C url({IMGDIR}/pn.png) repeat-x 0 -48px; }
     
797. .tb .o a { padding: 0 15px; border: none; font-weight: 700; color: #FFF; }
     
798. .ie6 .tb .o a { float: left; }
     
799. .tb_h { margin: 0; padding: 0; background-color: {SPECIALBG}; }
     
800. .tb_h li { margin-right: 0; }
     
801. .tb_h a { border-top: none; border-left: none; }
     
802. .tb_h .o { margin-top: 2px; }
     
803. .tb_s { margin-top: 0; line-height: 26px; }
     
804. 
     
805. /* 类似menu的Tab */
     
806. .tbmu { padding: 8px 10px 8px 0; border-bottom: 1px dashed {COMMONBORDER}; }
     
807. .tbmu a { color: {HIGHLIGHTLINK}; }
     
808. .tbmu .a { color: {LINK}; font-weight: 700; }
     
809. /* tab的强调信息提示 */
     
810. .tbms { padding: 10px 10px 10px 26px; border: 1px dashed #FF9A9A; background: url({IMGDIR}/notice.gif) no-repeat 10px 50%; }
     
811. .tbms_r { background-image: url({IMGDIR}/data_valid.gif); }
     
812. /* 极简 Tab */
     
813. .tbx { margin: 10px 0; }
     
814. .tbx span { margin-right: 10px; cursor: pointer; }
     
815. .tbx .a { padding: 3px 5px; border: solid #999; border-width: 0 1px 1px 0; background: {COMMONBG} url({IMGDIR}/thead.png) repeat-x 0 -20px; }
     
816. .tbx strong { color: {NOTICETEXT}; }
     
817. /* 类似相册侧边切换页面用的 */
     
818. .obn { border-bottom: 1px solid {COMMONBORDER}; }
     
819. .obn select { width: 100%; margin-bottom: 5px; }
     
820. 
     
821. /* 广告 */
     
822. /* 页头广告 */ .a_h { padding-top: 5px; }
     
823. /* 二级导航广告 */ .a_mu { border: solid {COMMONBORDER}; border-width: 0 1px 1px; background: {COMMONBG}; }
     
824. /* 页尾广告 */ .a_f { margin: 5px auto; }
     
825. /* 日志内容广告 */ .a_b { float: right; margin: 0 0 5px 5px; }
     
826. /* 格子广告 */ .a_t { margin-bottom: 10px; }
     
827. .a_t table { width: 100%; }
     
828. .a_t td { padding: 4px 15px; border: 1px solid {COMMONBORDER}; }
     
829. /* 帖内广告 */ .a_pr { float: right; overflow: hidden; }
     
830. .a_pt, .a_pb { background: url({IMGDIR}/ad.gif) no-repeat 0 50%; margin-bottom: 6px; padding-left: 20px; zoom: 1; }
     
831. /* 漂浮广告 */ .a_fl, .a_fr { float: right; position: fixed; top: 350px; z-index: 100; }
     
832. .a_fl { left: 0; }
     
833. .a_fr { right: 0; text-align: right; }
     
834. * html .a_fl, * html .a_fr { position: absolute; top: expression(offsetParent.scrollTop+350); }
     
835. /* 对联广告 */ .a_cb { top: 20px }
     
836. * html .a_cb { top: expression(offsetParent.scrollTop+20); }
     
837. /* 文章漂浮广告 */ .a_af { float:left; margin-right: 10px; margin-bottom: 10px; }
     
838. /* 右下角广告 */ .a_cn { position: fixed; right: 10px; bottom: 10px; z-index: 300; }
     
839. * html .a_cn { position: absolute; top: expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight); }
     
840. .a_cn .close { text-align: right; }
     
841. 
     
842. .a_h, .a_mu, .a_c, .a_p, .a_f, .a_t { text-align: center; }
     
843. 
     
844. /* ------------------------------------------------------------------------ 列表样式 */
     
845. /*
     
846. .xl Text list
     
847. .xl1 1 line list ( wrap text will be hidden );
     
848. .xl2 2 col list
     
849. .xld list with description ( the HTML tag must be <dl> )
     
850. .ml Media/Image list
     
851. .mls Media size: 48*48px
     
852. .fl Forum list
     
853. .tl Thread list
     
854. .al Application list
     
855. */
     
856. 
     
857. /* 文本列表 */
     
858. .xl li { margin: 2px 0; }
     
859. .xl em { float: right; padding-left: 5px; }
     
860. .xl em, .xl em a { color: {LIGHTTEXT}; }
     
861. .xl label, .xl label a { color: #C00; }
     
862. .xl1 li { height: 1.5em; overflow: hidden; }
     
863. .xl1_elp { float: left; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
     
864. .xl2 li { float: left; margin: 2px 0; padding: 0; width: 48.6%; height: 1.5em; overflow: hidden; }
     
865. .xl ol, ol.xl { background: url({IMGDIR}/sortnum.png) no-repeat 0 3px; line-height: 21px; }
     
866. .xl ol li, ol.xl li { background: none; padding-left: 20px; }
     
867. .xl ol li, ol.xl li { height: 21px; }
     
868. .xld dt { padding: 8px 0 5px; font-weight: 700; }
     
869. .xld dd { margin-bottom: 8px; }
     
870. /* text with thumbnail image ( must with the additional class .cl ) */
     
871. .xld .m { float: left; margin: 8px 8px 10px 0; }
     
872. .xld .atc { float: right; margin-left: 20px; }
     
873. .ie8 .xld .atc { max-width: 86px; }
     
874. .xld .atc img { padding: 2px; max-width: 80px; max-height: 80px; border: 1px solid #CCC; background: {WRAPBG}; }
     
875. .ie6 .xld .atc img { width: expression(this.width > 80 && this.width>=this.height ? 80 : true); height: expression(this.height > 80 && this.width<=this.height ? 80 : true); }
     
876. .xld a.d, .xl a.d, .attc a.d, .c a.d, .sinf a.d { float: right; width: 20px; height: 20px; overflow: hidden; line-height: 100px; background: url({IMGDIR}/op.png) no-repeat 0 -2px; }
     
877. .attc a.d { float: left; }
     
878. .xld a.d:hover, .xl a.d:hover, .attc a.d:hover, .c a.d:hover, .sinf a.d:hover { background-position: 0 -22px; }
     
879. .xld a.b { background-position: 0 -40px; }
     
880. .xld a.b:hover { background-position: 0 -60px; }
     
881. .xlda dl { padding-left: 65px; }
     
882. .xlda .m { display: inline; margin: 8px 0 8px -65px; }
     
883. .xlda .avt img { display: block; }
     
884. .xlda dd img { max-width: 550px; }
     
885. * html .xlda dd img { width: expression(this.width > 550 ? 550 : true); }
     
886. .xlda dd a { color: {HIGHLIGHTLINK}; }
     
887. .xlda dd .hot { color: {NOTICETEXT}; }
     
888. 
     
889. /* 图片列表 */
     
890. .ml {}
     
891. .ml li { float: left; padding: 0 5px 5px; text-align: center; overflow: hidden; }
     
892. .ml img { display: block; margin: 0 auto; }
     
893. .ml p, .ml span { display: block; width: 100%; height: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
     
894. .ml span, .ml span a { color: {LIGHTTEXT}; }
     
895. .mls li { padding: 0 0 5px; width: 66px; }
     
896. .mls .avt { display: block; margin: 0 auto; width: 54px; }
     
897. .mls img { width: 48px; height: 48px; }
     
898. .mls p { margin-top: 5px; }
     
899. .mlm li { padding: 0 0 5px; width: 150px; }
     
900. .mlm img { width: 120px; height: 120px; }
     
901. .mla li { width: 140px; height: 224px; }
     
902. .mla1 li { height: 150px; }
     
903. .mla .c { margin: 0 auto; width: 136px; height: 150px; background: url({IMGDIR}/gb.gif) no-repeat 0 0; text-align: left; }
     
904. .mla .a { background-position: 0 100%; }
     
905. .mla .c a { display: block; padding: 14px 4px 3px 8px; width: 120px; height: 120px; overflow: hidden; }
     
906. .mla img { max-width: 120px; max-height: 120px; _width: expression(this.width > 120 && this.width>=this.height ? 120 : true); _height: expression(this.height > 120 && this.width<=this.height ? 120 : true); }
     
907. .mlp li { width: 140px; height: 140px; }
     
908. .mlp .d { padding: 0 0 5px; width: 150px; height: 180px; }
     
909. .mlp img { padding: 2px; max-width: 120px; max-height: 120px; border: 1px solid #CCC; background: {WRAPBG}; }
     
910. * html .mlp img { width: expression(this.width > 120 && this.width>=this.height ? 120 : true); height: expression(this.height > 120 && this.width<=this.height ? 120 : true); }
     
911. 
     
912. /* 用户头像列表时，各种状态图标。.gm -> 管理员; .gs -> 明星会员 ; .gol -> 在线会员; */
     
913. .gm, .gs, .gol { position: absolute; overflow: hidden; margin: -3px 0 0 -3px; width: 60px; height: 18px; background: url({IMGDIR}/gst.gif) no-repeat 0 0; display: block;/* ie6 */ }
     
914. .gs { background-position: 0 -18px; }
     
915. .gol { background-position: 0 -36px; }
     
916. 
     
917. /* 应用列表*/
     
918. .appl ul { margin: 3px 0; }
     
919. .appl li { display: block; height: 28px; line-height: 28px; white-space: nowrap; word-wrap: normal; font-size: 14px; text-overflow: ellipsis; overflow: hidden; }
     
920. .appl li a { text-decoration: none !important; }
     
921. .appl img { margin: 5px 5px -3px 0; }
     
922. .appl span { float: right; font-size: 12px; }
     
923. .appl span a { color: {LIGHTTEXT}; }
     
924. .appl span a:hover { color: {HIGHLIGHTLINK}; }
     
925. /* 应用侧边 by Pony */
     
926. .myo li { height: auto; line-height: 1.5; }
     
927. .myo img { margin-bottom: -1px; }
     
928. .myo a { color: {HIGHLIGHTLINK}; }
     
929. /* 侧边管理列表 */
     
930. .tbn { margin: -6px -10px 0; }
     
931. .tbn ul { margin: 0; }
     
932. .tbn li { margin: 0 10px; height: 33px; border-bottom: 1px dashed #CCC; }
     
933. .tbn li.a { margin: -1px 0 0; padding: 0 10px 0 9px; border-top: 1px solid {COMMONBORDER}; border-bottom-style: solid; background: {WRAPBG}; }
     
934. .tbn ul a { display: block; height: 33px; line-height: 33px; }
     
935. .tbn .mt { padding: 10px; }
     
936. 
     
937. /* 道具 magic */
     
938. .mg_img { padding: 10px; width: 76px; height: 76px; background: url({IMGDIR}/magic_imgbg.gif) no-repeat 0 0; }
     
939. 
     
940. /*
     
941. Name: mod_link
     
942. Level: Global
     
943. Dependent:
     
944. Sample: <ul class="tb cl">
     
945. <li class="a"><a href="#">Active Tab Item</a></li>
     
946. <li><a href="#">Tab Item</a></li>
     
947. </ul>
     
948. Explain: 友情链接
     
949. Last Modify: lushnis
     
950. */
     
951. .lk img { float: left; margin-right: 5px; margin-bottom: 5px; width: 88px; height: 31px; }
     
952. .lk p { color: {MIDTEXT}; }
     
953. .lk .m li { clear: left; padding: 0 0 10px 98px; }
     
954. .lk .m img { display: inline; margin-top: 4px; margin-top/*\**/: 1px\9; margin-left: -98px; }
     
955. .lk .x li { float: left; margin-right: 5px; width: 88px; height: 1.5em; overflow: hidden; }
     
956. .lk_logo .lk_content { float: left; }
     
957. 
     
958. /* ------------------------------------------------------------------------ 其他特定功能块 */
     
959. /* 简易编辑器 Tiny Editor */
     
960. .tedt { width: 98%; border: 1px solid; border-color: #999 #CCC #CCC #999; }
     
961. .tedt .bar { padding: 0 10px 0 0; height: 25px; line-height: 25px; border-bottom: 1px solid {COMMONBORDER}; background: {COMMONBG}; }
     
962. .fpd a { float: left; margin: 2px 5px 0 0; width: 20px; height: 20px; background: url({STATICURL}image/editor/editor.gif) no-repeat; text-indent: -9999px; line-height: 20px; overflow: hidden; }
     
963. .fpd a.fbld { background-position: 0 0; }
     
964. .fpd a.fclr { background-position: -60px 0; }
     
965. .fpd a.fmg { background-position: 0 -20px; }
     
966. .fpd a.flnk { background-position: -40px -20px; }
     
967. .fpd a.fqt { background-position: -140px -20px; }
     
968. .fpd a.fcd { background-position: -120px -20px; }
     
969. .fpd a.fsml { background-position: -20px -20px; }
     
970. .fpd a.fat { background-position: -140px 0; }
     
971. .tedt .area { padding: 4px; background: {WRAPBG}; zoom: 1; }
     
972. .tedt .pt { width: 100%; margin-right: 0; padding: 0 !important; border: none; background: {WRAPBG} none; }
     
973. .tedt .pt:focus { outline: none; -moz-box-shadow: none; }
     
974. .m_c .tedt { width: 600px; }
     
975. 
     
976. /* 表情 */
     
977. .sllt { padding: 10px 5px 5px !important; }
     
978. .sllt td { padding: 8px; border: none; cursor: pointer; }
     
979. .sllt_p { *float: left; text-align: right; }
     
980. .sllt_p a { margin-right: 5px; color: #069; text-decoration: underline; }
     
981. .sl_pv { margin-top: 5px; padding: 8px; background: #FAFAFA; border: 1px solid #CCC; }
     
982. .ie6 .slg, .ie7 .slg { width: expression(this.parentNode.offsetWidth); }
     
983. 
     
984. /*
     
985. Name: mod_style_selector
     
986. Level: Fuction
     
987. Dependent: mod_popupmenu
     
988. Explain: 风格切换菜单
     
989. Last Modify: lushnis
     
990. */
     
991. #toptb a#sslct { width: 10px; background: url({IMGDIR}/style_switch.png) no-repeat 50% 50%; text-indent: -9999px; overflow: hidden; }
     
992. #sslct_menu { padding: 6px 10px 10px; }
     
993. .sslct_btn { float: left; margin: 4px 4px 0 0; width: 12px; height: 12px; border: 1px solid {COMMONBORDER}; cursor: pointer; }
     
994. .sslct_btn i { float: left; display: inline; margin: 1px; width: 10px; height: 10px; background: #2E80D1; overflow: hidden; font-style: normal; }
     
995. 
     
996. /* 弹出菜单、弹出层及弹出窗口 */
     
997. .p_pop, .p_pof, .sllt { padding: 4px; border: 1px solid; min-width: 60px; border-color: {DROPMENUBORDER}; {DROPMENUBGCODE}; box-shadow: 1px 2px 2px rgba(0,0,0,0.3); }
     
998. .ie6 .p_pop { width: 100px; }
     
999. .p_pof .p_pop { padding: 0; border: none; box-shadow: none; }
     
1000. .p_pof { width: 500px; }
      
1001. .p_opt { padding: 10px; }
      
1002. .p_pop li { display: inline; }
      
1003. .p_pop a { display: block; padding: 3px 5px; border-bottom: 1px solid {SPECIALBG}; white-space: nowrap; }
      
1004. .p_pop li:last-child a { border: none; }
      
1005. .ie6 .p_pop a { position: relative; }
      
1006. .p_pop a:hover, .p_pop a.a, #sctype_menu .sca { background-color: {SPECIALBG}; color: {HIGHLIGHTLINK}; text-decoration: none; }
      
1007. /* .blk -> block 内容较为复杂的弹出层使用 .blk 的 class，内部的 a 标签重新定义 */
      
1008. .blk a, .inlinelist a { display: inline; padding: 0; border: none; }
      
1009. .blk a:hover { background: none; color: {LINK}; text-shadow: none; text-decoration: underline; }
      
1010. .inlinelist { padding: 5px; }
      
1011. .inlinelist a { float: left; width: 5em; height: 2em; overflow: hidden; text-align: center; line-height: 2em; }
      
1012. .h_pop { min-width: 120px; border-top: none; }
      
1013. /* .txt 和 .textarea 属于旧的命名规范，待整理 by lushnis */.p_opt .txt, .p_opt .txtarea { margin: 5px 0; }
      
1014. 
      
1015. .p_pop .flbc, .p_pof .flbc{margin-right: 8px;margin-top: 4px;}
      
1016. 
      
1017. /* 弹出层 以下 class 都可以分开写，单独定义，以便个性化 */
      
1018. /* 四条边、四个角的公用样式 */
      
1019. .t_l, .t_c, .t_r, .m_l, .m_r, .b_l, .b_c, .b_r { overflow: hidden; {FLOATMASKBGCODE}; opacity: 0.2; filter: alpha(opacity=20); }
      
1020. /* 四个角 */
      
1021. .t_l, .t_r, .b_l, .b_r { width: 8px; height: 8px; }
      
1022. /* 上下两条边 */
      
1023. .t_c, .b_c { height: 8px; }
      
1024. /* 左右两条边 */
      
1025. .m_l, .m_r { width: 8px; }
      
1026. 
      
1027. .t_l { -moz-border-radius: 8px 0 0 0; -webkit-border-radius: 8px 0 0 0; border-radius: 8px 0 0 0; }
      
1028. .t_r { -moz-border-radius: 0 8px 0 0; -webkit-border-radius: 0 8px 0 0; border-radius: 0 8px 0 0; }
      
1029. .b_l { -moz-border-radius: 0 0 0 8px; -webkit-border-radius: 0 0 0 8px; border-radius: 0 0 0 8px; }
      
1030. .b_r { -moz-border-radius: 0 0 8px 0; -webkit-border-radius: 0 0 8px 0; border-radius: 0 0 8px 0; }
      
1031. .m_c { {FLOATBGCODE}; }
      
1032. 
      
1033. /* 弹出层内容区 by Pony */
      
1034. .m_c .tb { margin: 0 0 10px; padding: 0 10px; }
      
1035. .m_c .c { padding: 0 10px 10px; }
      
1036. .m_c .o { padding: 8px 10px; height: 26px; text-align: right; border-top: 1px solid #CCC; background: {COMMONBG}; }
      
1037. /* 分享时会用到 */
      
1038. .m_c .el { width: 420px; }
      
1039. .m_c .el li { padding: 0; border: none; }
      
1040. 
      
1041. /* .flb 弹出层header */
      
1042. .flb { padding: 10px 10px 8px; height: 20px; line-height: 20px; }
      
1043. .flb em { float: left; font-size: 14px; font-weight: 700; color: {HIGHLIGHTLINK}; }
      
1044. .flb em a { text-decoration: none; }
      
1045. .flb .needverify { float: left; margin-left: 8px; padding-left: 13px; width: 45px; height: 21px; line-height: 21px; background: url({IMGDIR}/re_unsolved.gif) no-repeat 0 0; font-size: 12px; color: {LIGHTTEXT}; font-weight: 400; }
      
1046. .flb .onerror, .flb .onright { padding-left: 20px; height: auto; line-height: 140%; white-space: nowrap; font-size: 12px; font-weight: 400; }
      
1047. .flb .onerror { background: url({IMGDIR}/check_error.gif) no-repeat 0 50%; }
      
1048. .flb .onright { background: url({IMGDIR}/check_right.gif) no-repeat 0 50%; color: {MIDTEXT}; }
      
1049. 
      
1050. .flb span { float: right; color: {LIGHTTEXT}; }
      
1051. .flb span a, .flb strong { float: left; text-decoration: none; margin-left: 8px; font-weight: 400; color: {LINK}; }
      
1052. .flb span a:hover { color: {LIGHTTEXT}; }
      
1053. .flbc { float: left; width: 20px; height: 20px; overflow: hidden; text-indent: -9999px; background: url({IMGDIR}/cls.gif) no-repeat 0 0; cursor: pointer; }
      
1054. .flbc:hover { background-position: 0 -20px; }
      
1055. 
      
1056. .floatwrap { overflow: auto; overflow-x: hidden; margin-bottom: 10px; height: 280px; }
      
1057. 
      
1058. .f_c { }
      
1059. .f_c li { list-style: none; }
      
1060. .f_c hr.l { margin: 0; }
      
1061. .f_c a { color: {HIGHLIGHTLINK}; }
      
1062. .f_c .list { margin: 0 auto 10px; width: 570px; border-top: 3px solid {COMMONBORDER}; }
      
1063. .f_c .list th, .f_c .list td { padding: 5px 2px; height: auto; border-bottom: 1px dashed {COMMONBORDER}; }
      
1064. .f_c .list .btns th, .f_c .list .btns td { border-bottom: none; }
      
1065. .f_c .th th, .f_c .th td { padding: 10px 0; }
      
1066. .f_c .list th { background: none; }
      
1067. 
      
1068. /* 弹窗未开启时 nofloat */
      
1069. .nfl { height: auto !important; height: 320px; min-height: 320px; }
      
1070. .nfl .f_c { margin: 60px auto; padding: 20px; width: 580px; border: 3px solid {COMMONBG}; background: {WRAPBG}; }
      
1071. .nfl .loginform { height: auto; }
      
1072. .nfl .clause { width: auto; height: auto; }
      
1073. 
      
1074. /* dropdownbtn 下拉菜单 */
      
1075. .hasd {}
      
1076. .hasd input { float: left; width: 121px; }
      
1077. .hasd input.crl { padding: 0; width: 20px; height: 20px; background: none; border-style: solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; border-width: 1px 0 1px 1px; }
      
1078. .hasd .spmediuminput { width: 115px; }
      
1079. .dpbtn { float: left; overflow: hidden; text-indent: -9999px; width: 21px; height: 21px; border-width: 1px 1px 1px 0; border-style: solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; background: {WRAPBG} url({IMGDIR}/newarow.gif) no-repeat 100% 0; }
      
1080. .dpbtn:hover { background-position: 100% -23px; }
      
1081. .hasd label { float: left; }
      
1082. .tpclg h4 a.dpbtn { float: right; border-width: 1px; }
      
1083. .tpclg h4 { font-weight: 400; }
      
1084. .tpclg .pt { margin: 5px 0; width: 212px; overflow: hidden; }
      
1085. /* 下面两行为评分时用到的 */
      
1086. .mark .dt, .mark .tpclg h4 { width: 270px; }
      
1087. .mark .tpclg .pt { width: 260px; }
      
1088. #postbox dd.hasd input { width: 99px; margin-right: 0; }
      
1089. 
      
1090. /*弹窗 编辑器 颜色框 colorbox*/
      
1091. .colorbox{ width: 130px !important; }
      
1092. .colorbox input { float: left; margin: 2px; padding: 0; width: 12px; height: 12px; border: 0; cursor: pointer; }
      
1093. 
      
1094. /* 短消息对话框 .pm -> personal_message (window) by Pony */
      
1095. .pm { overflow: hidden; width: 400px; }
      
1096. .pm .flb { margin-bottom: 0; padding: 1px 5px 4px; background: #CCC url({IMGDIR}/pm.png) repeat-x 0 -101px; }
      
1097. * html .pm .flb { padding: 4px 5px 1px; }
      
1098. .pm .flb em { padding-left: 15px; background: url({IMGDIR}/pm.png) no-repeat 0 -65px; text-shadow: 1px 1px 1px {WRAPBG}; color: {LINK}; font-size: 12px; }
      
1099. .pm .flbc { background-image: url({IMGDIR}/pm.png); }
      
1100. .pm_tac { padding: 5px 10px; background: {COMMONBG}; }
      
1101. .pm .c { padding: 0; background: {COMMONBG}; }
      
1102. .pmb { position: relative; padding: 20px 20px 0; width: 360px; height: 280px; overflow: auto; overflow-x: hidden; }
      
1103. .pmb li { position: relative; margin-bottom: 10px; }
      
1104. .pmt { overflow: hidden; position: absolute; bottom: 0; left: -6px; text-indent: -999px; width: 7px; height: 7px; background: url({IMGDIR}/pm.png) no-repeat -13px -40px; zoom: 1; }
      
1105. .pmd { float: left; padding: 5px 8px; background: #F0F0F0 url({IMGDIR}/pm-bg1.png) repeat-x; border: 1px solid; border-color: #E7E7E7 #BBB #999 #E7E7E7; word-wrap: break-word; -moz-box-shadow: 2px 2px 4px #DDD; -webkit-box-shadow: 2px 2px 4px #DDD; box-shadow: 2px 2px 4px #DDD; -moz-border-radius: 10px 10px 10px 0; -webkit-border-radius: 10px 10px 10px 0; border-radius: 10px 10px 10px 0; }
      
1106. .pmd, .pmd img { max-width: 292px; }
      
1107. * html .pmd { width: expression(this.offsetWidth > 292 ? 292+'px':'auto'); }
      
1108. * html .pmd img { width: expression(this.width > 292 ? 292 : true); }
      
1109. /* 短消息下的引用和代码样式 */
      
1110. .pmd .quote { overflow: hidden; margin: 0; padding-left: 16px; background: url({IMGDIR}/qa.gif) no-repeat 0 0; color: {MIDTEXT}; }
      
1111. .pmd .quote blockquote { display: inline; margin: 0; padding-right: 16px; background: url({IMGDIR}/qz.gif) no-repeat 100% 100%; }
      
1112. .pmd .blockcode { overflow: hidden; margin: 0; padding: 0; background: transparent; color: {MIDTEXT}; }
      
1113. .pmd .blockcode code { font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; }
      
1114. * html .pmd .blockcode code { font-family: 'Courier New', serif; }
      
1115. .pmm .pmt { right: -6px; left: auto; background-position: 0 -47px; }
      
1116. .pmm .pmd { float: right; background: #FEF5E7 url({IMGDIR}/pm-bg2.png) repeat-x; border-color: #FFC68C #F9D4A7 #F3BB65 #DDC4A9; -moz-box-shadow: -2px 2px 4px #DDD; -webkit-box-shadow: -2px 2px 4px #DDD; box-shadow: -2px 2px 4px #DDD; -moz-border-radius: 10px 10px 0 10px; -webkit-border-radius: 10px 10px 0 10px; border-radius: 10px 10px 0 10px; }
      
1117. .pmb h4 { text-align: center; }
      
1118. .pmfm { padding: 0 15px 15px; }
      
1119. .pmfm .tedt { width: 365px; }
      
1120. .pmfm .pt { height: 65px; }
      
1121. .pmfm .pn { float: right; }
      
1122. .pma a { margin-right: 5px; }
      
1123. 
      
1124. /* 短消息联系人列表 by Pony */
      
1125. .pmo { position: absolute; top: 8px; right: 10px; overflow: hidden; padding-left: 10px; width: 130px; height: 31px; line-height: 24px; line-height /*\**/: 26px\9; background: url({IMGDIR}/pn.png) repeat-x 0 -320px; text-shadow: 1px 1px 1px {WRAPBG}; }
      
1126. .pmo em { display: block; padding: 3px 5px 4px 0; background: url({IMGDIR}/pn.png) no-repeat 100% -360px; }
      
1127. .pmo a { overflow: hidden; white-space: nowrap; display: block; padding-right: 10px; background: url({IMGDIR}/pm.png) no-repeat 100% -222px; outline: none; }
      
1128. .pmo .b { background-position: 100% -278px; }
      
1129. 
      
1130. /* .pmfl -> pm_friend_list (Window) */
      
1131. .pmfl { position: absolute; top: 35px; right: 10px; z-index: 200; width: 138px; border: solid #CCC; border-width: 0 1px 1px; background: {WRAPBG}; }
      
1132. .pmfl .s, .pmfl .o { padding: 5px; border-bottom: 1px solid #CCC; background: {COMMONBG}; }
      
1133. .pmfl .o { border-bottom-color: {WRAPBG}; }
      
1134. .pmfl .s .px { padding-left: 20px; width: 101px; background: {WRAPBG} url({IMGDIR}/pm.png) no-repeat 0 -160px; }
      
1135. .pmfl .o .ps { width: 100%; }
      
1136. .pmfl ul { overflow: auto; overflow-x: hidden; width: 138px; height: 306px; }
      
1137. .pmfl li { padding: 5px; height: 24px; }
      
1138. .pmfl .avt { float: left; width: 29px; height: 29px; }
      
1139. .pmfl .avt img { padding: 0; width: 24px; height: 24px; border: none; }
      
1140. /* 跳动的头像样式 by Pony */
      
1141. .pmfl .newpm img { margin: 1px 0 0 1px; }
      
1142. .pmfl p { overflow: hidden; white-space: nowrap; width: 78px; }
      
1143. /* 当前交谈的用户 */
      
1144. .pmfl p .a { color: red; }
      
1145. /* 在线的用户 */
      
1146. .pmfl p .ol { color: {LINK}; }
      
1147. .pmfl strong { color: #000; }
      
1148. 
      
1149. /* 登录和注册 */
      
1150. 
      
1151. .rfm { margin: 0 auto; width: 760px; border-bottom: 1px dotted {COMMONBORDER}; }
      
1152. .rfm a { color: {HIGHLIGHTLINK}; }
      
1153. .rfm .rq {}
      
1154. .rfm th, .rfm td { padding: 10px 2px; vertical-align: top; line-height: 24px; }
      
1155. .rfm .tipwide { padding-top: 0; }
      
1156. .rfm th { padding-right: 10px; width: 10em; text-align: right; }
      
1157. .rfm .px { width: 220px; }
      
1158. .rfm .px:focus { border-color: {HIGHLIGHTLINK}; background: #FFF; }
      
1159. .rfm .p_tip { position: absolute; z-index: 2; display: none; padding-left: 10px; width: 390px; background: {WRAPBG}; color: {MIDTEXT}; font-style: normal; }
      
1160. .rfm .p_chk { position: absolute; z-index: 1; padding-left: 10px; width: 390px; color: red; font-weight: 700; font-family: {FONT}; }
      
1161. .rfm #emailmore { position: absolute; }
      
1162. .p_right { background: url({IMGDIR}/check_right.gif) no-repeat 10px 12px; width: 30px; }
      
1163. #returnmessage4 { display: none; padding: 10px 0; border-bottom: 1px solid {COMMONBORDER}; background: #FFE; text-align: center; font-weight: 700; }
      
1164. #returnmessage4.onerror { display: block; }
      
1165. .rfm .l { margin: 0; }
      
1166. .blr .c { padding: 0 10px 10px; }
      
1167. .login_slct a { margin-right: -8px; padding-right: 16px; background: url({IMGDIR}/arrwd.gif) no-repeat 100% 50%; }
      
1168. .fwin .rfm, .nfl .f_c .rfm { width: 500px; }
      
1169. .fwin .rfm th, .fwin .rfm td, .nfl .f_c .rfm th, .nfl .f_c .rfm td { padding: 6px 2px; }
      
1170. .fwin .loginb button { margin-left: 11.3em; }
      
1171. .nfl .f_c .loginb button { margin-left: 12em; }
      
1172. 
      
1173. /*
      
1174. Name: mod_passlevel
      
1175. Level: Function
      
1176. Explain: 密码强度检测
      
1177. Last Modify: lushnis
      
1178. */
      
1179. .passlevel { padding-left: 70px; background: url({IMGDIR}/passlevel.png) no-repeat 0 5px; }
      
1180. .passlevel1 { background-position: 0 -35px; }
      
1181. .passlevel2 { background-position: 0 -75px; }
      
1182. .passlevel3 { background-position: 0 -115px; }
      
1183. 
      
1184. .blr { width: 580px; margin: 20px auto 30px; }
      
1185. .m_c .blr { margin: 0 auto; }
      
1186. .lgfm { font: {FONTSIZE} {FONT}; float: left; margin-bottom: 10px; *margin-bottom: -10px; padding: 20px 0; width: 280px; border-right: 1px solid #CCC; }
      
1187. .rgs { margin-bottom: 10px; }
      
1188. .lgfm label, .lgfm p, .reginfo { clear: both; overflow: hidden; display: block; margin-bottom: 10px; line-height: 22px; }
      
1189. /* 自定义的注册信息 */
      
1190. .reginfo label { display: inline; }
      
1191. .reg_c { float: left; width: 200px; }
      
1192. .lgfm .txt, .lgfm .px { padding: 2px 4px; height: 16px; border: 1px solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; background-image: none; }
      
1193. .lgfm .txt, .lgfm .px, .lgfm .pt { width: 170px; }
      
1194. .lgfm .ftid a, .lgfm .ftid a:hover { height: 20px; background-position: 100% -1px; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; }
      
1195. .fsb { clear: both; margin-top: 8px; padding: 10px; }
      
1196. .fsb .z { padding-top: 5px; }
      
1197. .m_c .fsb { background: {COMMONBG}; border-top: 1px solid #CCC; }
      
1198. .fsb .pns { margin-right: 8px; }
      
1199. .lgfm em, .fsb em { float: left; width: 60px; }
      
1200. .fsb .pnr { *margin-top: 4px; }
      
1201. .nlf .txt{ width: 230px; }
      
1202. .brls { overflow: auto; margin-bottom: 10px; width: 470px; height: 240px; }
      
1203. .sipt { float: none; margin: 0 0 10px; width: 234px; height: 20px; background-color: {WRAPBG}; border: 1px solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; clear: left; }
      
1204. .sipt a { float: left; width: 54px; border: none; }
      
1205. .sipt a:hover, .sipt a:focus { border: none; }
      
1206. .sipt .txt { float: left; width: 154px; border: none; outline: none; background: {WRAPBG}; }
      
1207. .sltp { float: none; margin: 10px 0; clear: both; }
      
1208. .sltp a, .sltp a:hover, .sltp a:focus { height: 20px; line-height: 20px; border-color: #EEE; background-color: transparent; background-position: 100% -1px; color: #069 !important; }
      
1209. .sltp a:hover, .sltp a:focus { background-position: 100% -24px; }
      
1210. .lpsw label { float: left; padding-left: 4px; width: 61px; line-height: 150%; }
      
1211. .clck, .sipt .clck { background: {WRAPBG} url({IMGDIR}/clck.gif) no-repeat 98% 50%; }
      
1212. 
      
1213. .lgf { float: left; overflow: visible; margin: 47px 25px 10px 40px; }
      
1214. .lgf h4 { margin-bottom: 10px; font-weight: 400; font-size: 14px; }
      
1215. .lgf a { color: {HIGHLIGHTLINK}; }
      
1216. .minf { margin-top: 23px; }
      
1217. 
      
1218. /*
      
1219. Name: mod_messagelogin
      
1220. Level: Global
      
1221. Explain: showmessage 处的登录框
      
1222. Last Modify: lushnis
      
1223. */
      
1224. #messagelogin { margin-top: 5px; border-top: 1px solid {COMMONBORDER}; }
      
1225. #messagelogin .flb { padding-left: 0; }
      
1226. #messagelogin .blr { margin: 0; }
      
1227. #messagelogin .lgfm { padding-top: 0; }
      
1228. #messagelogin .minf { margin-top: 0; }
      
1229. #messagelogin .fsb { padding: 0; }
      
1230. 
      
1231. /*
      
1232. Name: mod_fast_login
      
1233. Level: Global
      
1234. Explain: 页面头部的快速登录
      
1235. Last Modify: Pony 11061011
      
1236. */
      
1237. .fastlg { line-height: 24px; }
      
1238. .fastlg td { padding: 2px 0 2px 4px; }
      
1239. .fastlg_fm { margin-right: 5px; padding-right: 5px; border-right: 1px solid {COMMONBORDER}; }
      
1240. #ls_fastloginfield_ctrl { line-height: 20px; border: none; background-color: transparent; background-position: 100% -1px; }
      
1241. #ls_fastloginfield_ctrl:hover { background-position: 100% -24px; }
      
1242. .psw_w { padding-left: 5px; }
      
1243. 
      
1244. .fastlg_l { padding-right: 4px !important; border-right: 1px solid {SPECIALBG}; }
      
1245. 
      
1246. /* 打招呼 by Pony */
      
1247. .poke { margin-bottom: 10px; }
      
1248. .poke li { float: left; margin: 0 1% 5px 0; width: 32%; height: 22px; }
      
1249. .poke img { vertical-align: middle; }
      
1250. 
      
1251. /* 普通数据列表 datatable by michael */
      
1252. .dt { border-top: 1px solid {COMMONBORDER}; width: 100%; }
      
1253. .dt th { background: {COMMONBG}; }
      
1254. .dt td, .dt th { padding: 7px 4px; border-bottom: 1px solid {COMMONBORDER}; }
      
1255. .dt .c { width: 50px; }
      
1256. 
      
1257. /* 用来展示数据的表格 */
      
1258. .tdat { width: 100%; border: 1px solid {COMMONBORDER}; }
      
1259. .tdat th, .tdat td { padding: 4px 5px; border: 1px solid {COMMONBORDER}; }
      
1260. 
      
1261. /* == um 公告 帮助 message 通用列表 lum -- um list == */
      
1262. .um { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px dashed {COMMONBORDER}; clear: left; }
      
1263. .umh { margin-bottom: 10px; overflow: hidden; }
      
1264. .umh h2, .umh h3 { clear: left; font-size: 14px; float: left; background: {WRAPBG} url({IMGDIR}/arrow.gif) no-repeat right 6px; padding-right: 14px; cursor: pointer; }
      
1265. .schfaq h3 { background: none; cursor: default; }
      
1266. .umh h3 a { color: {MIDTEXT}; }
      
1267. .umh h3 span { font-size: 12px; font-weight: 400; color: {MIDTEXT}; }
      
1268. .umh h2 em, .umh h3 em { margin-left: 8px; font-size: 12px; color: {LIGHTTEXT}; font-weight: 400; }
      
1269. .umh_act { float: right; }
      
1270. .umh .umh_cb { display: none; }
      
1271. .umh .umh_ext { display: block; }
      
1272. .umn { background: url({IMGDIR}/dash.gif) repeat-x 0 10px; clear: left; }
      
1273. .umn h3 { background: {WRAPBG} url({IMGDIR}/arrow.gif) no-repeat right -35px; font-size: 14px; }
      
1274. .umn .umh_cb { display: block; background-color: {WRAPBG}; color: {MIDTEXT}; cursor: pointer; }
      
1275. .umn .umh_ext { display :none; }
      
1276. .lum {}
      
1277. .lum h2 { font-size: 14px; }
      
1278. .lum ul { padding: 1em 0 1em 2em; margin-bottom: 1em; border-bottom: 1px dashed {COMMONBORDER}; }
      
1279. .lum ul li { padding: 0.2em 0; }
      
1280. 
      
1281. /* pgs --> pages & postbutton 分页、发帖按钮, pgb -->返回首页, nxt -->下一页 */
      
1282. .pgs {}
      
1283. .pgs #newspecial, .pgs #newspecialtmp, .pgs #post_reply, .pgs #post_replytmp { float: left; margin-right: 5px; }
      
1284. .pg { float: right; }
      
1285. .pg, .pgb { line-height: 26px; }
      
1286. .pg a, .pg strong, .pgb a, .pg label { float: left; display: inline; margin-left: 4px; padding: 0 8px; height: 26px; border: 1px solid; border-color: {SPECIALBORDER}; background-color: {WRAPBG}; background-repeat: no-repeat; color: {LINK}; overflow: hidden; text-decoration: none; }
      
1287. .pg a.nxt, .pgb a { padding: 0 10px; }
      
1288. .pg a:hover, .pgb a:hover { border-color: {HIGHLIGHTLINK}; color: {HIGHLIGHTLINK}; }
      
1289. .pg a.nxt { padding-right: 25px; background-image: url({IMGDIR}/arw_r.gif); background-position: 90% 50%; }
      
1290. .pg a.prev { background-image: url({IMGDIR}/arw_l.gif); background-position: 50% 50%; }
      
1291. .pg strong { background-color: {SPECIALBG}; }
      
1292. .pgb a { padding-left: 25px; background-image: url({IMGDIR}/arw_l.gif); background-position: 10px 50%; }
      
1293. .pg label { cursor: text; }
      
1294. .ie6 .pg label { padding-top: 3px; height: 23px; }
      
1295. .pg label .px { padding: 0; width: 25px; height: 16px; line-height: 16px; }
      
1296. #pgt .pg, #pgt .pgb { margin-top: 5px; }
      
1297. /* 用于行动的按钮 button action */
      
1298. .bac {margin: 0; padding: 0; width: 70px; height: 30px;line-height: 30px; color: {LINK}; overflow: hidden; text-decoration: none; background: url({IMGDIR}/pg_arw.png) no-repeat 0 0; text-align: center; text-indent: -7px; display: block;}
      
1299. 
      
1300. #psd .bn .mbn input, #postbox input { margin-right: 4px; }
      
1301. #postbox .mbn, #psd .mbn { height: 1.6em; line-height: 1.6em; }
      
1302. 
      
1303. /* 用于积分奖励提示等弹出层提示 */
      
1304. .popupcredit {}
      
1305. .pc_l, .pc_c, .pc_inner, .pc_r { width: 29px; height: 56px; line-height: 56px; background: url({IMGDIR}/popupcredit_bg.gif) no-repeat 0 0; }
      
1306. .pc_c { width: 200px; background-position: 0 -56px; background-repeat: repeat-x; }
      
1307. .pc_inner { white-space: nowrap; text-align: center; width: auto; background-position: 50% -112px; }
      
1308. .pc_inner i { margin-right: 10px; font-size: 12px; font-style: normal; color: {LIGHTLINK}; font-weight: 400; }
      
1309. .pc_inner span { margin-right: 15px; color: #FFEA97; font-size: 14px; font-weight: 700; }
      
1310. * html .pc_inner span { display: inline-block; }
      
1311. .pc_inner span a { color: #FFEA97; text-decoration: underline; }
      
1312. .pc_inner span em { color: {LIGHTLINK}; font-size: 18px; font-weight: 400; }
      
1313. .pc_inner span u { font-size: 10px; text-decoration: none; }
      
1314. .pc_inner span em.desc { color: #930; }
      
1315. .pc_btn img { opacity: 0.5; }
      
1316. .pc_btn:hover img { opacity: 1; }
      
1317. .pc_r { background-position: -30px 0; }
      
1318. 
      
1319. /* 快速跳转菜单 */
      
1320. #fjump_menu { padding: 7px 0 10px 10px; background: {COMMONBG}; }
      
1321. .ie6 #fjump_menu { width: expression(this.getElementsByTagName('li')[2] ? '600px' : (this.getElementsByTagName('li')[1] ? '400px' : '200px')); }
      
1322. #fjump_menu .sch { position: absolute; top: 6px; right: 10px; }
      
1323. .jump_bdl { overflow: hidden; }
      
1324. .jump_bdl li { float: left; overflow-x: hidden; overflow-y: auto; margin-right: 10px; padding: 5px; width: 178px; height: 300px; border: 1px solid {WRAPBORDERCOLOR}; background: {WRAPBG}; }
      
1325. .bdl_title li { float: left; margin-right: 9px; padding: 0 1px; width: 189px; height: 33px; line-height: 23px; font-weight: 700; }
      
1326. .bdl_title .px { width: 80px; }
      
1327. .jump_bdl p { overflow: hidden; height: 25px; line-height: 25px; }
      
1328. .jump_bdl .sub { text-indent: 1em; }
      
1329. .jump_bdl .child { text-indent: 2em; }
      
1330. .jump_bdl a { display: block; position: static !important; padding: 0 4px; text-decoration: none; color: {TABLETEXT}; }
      
1331. .jump_bdl .a a, .jump_bdl .a a:hover { background-color: {SPECIALBG}; }
      
1332. 
      
1333. /* 可用道具列表 by lushnis */
      
1334. .mgcmn { width: 100px; }
      
1335. .mgcmn a { padding-left: 25px; line-height: 16px !important; }
      
1336. .mgcmn img { position: absolute; margin-left: -20px; }
      
1337. 
      
1338. /* 高亮道具用到的 */
      
1339. .cmen { overflow: hidden; width: 63px; }
      
1340. .cmen a { overflow: hidden; float:left; width: 20px; height: 20px; }
      
1341. 
      
1342. 
      
1343. /* 热点：站长推荐内容，在页面右下角弹出 */
      
1344. .focus { position: fixed; right: 10px; bottom: 0; z-index: 300; overflow: hidden; width: 270px; background: {WRAPBG}; }
      
1345. * html .focus { position: absolute; top: expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight); }
      
1346. .fctrl { margin-left: 10px; font-weight: 400; }
      
1347. .fctrl img { margin-bottom: -4px; }
      
1348. .fctrl em { display: inline-block; }
      
1349. .focus .m img { width: 60px; height: 60px; }
      
1350. .focus dt { padding-top: 0; }
      
1351. 
      
1352. /* 分享的验证码（全局） by Pony */
      
1353. .m_c .sec .secq { display: block; margin: 5px 0 10px; }
      
1354. 
      
1355. /*
      
1356. Name: mod_reason_select
      
1357. Level: Global
      
1358. Explain: 类似评分窗口中的评分原因选择的样式
      
1359. Last Modify: Pony
      
1360. */
      
1361. .reason_slct {}
      
1362. .reason_slct .reasonselect { height: 4.3em; overflow: scroll !important; overflow-x: auto !important; }
      
1363. .reason_slct .reasonselect li { white-space: nowrap; }
      
1364. .reason_slct .pt, .reason_slct .px { width: 25.2em !important; }
      
1365. .reasonarea { height: 5.8em; }
      
1366. 
      
1367. /*
      
1368. Name: mod_filebtn
      
1369. Level: Global
      
1370. Sample: <div class="filebtn">
      
1371. <input type="file" class="pf cur1" size="1" />
      
1372. <button type="button" class="pn pnc"><strong>{lang}</strong></button>
      
1373. </div>
      
1374. Explain: 模拟 <input type="file" />，注意不要让 button 太宽
      
1375. Last Modify: Pony
      
1376. */
      
1377. .filebtn { position: relative; margin: 0 auto; width: 60px; overflow: hidden; }
      
1378. .filebtn .pf { position: absolute; right: 0; height: 23px; opacity: 0; filter:alpha(opacity=0); }
      
1379. 
      
1380. /* 上传弹出层 */
      
1381. .upfile { width: 220px; }
      
1382. .uploadform { padding: 0 10px; border: 1px dashed {COMMONBORDER}; background: {COMMONBG}; }
      
1383. 
      
1384. /*
      
1385. Name: mod_flashupload
      
1386. Level: Global
      
1387. Explain: Flash 上传时的处理界面，结构参见 /static/js/fileprogress.js
      
1388. Last Modify: Pony 2012022813
      
1389. */
      
1390. .progressWrapper { overflow: hidden; width: 100%; }
      
1391. .progressContainer { overflow: hidden; margin: 5px; padding: 4px; border: solid 1px #E8E8E8; background-color: #F7F7F7; }
      
1392. .message { overflow: hidden; margin: 1em 0; padding: 10px 20px; border: solid 1px #FD9; background-color: #FFC; } /* Message */
      
1393. .red { border: solid 1px #B50000; background-color: #FFEBEB; } /* Error */
      
1394. .green { border: solid 1px #DDF0DD; background-color: #EBFFEB; } /* Current */
      
1395. .blue { border: solid 1px #CEE2F2; background-color: #F0F5FF; } /* Complete */
      
1396. .progressName { overflow: hidden; white-space: nowrap; width: 323px; height: 18px; text-align: left; font-weight: 700; color: #555; }
      
1397. .progressBarInProgress, .progressBarComplete, .progressBarError { clear: both; margin-top: 2px; width: 0; height: 2px; background-color: blue; font-size: 0; }
      
1398. .progressBarComplete { visibility: hidden; width: 100%; background-color: green; }
      
1399. .progressBarError { visibility: hidden; width: 100%; background-color: red; }
      
1400. .progressBarStatus { white-space: nowrap; margin-top: 2px; width: 337px; text-align: left; }
      
1401. a.progressCancel { display: block; float: right; width: 14px; height: 14px; background: url({IMGDIR}/cancelbutton.gif) no-repeat -14px 0; font-size: 0; }
      
1402. a.progressCancel:hover { background-position: 0 0; }
      
1403. .swfupload { vertical-align: top; }
      
1404. 
      
1405. 
      
1406. /* ------------------------------------------------------------------------ 拖拽及页面 DIY */
      
1407. .frame, .frame-tab { margin-bottom: 10px; border: 1px solid {WRAPBORDERCOLOR}; background: {WRAPBG}; }
      
1408. .title { padding: 0 10px; height: 32px; font-size: 14px; font-weight: 700; line-height: 32px; overflow: hidden; }
      
1409. .frame-title, .frametitle, .tab-title { background: {COMMONBG} url({IMGDIR}/title.png) repeat-x 0 100%; }
      
1410. 
      
1411. /* 新的框架结构 */
      
1412. .frame-1-1-l, .frame-1-1-1-l, .frame-1-1-1-c, .frame-2-1-l, .frame-1-2-l, .frame-3-1-l, .frame-1-3-l { float: left; }
      
1413. .frame-1-1-r, .frame-1-1-1-r, .frame-2-1-r, .frame-1-2-r, .frame-3-1-r, .frame-1-3-r { float: right; }
      
1414. .frame-1-1-l, .frame-1-1-r { width: 49.9% }
      
1415. .frame-1-1-1-l, .frame-1-1-1-c, .frame-1-1-1-r, .frame-2-1-r, .frame-1-2-l { width: 33.3%; }
      
1416. .frame-2-1-l, .frame-1-2-r { width: 66.6%; }
      
1417. .frame-3-1-l, .frame-1-3-r { width: 74.9%; }
      
1418. .frame-3-1-r, .frame-1-3-l { width: 24.9%; }
      
1419. /* End */
      
1420. 
      
1421. /* X1 之前的框架结构 */
      
1422. .frame .mn { margin-bottom: 0; }
      
1423. .frame .sd { min-height: 0; _height: auto; }
      
1424. 
      
1425. .frame-1-1 .col-r { float: right; width: 49.9%; }
      
1426. .frame-1-1 .col-l { float: left; width: 49.9%; }
      
1427. 
      
1428. .frame-1-2 .mn, .frame-1-2 .col-r, .frame .frame-1-2 .mn, .frame .frame-1-2 .col-r { float: right; width: 66.6%; }
      
1429. .frame-1-2 .sd, .frame-1-2 .col-l, .frame .frame-1-2 .sd, .frame .frame-1-2 .col-l { float: left; width: 33.3%; }
      
1430. 
      
1431. .frame-2-1 .mn, .frame-2-1 .col-l, .frame .frame-2-1 .mn, .frame .frame-2-1 .col-l { float: left; width: 66.6%; }
      
1432. .frame-2-1 .sd, .frame-2-1 .col-r, .frame .frame-2-1 .sd, .frame .frame-2-1 .col-r { float: right; width: 33.3%; }
      
1433. 
      
1434. .frame-1-3 .mn, .frame-1-3 .col-r, .frame .frame-1-3 .mn, .frame .frame-1-3 .col-r { float: right; width: 74.9%;}
      
1435. .frame-1-3 .sd, .frame-1-3 .col-l, .frame .frame-1-3 .sd, .frame .frame-1-3 .col-l { float: left; width: 24.9%;}
      
1436. 
      
1437. .frame-3-1 .mn, .frame-3-1 .col-l, .frame .frame-3-1 .mn, .frame .frame-3-1 .col-l { float: left; width: 74.9%;}
      
1438. .frame-3-1 .sd, .frame-3-1 .col-r, .frame .frame-3-1 .sd, .frame .frame-3-1 .col-r { float: right; width: 24.9%}
      
1439. 
      
1440. .frame-1-1-1 .col-l { float: left; width: 33.3%; }
      
1441. .frame-1-1-1 .col-c { float: left; width: 33.3%; }
      
1442. .frame-1-1-1 .col-r { float: right; width: 33.3%; }
      
1443. 
      
1444. .frame .frame-1-1-1 .col-l, .frame .frame-1-1-1 .col-c, .frame .frame-1-1-1 .col-r { padding: 0; width: 33%; }
      
1445. .frame .frame-1-1 .col-l, .frame .frame-1-1 .col-r { width: 49.9%; }
      
1446. /* End */
      
1447. 
      
1448. .frame .title .titletext, .block .title .titletext{ float: left; }
      
1449. .frame-tab .tab-title .titletext { float: left; margin: 0 10px; }
      
1450. .tab-title { padding: 0; width: 100% !important; border: none; }
      
1451. .frame-tab .tb { margin-top: 0; padding-left: 15px; line-height: 32px; border: none; }
      
1452. .frame-tab .tb li { margin: 0; margin-left: -1px; font-weight: 400; }
      
1453. .frame-tab .tb li, .frame-tab .tb li a { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border-top: none; background: transparent none; }
      
1454. * html .frame-tab .tb li a { float: left; }
      
1455. .frame-tab .tb .a a { background: #FFF; font-weight: 700; }
      
1456. .frame-tab .tb-c { padding: 10px 16px; }
      
1457. 
      
1458. .block { margin: 10px 10px 0; }
      
1459. .frame-1-2 .sd .block, .col-l .block, .frame-2-1 .mn .block, .frame-1-1-1 .col-c .block, .frame-1-3 .sd .block, .frame-3-1 .mn .block { margin-right: 10px; }
      
1460. .frame-1-2 .mn .block, .col-r .block, .frame-2-1 .sd .block, .frame-1-1-1 .col-c .block, .frame-1-3 .mn .block, .frame-3-1 .sd .block { margin-left: 10px; }
      
1461. body#space .block { margin: 0 5px 10px; }
      
1462. .temp {margin:1px;}
      
1463. /* 重定义 frame */
      
1464. #ct .frame { margin: 0; border: none; }
      
1465. .bx { border: none; }
      
1466. .bx .frame-1-1-1 { background: transparent url({IMGDIR}/vline2.png) repeat-y 320px 0; }
      
1467. .bx .frame-2-1 { background: transparent url({IMGDIR}/vline.png) repeat-y 645px 0; }
      
1468. 
      
1469. /* 拖动生成的页面元素 by lushnis */
      
1470. .drag .block .title { margin-bottom: 0; padding-left: 0; font-size: 14px; font-weight: 700; }
      
1471. 
      
1472. /* 重定义 block */
      
1473. #ct .sd .block { margin: 0; }
      
1474. 
      
1475. .block .xl1 ul li { padding-left: 10px; background: url({IMGDIR}/dot.gif) no-repeat 0 50%; }
      
1476. .ie_all .block .xl1 ul li { background-position: 0 6px; }
      
1477. 
      
1478. /* Frame stylies by lushnis */
      
1479. .xfs { border-top: none; }
      
1480. .xfs .frame-title, .xfs .frametitle, .xfs .tab-title { border: none; background: transparent url({IMGDIR}/mu.png) repeat-x 0 0; }
      
1481. .xfs .frame-title, .xfs .frametitle, .xfs .tab-title, .xfs .frame-title a, .xfs .frametitle a, .xfs .tab-title a { color: #FFF !important; }
      
1482. .xfs .tb li a { height: 32px; border: none !important; }
      
1483. .xfs .tb .a a { background: transparent url({IMGDIR}/mu.png) no-repeat 50% -165px; }
      
1484. .xfs_1 { border-color: #2267B5; }
      
1485. .xfs_1 .frame-title, .xfs_1 .frametitle, .xfs_1 .tab-title { background-color: #2267B5; background-position: 0 0; }
      
1486. .xfs_1 .tb .a a { background-position: 50% -66px; }
      
1487. .xfs_2 { border-color: #A90000; }
      
1488. .xfs_2 .frame-title, .xfs_2 .frametitle, .xfs_2 .tab-title { background-color: #A90000; background-position: 0 -99px; }
      
1489. .xfs_2 .tb .a a { background-position: 50% -165px; }
      
1490. .xfs_3 { border-color: #006C6C; }
      
1491. .xfs_3 .frame-title, .xfs_3 .frametitle, .xfs_3 .tab-title { background-color: #006C6C; background-position: 0 -198px; }
      
1492. .xfs_3 .tb .a a { background-position: 50% -264px; }
      
1493. .xfs_4 { border-color: #EC5A00; }
      
1494. .xfs_4 .frame-title, .xfs_4 .frametitle, .xfs_4 .tab-title { background-color: #EC5A00; background-position: 0 -297px; }
      
1495. .xfs_4 .tb .a a { background-position: 50% -363px; }
      
1496. .xfs_5 { border-color: #6F099E; }
      
1497. .xfs_5 .frame-title, .xfs_5 .frametitle, .xfs_5 .tab-title { background-color: #6F099E; background-position: 0 -396px; }
      
1498. .xfs_5 .tb .a a { background-position: 50% -462px; }
      
1499. .xfs_nbd { border: none; }
      
1500. .xfs_nbd .block { margin-top: 0; margin-bottom: 10px; }
      
1501. .xfs_nbd .col-l .block, .xfs_nbd .frame-1-1-l .block, .xfs_nbd .frame-2-1-l .block, .xfs_nbd .frame-1-2-l .block, .xfs_nbd .frame-3-1-l .block, .xfs_nbd .frame-1-3-l .block, .xfs_nbd .frame-1-1-1-l .block { margin-left: 0; }
      
1502. .xfs_nbd .sd .block, .xfs_nbd .col-r .block, .xfs_nbd .frame-1-1-r .block, .xfs_nbd .frame-2-1-r .block, .xfs_nbd .frame-1-2-r .block, .xfs_nbd .frame-3-1-r .block, .xfs_nbd .frame-1-3-r .block, .xfs_nbd .frame-1-1-1-r .block { margin-right: 0; }
      
1503. 
      
1504. 
      
1505. /* Block stylies by lushnis */
      
1506. .xbs { background: no-repeat 0 100%; }
      
1507. .xbs .title { padding-left: 0; padding-right: 10px; background: no-repeat 100% 0; }
      
1508. .xbs .titletext { float: left; padding-left: 10px; background: no-repeat 0 0; }
      
1509. .xbs .dxb_bc { padding-bottom: 6px; background: transparent no-repeat 100% 100%; }
      
1510. .xbs .module, .xbs .portal_block_summary { padding: 10px 10px 4px; border-style: solid; border-width: 0 1px; }
      
1511. .xbs_1 { border: 1px solid #CCC; }
      
1512. .xbs_1 .title { padding: 0 10px; height: 31px; border-bottom: 1px solid #CCC; background: url({IMGDIR}/thead.png) repeat-x 0 0; line-height: 31px; }
      
1513. .xbs_1 .title, .xbs_1 .title a { color: #666 !important; }
      
1514. .xbs_1 .dxb_bc { padding: 9px 10px; }
      
1515. .xbs_2 { background-image: url({STATICURL}image/diy/bs_2_ft.png); }
      
1516. .xbs_2 .title, .xbs_2 .titletext { background-image: url({STATICURL}image/diy/bs_2_hd.png); }
      
1517. .xbs_2 .title, .xbs_2 .title a { color: #F60 !important; }
      
1518. .xbs_2 .dxb_bc { background-image: url({STATICURL}image/diy/bs_2_ft_r.png); }
      
1519. .xbs_2 .module, .xbs_2 .portal_block_summary { border-color: #E0E0E0; }
      
1520. .xbs_3 { background-image: url({STATICURL}image/diy/bs_3_ft.png); }
      
1521. .xbs_3 .title, .xbs_3 .titletext { background-image: url({STATICURL}image/diy/bs_3_hd.png); }
      
1522. .xbs_3 .title, .xbs_3 .title a { color: #FFF !important; }
      
1523. .xbs_3 .dxb_bc { background-image: url({STATICURL}image/diy/bs_3_ft_r.png); }
      
1524. .xbs_3 .module, .xbs_3 .portal_block_summary { border-color: #B2B2B2; background-color: #F1F1F1; }
      
1525. .xbs_4 { background-image: url({STATICURL}image/diy/bs_4_ft.png); }
      
1526. .xbs_4 .title, .xbs_4 .titletext { background-image: url({STATICURL}image/diy/bs_4_hd.png); }
      
1527. .xbs_4 .title, .xbs_4 .title a { color: #FFF !important; }
      
1528. .xbs_4 .dxb_bc { background-image: url({STATICURL}image/diy/bs_4_ft_r.png); }
      
1529. .xbs_4 .module, .xbs_4 .portal_block_summary { border-color: #B2B2B2; }
      
1530. .xbs_5 { background-image: url({STATICURL}image/diy/bs_5_ft.png); }
      
1531. .xbs_5 .title { padding: 0 10px; height: 30px; border: 1px solid; border-color: #F08C3B #F08C3B #DDD; background: url({STATICURL}image/diy/bs_5_hd.png) repeat-x 0 0; line-height: 30px; }
      
1532. .xbs_5 .title, .xbs_5 .title a { color: #BC4A2D !important; }
      
1533. .xbs_5 .dxb_bc { padding-bottom: 10px; background-image: url({STATICURL}image/diy/bs_5_ft_r.png); }
      
1534. .xbs_5 .module, .xbs_5 .portal_block_summary { padding: 10px 10px 0; border-color: #F08C3B; }
      
1535. .xbs_6 { background-image: url({STATICURL}image/diy/bs_6_ft.png); }
      
1536. .xbs_6 .title, .xbs_6 .titletext { background-image: url({STATICURL}image/diy/bs_6_hd.png); line-height: 24px; }
      
1537. .xbs_6 .titletext { height: 32px; }
      
1538. .xbs_6 .title, .xbs_6 .title a { color: #FFF !important; }
      
1539. .xbs_6 .dxb_bc { background-image: url({STATICURL}image/diy/bs_6_ft_r.png); }
      
1540. .xbs_6 .module, .xbs_6 .portal_block_summary { border-color: #4B85A0; }
      
1541. .xbs_7 { background-image: url({STATICURL}image/diy/bs_7_ft.png); }
      
1542. .xbs_7 .title, .xbs_7 .titletext { background-image: url({STATICURL}image/diy/bs_7_hd.png); }
      
1543. .xbs_7 .title, .xbs_7 .title a { color: #444 !important; }
      
1544. .xbs_7 .dxb_bc { background-image: url({STATICURL}image/diy/bs_7_ft_r.png); }
      
1545. .xbs_7 .module, .xbs_7 .portal_block_summary { border-color: #E5E5E5; }
      
1546. 
      
1547. .fcs { font-size: 12px; }
      
1548. .fcs dt, .fcs dd { margin: 0; padding: 0; }
      
1549. .fcs dt { font-size: 18px; font-weight: 100; }
      
1550. .fcs dd, .fcs dd a { color: {MIDTEXT}; }
      
1551. 
      
1552. /* 幻灯片 */
      
1553. .slideblock { position: relative; }
      
1554. .slideshow { clear: both; }
      
1555. .slideshow li { position: relative; overflow: hidden; }
      
1556. .slideshow span.title { position: absolute; bottom: 0; left: 0; margin-bottom: 0; width: 100%; height: 32px; line-height: 32px; font-size: 14px; text-indent: 10px; }
      
1557. .slideshow span.title, .slidebar li { background: rgba(0, 0, 0, 0.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = #30000000, endColorstr = #30000000); color: {LIGHTLINK}; overflow: hidden; }
      
1558. .slidebar li { float: left; margin-right: 1px; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 10px; cursor: pointer; }
      
1559. .slidebar li.on { background: rgba(255, 255, 255, 0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = #50FFFFFF, endColorstr = #50FFFFFF); color: #000; font-weight: 700; }
      
1560. 
      
1561. /* 清除DIY产生的多余样式使用的公共样式 */
      
1562. .cl_frame_bm { margin: 0 !important; border: 0 !important;}
      
1563. .cl_block_bm { margin: 0 !important; border: 0 !important;}
      
1564. .cl_block_bm .dxb_bc { margin: 0 !important;}
      
1565. 
      
1566. /* 侧边调用 */
      
1567. /* 投票 */
      
1568. .b_poll dt { padding-left: 20px; background: url({IMGDIR}/pollsmall.gif) no-repeat 0 9px; }
      
1569. .b_poll dd li { padding: 0 0 4px 20px; }
      
1570. .b_poll dd li .pc { float: left; margin: 4px 0 0 -20px; }
      
1571. .b_debate {}
      
1572. .b_debate dt { padding-left: 20px; background: url({IMGDIR}/debatesmall.gif) no-repeat 0 10px; }
      
1573. .b_debate .chart { position: relative; margin: 8px auto; padding: 0; width: 279px; height: 78px; background: url({IMGDIR}/p_debate_chart.png) no-repeat 0 0; }
      
1574. .b_debate .chart strong { position: absolute; top: 25px; width: 80px; font-size: 14px; text-align: center; }
      
1575. .b_debate .chart .debater2 { right: 0; }
      
1576. .b_debate .chart1, .b_debate .chart2 { position: absolute; left: 80px; bottom: 0; width: 40px; background: url({IMGDIR}/p_debate_chart.png) no-repeat 0 -78px; }
      
1577. .b_debate .chart2 { left: 159px; background-position: 100% -78px; }
      
1578. .b_debate p { height: 1.5em; overflow: hidden; }
      
1579. .b_hstab td { padding: 5px 0; border-bottom: 1px solid {COMMONBORDER}; }
      
1580. 
      
1581. 
      
1582. /*
      
1583. Name: mod_tip
      
1584. Level: Global
      
1585. Explain: 弹出的气泡信息，1、2、3、4 分别指气泡尖角从左上到左小顺时针方向的位置
      
1586. Last Modify: lushnis
      
1587. */
      
1588. .tip { position: absolute; padding: 10px; width: 260px; border: 1px solid #B1B1B1; background: #FEFEE9; }
      
1589. .tip_1, .tip_2 { margin-top: 8px; }
      
1590. .tip_3, .tip_4 { margin-top: -8px; }
      
1591. .tip_horn { position: absolute; width: 11px; height: 6px; overflow: hidden; }
      
1592. .tip_1 .tip_horn { left: 5px; top: -6px; background: url({IMGDIR}/tip_top.png); }
      
1593. .tip_2 .tip_horn { right: 5px; top: -6px; background: url({IMGDIR}/tip_top.png); }
      
1594. .tip_3 .tip_horn { right: 5px; bottom: -6px; background: url({IMGDIR}/tip_bottom.png); }
      
1595. .tip_4 .tip_horn { left: 5px; bottom: -6px; background: url({IMGDIR}/tip_bottom.png); }
      
1596. .tip_js .tip_horn { right: 61px; bottom: -6px; background: url({IMGDIR}/tip_bottom.png); }
      
1597. .aimg_tip { margin-top: 0; }
      
1598. 
      
1599. /* 推荐商品 by dfox */
      
1600. em.hot { position: absolute; left: -2px; top: -2px; text-indent: -9999px; overflow: hidden; background: url({IMGDIR}/hot.png) no-repeat 0 0; }
      
1601. 
      
1602. /* 板块、群组、空间主区域/侧边搜索 by dfox */
      
1603. .gsh { text-align: center; }
      
1604. .gsh h1 { margin: 1em 0 0.5em -60px; font-size: 16px; font-weight: 100; }
      
1605. .gsh .px { width: 272px; }
      
1606. .gsh .pns .px { margin-right: 3px; width: 190px; }
      
1607. 
      
1608. /* 名片 */
      
1609. .card { padding: 0; width: 295px !important; border-color: {SPECIALBORDER}; background: #FDFEFF; }
      
1610. .card .p_opt { padding: 0; }
      
1611. .card .avt { position: absolute; display: inline; margin-left: -70px; width: 70px; }
      
1612. .card_mn, .card_info { padding: 10px 10px 10px 80px; }
      
1613. .card_mn { min-height: 56px; }
      
1614. .ie6 .card_mn { height: 56px; }
      
1615. .card_info { border: dashed {COMMONBORDER}; border-width: 1px 0; }
      
1616. .card_msg { width: 95%; height: 4em; }
      
1617. .card a { padding: 0; display: inline !important; white-space: normal; border-bottom: none; }
      
1618. .card a:hover { background-color: transparent !important; color: {TABLETEXT}; text-shadow: none; }
      
1619. .card .o { clear: both; padding: 5px 10px; }
      
1620. .card .o a { float: left; margin: 3px 5px 3px 0; padding: 2px 0; width: 5em; border: 1px solid {SPECIALBORDER}; background: {SPECIALBG} url({IMGDIR}/card_btn.png) repeat-x 0 100%; line-height: 14px; text-align: center; }
      
1621. .ie_all .card .o a { padding: 3px 0 0; }
      
1622. .card .mgc, .card .f { padding: 0 10px 5px; }
      
1623. .card .f li { display: block; }
      
1624. 
      
1625. /*
      
1626. Name: mod_BIUC
      
1627. Level: Global
      
1628. Explain: 模块中编辑单条数据BIU、颜色选择器其中 colorwd 要配合 pn 使用（不要合并 colorwd 的 background，因为其他配色会受影响）
      
1629. Last Modify: Pony
      
1630. */
      
1631. .ss em { display: block; float: left; margin-right: 2px; padding-left: 7px; width: 16px; line-height: 23px; background: #EEE; cursor: pointer; }
      
1632. .ss em.a { background: #09F; color: #FFF; }
      
1633. .dopt a { float: left; margin-right: 3px; width: 21px !important; height: 21px; line-height: 21px; text-align: center; }
      
1634. .dopt_b, .dopt_i, .dopt_l { border: 1px solid #F1F5FA; outline: none; }
      
1635. .dopt .cnt { border: 1px solid #999; background-color: {WRAPBG}; }
      
1636. .colorwd { margin-left: 3px; width: 23px !important; background-color: {MIDTEXT}; background-image: url({IMGDIR}/pn_color.png) !important; background-repeat: no-repeat; background-position: 0 0; }
      
1637. .colorwd:active { background-position: 0 0; }
      
1638. .ie6 .colorwd, .ie7 .colorwd { background-position: -1px -1px; }
      
1639. .ie6 a.colorwd, .ie7 a.colorwd { background-position: 0 0; }
      
1640. .colorpx { margin: 0 -3px 0 3px; border-right: none; }
      
1641. 
      
1642. /*
      
1643. DIY图片幻灯片未加载时隐藏,模块标识隐藏
      
1644. */
      
1645. .slidebox, .block-name {display: none; }
      
1646. 
      
1647. .imgzoom_title { padding: 10px 0 0; color: #666; }
      
1648. .imgzoom_exif { position: absolute; left: 10px; bottom: 24px; padding: 0 6px; height: 18px; background: rgba(0,0,0,.6); text-align: left; line-height: 1.5; color: white; overflow: hidden;}
      
1649. .imgzoom_exif_hover { height: auto; }
      
1650. .ie_all .imgzoom_exif, .imgzoom_exif_hover { background: #000; }
      
1651. .ie6 .imgzoom_exif { bottom: 39px; }
      
1652. 
      
1653. .patch { width: 300px; }
      
1654. .patch .bm { border-color: #F26C4F; background: #FFF; }
      
1655. .patch .allfixed { border-color: #6C3; }
      
1656. .patch .bm_h { border: solid #FFF; border-width: 1px 1px 0; background: #F26C4F; }
      
1657. .patch .allfixed .bm_h { background: #6C3; }
      
1658. .patch h2, .patch .bm_h .y { color: #FFF; }
      
1659. .patch table { table-layout: fixed; }
      
1660. .patch th, .patch td { padding: 2px; border-bottom: 1px dotted #CDCDCD; }
      
1661. .patchdate { width: 70px; }
      
1662. .patchstat { width: 55px; }
      
1663. .unfixed { color: #F26C4F; }
      
1664. .plugin { width: 300px; }
      
1665. .plugin .bm_h { border-color: {COMMONBORDER}; color: {TABLETEXT}; background: {COMMONBG}; }
      
1666. 
      
1667. .bm_c .m { border-bottom: 1px dashed {COMMONBORDER};}
      
1668. .lk .m li { clear: none; float:left; width:49%; padding:0;height:50px; border-bottom:0px;}
      
1669. .m .mbm { margin-bottom:0px !important; }
      
1670. .lk p {height:17px;overflow:hidden;}
      
1671. .lk .m img {margin-left:0px; float:left;}
      
1672. .lk_logo .lk_content {float: none;display:block; padding-right:10px;}

复制代码