请教SS/XS-官方模板的宽度如何加宽啊？怎么改？

SS/XS-官方模板的宽度如何加宽 ？？在哪里改 改哪个文件？？谢谢

CSS和页面文件都要改
CSS改宽度，页面改调用条数。
菜鸟就别瞎弄了

能说的稍微详细点吗？

顶上去         

育儿门户网站，育儿知识，宝宝博客、宝宝相册、怀孕食谱、早期教育、育儿论坛

:)

我也在找啊，就是SS/XS-默认模板的宽度

那位知道啊？

有没有知道啊/？

打开SS目录的 templates/default/css 文件夹
打开 style.css 文件
找到
/*侧边样式*/
.sideL { width: 210px; float: left; overflow: hidden; }
.sideR { width:
190px; float: right; overflow: hidden; }
/*中间部分样式*/
.mainarea { margin: 0 4px; width: 362px; float: left; }
    .contentL .mainarea { margin: 0 0 0 4px; width: 556px; }
    .contentR .mainarea { margin: 0 6px 0 0; width:
574px; }

/*-----------------------------------------------------------------------------------各版块样式*/
修改上面的加粗的部分就OK了
下面是我网站修改好的代码
/*侧边样式*/
.sideL { width:235px; float: left; overflow: hidden; }
.sideR { width: 280px; float: right; overflow: hidden; }
/*中间部分样式*/
.mainarea {
    width: 415px;
    float: left;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: 10px;
}
    .contentL .mainarea { margin: 0 0 0 10px; width: 705px; }
    .contentR .mainarea { margin: 0 10px 0 0; width: 660px; }

/*-----------------------------------------------------------------------------------各版块样式*/
还有：找到#wrap   改为：
#wrap {
    text-align: left;
    width: 950px;
    w\idth: 950px;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
}
同样  将#menu里面也有个  width: px;
    w\idth: px;  将值改为950px

[ 本帖最后由 123752619 于 2007-10-10 12:49 编辑 ]

原帖由 mmbbo 于 2007-7-9 16:07 发表
SS/XS-官方模板的宽度如何加宽 ？？在哪里改 改哪个文件？？谢谢

1. /*
   
2. SupeSite 官方模板
   
3. (C) 2001-2006 Comsenz Inc.
   
4. http://www.supesite.com
   
5. */
   
6. 
   
7. /*综合设置-------------------------------------------------------------------------------------------综合设置*/
   
8. 
   
9. * { word-break: break-all; } /*在IE中实行强制换行*/
   
