7-------------------------------------------------------------------------------------------------
/* new news */ 最新新闻
#new_news { height:185px; overflow:hidden; border:1px solid #D8D8D8; background:#F8F8F8; }
#new_news h3 { padding:8px 20px 4px; }
#new_news ul { padding:0 20px; }
#new_news li { height:25px; overflow:hidden; padding-left:12px; background:url(../images/icon_li.gif) no-repeat 0 11px; line-height:25px; }
#new_news .box_r { padding-left:10px; color:#999; }
#new_news .box_r a { color:#999; }
8--------------------------------------------------------------------------------------------------
/* hot news */ 热点新闻
#hot_news { }
#hot_news h3 { padding: 1px 1px 1px; color:#fff; font-size:15px; border-bottom:1px solid #D8D8D8; background:#66CCFF; opacity:0.3; filter:alpha(opacity=30); }
filter : filter
filter : 要使用的滤镜效果。多个滤镜之间用空格隔开。
在CSS中，alpha是来设置透明度的。先来看一下它的表达格式：
filter：alpha（opacity=opcity，finishopacity=finishopacity，
style=style，startX=startX，startY=startY，finishX=finishX，
finishY=finishY）
Opacity代表透明度等级，可选值从0到100，0代表完全透明，100代表完全不透明。 Style参数指定了透明区域的形状特征。其中0代表统一形状；1代表线形；2代表放射状；3代表长方形。
Finishopacity是一个可选项，用来设置结束时的透明度，从而达到一种渐变效果，它的值也是从0到100。 StartX和StartY代表渐变透明效果的开始坐标，finishX和finishY代表渐变透明效果的结束坐标。
可惜的是滤镜不是CSS标准，只在IE中支持，在其他浏览器中是不支持的。
.hot_news_list { margin-top:4px; padding:0 0 0 0; }
.hot_news_list h4 { height:16px; overflow:hidden; line-height:16px; }
.hot_news_list h4 a { color:#000; }
.hot_news_list p { height:62px; overflow:hidden; color:#666; line-height:20px; }
9--------------------------------------------------------------------------------------------------------
/* user login */ 用户登陆
#user_login { position:relative; height:156px; margin-bottom:10px; }
#user_login_position { position:absolute; width:248px; height:156px; border:1px solid #D8D8D8; background:#F8F8F8; z-index:99px; }
#user_login .current { height:190px; }
#user_login .current #login_authcode_input { display:block; }
#user_login #login_authcode_input { display:none; }
#login_authcode_img { position:absolute; left:60px; bottom:95px; }
#login_authcode_input a { color:#369;}
#login_showclose { position:absolute; right:8px; bottom:8px; z-index:999px; }
z-index : auto | number
检索或设置对象的层叠顺序。
auto : 遵从其父对象的定位
number : 无单位的整数值。可为负数
#login_showclose a { display:block; width:10px; height:10px; overflow:hidden; background:url(../images/icon_closesearch_bg.gif) no-repeat; text-indent:-9999px; }
text-indent : length
检索或设置对象中的文本的缩进。
length : 百分比数字|由浮点数字和单位标识符组成的长度值，允许为负值。
#user_login h3 { padding:8px 15px 10px; }
#user_login p { height:30px; padding:0 15px; }
#user_login .clearfix { padding:0 0 0 60px; }
#user_login .clearfix input { float:left; margin-top:2px; *margin-top:0; }
#user_login .clearfix label { float:left; padding:0 0 0 3px; *padding:3px 0 0 0; }
#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; }
.login_ext { margin:10px 0 0 0; text-align:center; }
text-align : left | right | center | justify
left : 左对齐
right : 右对齐
center : 居中
justify : 两端对齐
.user_info { padding:0 15px;}
.user_info dl { height:70px; overflow:hidden; margin-bottom:12px; border-bottom:1px dashed #D8D8D8; }
.user_info dl dt { float:left; width:50px; }
.user_info dl dt img { width:48px; height:48px; padding:1px; border:1px solid #D8D8D8; }
.user_info dl dd { float:right; width:155px; line-height:25px; }
.user_op { display:block; padding:0!important; }
.user_info .tx_blue { color:#369; text-decoration:underline; }
.contribute_txt { float:left; padding-right:12px; background:url(../images/myspace_bg.gif) no-repeat 100% 5px; color:#F00; }
.user_op span { float:right; }
10------------------------------------------------------------------------------------------
/* super notice */ 公告
.super_notice { height:110px; overflow:hidden; margin-bottom:10px; border:1px solid #D8D8D8; background:#F7FDFD; }
.super_notice h3 { padding:8px 15px 4px; color:#EB1C26; }
.super_notice ul { padding:0 15px; }
.super_notice li { height:25px; overflow:hidden; line-height:25px; }
11-------------------------------------------------------------------------------------------
/* search bar */ 搜索条
.search_bar { position:relative; height:30px; margin-bottom:20px; border:1px solid #DEDEDE; background:url() no-repeat 0 0; }
.search_bar h3 { float:left; height:0; overflow:hidden; }
.search_content { margin:12px 0 0 12px;}
.search_content .search_bbs { position:absolute; top:30px; right:15px; color:#369; text-decoration:underline;}
12----------------------------------------------------------------------------------------------
/* new avatar */ 新闻分类
.new_avatar { height:146px; overflow:hidden; padding:4px 0 0 7px; }
.new_avatar li { margin-left:8px;}
.new_avatar img { width:44px!important; height:44px!important; }
.new_avatar li span { width:49px; }
13---------------------------------------------------------------------------------------------
/* tag list */ tag清单
.tag_list { padding-left:15px;}
.tag_list li { display:inline; float:left; margin-right:8px; white-space:nowrap; line-height:25px; }
14----------------------------------------------------------------------------------------------
/* links */ 链接
#links { width:960px; overflow:hidden; margin:0 auto 10px; padding-bottom:10px; border:1px solid #D8D8D8; background:#F8F8F8; }
#links h3 { padding:8px 20px 5px; }
.links_img, .links_tx { padding:0 20px; }
.links_img a { margin:0 5px 5px 0;}
.links_img img { width:88px; height:31px; margin-bottom:5px; }
.links_tx li { float:left; width:8em; overflow:hidden; margin-right:5px; white-space:nowrap; }
15-----------------------------------------------------------------------------------------------------
/* news catalog */ 新闻目录
.catalog_list {}
.catalog_list .global_module { float:left; width:343px; margin-bottom:10px; }
.catalog_list .box_r { float:right!important;}
.catalog_list .global_tx_list1 li { width:290px; }
16--------------------------------------------------------------------------------------------------------
/*============================================= news catalog pages style */ 新闻目录页面样式
.special_activity { padding-left:5px; background:url(../images/zebra_bg.gif) repeat; }
.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; }
17----------------------------------------------------------------------------------------------------------
/*============================================= news list pages style */ 新闻清单页面样式
.news_list { margin-bottom:20px; padding:0 15px; }
.news_list li { overflow:hidden; margin-bottom:5px; padding-bottom:10px; background:url(../images/dashed_bg.gif) repeat-x 0 100%; line-height:22px; }
.news_list h4 { margin:4px 0; padding-left:12px; background:url(../images/arrow_li.gif) no-repeat 0 3px;}
.news_list h4 a { color:#369; }
.news_list .news_list_caption a { color:#333; }
.news_list p { padding-left:12px; }
.news_list .news_list_caption { margin-bottom:5px; color:#999; }
.sidebar_album_info { padding:0 15px;}
.sidebar_album_info img { max-width:220px; width:expression(this.width > 220 ? 220: true); }
18----------------------------------------------------------------------------------------------------------------
/*============================================= news detail pages style */ 新闻摘要页面样式
#article { padding:15px; }
#article h1 { margin:6px 0 12px 0; text-align:center; font-size:1.33em; }
#article img, #blog_body img { max-width:565px; width:expression(this.width > 565 ? 563: true);}
#article_extinfo { padding-bottom:10px; color:#999; text-align:center; }
#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; }
#article_body p { margin-bottom:6px; text-indent:2em; }
#article_body strong { font-weight:700;}
#article_custom { width:95%; margin:0 auto 6px; padding:6px; border:1px solid #DCE1E5; background:#FFFFE1; font-size:12px; line-height:1.5em; }
#article_attachment { margin-top:12px; padding:20px 0 0 50px; background:url(../images/attachment.gif) no-repeat left top; font-size:12px; color:#999; }
#article_summary { margin-bottom:10px; padding:3px 0; border:1px dashed #DEDEDE; background:#F8F8F8; font-size:12px; line-height:25px; }
#article_summary h6 { padding:0 10px; color:#369; }
#article_summary p { padding:0 10px; }
#article_tag { padding:20px 15px 10px; }
.article_download { padding-left:17px; background:url(../images/icon_download.gif) no-repeat 0 6px; color:#999; text-indent:0!important; }
.article_download a { margin-right:3px; color:#369; text-decoration:underline; }
.article_attach_isimage { background:none !important; }
#article_attachment a { color:#369; text-decoration:underline; }
.article_attach_isimage {}
.article_attach_isimage a { text-decoration:none; }
.article_attach_isimage img { display:block;}
.article_attach_isimage span { display:block;}
#article_op { margin:15px; padding:5px 0 8px; background:url(../images/dashed_bg.gif) repeat-x scroll center top; text-align:right; }
.article_refer { margin:0 10px 12px; padding:8px; border:1px solid #DEDEDE;}
.article_refer ul li { height:22px; line-height:22px; }
.article_refer ul li a { font-size:12px; }
#article_numtip { margin:0 6px 0; padding:3px 0 0; color:#999; text-align:right; font-size:14px; }
#article_numtip a { color:#999; text-decoration:underline; }
#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; }
#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; }
#comment_op .view { background-position:0 0;}
#comment_op .write { background-position:0 -24px;}
#comment_op span { float:right; }
#article_pn { height:40px; overflow:hidden; margin:0 15px; }
#article_pn a { color:#369; text-decoration:underline; }
.article_notice { padding:12px;}
.article_notice h1 {}
.article_notice p { margin:0 0 3px 0; padding:0 0 3px 0;}
.article_notice .article_notice_body { padding:3px 0 0 0; border-top:1px dashed #DEDEDE; border-bottom:1px dashed #DEDEDE; }
.anno_more { padding:0 12px 12px 0; text-align:right;}
.job_box { font-size:12px!important;}
#article .img_max300 { margin:0 12px 12px; max-width:300px; width:expression(this.width > 300 ? 300: true); }
#article .img_max400 { margin:0 12px 12px; max-width:400px; width:expression(this.width > 400 ? 400: true); }
.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;}
.job_requ li { display:inline; float:left; width:210px; height:24px; overflow:hidden; margin-right:6px; line-height:24px; }
.job_requ li em { font-weight:700; }
.job_box .more a { color:#369;}
.job_box .media h5 { margin-bottom:6px; padding-top:12px; font-weight:400; }
.job_box .media div { color:#666; }
.job_box p { text-indent:0!important;}
#top_btn { width:69px; height:69px; margin:20px auto; background:url(../images/btn_top.gif) no-repeat; text-align:center; line-height:25px; }
#top_btn strong { display:block; padding:8px 0; color:#369; font-weight:700; }
#top_btn a { font-size:12px; text-decoration:underline; }
19-------------------------------------------------------------------------------------------------------------
/* poll */ 投票
#poll { position:relative; width:550px; margin:10px auto; border:3px solid #E1E8F0; font-size:12px; }
#poll ul { padding:10px; }
#poll ul li { margin-bottom:6px; }
.poll_op { padding:0 0 10px 15px}
.poll_novotes { position:absolute; right:150px; bottom:5px; padding:5px 15px; border:1px solid #E1E8F0; border-top-width:3px!important; color:#F00; }
border-top-width : medium | thin | thick | length
medium : 默认宽度
thin : 小于默认宽度
thick : 大于默认宽度
length : 由浮点数字和单位标识符组成的长度值。不可为负值。
#poll_value { width:550px; margin:0 auto 10px; border:3px solid #E1E8F0; }
#poll_value ul { padding:10px 20px 10px 15px; }
#poll_value ul li { height:50px; overflow:hidden;}
#poll_value li h6 { color:#666; font-weight:400; line-height:25px; font-size:12px; }
#poll_value .pollnum { float:right;}
.pollcolor1{background:#E92725;}
.pollcolor2{background:#F27B21;}
.pollcolor3{background:#F2A61F;}
.pollcolor4{background:#5AAF4A;}
.pollcolor5{background:#42C4F5;}
.pollcolor6{background:#0099CC;}
.pollcolor7{background:#3365AE;}
.pollcolor8{background:#2A3591;}
.pollcolor9{background:#592D8E;}
.pollnum { color:#369; font-size:12px;}
.polloptionbar { float:left !important; width:370px; height:16px; overflow:hidden; margin:0!important; text-indent:-9999px;}
.polloptionbar strong{ display:block; }
20----------------------------------------------------------------------------------------------------
/* comment */ 评论
.comment { width:100%; overflow:hidden; color:#666;}
.comment h4{ padding:0 12px 8px; color:#369; font-size:14px;}
.comment .comment_list { overflow:hidden; margin-bottom:8px; padding:0 12px; }
.comment .comment_list img { max-width:660px; width:expression(this.width > 660 ? 660: true); }
.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; }
.comment .comment_list_caption a, .comment_list_caption .box_r { color:#369; }
.comment .scoresnum { margin:0 12px; color:#F00; }
.comment .comment_content { margin:0 12px;}
.xspace-quote { margin:3px 0; padding:6px; border:1px dashed #E0DEDE; background:#F9F9F9; color:#666; }
.u_comment_list { width:95%; overflow:hidden; margin:0 auto 10px; padding:8px; }
.u_comment_list .u_avatar { float:left; width:60px; margin-right:0!important; margin-right:-2px; }
.u_comment_list .u_avatar img { width:48px; height:48px; padding:1px; border:1px solid #D8D8D8; }
#blog_detail .u_info { float:left; width:670px; }
#image_show .u_info { float:left; width:850px; }
.u_comment_list .u_title { padding-bottom:5px; color:#999; line-height:12px; }
.u_comment_list .u_title a { color:#369;}
.quote { margin:10px 0; padding: 10px; border: 1px dashed #CCC; background: #F7F7F7 none repeat scroll 0 0; font-size: 12px; }
#xspace-rates { text-align:center; height:50px; background:#FFF; padding:20px 0; border-bottom:none; margin-bottom:0; }
#xspace-rates-bg { width:210px; height:30px; margin:0 auto 5px; background:url(../../../images/base/rate_star.gif); }
#xspace-rates-star { height:30px; background:url(../../../images/base/rate_star.gif) 0 -30px; margin:0 auto 0 0; }
#xspace-rates-a { height:30px; margin-top:-30px; }
#xspace-rates a { float:left; text-align:left; width:30px; height:30px; text-indent:-999px; overflow:hidden; background-color:transparent !important; }
.xspace-rates-5 { width:30px; }
.xspace-rates-3 { width:60px; }
.xspace-rates-1 { width:90px; }
.xspace-rates0 { width:120px; }
.xspace-rates1 { width:150px; }
.xspace-rates3 { width:180px; }
.xspace-rates5 { width:210px; }
#sign_msg{ width:88%; margin:0 auto; padding-bottom:15px; color:#999; }
#sign_msg a { color:#999; text-decoration:underline; }
#sign_msg input, #sign_msg textarea { padding:2px; border:1px solid; border-color:#666 #CCC #CCC #666; line-height:16px; }
#sign_msg textarea { width:100%; height:110px; margin:10px 0; }
#sign_msg .input_search { margin-top:8px; border:none; }
#xspace-imgseccode { margin-bottom:-6px; }
#add_event_box { padding:8px 0 0 0; }
#add_event_box input { border:none; }
#add_event_box label { margin-right:3px; }
21--------------------------------------------------------------------------------------------------------
/*============================================= blog pages style */ 博客页面样式
#blog_pic_story { height:140px; overflow:hidden; border:1px solid #D8D8D8; background:#F8F8F8; }
#blog_pic_story h3 { padding:8px 20px 4px; }
#blog_pic_story ul { padding-left:6px;}
#blog_pic_story ul li { margin:3px 0 0 14px; }
.blog_hot_avatar { height:76px; overflow:hidden; padding:4px 0 0 10px; }
.blog_hot_avatar li { margin-left:10px;}
#blog_new { height:467px; border:1px solid #D8D8D8; background:#F8F8F8;}
#blog_new h3 { padding:8px 20px 4px; }
#blog_new .global_avatar_list { margin-bottom:5px; padding-left:8px;}
#blog_new .global_avatar_list li { margin:3px 0 3px 6px; }
#blog_new ul.txt { padding:0 15px; }
#blog_new ul.txt li { height:28px; overflow:hidden; font-size:14px; line-height:28px; }
#blog_top { height:301px; border:1px solid #D8D8D8; background:#F7FDFD; color:#999; }
#blog_top h3 { padding:8px 15px 10px; color:#EB1C26; }
#blog_top dl { height:83px; margin-top:3px; padding:0 15px; }
#blog_top dt { float:left; }
#blog_top dt img { display:block; width:48px; height:48px; padding:1px; border:1px solid #D8D8D8; }
#blog_top dt span { display:block; width:52px; height:25px; overflow:hidden; line-height:25px; text-align:center; }
#blog_top dd { float:right; width:160px; line-height:25px; }
#blog_top dd a { color:#369; }
.blog_info_list { position:relative; width:96%; height:130px; overflow:hidden; margin:15px auto; border:1px dashed #DDD; color:#333; }
.blog_info_list a { color:#369; }
.blog_info_list .box_l { width:80px; height:100%; padding:12px 10px 0 15px; background:#EEF1F6; }
.blog_info_list .box_l img { width:48px; height:48px; }
.blog_info_list .box_r { width:795px; padding:10px; }
.blog_info_list .box_r h5 { height:18px; overflow:hidden; margin-bottom:4px; font-weight:400; font-size:14px; }
.blog_info_list .box_r .blog_signtx { height:92px; overflow:hidden; margin-bottom:14px; }
.blog_info_list .blog_showbox_pic { width:100px; height:100px; border:1px solid #E0E9F2; background:#EEF1F6 ; }
.blog_info_list .blog_info { position:absolute; left:116px; bottom:8px; color:#666; }
#blog_detail {}
#blog_detail .box_l { width:180px; }
#blog_detail .box_r { width:770px; }
.blog_user { text-align:center; line-height:25px; }
.blog_user a { color:#369; }
.user_group { margin:0 10px; text-align:left; }
#blog_article { width:94%; margin:0 auto; padding:15px 0; }
#blog_article h1 { padding-bottom:8px; color:#369; font-size:16px; font-weight:400; }
#blog_article .blog_tipinfo { padding:8px 0 15px; background:url(../images/dashed_bg.gif) repeat-x center top; color:#999; }
#blog_body { padding-bottom:25px; line-height:2em; }
#blog_article .blog_op { padding:8px 0; background:url(../images/dashed_bg.gif) repeat-x center top; text-align:right; color:#369; }
#blog_article .blog_op a { color:#369; text-decoration:underline; }
#blog_body a { color:#369; }
.blog_margin_hack .margin_bot10 { margin-bottom:11px!important;}
22----------------------------------------------------------------------------------------------------
/*============================================= image pages style */ 图像页面样式
#image_focus { width:698px; height:268px; }
#image_focus_big { float:left; margin:1px 0 0 1px; }
#image_focus_big img { width:350px; height:276px; }
#image_focus_big li { display:none; }
#image_focus_big .current { display:block; }
#image_focus_small { float:right; width:345px;}
#image_focus_small h3 { padding:8px 15px 12px;}
#image_focus_small ul { height:auto; padding:0 0 0 4px; }
#image_focus_small li { height:120px; margin-left:5px; }
.image_user_list { padding-left:10px; color:#666; }
.image_user_list dl { display:inline; float:left; margin:5px 0 0 10px; width:145px; height:60px; }
.image_user_list dl dt { float:left; }
.image_user_list dl dt img { width:48px; height:48px; padding:1px; border:1px solid #D8D8D8; background:#FFF;}
.image_user_list dl dd { float:right; width:85px; }
.image_user_list dl dd p { padding-top:4px; }
.image_user_list dl a { color:#369; }
.image_gallery_list { padding:0 0 10px 10px; }
.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; }
.image_gallery_list dl dt { display:inline; float:left; width:100px; height:100px; overflow:hidden; margin:10px 0 0 12px; }
.image_gallery_list dl dt div { display:table-cell; width:100px; height:100px; text-align:center; vertical-align:middle; *display: block; *font-size:86px; }
vertical-align : baseline |sub | super |top |text-top |middle |bottom |text-bottom |length
baseline : 将支持valign特性的对象的内容与基线对齐
sub : 垂直对齐文本的下标
super : 垂直对齐文本的上标
top : 将支持valign特性的对象的内容与对象顶端对齐
text-top : 将支持valign特性的对象的文本与对象顶端对齐
middle : 将支持valign特性的对象的内容与对象中部对齐
bottom : 将支持valign特性的对象的文本与对象底端对齐
text-bottom : 将支持valign特性的对象的文本与对象顶端对齐
length : CSS2 由浮点数字和单位标识符组成的长度值 | 或者百分数。可为负数。定义由基线算起的偏移量。基线对于数值来说为0，对于百分数来说就是0%。目前IE5尚不支持。
.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; }
.image_gallery_list dl dd { display:inline; float:right; width:127px; overflow:hidden; margin:20px 6px 0 0; color:#999; line-height:1.7em; }
.image_gallery_list dl h6 { height:20px; overflow:hidden; font-weight:400; line-height:20px; }
.image_gallery_list dl a { color:#369; }
.image_gallery_list dd h6 a { color:#333!important; }
#image_show {}
.image_caption { width:900px; margin:0 auto; padding:5px 0; overflow:hidden; color:#999; }
.image_caption a { color:#369; text-decoration:underline; margin-left:5px; }
.image_bigshow { width:900px; margin:0 auto; padding:15px 0; background:#F8F8F8; text-align:center; }
.image_bigshow img { max-width:870px; width:expression(this.width > 870 ? 870: true); }
.image_bigshow h3 { padding-top:6px;}
#prev_next_news { width:900px; margin:0 auto; padding:10px 0 20px; }
#prev_next_news a { color:#369; text-decoration:underline; }
.image_list_userinfo { width:920px; height:65px; margin:15px auto 2px; padding:0; background:url(../images/dashed_bg.gif) repeat-x 0 64px; }
.image_list_userinfo dl { width:100%; margin:0; }
.image_list_userinfo dl dt { display:inline; float:left; }
.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; }
.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;}
.image_list_userinfo dd { float:right; width:860px !important;}
.image_list_userinfo dd h2, .image_list_userinfo dd h4 { font-weight:400; }
.image_list_userinfo dd h2 { color:#333; }
.image_list_userinfo dd a { color:#369; }
.image_list { height:auto; margin:4px 0 0 0; }
.image_list li { margin:0 18px 7px 12px; }
23-------------------------------------------------------------------------------------------
/*============================================= comment pages style */ 评论页面样式
.comment_caption { padding:0 0 10px!important;}
.comment_caption h1 { padding:15px 0 0!important;}
24----------------------------------------------------------------------------------------------
/*============================================= login pages style */ 登陆页面样式
#login { width:900px; overflow:hidden; margin:25px auto 20px; padding:2px; border:3px solid #E1E8F0; }
#login table { margin:25px 0 0 70px; }
#login table th, #login table td { padding:10px 0; vertical-align:top; }
#login table th { padding:12px 12px 0 0; text-align:right; }
#login .input_select { width:180px; height:22px; }
#login .box_r { width:45%; overflow:hidden; padding:5% 0 0 5%; height:280px; background:#EEF1F6; }
#login .box_r h2 { padding-bottom:8px; color:#30954A7; font-size:14px; }
#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; }
#login .box_r li a { color:#2C629E; }
25-----------------------------------------------------------------------------------------------
/*============================================= Infopage pages style */ 信息页面 样式
#infopage {}
#infopage .infopage_content { padding:70px 0;}
#infopage .infopage_content div { padding:0 0 12px 280px; background:url(../images/icon_tip.gif) no-repeat 225px 0; }
#infopage .infopage_content h1 { padding-bottom:5px; color:#F00; font-size:14px; }
#infopage .infopage_content h1 a { color:#F00; }
#infopage .infopage_content a { margin-right:6px; text-decoration:underline; }
26---------------------------------------------------------------------------------------------------
/*============================================= register/lostpw pages style */ 注册/找回密码 页面样式
.regi_caption { padding:6px 80px; }
.regi_caption h1 { padding-bottom:6px;}
.regi_caption span { color:#F00; vertical-align:middle; }
.regi_content { }
.regi_content a { color:#2C629E; }
.regi_content table { margin:15px; }
.regi_content table th, .regi_content table td { padding:10px 0; vertical-align:top; }
.regi_content table th { padding:12px 12px 0 0; text-align:right; }
.pw_step01, .pw_step02, .pw_step03, .pw_step04 { display:block; width:235px; height:10px; overflow:hidden; background:#E0E0E0; text-indent:-9999px; }
.pw_step01 strong { display:block; width:25%; background:#F00; }
.pw_step02 strong { display:block; width:50%; background:#F90; }
.pw_step03 strong { display:block; width:75%; background:#2CA4DE; }
.pw_step04 strong { display:block; width:100%; background:#063; }
.lost_pw { padding:20px 0;}
.lost_pw table th, .lost_content table td { padding:10px 0; vertical-align:top; }
.lost_pw table th { padding:10px 12px 12px 0; text-align:right; }
.more_notice { height:30px; overflow:hidden; margin:0 15px 10px; color:#999; line-height:24px; }
.more_notice a { display:block; float:right; width:84px; height:24px; background:url(../images/notice_bg.gif) no-repeat; text-indent:30px; }
27---------------------------------------------------------------------------------------------
/*============================================= search pages style */ 搜索页面样式
#detail_search { width:430px; margin:30px auto;}
#detail_search .input_tx { padding:3px 3px 4px;}
.search_catalog { padding:10px 0 0 0; *padding:6px 0 0 0; }
.search_catalog label { margin-right:4px; padding-left:3px; *padding-left:0;}
#sarch_list { margin-bottom:15px; color:#999; }
#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;}
#sarch_list li strong { margin-right:5px; color:#369; }
28-----------------------------------------------------------------------------------------
/*============================================= site map pages style */ 网站地图页面样式
#site_map { padding-bottom:12px; }
#site_map div { width:96%; margin:12px auto 0; padding-bottom:6px; background:url(../images/dashed_bg.gif) repeat-x center bottom; }
#site_map h1 { padding:0 0 3px 10px; background:url(../images/arrow_li.gif) no-repeat 0 4px; color:#369; }
#site_map ul { width:100%; overflow:hidden;}
#site_map li { display:inline; float:left; margin-right:12px; white-space:nowrap; }
29-----------------------------------------------------------------------------------------------------
/*============================================= search pages style */ 搜索页面样式
.mldulebox_search { width:666px; overflow:hidden; margin:5px auto 12px; padding-bottom:15px; border:1px solid #D8D8D8; background:#F8F8F8; }
.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; }
.mldulebox_search ul { width:100%; overflow:hidden; padding:8px; clear:both; border-bottom:1px solid #D8D8D8; }
.mldulebox_search ul.fixoneline { height:24px; overflow:hidden; }
.mldulebox_search li { display:inline; float:left; height:22px; margin:0 8px 4px; 0; padding:2px; white-space:nowrap; }
.mldulebox_search label{line-height:22px; overflow:hidden;}
.mldulebox_search p { position:relative; overflow:hidden; padding:15px 0 0 10px; }
#more_search { position:absolute; top:18px; right:15px; padding-right:15px; background:url(../images/icon_moresearch_bg.gif) no-repeat 100% 50%; }
#close_search { position:absolute; top:18px; right:15px; padding-right:15px; background:url(../images/icon_closesearch_bg.gif) no-repeat 100% 50%; }
.mldulebox_search input, .mldulebox_search select { margin-left:2px;}
.mldulebox_list { overflow:hidden; margin:15px auto 10px; padding-top:1px; background:url(../images/dashed_bg.gif) repeat-x center top; }
.mldulebox_list h4{ height:25px; margin-bottom:5px; padding:0 12px; background:#F8F8F8; line-height:25px; color:#999;}
.mldulebox_list h4 a { color:#369; font-weight:400; }
.mldulebox_list h4 em{ float:right; font-size:12px;}
.mldulebox_list ul { width:96%; overflow:hidden; padding:0 2%; line-height:25px; }
.mldulebox_list ul li { float:left; margin-right:12px; white-space:nowrap; }
.mldulebox_list ul em, .maxcontent em { margin-right:3px; color:#666; }
.mldulebox_list ul li a { color:#999}
.maxcontent { width:100%; padding-bottom:5px; color:#999; white-space:normal !important; }
30------------------------------------------------------------------------------------------------------
/*============================================= user info pages style */ 用户信息页面样式
.user_photolist { border-top:none; background:#FFF; }
#user_tab_caption { height:31px; overflow:hidden; background:url(../images/solid_bg.gif) repeat-x 0 100%; }
#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; }
#user_tab_caption .current { background-position:0 -30px;}
.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; }
.user_photolist_caption .box_l { width:500px!important; }
.user_photolist_caption .more { float:right; }
.user_photolist .clearfix { margin-bottom:15px;}
.user_photolist p a { color:#369; }
.user_photolist dl { display:inline; float:left; width:350px; height:105px; overflow:hidden; margin:15px 15px 0 15px; }
.user_photolist dl dt { float:left; }
.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; }
.user_photolist dl dd { float:right; width:240px; }
.user_photolist dl dd h5, .user_photolist dl dd p { padding-bottom:6px;}
.user_blog { min-height:270px; padding-top:10px; border-top:none; background:#FFF; }
.user_blog_list { margin:0 15px 10px; padding-bottom:5px; background:url(../images/dashed_bg.gif) repeat-x 0 100%; line-height:20px; }
.user_blog_list h5 { padding-bottom:5px; font-size:14px; font-weight:400; }
.user_blog_list a { color:#369; }
.user_blog_tag { color:#999; }
.user_blog_tag a { color:#D7121C; text-decoration:underline; }
.user_blog_list p { padding-bottom:5px; }
.user_blog_op { color:#369; text-align:right; }
.user_blog_op a { text-decoration:underline; }
.user_blog_op .more { float:left; }
.user_no_body { padding:114px 0; color:#999; font-weight:700; font-size:18px; text-align:center; }
31--------------------------------------------------------------------------------------------------------
/*============================================= ajax style */ ajax 样式
.xspace-ajaxdiv { position:absolute; padding:5px; border:1px solid #BBB; background:#FCFFEF; text-align:left; }
.xspace-ajaxdiv h5 { line-height:24px; font-size:1em; margin:0; }
.xspace-ajaxdiv h5 a { float:right; font-weight:normal; }
.xspace-ajaxcontent { padding:8px; border:1px solid #EEE; background:#FFF; }
.xspace-ajaxcontent form { margin:0; }
.xspace-ajaxcontent tr td { padding: 3px 0; } |
楼主