Discuz!官方免费开源建站系统

 找回密码
 立即注册
搜索

[已答复] 如何更改SS默认的风格的颜色

[复制链接]
学习 发表于 2009-8-23 14:43:34 | 显示全部楼层 |阅读模式
如何更改SS默认的风格的颜色
回复

使用道具 举报

2038 发表于 2009-8-23 22:51:33 | 显示全部楼层
css ((em:06))
回复

使用道具 举报

 楼主| 学习 发表于 2009-8-24 08:50:28 | 显示全部楼层
那个CSS ((em:01))
回复

使用道具 举报

lidq.jingwu 发表于 2009-8-24 08:53:20 | 显示全部楼层
templates/css/common.css文件。
回复

使用道具 举报

 楼主| 学习 发表于 2009-8-30 21:21:29 | 显示全部楼层
这么多那个是啊
  1. /*
  2. Offical Style for SupeSite 7.0 default
  3. (C) 2001-2008 Comsenz Inc.
  4. http://www.SupeSite.com
  5. */

  6. /* reset style */
  7. * { margin:0; padding:0; word-break:break-all; }
  8. body { background:#FFF; color:#333; font:12px/1.5em Verdana,Helvetica,Arial,sans-serif; }
  9. h1, h2, h3, h4, h5, h6 { font-size:1em; }
  10. a { color:#333; text-decoration:none; }
  11.         a:hover { text-decoration:underline; }
  12. ul, li { list-style:none; }
  13. fieldset, img { border:none; }
  14. legend { display:none; }
  15. em, strong, cite, th { font-style:normal; font-weight:400; }
  16. input, textarea, select, button { font:12px Verdana,Helvetica,Arial,sans-serif; }
  17. table { border-collapse:collapse; }
  18. html { overflow:-moz-scrollbars-vertical; }

  19. /* common style */
  20. .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
  21.         .clearfix { display:inline-block; }
  22.         /*\*/ .clearfix {display:block;} /**/
  23. .box_l { float:left; }
  24. .box_r { float:right; }
  25. .bg_fff { background:#FFF!important; }
  26. .bg_f8 { background:#F8F8F8; }
  27. .color_black { color:#999!important; }
  28. .column { width:960px; overflow:hidden; margin:0 auto 10px; }
  29.         .col1 { float:left; width:700px; overflow:hidden; }
  30.         .col2 { float:right; width:250px; overflow:hidden; }
  31.         .col3 { float:left; width:380px; overflow:hidden; }
  32.         .col4 { float:right; width:310px; overflow:hidden; }

  33. .pages { height:35px; overflow:hidden; text-align:center; line-height:25px; font-family:Verdana; }
  34.         .pages a, .pages strong { margin:0 1px; padding:2px 6px; border:1px solid #E4E4E4; color:#369; text-decoration:none!important; }
  35.         .pages a:hover { border-color:#369; }
  36.         .pages strong { border-color:#369; background:#369; color:#FFF; }
  37.         .pages .prev { padding:4px 5px 2px; border:none; text-decoration:underline!important; }
  38.         .pages .next { padding:4px 5px 2px; border:none; text-decoration:underline!important; }

  39. .input_tx { padding:2px 0 2px 2px; border:1px solid; border-color:#666 #CCC #CCC #666; line-height:16px; color:#666; }
  40.         #login_box .input_tx { width:150px; }
  41.         #login_box #login_authcode_input .input_tx,#registerform  #seccode { width:60px; }
  42.         .search_content .input_tx { width:160px;}
  43.         .footer_search .input_tx { width:190px; }
  44.         #registerform .input_tx, .lost_pw .input_tx { width:180px;}
  45. .input_search { width:54px; height:24px; overflow:hidden; border:none; background:url(../images/btn_search_bg.gif) no-repeat; text-align:center; line-height:24px; color:#FFF; font-weight:700; letter-spacing:1px; }
  46. .input_reset { width:71px; height:24px; overflow:hidden; border:none; background:url(../images/btn_reset_bg.gif) no-repeat; line-height:24px; text-indent:23px; letter-spacing:1px;}
  47. .ad_pagebody { width:960px; overflow:hidden; margin:0 auto 10px; }
  48. .ad_mainbody { width:960px; overflow:hidden; margin:0 auto 10px; }
  49. .ad_sidebar { width:250px; overflow:hidden; margin:0 auto 10px; text-align:center; }
  50. .ad_article {  float:left; max-width:650px; overflow:hidden; margin:0 12px 12px 0!important; margin:0 9px 12px 0; }
  51. .margin_bot10 { margin-bottom:10px; }
  52. .margin_bot0 { margin-bottom:0!important;}

  53. .global_module { overflow:hidden; padding-bottom:10px; border:1px solid #D8D8D8; background:#F8F8F8; }
  54.         .global_module1_caption { height:31px; overflow:hidden; margin-bottom:10px; background:url(../images/global_caption1_bg.gif) repeat-x; color:#FFF; line-height:31px; }
  55.                 .global_module1_caption h3 { display:inline; float:left; margin:0 20px; font-weight:700; }
  56.                 .global_module1_caption a.more { display:inline; float:right; margin:0 20px; color:#FFF; font-family:simsun; }
  57.         .global_module2_caption { height:31px; overflow:hidden; margin-bottom:10px; background:url(../images/global_caption2_bg.gif) repeat-x; line-height:31px; }
  58.                 .global_module2_caption h3 { padding:0 15px; font-weight:700; }
  59.         .global_module3_caption { position:relative; height:31px; overflow:hidden; margin-bottom:10px; background:url(../images/global_caption3_bg.gif) repeat-x; line-height:31px; }
  60.                 .global_module3_caption h3 { padding:0 15px; font-weight:400; }
  61.                 .global_module3_caption h3 img { margin-top:3px;}
  62.                 a.btn_capiton_op { position:absolute; top:3px; right:10px; display:block; width:96px; height:24px; overflow:hidden; background:url(../images/more_op_bg.gif) no-repeat; color:#295B72; line-height:26px; text-indent:-9999px; }
  63. .global_tx_list1 { width:100%; min-height:150px; height:expression(this.style.height < 150 ? 150: true); overflow:hidden; }
  64.         .global_tx_list1 li { display:inline; float:left; width:300px; height:25px; overflow:hidden; margin:0 15px 0 20px; padding-left:12px; background:url(../images/icon_li.gif) no-repeat 0 11px; line-height:25px; }
  65.         .global_tx_list1 .box_r { padding-left:10px; color:#999; }
  66.         .global_tx_list1 .box_r a { color:#999; }
  67.         .ext_li_short { height:auto;}
  68.                 .ext_li_short li { display:inline; float:left; width:70px; height:25px; overflow:hidden; margin:0 15px 0 20px; padding-left:12px; background:url(../images/icon_li.gif) no-repeat 0 11px; line-height:25px;  }

  69. .global_tx_list2 { min-height:150px; height:expression(this.style.height < 150 ? 150: true); overflow:hidden; padding:0 15px; }
  70.         .global_tx_list2 li { height:25px; overflow:hidden; line-height:25px; }
  71.         .global_tx_list2 .box_r { padding-left:10px; color:#999; }

  72. .global_tx_list3 { overflow:hidden; padding:0 15px; }
  73.         .global_tx_list3 li { height:25px; overflow:hidden; padding-left:12px; background:transparent url(../images/icon_li.gif) no-repeat scroll 0 11px; line-height:25px; }
  74.         .global_tx_list3 .box_r { padding-left:10px; color:#999; }

  75. .global_tx_list4 { overflow:hidden; margin-bottom:20px; padding:0 15px; }
  76.         .global_tx_list4 li { height:35px; overflow:hidden; background:url(../images/dashed_bg.gif) repeat-x 0 34px; line-height:35px; font-size:14px; }
  77.         .global_tx_list4 li a { color:#369; }
  78.         .global_tx_list4 .box_r { padding-left:10px; color:#999; font-size:12px; }

  79. .global_tx_list5 { margin-bottom:10px; padding-bottom:0; background:url(../images/zebra_bg.gif) repeat 0 31px; }
  80.         .global_tx_list5  .global_module2_caption { margin-bottom:0; }
  81.         .global_tx_list5 ul { padding:0 15px 0 30px; background:url(../images/top10_bg.gif) no-repeat 15px 10px; }
  82.         .global_tx_list5 ul li { height:28px; overflow:hidden; line-height:28px; }
  83.         .global_tx_list5 .box_r, .global_tx_list5 .box_r a { color:#999;}

  84. .global_tx_list6 { margin-bottom:10px; padding-bottom:0; background:url(../images/zebra_bg.gif) repeat 0 31px; }
  85.         .global_tx_list6  .global_module2_caption { margin-bottom:0; }
  86.         .global_tx_list6 ul { padding:0 15px 0 30px; background:url(../images/top10_bg.gif) no-repeat 15px 10px; }
  87.         .global_tx_list6 ul li { height:28px; overflow:hidden; *margin-bottom:-2px; line-height:28px; }
  88.         .global_tx_list6 .box_l { width:150px; height:28px; overflow:hidden; }
  89.         .global_tx_list6 .box_r { width:50px; overflow:hidden; text-align:right; }
  90.         .global_tx_list6 .box_r a { color:#999;}

  91. .global_avatar_list {}
  92.         .global_avatar_list li { display:inline; float:left; height:78px; }
  93.         .global_avatar_list li img { display:block; width:48px; height:48px; padding:1px; border:1px solid #D8D8D8; }
  94.         .global_avatar_list li span { display:block; width:52px; height:25px; overflow:hidden; line-height:25px; text-align:center; }

  95. .global_piclist { height:125px; overflow:hidden; padding:10px 0 0 7px; }
  96.         .global_piclist li{ position:relative; display:inline; float:left; width:106px; height:123px; overflow:hidden; margin-left:7px; }
  97.         .global_piclist li div { display:table-cell; *display:block; width:102px; height:104px; *height:102px; overflow:hidden; border:1px solid #E0E9F2; background:#FFF; text-align:center; vertical-align:middle; *font-size:85px; cursor:pointer; }
  98.         .global_piclist li div img, .user_photolist dl dt div img { max-width:100px; max-height:100px; width:expression(this.width > 100 && this.width > this.height ? 100: true); height:expression(this.height > 100 ? 100: true);  vertical-align:middle; }
  99.         .global_piclist li span { position:absolute; left:0; bottom:0; *bottom:-2px; width:102px; height:16px; overflow:hidden; line-height:16px; text-align:center; }

  100. .globalnews_piclist { padding-left:2px; }
  101.         .globalnews_piclist li { display:inline; float:left; margin:3px 0 0 10px; }
  102.         .globalnews_piclist img { display:block; width:100px; height:70px; padding:1px; border:1px solid #D8D8D8; }
  103.         .globalnews_piclist span { display:block; width:104px; height:25px; overflow:hidden; line-height:25px; text-align:center; }

  104. /* header style */
  105. #header { width:960px; height:111px; overflow:hidden; margin:10px auto; }
  106.         #header h2 { float:left; }
  107.                 #header h2 img { width:538px; height:111px; }
  108.                 #header .ad_header { float:right; text-align:right; }

  109. /* nav style */
  110. #nav { width:960px; overflow:hidden; margin:0 auto 10px; background:#D3EAF0; }
  111.         .main_nav { height:34px; overflow:hidden; padding-top:1px; background:#1A4963; color:#FFF; font-size:14px; }
  112.                 .main_nav ul { width:94%; overflow:hidden; padding:0 0 0 1.3%; }
  113.                 .main_nav ul li { float:left; margin-right:1px; }
  114.                 .main_nav ul li a { float:left; display:block; padding:9px 15px; color:#FFF; }
  115.                 .main_nav .current a { background:url(../images/nav_current_bg.gif) repeat-x; color:#295B72; font-weight:700; text-decoration:none!important; }
  116.         ul.ext_nav { padding:7px 12px; color:#369; line-height:1.9em; }
  117.                 ul.ext_nav li { float:left; margin-right:8px; white-space:nowrap; }
  118.                 ul.ext_nav a { margin-right:2px; color:#295B72; }
  119.         .order_nav { padding:7px 12px; color:#369; line-height:1.9em; }
  120.                 .order_nav li  { height:1.9em; overflow:hidden; }
  121.                 .order_nav li a { margin-left:2px; color:#295B72; }
  122.                 .order_nav em { margin-right:3px; color:#295B72; }
  123.         #contribute_op { position:absolute; top:140px; left:15px; padding:5px 15px; border:1px solid #D8D8D8; background:#F7FDFD; }
  124.                 #contribute_op li { margin:2px 0; }
  125.                 #contribute_op li a { color:#369;}

  126. /* footer style */
  127. #footer { width:960px; overflow:hidden; margin:0 auto; padding:6px 0; text-align:center; line-height:20px; }
  128.         .copyright, .copyright a { color:#666;}
  129.         #footer_top { height:50px; margin-bottom:10px; background:#D3EAF0; }
  130.                 .good_link { float:left; width:500px; overflow:hidden; margin:15px 0 0 10px; color:#369; text-align:left; }
  131.                 .good_link a { margin:0 3px; color:#295B72; }
  132.                 .footer_search { float:right; width:340px; padding:13px 0 0 0; }
  133.                 .footer_search .input_tx { padding:3px; }
  134.                 .footer_search select { padding:1px 2px 2px 2px; }       

  135. /*============================================= Index & News pages style */
  136.         /* focus turn */
  137. #focus_turn { position:relative; height:315px; margin-bottom:10px; border:1px solid #D8D8D8; background:url(../images/focus_turn_bg.gif) repeat-x; }
  138.         #focus_pic { margin:12px 0 0 12px!important;  margin:11px 0 0 12px; }
  139.                 #focus_pic li img { width:350px; height:260px; padding:1px; border:1px solid #D8D8D8; background:#FFF; }
  140.                 #focus_pic .normal { display:none; }
  141.                 #focus_pic .current { display:block; }
  142.         #focus_btn { position:absolute; right:14px; bottom:41px; border-left:1px solid #D8D8D8; }
  143.                 #focus_btn span { display:block; float:left; overflow:hidden; width:22px; height:22px; margin:0 0 0 -1px; border:1px solid #D8D8D8; text-align:center; font:14px Arial, Helvetica, sans-serif; font-weight:700; line-height:22px; cursor:pointer; }
  144.                 #focus_btn .normal { background:#FFF; color:#1A4963; }
  145.                 #focus_btn .current { background:#1A4963; color:#FFF; }
  146.         #focus_tx { height:20px; overflow:hidden; margin:5px 0 0 12px; font-size:14px; line-height:20px; }
  147.                 #focus_tx .normal { display:none; }
  148.                 #focus_tx .current { display:block; }
  149.         #focus_opacity {  position:absolute; left:14px; bottom:41px; width:350px; height:24px; background:#FFF; opacity:0.4; filter:alpha(opacity=40); }

  150.         /* new news */
  151. #new_news { height:185px; overflow:hidden; border:1px solid #D8D8D8; background:#F8F8F8; }
  152.         #new_news h3 { padding:8px 20px 4px; }
  153.         #new_news ul { padding:0 20px; }
  154.         #new_news li { height:25px; overflow:hidden; padding-left:12px; background:url(../images/icon_li.gif) no-repeat 0 11px; line-height:25px; }
  155.         #new_news .box_r { padding-left:10px; color:#999; }
  156.         #new_news .box_r a { color:#999; }

  157.         /* hot news */
  158. #hot_news { }
  159.         #hot_news h3 { padding:8px 0 8px; font-size:16px; border-bottom:1px solid #D8D8D8; }
  160.         .hot_news_list { margin-top:8px; padding:0 4px; }
  161.                 .hot_news_list h4 { height:25px; overflow:hidden; line-height:25px;  }
  162.                 .hot_news_list h4 a { color:#EB1C26; }
  163.                 .hot_news_list p { height:62px; overflow:hidden; color:#666; line-height:20px; }

  164.         /* user login */
  165. #user_login { position:relative; height:156px; margin-bottom:10px; }
  166.         #user_login_position { position:absolute; width:248px; height:156px; border:1px solid #D8D8D8; background:#F8F8F8; z-index:99px; }
  167.         #user_login .current { height:190px; }
  168.                 #user_login .current #login_authcode_input { display:block; }
  169.                 #user_login #login_authcode_input { display:none; }
  170.         #login_authcode_img { position:absolute; left:60px; bottom:95px; }
  171.         #login_authcode_input a { color:#369;}
  172.         #login_showclose { position:absolute; right:8px; bottom:8px; z-index:999px; }
  173.         #login_showclose a { display:block; width:10px; height:10px; overflow:hidden; background:url(../images/icon_closesearch_bg.gif) no-repeat; text-indent:-9999px; }
  174.         #user_login h3 { padding:8px 15px 10px; }
  175.         #user_login p { height:30px; padding:0 15px; }
  176.         #user_login .clearfix { padding:0 0 0 60px; }
  177.         #user_login .clearfix input { float:left; margin-top:2px; *margin-top:0; }
  178.         #user_login .clearfix label { float:left; padding:0 0 0 3px; *padding:3px 0 0 0; }
  179.         #user_login .input_sub { margin:0 0 0 12px; width:35px; height:21px; overflow:hidden; border:none; background:url(../images/btn_login_min.gif) no-repeat; text-indent:-9999px; }
  180.         .login_ext { margin:10px 0 0 0; text-align:center; }
  181.         .user_info { padding:0 15px;}
  182.                 .user_info dl { height:70px; overflow:hidden; margin-bottom:12px; border-bottom:1px dashed #D8D8D8; }
  183.                 .user_info dl dt { float:left; width:50px; }
  184.                 .user_info dl dt img { width:48px; height:48px; padding:1px; border:1px solid #D8D8D8; }
  185.                 .user_info dl dd { float:right; width:155px; line-height:25px; }
  186.                 .user_op { display:block; padding:0!important; }
  187.                         .user_info .tx_blue { color:#369; text-decoration:underline; }
  188.                         .contribute_txt { float:left; padding-right:12px; background:url(../images/myspace_bg.gif) no-repeat 100% 5px; color:#F00; }
  189.                         .user_op span { float:right; }

  190.         /* super notice */
  191. .super_notice { height:110px; overflow:hidden; margin-bottom:10px; border:1px solid #D8D8D8; background:#F7FDFD; }
  192.         .super_notice h3 { padding:8px 15px 4px; color:#EB1C26; }
  193.         .super_notice ul { padding:0 15px; }
  194.         .super_notice li { height:25px; overflow:hidden; line-height:25px; }

  195.         /* search bar */
  196. .search_bar { position:relative; height:100px; margin-bottom:10px; border:1px solid #DEDEDE; background:url(../images/search_bg.gif) no-repeat 0 0; }
  197.         .search_bar h3 { float:left; height:0; overflow:hidden; }
  198.         .search_content { margin:40px 0 0 12px;}
  199.         .search_content .search_bbs { position:absolute; top:72px; right:15px; color:#369; text-decoration:underline;}

  200.         /* new avatar */
  201. .new_avatar { height:146px; overflow:hidden; padding:4px 0 0 7px; }
  202.         .new_avatar li { margin-left:8px;}
  203.         .new_avatar img { width:44px!important; height:44px!important; }
  204.         .new_avatar li span { width:49px; }

  205.         /* tag list */
  206. .tag_list { padding-left:15px;}
  207.         .tag_list li { display:inline; float:left; margin-right:8px; white-space:nowrap; line-height:25px; }

  208.         /* links */
  209. #links { width:960px; overflow:hidden; margin:0 auto 10px; padding-bottom:10px; border:1px solid #D8D8D8; background:#F8F8F8; }
  210.         #links h3 { padding:8px 20px 5px; }
  211.         .links_img, .links_tx { padding:0 20px; }
  212.         .links_img a { margin:0 5px 5px 0;}
  213.         .links_img img { width:88px; height:31px; margin-bottom:5px; }
  214.         .links_tx li { float:left; width:8em; overflow:hidden; margin-right:5px; white-space:nowrap; }

  215. /* news catalog  */
  216. .catalog_list {}
  217.         .catalog_list .global_module { float:left; width:343px; margin-bottom:10px; }
  218.         .catalog_list .box_r { float:right!important;}
  219.         .catalog_list .global_tx_list1 li { width:290px; }

  220. /*============================================= news catalog pages style  */
  221. .special_activity { padding-left:5px; background:url(../images/zebra_bg.gif) repeat;  }
  222.         .special_activity li { display:inline; float:left; width:95px; height:28px; overflow:hidden; margin-left:10px; padding-left:12px; background:url(../images/arrow_li.gif) no-repeat 0 8px; line-height:28px; }


  223. /*============================================= news list pages style  */
  224. .news_list { margin-bottom:20px; padding:0 15px; }
  225.         .news_list li { overflow:hidden; margin-bottom:5px; padding-bottom:10px; background:url(../images/dashed_bg.gif) repeat-x 0 100%; line-height:22px; }
  226.         .news_list h4 { margin:4px 0; padding-left:12px; background:url(../images/arrow_li.gif) no-repeat 0 3px;}
  227.         .news_list h4 a { color:#369; }
  228.         .news_list .news_list_caption a { color:#333; }
  229.         .news_list p { padding-left:12px; }
  230.         .news_list .news_list_caption { margin-bottom:5px; color:#999; }
  231. .sidebar_album_info { padding:0 15px;}
  232.         .sidebar_album_info img { max-width:220px; width:expression(this.width > 220 ? 220: true); }

  233. /*============================================= news detail pages style  */
  234. #article { padding:15px; }
  235.         #article h1 { margin:6px 0 12px 0; text-align:center; font-size:1.33em; }
  236.         #article img, #blog_body img { max-width:565px; width:expression(this.width > 565 ? 563: true);}
  237.         #article_extinfo { padding-bottom:10px; color:#999; text-align:center; }
  238.         #article_body { width:100%; overflow:hidden; clear:both; padding-top:10px; background:url(../images/dashed_bg.gif) repeat-x center top; font-size:1.17em; line-height:1.8em; clear:both; }
  239.         #article_body p { margin-bottom:6px; text-indent:2em; }
  240.         #article_body strong { font-weight:700;}
  241.         #article_custom { width:95%; margin:0 auto 6px; padding:6px; border:1px solid #DCE1E5; background:#FFFFE1; font-size:12px; line-height:1.5em; }
  242.         #article_attachment { margin-top:12px; padding:20px 0 0 50px; background:url(../images/attachment.gif) no-repeat left top; font-size:12px; color:#999; }
  243.         #article_summary { margin-bottom:10px; padding:3px 0; border:1px dashed #DEDEDE; background:#F8F8F8; font-size:12px; line-height:25px; }
  244.                 #article_summary h6 { padding:0 10px; color:#369; }
  245.                 #article_summary p { padding:0 10px; }
  246.         #article_tag { padding:20px 15px 10px; }
  247.         .article_download { padding-left:17px; background:url(../images/icon_download.gif) no-repeat 0 6px; color:#999; text-indent:0!important; }
  248.                 .article_download a { margin-right:3px; color:#369; text-decoration:underline; }
  249.         .article_attach_isimage { background:none !important; }
  250.                 #article_attachment a { color:#369; text-decoration:underline; }
  251.         .article_attach_isimage {}
  252.                 .article_attach_isimage a { text-decoration:none; }
  253.                 .article_attach_isimage img { display:block;}
  254.                 .article_attach_isimage span { display:block;}
  255. #article_op { margin:15px; padding:5px 0 8px; background:url(../images/dashed_bg.gif) repeat-x scroll center top; text-align:right; }
  256. .article_refer { margin:0 10px 12px; padding:8px; border:1px solid #DEDEDE;}
  257.         .article_refer ul li { height:22px; line-height:22px; }
  258.         .article_refer ul li a { font-size:12px; }
  259. #article_numtip { margin:0 6px 0; padding:3px 0 0; color:#999; text-align:right; font-size:14px; }
  260.         #article_numtip a { color:#999; text-decoration:underline; }
  261. #comment_op { height:30px; overflow:hidden; margin:0 15px; padding-top:15px; color:#999; background:url(../images/dashed_bg.gif) repeat-x scroll center top;  line-height:24px; }
  262.         #comment_op a { display:block; float:right; width:108px; height:24px; overflow:hidden; margin-left:12px; background:url(../images/comment_btn_bg.gif) no-repeat; text-indent:29px; }
  263.         #comment_op .view { background-position:0 0;}
  264.         #comment_op .write { background-position:0 -24px;}
  265.         #comment_op span { float:right; }

  266. #article_pn { height:40px; overflow:hidden; margin:0 15px; }
  267.         #article_pn a { color:#369; text-decoration:underline; }
  268. .article_notice { padding:12px;}
  269.         .article_notice h1 {}
  270.         .article_notice p { margin:0 0 3px 0; padding:0 0 3px 0;}
  271.         .article_notice .article_notice_body { padding:3px 0 0 0; border-top:1px dashed #DEDEDE; border-bottom:1px dashed #DEDEDE; }
  272.         .anno_more { padding:0 12px 12px 0; text-align:right;}

  273. .job_box { font-size:12px!important;}
  274.                 #article .img_max300 { margin:0 12px 12px; max-width:300px; width:expression(this.width > 300 ? 300: true); }
  275.                 #article .img_max400 { margin:0 12px 12px; max-width:400px; width:expression(this.width > 400 ? 400: true); }
  276.                 .job_requ { width:98%; overflow:hidden; margin:6px 0; padding:6px 0 6px 6px; border:1px solid #DFDFDF; background:#F6F6F6; font-size:12px; clear:both;}
  277.                 .job_requ li { display:inline; float:left; width:210px; height:24px; overflow:hidden; margin-right:6px; line-height:24px; }
  278.                 .job_requ li em { font-weight:700; }
  279.                 .job_box .more a { color:#369;}
  280.                         .job_box .media h5 { margin-bottom:6px; padding-top:12px; font-weight:400; }
  281.                         .job_box .media div { color:#666; }
  282.                         .job_box p { text-indent:0!important;}

  283. #top_btn { width:69px; height:69px; margin:20px auto; background:url(../images/btn_top.gif) no-repeat; text-align:center; line-height:25px; }
  284.         #top_btn strong { display:block; padding:8px 0; color:#369; font-weight:700; }
  285.         #top_btn a { font-size:12px; text-decoration:underline; }


  286.         /* poll */
  287. #poll { position:relative; width:550px; margin:10px auto; border:3px solid #E1E8F0; font-size:12px; }
  288.         #poll ul { padding:10px; }
  289.         #poll ul li { margin-bottom:6px; }
  290.         .poll_op { padding:0 0 10px 15px}
  291.         .poll_novotes { position:absolute; right:150px; bottom:5px; padding:5px 15px; border:1px solid #E1E8F0; border-top-width:3px!important; color:#F00; }

  292.         #poll_value { width:550px; margin:0 auto 10px; border:3px solid #E1E8F0; }
  293.                 #poll_value ul { padding:10px 20px 10px 15px; }
  294.                 #poll_value ul li { height:50px; overflow:hidden;}
  295.                 #poll_value li h6 { color:#666; font-weight:400; line-height:25px; font-size:12px; }
  296.                         #poll_value .pollnum { float:right;}
  297.                         .pollcolor1{background:#E92725;}
  298.                         .pollcolor2{background:#F27B21;}
  299.                         .pollcolor3{background:#F2A61F;}
  300.                         .pollcolor4{background:#5AAF4A;}
  301.                         .pollcolor5{background:#42C4F5;}
  302.                         .pollcolor6{background:#0099CC;}
  303.                         .pollcolor7{background:#3365AE;}
  304.                         .pollcolor8{background:#2A3591;}
  305.                         .pollcolor9{background:#592D8E;}
  306.                         .pollnum { color:#369; font-size:12px;}
  307.                         .polloptionbar { float:left !important; width:370px; height:16px; overflow:hidden; margin:0!important; text-indent:-9999px;}
  308.                         .polloptionbar strong{ display:block; }

  309.         /* comment */
  310. .comment { width:100%; overflow:hidden; color:#666;}
  311.         .comment h4{ padding:0 12px 8px; color:#369; font-size:14px;}
  312.         .comment .comment_list { overflow:hidden; margin-bottom:8px; padding:0 12px; }
  313.         .comment .comment_list img { max-width:660px;  width:expression(this.width > 660 ? 660: true); }
  314.         .comment .comment_list_caption { height:25px; overflow:hidden; margin-bottom:8px; padding:0 12px; border-top:1px solid #D8D8D8; background:#F8F8F8; color:#999; line-height:25px; }
  315.         .comment .comment_list_caption a, .comment_list_caption .box_r { color:#369; }
  316.         .comment .scoresnum { margin:0 12px; color:#F00; }
  317.         .comment .comment_content { margin:0 12px;}
  318.         .xspace-quote { margin:3px 0; padding:6px; border:1px dashed #E0DEDE; background:#F9F9F9; color:#666; }
  319.         .u_comment_list { width:95%; overflow:hidden; margin:0 auto 10px; padding:8px; }
  320.                 .u_comment_list .u_avatar { float:left; width:60px; margin-right:0!important; margin-right:-2px; }
  321.                 .u_comment_list .u_avatar img { width:48px; height:48px; padding:1px; border:1px solid #D8D8D8; }
  322.                 #blog_detail .u_info { float:left; width:670px; }
  323.                 #image_show .u_info { float:left; width:850px; }
  324.                 .u_comment_list .u_title { padding-bottom:5px; color:#999; line-height:12px; }
  325.                 .u_comment_list .u_title a { color:#369;}
  326.                 .quote { margin:10px 0; padding: 10px; border: 1px dashed #CCC; background: #F7F7F7 none repeat scroll 0 0; font-size: 12px; }

  327. #xspace-rates { text-align:center; height:50px; background:#FFF; padding:20px 0; border-bottom:none; margin-bottom:0; }
  328. #xspace-rates-bg { width:210px; height:30px; margin:0 auto 5px; background:url(../../../images/base/rate_star.gif); }
  329.         #xspace-rates-star { height:30px; background:url(../../../images/base/rate_star.gif) 0 -30px; margin:0 auto 0 0; }
  330.         #xspace-rates-a { height:30px; margin-top:-30px; }
  331.         #xspace-rates a { float:left; text-align:left; width:30px; height:30px; text-indent:-999px; overflow:hidden; background-color:transparent !important; }
  332.         .xspace-rates-5 { width:30px; }
  333.         .xspace-rates-3 { width:60px; }
  334.         .xspace-rates-1 { width:90px; }
  335.         .xspace-rates0 { width:120px; }
  336.         .xspace-rates1 { width:150px; }
  337.         .xspace-rates3 { width:180px; }
  338.         .xspace-rates5 { width:210px; }

  339. #sign_msg{ width:88%; margin:0 auto; padding-bottom:15px; color:#999; }
  340.         #sign_msg a { color:#999; text-decoration:underline; }
  341.         #sign_msg input, #sign_msg textarea { padding:2px; border:1px solid; border-color:#666 #CCC #CCC #666; line-height:16px; }
  342.         #sign_msg textarea { width:100%; height:110px; margin:10px 0; }
  343.         #sign_msg .input_search { margin-top:8px; border:none; }
  344.         #xspace-imgseccode { margin-bottom:-6px; }
  345.         #add_event_box { padding:8px 0 0 0; }
  346.                 #add_event_box input { border:none; }
  347.                 #add_event_box label { margin-right:3px; }

  348. /*============================================= blog pages style  */
  349. #blog_pic_story { height:140px; overflow:hidden; border:1px solid #D8D8D8; background:#F8F8F8; }
  350.         #blog_pic_story h3 { padding:8px 20px 4px; }
  351.         #blog_pic_story ul { padding-left:6px;}
  352.         #blog_pic_story ul li { margin:3px 0 0 14px; }

  353. .blog_hot_avatar { height:76px; overflow:hidden; padding:4px 0 0 10px; }
  354.         .blog_hot_avatar li { margin-left:10px;}

  355. #blog_new { height:467px; border:1px solid #D8D8D8; background:#F8F8F8;}
  356.         #blog_new h3 { padding:8px 20px 4px; }
  357.         #blog_new .global_avatar_list { margin-bottom:5px; padding-left:8px;}
  358.         #blog_new .global_avatar_list li { margin:3px 0 3px 6px; }
  359.         #blog_new ul.txt { padding:0 15px; }
  360.                 #blog_new ul.txt li { height:28px; overflow:hidden; font-size:14px; line-height:28px; }

  361. #blog_top { height:301px; border:1px solid #D8D8D8; background:#F7FDFD; color:#999;        }
  362.         #blog_top h3 { padding:8px 15px 10px; color:#EB1C26; }
  363.         #blog_top dl { height:83px; margin-top:3px; padding:0 15px; }
  364.         #blog_top dt { float:left; }
  365.                 #blog_top dt img { display:block; width:48px; height:48px; padding:1px; border:1px solid #D8D8D8; }
  366.                 #blog_top dt span { display:block; width:52px; height:25px; overflow:hidden; line-height:25px; text-align:center; }
  367.         #blog_top dd { float:right; width:160px; line-height:25px; }
  368.                 #blog_top dd a { color:#369; }

  369. .blog_info_list { position:relative; width:96%; height:130px; overflow:hidden; margin:15px auto; border:1px dashed #DDD; color:#333; }
  370.         .blog_info_list a { color:#369; }
  371.         .blog_info_list .box_l { width:80px; height:100%; padding:12px 10px 0 15px; background:#EEF1F6; }
  372.         .blog_info_list .box_l img { width:48px; height:48px; }
  373.         .blog_info_list .box_r { width:795px; padding:10px; }
  374.         .blog_info_list .box_r h5 { height:18px; overflow:hidden; margin-bottom:4px; font-weight:400; font-size:14px; }
  375.         .blog_info_list .box_r .blog_signtx { height:92px; overflow:hidden; margin-bottom:14px; }
  376.         .blog_info_list .blog_showbox_pic { width:100px; height:100px; border:1px solid #E0E9F2; background:#EEF1F6 ; }
  377.         .blog_info_list .blog_info { position:absolute; left:116px; bottom:8px; color:#666; }

  378. #blog_detail {}
  379.         #blog_detail .box_l { width:180px; }
  380.         #blog_detail .box_r { width:770px; }
  381.         .blog_user { text-align:center; line-height:25px; }
  382.         .blog_user a { color:#369; }
  383.         .user_group { margin:0 10px; text-align:left; }

  384. #blog_article { width:94%; margin:0 auto; padding:15px 0; }
  385.         #blog_article h1 { padding-bottom:8px; color:#369; font-size:16px; font-weight:400; }
  386.         #blog_article .blog_tipinfo { padding:8px 0 15px; background:url(../images/dashed_bg.gif) repeat-x center top; color:#999; }
  387.         #blog_body { padding-bottom:25px; line-height:2em; }
  388.         #blog_article .blog_op { padding:8px 0;  background:url(../images/dashed_bg.gif) repeat-x center top; text-align:right; color:#369; }
  389.                 #blog_article .blog_op a { color:#369; text-decoration:underline; }
  390.                 #blog_body a { color:#369; }

  391. .blog_margin_hack .margin_bot10 { margin-bottom:11px!important;}

  392. /*============================================= image pages style  */
  393. #image_focus { width:698px; height:268px; }
  394.         #image_focus_big { float:left; margin:1px 0 0 1px; }
  395.                 #image_focus_big img { width:350px; height:276px; }
  396.                 #image_focus_big li { display:none; }
  397.                 #image_focus_big .current { display:block; }
  398.         #image_focus_small { float:right; width:345px;}
  399.                 #image_focus_small h3 { padding:8px 15px 12px;}
  400.                 #image_focus_small ul { height:auto; padding:0 0 0 4px; }
  401.                 #image_focus_small li { height:120px; margin-left:5px; }

  402. .image_user_list { padding-left:10px; color:#666; }
  403.         .image_user_list dl { display:inline; float:left; margin:5px 0 0 10px; width:145px; height:60px; }
  404.         .image_user_list dl dt { float:left; }
  405.         .image_user_list dl dt img { width:48px; height:48px; padding:1px; border:1px solid #D8D8D8; background:#FFF;}
  406.         .image_user_list dl dd { float:right; width:85px; }
  407.         .image_user_list dl dd p { padding-top:4px; }
  408.         .image_user_list dl a { color:#369; }

  409. .image_gallery_list { padding:0 0 10px 10px; }
  410.         .image_gallery_list dl { display:inline; float:left; width:284px; height:120px; overflow:hidden; margin:10px 0 10px 22px; background:url(../images/image_shadow_bg.gif) no-repeat; }
  411.         .image_gallery_list dl dt { display:inline; float:left; width:100px; height:100px; overflow:hidden; margin:10px 0 0 12px; }
  412.         .image_gallery_list dl dt div { display:table-cell; width:100px; height:100px; text-align:center; vertical-align:middle; *display: block; *font-size:86px; }
  413.         .image_gallery_list dl dt 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; }
  414.         .image_gallery_list dl dd { display:inline; float:right; width:127px; overflow:hidden; margin:20px 6px 0 0; color:#999; line-height:1.7em; }
  415.         .image_gallery_list dl h6 { height:20px; overflow:hidden; font-weight:400; line-height:20px; }
  416.         .image_gallery_list dl a { color:#369; }
  417.         .image_gallery_list dd h6 a { color:#333!important; }

  418. #image_show {}
  419.         .image_caption { width:900px; margin:0 auto; padding:5px 0; overflow:hidden; color:#999; }
  420.         .image_caption a { color:#369; text-decoration:underline; margin-left:5px; }
  421.         .image_bigshow { width:900px; margin:0 auto; padding:15px 0; background:#F8F8F8; text-align:center; }
  422.         .image_bigshow img { max-width:870px;  width:expression(this.width > 870 ? 870: true); }
  423.         .image_bigshow h3 { padding-top:6px;}
  424.         #prev_next_news { width:900px; margin:0 auto; padding:10px 0 20px; }
  425.                 #prev_next_news a { color:#369; text-decoration:underline; }

  426. .image_list_userinfo { width:920px; height:65px; margin:15px auto 2px; padding:0; background:url(../images/dashed_bg.gif) repeat-x 0 64px; }
  427.         .image_list_userinfo dl { width:100%; margin:0; }
  428.         .image_list_userinfo dl dt { display:inline; float:left; }
  429.         .image_list_userinfo dl dt div { display:table-cell; width:50px; height:52px; *height:50px; overflow:hidden; border:1px solid #E0E9F2; text-align:center; vertical-align:middle; *display: block; *font-size:42px; }
  430.         .image_list_userinfo dl dt div img { max-height:48px; max-width:48px; width:expression(this.width > 48 && this.height < this.width ? 48:true); height:expression(this.height > 48 ? 48:true); vertical-align:middle;}
  431.         .image_list_userinfo dd { float:right; width:860px !important;}
  432.         .image_list_userinfo dd h2, .image_list_userinfo dd h4 { font-weight:400; }
  433.         .image_list_userinfo dd h2 { color:#333; }
  434.         .image_list_userinfo dd a { color:#369; }

  435. .image_list { height:auto; margin:4px 0 0 0; }
  436.         .image_list li { margin:0 18px 7px 12px; }

  437. /*============================================= comment pages style  */
  438. .comment_caption { padding:0 0 10px!important;}
  439.         .comment_caption h1 { padding:15px 0 0!important;}

  440. /*============================================= login pages style  */
  441. #login { width:900px; overflow:hidden; margin:25px auto 20px; padding:2px; border:3px solid #E1E8F0; }
  442.         #login  table { margin:25px 0 0 70px; }
  443.         #login table th, #login table td { padding:10px 0; vertical-align:top; }
  444.         #login table th { padding:12px 12px 0 0; text-align:right; }
  445.         #login .input_select { width:180px; height:22px; }
  446.         #login .box_r { width:45%; overflow:hidden; padding:5% 0 0 5%; height:280px; background:#EEF1F6; }
  447.         #login .box_r h2 { padding-bottom:8px; color:#30954A7; font-size:14px; }
  448.         #login .box_r li { margin-bottom:8px; padding-left:12px; background:url(../images/arrow_li.gif) no-repeat 0 5px; *background-position:25px 5px; color:#333; }
  449.         #login .box_r li a { color:#2C629E; }

  450. /*============================================= Infopage pages style  */
  451. #infopage {}
  452.         #infopage .infopage_content { padding:70px 0;}
  453.         #infopage .infopage_content div { padding:0 0 12px 280px; background:url(../images/icon_tip.gif) no-repeat 225px 0; }
  454.         #infopage .infopage_content h1 { padding-bottom:5px; color:#F00; font-size:14px; }
  455.         #infopage .infopage_content h1 a { color:#F00; }
  456.         #infopage .infopage_content a { margin-right:6px; text-decoration:underline; }

  457. /*============================================= register/lostpw pages style  */
  458. .regi_caption { padding:6px 80px; }
  459.         .regi_caption h1 { padding-bottom:6px;}
  460.         .regi_caption span { color:#F00; vertical-align:middle; }
  461. .regi_content { }
  462.         .regi_content a { color:#2C629E; }
  463.         .regi_content table { margin:15px; }
  464.         .regi_content table th, .regi_content table td { padding:10px 0; vertical-align:top; }
  465.         .regi_content table th { padding:12px 12px 0 0; text-align:right; }
  466.         .pw_step01, .pw_step02, .pw_step03, .pw_step04 { display:block; width:235px; height:10px; overflow:hidden; background:#E0E0E0; text-indent:-9999px; }
  467.         .pw_step01 strong { display:block; width:25%; background:#F00; }
  468.         .pw_step02 strong { display:block; width:50%; background:#F90; }
  469.         .pw_step03 strong { display:block; width:75%; background:#2CA4DE; }
  470.         .pw_step04 strong { display:block; width:100%; background:#063; }

  471. .lost_pw { padding:20px 0;}
  472.         .lost_pw table th, .lost_content table td { padding:10px 0; vertical-align:top; }
  473.                 .lost_pw table th { padding:10px 12px 12px 0; text-align:right; }

  474. .more_notice { height:30px; overflow:hidden; margin:0 15px 10px; color:#999; line-height:24px; }
  475.         .more_notice a { display:block; float:right; width:84px; height:24px; background:url(../images/notice_bg.gif) no-repeat; text-indent:30px; }

  476. /*============================================= search pages style  */
  477. #detail_search { width:430px; margin:30px auto;}
  478.         #detail_search .input_tx { padding:3px 3px 4px;}
  479.         .search_catalog { padding:10px 0 0 0; *padding:6px 0 0 0; }
  480.         .search_catalog label { margin-right:4px; padding-left:3px; *padding-left:0;}

  481. #sarch_list { margin-bottom:15px; color:#999; }
  482.         #sarch_list li { width:96%; height:33px; overflow:hidden; margin:0 auto; background:url(../images/dashed_bg.gif) repeat-x 0 32px; line-height:33px;}
  483.         #sarch_list li strong { margin-right:5px; color:#369; }

  484. /*============================================= site map pages style  */
  485. #site_map { padding-bottom:12px; }
  486.         #site_map div { width:96%; margin:12px auto 0; padding-bottom:6px; background:url(../images/dashed_bg.gif) repeat-x center bottom; }
  487.         #site_map h1 { padding:0 0 3px 10px; background:url(../images/arrow_li.gif) no-repeat 0 4px; color:#369; }
  488.         #site_map ul { width:100%; overflow:hidden;}
  489.         #site_map li { display:inline; float:left; margin-right:12px; white-space:nowrap; }

  490. /*============================================= search pages style  */
  491. .mldulebox_search { width:666px; overflow:hidden; margin:5px auto 12px; padding-bottom:15px; border:1px solid #D8D8D8; background:#F8F8F8; }
  492.         .mldulebox_search h4 { height:20px; overflow:hidden; margin:6px 0 0 12px; padding:0 0 0 12px; background:url(../images/icon_arrow_formap.gif) no-repeat left center; }
  493.         .mldulebox_search ul { width:100%; overflow:hidden; padding:8px; clear:both; border-bottom:1px solid #D8D8D8; }
  494.         .mldulebox_search ul.fixoneline { height:24px; overflow:hidden; }
  495.         .mldulebox_search li { display:inline; float:left; height:22px; margin:0 8px 4px; 0; padding:2px; white-space:nowrap; }
  496.         .mldulebox_search label{line-height:22px; overflow:hidden;}
  497.         .mldulebox_search p { position:relative; overflow:hidden; padding:15px 0 0 10px; }
  498.         #more_search { position:absolute; top:18px; right:15px; padding-right:15px; background:url(../images/icon_moresearch_bg.gif) no-repeat 100% 50%; }
  499.         #close_search { position:absolute; top:18px; right:15px; padding-right:15px; background:url(../images/icon_closesearch_bg.gif) no-repeat 100% 50%; }
  500.         .mldulebox_search input, .mldulebox_search select { margin-left:2px;}
  501. .mldulebox_list { overflow:hidden; margin:15px auto 10px; padding-top:1px; background:url(../images/dashed_bg.gif) repeat-x center top; }
  502.         .mldulebox_list h4{ height:25px; margin-bottom:5px; padding:0 12px; background:#F8F8F8; line-height:25px; color:#999;}
  503.                 .mldulebox_list h4 a { color:#369; font-weight:400; }
  504.                 .mldulebox_list h4 em{ float:right; font-size:12px;}
  505.         .mldulebox_list ul { width:96%; overflow:hidden; padding:0 2%; line-height:25px; }
  506.                 .mldulebox_list ul li { float:left; margin-right:12px; white-space:nowrap; }
  507.                 .mldulebox_list ul em, .maxcontent em { margin-right:3px; color:#666; }
  508.                 .mldulebox_list ul li a { color:#999}
  509.                 .maxcontent { width:100%; padding-bottom:5px; color:#999; white-space:normal !important; }

  510. /*============================================= user info pages style  */
  511. .user_photolist { border-top:none; background:#FFF; }
  512.         #user_tab_caption { height:31px; overflow:hidden; background:url(../images/solid_bg.gif) repeat-x 0 100%; }
  513.                 #user_tab_caption a { display:block; float:left; width:65px; overflow:hidden; margin-right:3px; background:url(../images/user_info_tab_bg.gif) no-repeat; text-align:center; line-height:31px; }
  514.                 #user_tab_caption .current { background-position:0 -30px;}
  515.                 .user_photolist_caption { height:25px; overflow:hidden; margin:0 15px 0; padding-top:15px; background:url(../images/dashed_bg.gif) repeat-x 0 39px; color:#666; }
  516.                         .user_photolist_caption .box_l { width:500px!important; }
  517.                         .user_photolist_caption .more { float:right; }
  518.                 .user_photolist .clearfix { margin-bottom:15px;}
  519.                         .user_photolist p a { color:#369; }
  520.                         .user_photolist dl { display:inline; float:left; width:350px; height:105px; overflow:hidden; margin:15px 15px 0 15px; }
  521.                         .user_photolist dl dt { float:left; }
  522.                         .user_photolist dl dt div { display:table-cell; *display:block; width:102px; height:104px; *height:102px; overflow:hidden; border:1px solid #E0E9F2; background:#FFF; text-align:center; vertical-align:middle; *font-size:85px; }
  523.                         .user_photolist dl dd { float:right; width:240px; }
  524.                         .user_photolist dl dd h5, .user_photolist dl dd p { padding-bottom:6px;}

  525. .user_blog { min-height:270px; padding-top:10px; border-top:none; background:#FFF; }
  526.         .user_blog_list { margin:0 15px 10px; padding-bottom:5px; background:url(../images/dashed_bg.gif) repeat-x 0 100%; line-height:20px; }
  527.                 .user_blog_list h5 { padding-bottom:5px; font-size:14px; font-weight:400; }
  528.                 .user_blog_list a { color:#369; }
  529.                 .user_blog_tag { color:#999; }
  530.                 .user_blog_tag a { color:#D7121C; text-decoration:underline; }
  531.                 .user_blog_list p { padding-bottom:5px; }
  532.                 .user_blog_op { color:#369; text-align:right; }
  533.                         .user_blog_op a { text-decoration:underline;  }
  534.                         .user_blog_op .more { float:left; }
  535.         .user_no_body { padding:114px 0; color:#999; font-weight:700; font-size:18px; text-align:center; }

  536. /*============================================= ajax style  */
  537. .xspace-ajaxdiv { position:absolute; padding:5px; border:1px solid #BBB; background:#FCFFEF; text-align:left; }
  538.         .xspace-ajaxdiv h5 { line-height:24px; font-size:1em; margin:0; }
  539.                 .xspace-ajaxdiv h5 a { float:right; font-weight:normal; }
  540.         .xspace-ajaxcontent { padding:8px; border:1px solid #EEE; background:#FFF; }
  541.                 .xspace-ajaxcontent form { margin:0; }
  542.                 .xspace-ajaxcontent tr td { padding: 3px 0; }
复制代码
回复

使用道具 举报

littlehz 发表于 2009-8-30 21:26:11 | 显示全部楼层
请学习CSS技术解决。模版问题请到模版区咨询
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2025-9-13 07:42 , Processed in 0.125356 second(s), 14 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表