10. body { margin: 0; padding: 0; background: #FFF; color: #333; text-align: center; font: 12px Arial, Helvetica, sans-serif; }
    
11. #wrap { margin: 0 auto; text-align: left; width: 778px; padding: 0 4px; w\idth: 970px; }
    
12. 
    
13. /*链接样式*/
    
14. a { color: #000; text-decoration: none; }
    
15.         a:hover { text-decoration: underline; color: #000098; }
    
16.                 a:visited { color: #666;}
    
17.         a img { border: none; }
    
18. 
    
19. /*文章列表中的作者、日期*/
    
20. li cite { font-style: normal; font-size: 12px; float: right; width: 4em; color: #999; }
    
21.         li cite a { color: #999; font-size: 12px !important; }
    
22.                 li cite a:visited { color: #999; }
    
23. 
    
24. /*用于AJAX调用的DIV*/
    
25. .xspace-ajaxdiv { position:absolute; padding: 5px; border: 1px solid #BBB; background: #FCFFEF; text-align: left; }
    
26.         .xspace-ajaxdiv h5 { line-height: 24px; font-size: 1em; margin: 0; }
    
27.                 .xspace-ajaxdiv h5 a { float: right; font-weight: normal; }
    
28.         .xspace-ajaxcontent { background: #FFF; border: 1px solid #EEE; }
    
29.                 .xspace-ajaxcontent form { margin: 0; }
    
30. 
    
31. /*分页*/
    
32. .pages { text-align: right; background: url(../images/dotline_h.gif) repeat-x top; height: 32px; }
    
33.         .xspace-page { float: right; margin: 5px 5px 0 0; }
    
34.                 .xspace-page a, .xspace-page span { float: left; display: inline; margin-right: 3px; line-height: 20px; padding: 0 5px; border: 1px solid; border-color: #CEE3EA #90AAB4 #90AAB4 #CEE3EA; background: #F5FBFF; }
    
35.                         span.xspace-totlerecord, span.xspace-totlepages { color: #090; }
    
36.                                 span.xspace-totlerecord { margin-right: 0; border-right: none; }
    
37.                         span.xspace-current { background: #F90; border-color: #0A0 #060 #060 #0A0; color: #FFF; font-weight: bold; }
    
38. 
    
39. 
    
40. #notice { margin: 200px auto 0; background: #FFF; border-style: solid; border-color: #86B9D6 #B2C9D3 #B2C9D3; border-width: 4px 1px 1px; }
    
41.         #notice_message { padding: 1.5em 1em; font-size: 1.17em; }
    
42.         #notice_message.warning { color:red; }
    
43.         #notice_links { margin: 0; line-height: 2em; border-top: 1px solid #F5F5F5; background: #F5FBFF; padding: 0 1em; }
    
44.                 #notice_links a { margin: 0 2px; }
    
45. 
    
46. 
    
47. 
    
48. 
    
49. /*选项卡*/
    
50. h3.tabs { background-color: #E8F7FC !important; height: 26px; padding-left: 0 !important; }
    
51.         .tab { font-weight: normal; float: left; padding: 0 10px; cursor: pointer; border-right: 1px solid #C1D8E0; }
    
52.                 .curtab { background: #FFF; border-right-color: #B2C9D3; font-weight: bold; }
    
53. 
    
54. /*表单通用样式-----------------------------------------------------------------------------------表单通用样式*/
    
55. 
    
56. form { margin: 0; }
    
57.         input, textarea, button, select { font: 1em Arial, Helvetica, sans-serif; }
    
58.         button { height: 1.8em; padding: 0 0.3em; background: #E2F0F9; cursor: pointer; border: 1px solid;
    
59.                 border-top-color: #C9E3F0; border-right-color: #86B9D6; border-bottom-color: #86B9D6; border-left-color: #C9E3F0; }
    
60.         label { cursor: pointer; margin-right: 0.5em; }
    
61. 
    
62. /*头部风格-----------------------------------------------------------------------------------头部风格*/
    
63. /*头部导航*/
    
64. 
    
65. #pagetitle { width:930px
    
66.              height: 60px;
    
67.              he\ight: 60px;
    
68.              border-bottom: 4px
    
69.              solid #fefbf1;
    
70.              overflow: hidden;
    
71.               margin:0px auto;
    
72.              clear:both;
    
73. }
    
74.         #logo { border-right: 1px solid #ffaa29; padding:2px 0px 0px 20px; margin-right: 10px; }
    
75.         .banner468 {padding:2px 20px 0px 0px; float: right; }
    
76. /* 通行证登录 */
    
77. #topLogin{
    
78.         width:940px;
    
79.         height:31px;
    
80.         margin:0px auto;
    
81.         clear:both;
    
82.         padding:5px 10px 0px 10px;
    
83.         background:#EBEBEB;
    
84.         border-bottom:1px #CACACA solid;
    
85.         overflow:hidden;
    
86. }
    
87. /* 通行证登录1 */
    
88. .passport{ margin:0 auto; width:970px; height:31px;background:#EBEBEB;border-bottom:1px #CACACA solid;}
    
89. .passport .s1{float:left; padding:7px 0 0 10px;}
    
90. .passport .s2{float:left; padding:5px 0 0 5px;}
    
91. .passport .s2 input{border:1px solid #000; width:50px; font-size:12px;}
    
92. .passport .s2 select{font-size:12px;}
    
93. .passport .s3{float:left; padding:5px 0 0 2px;}
    
94. .passport .s3 button{height:20px; width:48px; background:url(http://www.th9th.com/templates/mop/images/input_bg3.gif); border:0; padding:2px 0 0; font-size:12px;}
    
95. .right{ float: right;}
    
96. *html #topLogin{
    
97. height:29px;
    
98. padding:5px 10px 0px 10px;
    
99. }
    
100. 
     
101. #topLogin div{
     
102.         float:left;
     
103.         line-height:25px;
     
104.         color:#123B8D;
     
105. }
     
106. #topLogin div td{
     
107.         height:25px;
     
108.         line-height:25px;
     
109. }
     
110. #topLogin span{
     
111.         color:#123B8D;
     
112.         font-family:宋体;
     
113. }
     
114. #topLogin span a{
     
115.         color:#123B8D;
     
116.         text-decoration:none;
     
117. }
     
118. #topLogin span a:hover{
     
119.         text-decoration:underline;
     
120. }
     
121. #topLogin a{
     
122.         color:#123B8D;
     
123.         text-decoration:underline;
     
124. }
     
125. #topLogin a:hover{
     
126.         text-decoration:none;
     
127. }
     
128. .input1{
     
129.         height:16px;
     
130.         line-height:16px;
     
131.         border:1px #B6B6B6 solid;
     
132. }
     
133. /*logo行*/
     
134. #topNav1{
     
135.         margin:0px auto;
     
136.         width:945px;
     
137.         height:46px;
     
138.         padding:5px 0px 0px 15px;
     
139.         clear:both;
     
140. }
     
141. *html #topNav1{
     
142.         width:945px;
     
143.         padding:5px 0px 0px 15px;
     
144. }
     
145. #topNav1 li{
     
146.         float:left;
     
147.         font-size:14px;
     
148.         font-weight:bold;
     
149. }
     
150. #topNav1 li a{
     
151.         color:#3665A9;
     
152. }
     
153. #topNav1 li a.dzh{
     
154.         color:#6B3200;
     
155. }
     
156. /*频道导航*/
     
157. #topNav2{
     
158.         margin:0px auto;
     
159.         width:980px;
     
160.         height:35px;
     
161.         padding:7px 10px 2px 20px;
     
162.         background:url(../images/nav_bg.gif) no-repeat;
     
163.         overflow:hidden;
     
164.         clear:both;
     
165.         line-height:18px;
     
166.         color:#8A8E92;
     
167.         word-spacing:5px;
     
168. }
     
169. *html #topNav2{
     
170.         width:940px;
     
171.         padding:7px 10px 2px 22px;
     
172.         word-spacing:5px;
     
173. }
     
174. *+html #topNav2{
     
175.         word-spacing:4px;
     
176. }
     
177. /*通栏*/
     
178. /*顶部导航*/
     
179. #topmenu { background: #E8F7FC; border-bottom: 4px solid #F5FBFF; text-align: right; line-height: 2em; }
     
180.         #topmenu ul { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #C1D8E0; }
     
181.                 #topmenu li { display: inline; border-left: 1px solid #C1D8E0; padding-left: 1em; padding-right: 0.5em; }
     
182.                         #topmenu a { color: #154BA0; }
     
183. 
     
184. #pagetitle { padding: 8px 0; height: 76px; he\ight: 60px; border-bottom: 4px solid #F5FBFF; overflow: hidden; }
     
185.         #logo { border-right: 1px solid #86B9D6; padding: 0 10px; margin-right: 10px; }
     
186.         .banner468 { float: right; }
     
187. 
     
188. /*主导航*/
     
189. #menu { border-top: 3px solid #86B9D6; border-bottom: 1px solid #86B9D6; line-height: 25px; background: url(../images/menu_bg.gif); width: 970px; overflow: hidden; }
     
190.         #menu ul { list-style: none; margin: 0 1em; padding: 0; width: 100%; overflow: hidden; }
     
191.                 #menu li { float: left; margin: 0 2px; width: 6em; overflow: hidden; white-space: nowrap; }
     
192.         /*首页导航*/
     
193.         #menu dl { margin: 0 1.5em; padding: 0; height: 25px; overflow: hidden; }
     
194.                 #menu dt { float: left; width: 4em; white-space: nowrap; }
     
195.                         #menu dt a { color: #5086A5 !important; }
     
196.                 #menu dd { float: left; width: 6em; margin: 0 2px; overflow: hidden; white-space: nowrap; }
     
197. 
     
198. /*您的位置导航*/
     
199. #navigation { padding: 1.2em 0; }
     
200.         #navigation p { margin: 0;}
     
201.                 #navigation p a, #navigation p strong { margin: 0 0.5em; }
     
202.         #searchform { float: right; }
     
203.                 #searchform * { vertical-align: top; }
     
204.                 #searchform button { margin-left: 0.5em; }
     
205.         /*简单页面的位置导航*/
     
206.         #navigation.simplepage { padding: 0; border-top: 3px solid #86B9D6; border-bottom: 1px solid #86B9D6; height: 26px; line-height: 30px; overflow: hidden; background: #EFF5FF url(../images/title_icon.gif) no-repeat 10px 6px;; margin-bottom: 1em; }
     
207.                 #navigation.simplepage p { float: right; margin-right: 0.5em; }
     
208.                 #navigation.simplepage h1, #navigation.simplepage h2 { margin: 0; font-size: 1.2em; padding-left: 32px; }
     
209. 
     
210. /*-----------------------------------------------------------------------------------布局*/
     
211. 
     
212. .content, .contentL, .contentR { width: 100%;}
     
213.         /*\*/ * html .content, * html .contentL, * html .contentR { height: 1%; } /**/ *>.content, *>.contentL, *>.contentR { overflow: hidden; }
     
214. /*侧边样式*/
     
215. .sideL { width: 280px; float: left; overflow: hidden; }
     
216. .sideR { width: 240px; float: right; overflow: hidden; }
     
217. /*中间部分样式*/
     
218. .mainarea { margin: 0 4px; width: 440px; float: left; }
     
219.         .contentL .mainarea { margin: 0 0 0 4px; width: 556px; }
     
220.         .contentR .mainarea { margin: 0 6px 0 0; width: 722px; }
     
221. 
     
222. /*-----------------------------------------------------------------------------------各版块样式*/
     
223. 
     
224. /*版块标题*/
     
225. .blocktitle { border-top: 3px solid #86B9D6; padding: 1px 0 0; margin-bottom: 6px; line-height: 30px; }
     
226.         .blocktitle h2 { font-size: 1.17em; margin: 0; padding-left: 32px; background: #E2F0F9 url(../images/title_icon.gif) no-repeat 10px 6px; }
     
227.         .blocktitle a.more { margin-top: 2px; }
     
228. 
     
229. /*侧边版块*/
     
230. .block { margin: 0 0 6px; border: 1px solid #B2C9D3; background: #FFF; }
     
231.         .block h3 { margin: 1px 0 0; font-size: 1em; color: #5086A5; line-height: 26px; padding-left: 0.5em; background: url(../images/dotline_h.gif) repeat-x bottom; }
     
232.                 .block h3 a { color: #5086A5; }
     
233.                 /*\*/ * html .sideblock h3 { height: 1%; } /**/
     
234.         .blockintro { margin: 8px; line-height: 1.6em; }
     
235.                 .blockintro a { color: #316AA5; }
     
236.         .blockintroimg { float: right; margin: 5px 0 2px 5px; width: 80px; height: 80px; border: 4px solid #E2F0F9; }
     
237. 
     
238.         /*侧边多行列表*/
     
239.         .block dl { margin: 0; padding: 5px 0 10px; line-height: 1.5em; width: 100%; overflow: hidden; }
     
240.                 .block dt { margin: 0 5px; padding: 5px 0 0 8px; background: url(../images/list_icon.gif) no-repeat 0 12px; }
     
241.                         .block dt a { color: #316AA5; }
     
242.                 .block dd { color: #999; margin: 0 5px; padding: 0 0 5px 8px; background: url(../images/dotline_h.gif) repeat-x bottom; }
     
243.                         .block dd a { color: #999; }
     
244. 
     
245. /*简单版块*/
     
246. .cleanblock { background: #F5FBFF; }
     
247. /*居顶部的版块*/
     
248. .topblock { border-top: 3px solid #86B9D6; !important; }
     
249. 
     
250. /*头条信息*/
     
251. #headline { padding: 5px; height: 70px; he\ight: 58px; overflow: hidden; }
     
252.         #headline strong { font-size: 1.2em; }
     
253.         #headline p { margin: 0.3em 0; }
     
254.         #headline img { float: right; width: 48px; height: 48px; border: 4px solid #FFF; }
     
255. 
     
256. /*单行信息列表*/
     
257. .msgtitlelist { margin: 0; padding: 0; list-style: none; line-height: 1.8em; }
     
258.         .msgtitlelist li { height: 1.8em; overflow: hidden; padding-left: 0.8em; background: url(../images/list_icon.gif) no-repeat 3px 0.68em; }
     
259.         .block .msgtitlelist { padding: 3px 5px; }
     
260. 
     
261.         .linelist li { height: 2.03em; line-height: 2.03em; }
     
262.                 .linelist li a { font-size: 1.17em; }
     
263.                         .linelist strong, .linelist strong a { font-size: 12px; color: #5086A5 !important; }
     
264. 
     
265. /*单行两列信息列表*/
     
266. .list2col { margin: 0; padding: 10px 0; list-style: none; line-height: 1.8em; background: url(../images/dotline_v.gif) repeat-y center; }
     
267.         /*\*/ * html .list2col { height: 1%; } /**/ *>.list2col { overflow: hidden; }
     
268.         .list2col li { height: 1.8em; overflow: hidden; background: url(../images/list_icon.gif) no-repeat 3px 7px; float: left; display: inline; margin: 0 5px; padding-left: 10px; width: 275px; w\idth: 265px; }
     
269. 
     
270. /*多行带摘要信息列表*/
     
271. .messagelist { margin: 0; padding: 5px 8px; list-style: none; line-height: 1.6em; }
     
272.         .messagelist li { margin: 5px 0 25px;}
     
273.                 .messagelist h4 { margin: 5px 0; font-size: 1.17em; line-height: 2em; padding-left: 5px; background: #E8F7FC url(../images/dotline_h.gif) repeat-x bottom; }
     
274.                         .messagelist h4 em { float: right; font-style: normal; padding-right: 5px; }
     
275.                         .messagelist h4 a { color: #316AA5; }
     
276.                                 .messagelist h4 a:visited { font-weight: normal; }
     
277.                         .messagelist p { margin: 5px 0; }
     
278.                                 .messagelist p a { color: #316AA5; }
     
279. 
     
280. /*资讯列表*/
     
281. .newslist { margin: 0; padding: 0; list-style: none; line-height: 2.2em; }
     
282.         .newslist li { padding-left: 1em; font-size: 1.17em; background: url(../images/list_icon.gif) no-repeat 8px 0.7em; }
     
283.        
     
284. /*信息列表（收起摘要时的状态）*/
     
285. .cleanlist { margin: 0; padding: 5px 8px; list-style: none; line-height: 1.6em; }               
     
286.         .cleanlist h4 { background: url(../images/dotline_h.gif) repeat-x bottom; margin: 0; font-size: 1.17em; line-height: 2em; }
     
287.                 .cleanlist h4 em { float: right; font-style: normal; }
     
288.                 .cleanlist h4 a { font-weight: normal; background: url(../images/list_icon.gif) no-repeat 0 0.4em; padding-left: 10px; }
     
289.                         .cleanlist h4 em a { background-image: none; padding-left: 0; }
     
290.         .cleanlist p { display: none; }
     
291. 
     
292. /*带缩略图的信息列表*/
     
293. .thumbmsglist { margin: 0; padding: 10px; list-style: none; }
     
294.         .thumbmsglist li { padding-left: 100px; height: 100px; }
     
295.                 .thumbmsglist li div { float: left; display: inline; margin-left: -100px; text-align: center; border: 1px solid #DFDFDF; padding: 5px; width: 87px; w\idth: 75px; height: 87px; he\ight: 75px; position: relative; }
     
296.                         .thumbmsglist li div img { max-height: 75px; max-width: 75px; width: expression(this.width > 75 && this.height < this.width ? 75: true); height: expression(this.height > 75 ? 75: true); }
     
297.                 .thumbmsglist li p { margin: 0; }
     
298.                 .thumbmsglist li em { float: right; font-style: normal; margin-top: 6px; }
     
299.                         .thumbmsglist li em strong { color: #090; }
     
300.                 .thumbmsglist li h4 { margin: 0; line-height: 26px; height: 26px; overflow: hidden; font-size: 1em; padding-left: 5px; }
     
301.                         .thumbmsglist li h4 a { color: #0954A6; }
     
302.                 .msgintro { background: #F5FCFF; padding: 15px 5px 0; height: 29px; he\ight: 14px; overflow: hidden; }
     
303.                 .thumbmsglist .msginfo { background: #F5FCFF url(../images/dotline_h.gif) repeat-x bottom; padding: 5px 5px 10px; }
     
304. 
     
305. 
     
306. /*热门话题*/
     
307. #hottag { overflow: hidden;  }
     
308.         #hottag div { padding: 0.5em; overflow: hidden; line-height: 1.8em; }
     
309.                 #hottag a { margin-right: 0.2em; white-space: nowrap; }
     
310.                         #hottag a em { color: #999; font-style: normal; }
     
311. 
     
312. /*热门文章*/
     
313. #hotarticle div { height: 226px; overflow: hidden; }
     
314. 
     
315. /*同城空间*/
     
316. #cityspace form { width: 10.5em; margin: 0 auto; padding: 7px 0; }
     
317.         #cityspace select { margin: 2px 0; }
     
318.         #cityspace button { float: right; margin-top: 4px; width: 3.5em; height: 3.5em; }
     
319. 
     
320. /*排行*/
     
321. .stat ol { margin: 0 5px; padding: 0; line-height: 21px; background: url(../images/hotspace_bg.gif) no-repeat 5px 5px; list-style: none; }
     
322.         .stat li { height: 21px; overflow: hidden; padding-left: 28px; background: url(../images/dotline_h.gif) repeat-x 0 20px; }
     
323.         .stat em { float: right; font-style: normal; font-size: 9px; color: #999; width: 40px; margin-left: 5px; }
     
324. 
     
325. /*图片列表*/
     
326. .imgthumblist { margin: 0; padding: 0; list-style: none; padding-bottom: 6px; }
     
327.         /*\*/ * html .imgthumblist { height: 1%; }/**/ *>.imgthumblist { overflow: hidden; }
     
328.                 .imgthumblist li { float: left; display: inline; background: #FFF; text-align: center; width: 123px; height: 135px; w\idth: 115px; he\ight: 125px; overflow: hidden; border: 1px solid #EEE; padding: 3px; margin: 6px 0 0 4px; }
     
329.                         .imgthumblist p { margin: 0; line-height: 22px; }
     
330. 
     
331.                         .imgthumblist div { line-height: 90px; font-size: 90px; height: 106px; display: table; background: url(../images/dotline_h.gif) repeat-x bottom; }
     
332.                                 .imgthumblist div a { display: table-cell !important; display: block; width: 115px; vertical-align: middle; }
     
333.                                         .imgthumblist div img { vertical-align: middle; max-width: 100px; max-height: 100px; width: expression(this.width >100 && this.height < this.width ? 100: true); height: expression(this.height > 100 ? 100: true); font-size: 10px; }
     
334.                                         @media all and (min-width: 0px){ .imgthumblist div img { width: 100px; height: 100px; } } /*for Opera Only*/
     
335. 
     
336.                         li.smallthumb { width: 88px; height: 105px; w\idth: 81px; he\ight: 97px; border-color: #DFDFDF; margin: 0 0 6px 4px; }
     
337.                                 li.smallthumb div { line-height: 65px; font-size: 65px; height: 80px; }
     
338.                                         li.smallthumb div a { width: 80px; }
     
339.                                                 li.smallthumb div img {  max-width: 75px; max-height: 75px; width: expression(this.width >75 && this.height < this.width ? 75: true); height: expression(this.height > 75 ? 75: true); }                       
     
340.                                                 @media all and (min-width: 0px){ li.smallthumb div img { width: 75px; height: 75px; } } /*for Opera Only*/
     
341. 
     
342.         /*通栏图片列表*/
     
343.         .throughgallery { width: 100%; clear: both; margin-bottom: 5px; padding-bottom: 3px; background: #E2F0F9; }
     
344.                 .throughgallery .imgthumblist { margin: 0; }
     
345.                 .throughgallery .imgthumblist li { height: 128px; he\ight: 120px; margin: 3px 1px; }
     
346. 
     
347. /*带缩略图的信息列表*/
     
348. .imgtitlelist { margin: 10px 0; padding: 0; list-style: none; }
     
349.                 .imgtitlelist li { padding-left: 85px; padding-bottom: 5px; margin: 5px 0; border-bottom: 1px solid #E2F0F9; }
     
350.                 /*\*/ * html .imgtitlelist li { height: 1%; } /**/ .imgtitlelist>li { overflow: hidden; }
     
351.                         .imgtitlelist li h4 { margin: 0.3em 0; font-size: 1em; }
     
352.                         .imgtitlelist li img { float: left; margin-left: -85px; width: 70px; height: 70px; padding: 3px; background: #FFF; border: 1px solid #DFDFDF; }
     
353.                         .imgtitlelist li p { margin: 0; line-height: 1.5em; }
     
354.         .block .imgtitlelist li { padding-left: 65px; }
     
355.                 .block .imgtitlelist li img { width: auto; height: auto; max-width: 48px; max-height: 48px; width: expression(this.width > 48 && this.width > this.height ? 48 : true); height: expression(this.height > 48 ? 48 : true); margin-left: -60px; }
     
356. 
     
357. 
     
358. .categoods img { width: 120px; height: 120px; }
     
359. 
     
360. 
     
361. .coverlist { margin: 0; padding: 0; list-style: none; }
     
362.         /*\*/ * html .coverlist { height: 1%; } /**/ *>.coverlist { overflow: hidden; }
     
363.                 .coverlist li { float: left; display: inline; width: 260px; height: 120px; margin: 5px 10px; overflow: hidden; }
     
364.                         .cover { float: left; display: table; text-align: center; border: 1px solid #DFDFDF; padding: 5px; width: 110px; height: 110px; w\idth: 100px; he\ight: 100px; line-height: 85px; font-size: 85px; overflow: hidden; }
     
365.                                 .cover a { display: table-cell; vertical-align: middle; text-align: center; width: 100px; }
     
366.                                         .cover img { max-height: 100px; max-width: 100px; width: expression(this.width >100 && this.height < this.width ? 100: true); height: expression(this.height > 100 ? 100: true); vertical-align: middle; font-size: 10px; }
     
367.                                                 @media all and (min-width: 0px){ .cover img { width: 90px; height: 100px; } } /*for Opera Only*/
     
368.                         .coverlist li ul { margin: 10px 0 0 120px; padding: 0; list-style: none; line-height: 18px; }
     
369.                                 .coverlist li li { float: none; display: list-item; width: auto; height: auto; margin: 0; }
     
370.                         .coverlist h4 { margin: 0; font-size: 1em; font-weight: normal; }
     
371.                                 .coverlist h4 a { color: #316AA5; }
     
372. 
     
373. .videoscrlist { margin: 0; padding: 0; list-style: none; }
     
374.         /*\*/ * html .videoscrlist { height: 1%; } /**/ *>.videoscrlist { overflow: hidden; }
     
375.                 .videoscrlist li { float: left; display: inline; width: 260px; height: 120px; margin: 5px 10px; overflow: hidden; }
     
376.                         .videoscr { float: left; display: table; text-align: center; border: 1px solid #DFDFDF; padding: 5px; width: 110px; height: 85px; w\idth: 100px; he\ight: 75px; line-height: 60px; font-size: 65px; overflow: hidden; }
     
377.                                 .videoscr a { display: table-cell; vertical-align: middle; text-align: center; width: 100px; }
     
378.                                         .videoscr img { max-height: 75px; max-width: 100px; width: expression(this.width >100 && this.height/this.width < 0.75 ? 100: true); height: expression(this.height > 75 ? 75: true); vertical-align: middle; font-size: 10px; }
     
379.                                                 @media all and (min-width: 0px){ .videoscr img { width: 90px; height: 100px; } } /*for Opera Only*/
     
380.                         .videoscrlist li ul { margin: 10px 0 0 120px; padding: 0; list-style: none; line-height: 18px; }
     
381.                                 .videoscrlist li li { float: none; display: list-item; width: auto; height: auto; margin: 0; }
     
382.                         .videoscrlist h4 { margin: 0; font-size: 1em; font-weight: normal; }
     
383.                                 .videoscrlist h4 a { color: #316AA5; }
     
384. 
     
385. #commendbox { overflow: hidden; position: relative; height: 160px; background: #F5FBFF; }
     
386.         #commendbox .scrollr { z-index: 2; position: absolute; height: 220px; right: 0; top: 0; }
     
387.         #commendbox .scrolll { z-index: 3; position: absolute; height: 220px; left: 0; top: 0; }
     
388.                 #commendbox .scrollr img, #commendbox .scrolll img { margin-top: 40px; }
     
389. 
     
390. .avatarlist { margin: 0; padding: 0; list-style: none; }
     
391.         /*\*/ * html .avatarlist { height: 1%; }  /**/ *>.avatarlist { overflow: hidden; }
     
392.         .avatarlist li { float: left; width: 113px; padding: 0; overflow: hidden; text-align: center; }
     
393.                 .avatarlist li div { border: 1px solid #DFDFDF; padding: 5px; width: 87px; w\idth: 75px; height: 87px; he\ight: 75px; margin: 8px auto; position: relative; display: table; }
     
394.                         .avatarlist li div a { display: table-cell; vertical-align: middle; font-size: 65px; line-height: 65px; }
     
395.                                 .avatarlist li div img { vertical-align: middle; font-size: 10px; max-height: 75px; max-width: 75px; width: expression(this.width > 75 && this.height < this.width ? 75: true); height: expression(this.height > 75 ? 75: true); }
     
396.                                         @media all and (min-width: 0px){ .avatarlist li div img { width: 75px; height: 75px; } } /*for Opera Only*/
     
397.                 .avatarlist li ul { margin: 0 0 10px 0; padding: 0; list-style: none; line-height: 1.4em; background: url(../images/dotline_v.gif) repeat-y right 0; }
     
398.                         .avatarlist li li { float: none; padding: 0; height: 17px; overflow: hidden; }
     
399.                         /*.joingroup { position: absolute; left: 0; bottom: 0; width: 85px; height: 18px; font-size: 12px !important; line-height: 18px; overflow: hidden; text-align: left; text-indent: -200px; background: url(../images/link_icons.gif) no-repeat 0 -100px; }
     
400.                                 .joingroup:hover { background-color: #FFF; text-indent: 20px; opacity: 0.95; filter: alpha(opacity=95); }*/
     
401. 
     
402. /*栏目区块列表*/
     
403. .category {  margin: 4px 0 10px 0; }
     
404.         .category h3 { margin: 0 0 5px; font-size: 1.2em; line-height: 1.8em; height: 1.8em; border-bottom: 1px solid #86B9D6; }
     
405.                 .category h3 strong { background: #E9ECEF; float: left; padding: 0 8px; }
     
406.                         .category h3 strong a { color: #333; text-decoration: none; }
     
407. 
     
408. .blockcategorylist { border: 1px solid #B2C9D3; border-top: none; margin-bottom: 6px; overflow: hidden; background: url(../images/dotline_v.gif) repeat-y center; }
     
409.         /*\*/ * html .blockcategorylist { height: 1%; } /**/
     
410.         .blockcategory { float: left; width: 360px; border-top: 1px solid #B2C9D3; height: 260px; overflow: hidden; }
     
411.                 .blockcategory h3 { line-height: 26px; background: #E8F7FC url(../images/dotline_h.gif) repeat-x bottom; margin: 1px 0 0; font-size: 1em; height: 26px; }
     
412.                         .blockcategory h3 strong { background: #FFF; border-right: 1px solid #B2C9D3; float: left; padding: 0 10px; max-width: 180px; height: 26px; overflow: hidden; }
     
413.                                 .blockcategory h3 strong a { color: #5086A5; }
     
414.                         .blockcategory .msgtitlelist { margin: 5px; }
     
415.         .block3col { background: url(../images/dotline_v_3col.gif) repeat-y 255px 0 !important; }
     
416. 
     
417. .catefocus { margin: 0 2px; border-bottom: 1px solid #F0F9FF; }
     
418.         /*\*/ * html .catefocus { height: 1%; } /**/ *>.catefocus { overflow: hidden; }
     
419.         .catefocus img { float: left; margin: 4px 10px 4px 0; width: 75px; height: 75px; border: 1px solid #86B9D6; }
     
420.         .catefocus h4 { margin: 3px 0; font-size: 1em; line-height: 2em; }
     
421.         .catefocus ul { margin: 0; padding: 0; list-style: none; }
     
422. 
     
423. .blockcategory .msgtitlelist { font-size: 1em; }
     
424. 
     
425. /*栏目封面图片*/
     
426. .catepic { text-align: center; background: url(../images/dotline_h.gif) repeat-x bottom; }
     
427.         .catepic img { margin-top: 10px; max-width: 170px; max-height: 170px; width: expression(this.width > 170 && this.height < this.width ? 170: true); height: expression(this.height > 170 ? 170: true); }
     
428.         .catepic p { text-align: left; padding: 10px; margin: 0; }
     
429. 
     
430. /*专题列表*/
     
431. #subjectlist { border-color: #86B9D6; padding: 2px; }
     
432.         #subjectlist h3 { border: none; background: #9FC8DF; }
     
433.         #subjectlist li { border-bottom: 1px solid #E2F0F9; text-align: center; padding: 3px; }
     
434.                 #subjectlist p { margin: 0; line-height: 1.2em; }
     
435. 
     
436. /*-----------------------------------------------------------------------------------文章显示页面*/
     
437. 
     
438.         .articletitle { font-size: 1.33em; margin: 1em 0 0.5em; text-align: center; }
     
439.                 .articletitle a { color: #5086A5; }
     
440.         .articleinfo { margin: 0 8px !important; background: url(../images/dotline_h.gif) repeat-x bottom; }
     
441.         .articlectrl { float: right; }
     
442. 
     
443. #custominfo { background: #F5FCFF url(../images/dotline_h.gif) repeat-x bottom; margin: 0 8px; padding: 8px 0; }
     
444.         #custominfo h5 { margin: 0; line-height: 2.2em; font-size: 1.2em; color: #5086A5; padding-left: 30px; }
     
445.         #custominfo ul { line-height: 1.6em; padding: 0; margin: 0; list-style: none; }
     
446.                 #custominfo li { padding: 0 30px 5px; background: url(../images/list_icon.gif) no-repeat 22px 7px; }
     
447.                         #custominfo strong { color: #5086A5; }
     
448. 
     
449. 
     
450. 
     
451.         #articlebody { width: 97%; margin: 0 auto; padding: 1em 0; overflow: hidden; overflow-y: hidden; line-height: 1.8em; font-size: 1.17em; }
     
452.                 #articlebody * { line-height: normal; }
     
453.                         #articlebody  p, #articlebody  div { line-height: 1.8em !important; margin: 10px 0; }
     
454.                                 #articlebody  p *, #articlebody  div * { line-height: normal !important; }
     
455.        
     
456.         /*自定义信息*/
     
457.         #articlebody .addoninfo { border: 1px solid #EEE; }
     
458.                 #articlebody .addoninfo h5 { font-size: 1em; margin: 0; line-height: 2em !important; border-bottom: 1px solid #EEE; padding-left: 1em; }
     
459.                 #articlebody .addoninfo ul { margin: 0.5em 0 0.5em 2em; padding: 0; }
     
460.                         #articlebody .addoninfo li { line-height: 1.6em !important; }
     
461.        
     
462.         #articlebody img { width: expression(this.width > 500 ? 500: true); max-width: 500px;  }
     
463.                 .imglogolist { margin: 0; padding: 0; list-style: none; text-align: center; }
     
464.        
     
465.         #articlebody kbd.showvideo, #articlebody kbd.showflash { font: 1em Arial, Helvetica, sans-serif; cursor: pointer; text-decoration: underline; }
     
466. 
     
467. /*评论列表 */
     
468. .commentlist { margin: 0; padding: 10px; list-style: none; }
     
469.         .commentlist li { padding-bottom: 20px; }
     
470.                 .commentlist h4 { padding: 0 6px; font-size: 1em; margin: 0 0 10px; line-height: 26px; background: #E8F7FC url(../images/dotline_h.gif) repeat-x bottom; }
     
471.         .commentlist img { width: expression(this.width > 500 ? 500: true); max-width: 500px;  }
     
472. 
     
473. /*发表评论*/
     
474.         #comment form { margin: 0; padding: 5px 15px; }
     
475.         #comment p { margin: 0.3em 0; }
     
476.                 .seccodeline * { vertical-align: middle; }
     
477. 
     
478.                 #xspace-rates { text-align: center; height: 50px; background: #FFF; padding: 20px 0; border-bottom: none; margin-bottom: 0; }
     
479.                 #xspace-rates-bg { width: 210px; height: 30px; margin: 0 auto 5px; background: url(../../../images/base/rate_star.gif); }
     
480.                         #xspace-rates-star { height: 30px; background: url(../../../images/base/rate_star.gif) 0 -30px; margin: 0 auto 0 0; }
     
481.                         #xspace-rates-a { height: 30px; margin-top: -30px; }
     
482.                         #xspace-rates a { float: left; text-align: left; width: 30px; height: 30px; text-indent: -999px; overflow: hidden; background-color: transparent !important; }
     
483.                         .xspace-rates-5 { width: 30px; }
     
484.                         .xspace-rates-3 { width: 60px; }
     
485.                         .xspace-rates-1 { width: 90px; }
     
486.                         .xspace-rates0 { width: 120px; }
     
487.                         .xspace-rates1 { width: 150px; }
     
488.                         .xspace-rates3 { width: 180px; }
     
489.                         .xspace-rates5 { width: 210px; }
     
490. 
     
491.                
     
492.                 #message { border: 1px solid #B2C9D3; padding: 5px; vertical-align: text-top; height: 8em; width: 490px; }
     
493.                 #seccode { border: 1px solid #B2C9D3; height: 23px; line-height: 23px; padding: 0 5px; }
     
494. 
     
495. /*-----------------------------------------------------------------------------------用户相关*/
     
496. 
     
497. #panel { width: 600px; overflow: hidden; margin: 1em auto; }
     
498. #userpanel fieldset, #loginform fieldset { border: none; margin: 0; padding: 0; }
     
499. #userpanel legend, #loginform legend { display: none; }
     
500. 
     
501. /*内嵌登录面板*/
     
502. #userpanel { height: 8.8em; overflow: hidden; }
     
503.         #userpanel form { margin: 5px auto; width: 150px; }
     
504.                 #userpanel input { width: 90px; }
     
505.                 #userpanel p { margin: 0.5em 0; }
     
506.                 #userpanel #dologin { float: right; }
     
507.                 #userpanel form a { line-height: 2em; color: #B353B3; border-right: 1px solid #86B9D6; padding-right: 5px; }
     
508.         /*登录后*/
     
509.         #userpanel ul { margin: 0 5px; }
     
510.         #userpanel li { border-bottom: 1px solid #EEE; background: url(../images/list_icon.gif) no-repeat 0.3em 0.8em; padding-left: 12px; }
     
511. 
     
512. /*登录页面*/
     
513. .loginarea { width: 300px; float: left; }
     
514. .tips { width: 299px; float: left; border-left: 1px solid #D5E9F8; line-height: 1.8em; }
     
515. 
     
516. /*申请个人空间*/
     
517. /*#signform p { border-bottom: 1px solid #D5E9F8; height: 1%; overflow: hidden; margin: 0; padding: 0.3em; line-height: 20px; }
     
518.         #signform p strong { float: left; width: 10em; }
     
519.                 #signform li p { height: auto; border: none; }
     
520.         #signform button { line-height: 30px; height: 30px; padding: 0 5em; }*/
     
521. 
     
522. /*快捷面板*/
     
523. .quicklink { overflow: hidden; margin: 0 0 5em; padding: 0; list-style: none; }
     
524. .quicklink li { float: left; width: 33.3%; text-align: center; }
     
525.         .quicklink li a { display: block; border: 1px solid #CCC; width: 180px; margin: 10px auto; height: 50px; text-align: left; line-height: 50px; text-indent: 65px; background-image: url(../images/panel_icons.gif); background-repeat: no-repeat; }
     
526.                 .sitehome { background-position: 10px 7px; }
     
527.                 .bbs { background-position: 10px -83px; }
     
528.                 .myspace { background-position: 10px -173px; }
     
529.                 .spacemng { background-position: 10px -263px; }
     
530.                 .spacesignup { background-position: 10px 7px; }
     
531.                 .sitemng { background-position: 10px -443px; }
     
532.                 .logout { background-position: 10px -533px; }
     
533.                 .login { background-position: 10px -173px; }
     
534.                 .register { background-position: 10px -353px; }
     
535.         .quicklink li a:hover { border-color: #86B9D6; background-color: #F5FBFF; text-decoration: none; }
     
536. 
     
537. /*-----------------------------------------------------------------------------------其他页面*/
     
538. 
     
539. /*站点地图*/
     
540. #sitemap ul { height: 1%; overflow: hidden; margin: 0.5em 0; padding: 0; list-style: none; line-height: 24px; }
     
541.         #sitemap li { float: left; margin: 0 1em; white-space: nowrap; }
     
542. 
     
543. /*友情链接*/
     
544. #friendlink ul { height: 1%; overflow: hidden; margin: 1em 1.5em; padding: 0; list-style: none; }
     
545.         #friendlink li { float: left; margin: 2px; width: 100px; height: 24px; line-height: 24px; text-align: center; overflow: hidden; }
     
546.         .imglink { border-bottom: 1px solid #00C8DC; padding-bottom: 1em !important; }       
     
547.                 .imglink li { height: 31px !important; }
     
548.                 .imglink li img { width: 88px; height: 31px; }
     
549. 
     
550. /*投票*/
     
551. #pollform legend { font-weight: bold; }
     
552.         #pollsummary { line-height: 1.8em; margin: 0.3em 0; background: #EFF5FF; padding: 0.5em }
     
553.         #pollresult { border: 1px solid #D5E9F8; margin: 1em 0; padding: 0.5em; }
     
554.         #pollresult ul { margin: 0; padding: 0; list-style: none; }
     
555.         #pollresult li { overflow: hidden; }
     
556.                 #pollresult li p { margin: 2px 0 5px 0; background: #F2F2F2; height: 18px; }
     
557.                 .pollpercent { float: left; width: 80%; }
     
558.                         .pollpercent span { background: #8ED4F7; border-right: 1px solid #009DEA; float: left; height: 18px; }
     
559.                 .pollnum { float: right; width: 20%; }
     
560.         #dopoll { border: 1px solid #D5E9F8; margin: 1em 0; padding: 0.5em; text-align: center; }
     
561.                 #dopoll ul { margin: 0; padding: 0; list-style: none; line-height: 2em; text-align: left; }
     
562. 
     
563. /*搜索*/
     
564. #search { width: 600px; margin: 4em auto; }
     
565.         #search form { text-align: center; margin: 4em 0; }
     
566.         #search .open { text-align: left !important; line-height: 30px; margin: 2em !important; }
     
567.                 #search .open div div { clear: both; padding-left: 7em; }
     
568.                 #search .open label { float: left; width: 7em; }
     
569.                         #search .open div label { margin-left: -7em; }
     
570.                 #search .open  button { float: right; }
     
571.         #search .open fieldset { border: none; margin: 0; padding: 0; }
     
572.                 #search .open fieldset label { float: none; margin: auto; white-space: nowrap; margin-right: 1em; }
     
573. 
     
574. /*-----------------------------------------------------------------------------------页脚 Footer*/
     
575. 
     
576. #footer { clear: both; border-top: 2px solid #86B9D6; padding-top: 1em; padding-bottom: 2em; text-align: center; font: 100% Verdana, Arial, Helvetica, sans-serif; }
     
577.         #footer p { margin: 0.3em 0; color: #999; }
     
578.         #footer strong { color: #ED1C24; text-transform: uppercase; }
     
579.                 #footer strong span { color: #0954A6; }
     
580.         #footer em { font-style: normal; font-weight: bold; color: #96A800; }
     
581.         #copyright { font-size: 0.83em; }
     
582. 
     
583. .smalltxt { font-size: 12px; color: #999; font-weight: normal; }
     
584.         .smalltxt a, .smalltxt a:visited { color: #999 !important; }
     
585. 
     
586. .msgheader {
     
587. margin: 0 2em;
     
588. font-weight: bold;
     
589. background: #F3F8D7;
     
590. padding: 5px;
     
591. color: #000000
     
592. }
     
593. .msgborder {
     
594. margin: 0 2em;
     
595. padding: 10px;
     
596. border: 1px solid #DEDEB8;
     
597. word-wrap: break-word;
     
598. background: #FDFFF2;
     
599. overflow: hidden;
     
600. }
     
601. 
     
602. .nums { background: url(../images/icon_nums.gif) no-repeat left; padding-left: 10px; }
     
603. 
     
604. #slideimg { padding-top: 7px; }
     
605. 
     
606. #slidefooter { background: #E2F0F9; border: solid #F5FBFF; border-width: 5px 0; height: 27px; margin: 0 auto; overflow: hidden; }
     
607. #slideprev { background: url(../images/slide_prev.gif); width: 25px; height: 27px; text-indent: -9999px; float: left; overflow: hidden; }
     
608. #slidenext { background: url(../images/slide_next.gif); width: 25px; height: 27px; text-indent: -9999px; float: right; overflow: hidden; }
     
609. #slidetext { margin: 0; line-height: 29px; height: 27px; overflow: hidden; }
     
610. #slideplay { background: url(../images/slide_play.gif); width: 46px; height: 27px; text-indent: -9999px; float: right; overflow: hidden; }
     
611. 
     
612. 
     
613. a.more { float: right; height: 26px; line-height: 26px; color: #5086A5; background: transparent url(../images/link_icons.gif) no-repeat 0 7px; padding: 0 10px 0 15px; font-weight: normal; }
     
614.         a.minus { background-position: 0 -10px; }
     
615.         a.quote { background: url(../images/link_icons.gif) no-repeat 0 -52px; }
     
616.         a.del { background: url(../images/link_icons.gif) no-repeat 0 -115px; }
     
617. a.author, a.author:visited { color: #090 !important; }
     
618. strong.price { color: #090; }
     
619. 
     
620. .goodrate { background: url(../images/link_icons.gif) no-repeat 0 -39px; padding: 0 5px 0 16px; }
     
621. .replynum { background: url(../images/link_icons.gif) no-repeat 0 -57px; padding: 0 5px 0 16px; }
     
622. .users { background: url(../images/link_icons.gif) no-repeat 0 -77px; padding: 0 5px 0 16px; }
     
623. .joingroup { background: url(../images/link_icons.gif) no-repeat 0 -99px; padding-left: 16px; }
     
624.         .joingroupbtn { background: url(../images/link_icons.gif) no-repeat 1px -97px; padding-left: 16px; float: right; display: inline; margin-right: 10px; width: 16px; w\idth: 0; height: 20px; overflow: hidden; }
     
625. 
     
626. 
     
627. 
     
628. 
     
629. 
     
630. .xspace-quote { margin: 10px 5px 10px 50px; border-left: 4px solid #B2C9D3; background: #F5FBFF; padding: 10px; }
     
631. 
     
632. #msg-joingroup { display: block; width: 120px; height: 35px; line-height: 35px; text-decoration: none; background: #F6AB20; color: #FFF; font-size: 12px; font-weight: bold; border: 1px solid; border-color: #FFD68B #B1A682 #B1A682 #FFD68B; }

复制代码