新版Discuz后台,模板-模板管理-模板列表-默认模板套系-编辑
直接在:站点 Logo {BOARDIMG},{BOARDLOGO}:
只能修改论坛logo图片地址,这里可以填绝对路径。
但是无法修改尺寸,尺寸只能Flash有效。
要修改logo尺寸大小,需要改css
Discuz的CSS代码注释非常清楚,不错!
路径为:/template/default/common/common.css和module.css
查找:
.hdc h2 a
把240px和58px换成你想要的
你可以打开论坛,然后查看代码,找到:
<div class="hdc cl"><h2><a href="forum.php" title="迷途通论坛"><img src="data/attachment/common/cf/003238zkgzln0k094izdql.png" alt="迷途通论坛" border="0" /></a></h2>
版本不同,可能css文件名称、路径、css类也不同,实在不行,就把图片改一改。
默认会放大logo不知何故,这样一个简单的功能为什么discuz不直接提供给大家用,
现在国内建论坛的不多了,也没人维护了,凑合着玩吧。
common.css
/* ---------------------------------- Main CSS file for Discuz! X (C) Comsenz Inc. http://www.comsenz.com Created & Modified by Lushnis, Pony, Alice, Dfox & DragonLee. ---------------------------------- 结构目录: 1. 重定义浏览器默认样式 2. 全局常用 CSS 样式 3. 表单及表单元素 4. 页面布局以及通用的区块样式 5. 列表样式vwmy 6. 其他特定功能块 1. 个人中心面板 2. 简易编辑器 3. 弹出菜单、弹出层及弹出窗口 4. 联系人列表、短消息窗口 5. 登录和注册 6. 其他 7. 拖拽及页面 DIY * 其他页面专用样式参见 module.css ---------------------------------- 常用变量说明: 通用边框颜色: {COMMONBORDER} #CDCDCD 通用背景填充色: {COMMONBG} #F2F2F2 特殊边框颜色: {SPECIALBORDER} #D1D9DF 特殊背景填充色: {SPECIALBG} #E9F2F9 ---------------------------------- CSS 样式模块的格式示例: Name: 模块名称 Level: 级别(Global, Channel, Function) Dependent: 依赖关系,该模块必须依赖于何种模块 Sample: 用法示例,或指出改模块所作用的直接页面 Explain: 附加说明 Author: 创建者 日期(两位数年月日时) Last Modify: 最终修改者 日期(两位数年月日时) ---------------------------------- CSS 写作注意事项: 1. 属性写在一行内,属性之间、属性名和值之间以及属性与“{}”之间须有空格,例如:.class { width: 400px; height: 300px; } 2. 属性的书写顺序: 2.1. 按照元素模型由外及内,由整体到细节书写,大致分为五组: 位置:position,left,right,float 盒模型属性:display,margin,padding,width,height 边框与背景:border,background 段落与文本:line-height,text-indent,font,color,text-decoration,... 其他属性:overflow,cursor,visibility,... 2.2. 针对特殊浏览器的属性,应写在标准属性之前,例如:-webkit-box-shadow:; -moz-box-shadow:; box-shaow:; 3. 谨慎添加新的选择符规则,尤其不可滥用 id,尽可能继承和复用已有样式 4. 选择符、属性、值均用小写(格式的颜色值除外),缩写的选择符名称须说明缩写前的全称,例如 .cl -> Clearfix 5. 避免使用各种 CSS Hack,如需对 IE 进行特殊定义,请参阅下节“关于 CSS Hack 的说明” 6. 勿使用冗余低效的 CSS 写法,例如: ul li a span { ... } 7. 慎用 !important 8. 建议使用在 class/id 名称中的词语 6.1. 表示状态:a->active 6.2. 表示结构:h->header,c->content,f->footer 6.3. 表示区域:mn->main,sd->side,nv-navigation,mu->menu 6.4. 表示样式:l-list,tab,p_pop 9. 开发过程中的未定事项,须用 [!] 标出,以便于后续讨论整理 ---------------------------------- 关于 CSS Hack 的说明: 所有 IE浏览器适用: .ie_all .foo { ... } IE6 专用: .ie6 .foo { ... } IE7 专用: .ie7 .foo { ... } IE8 专用: .ie8 .foo { ... } ---------------------------------- */ /* Name: mod_reset Level: Global Explain: 重定义浏览器默认样式 Last Modify: Pony */ * { word-wrap: break-word; } body { {BGCODE}; } body, input, button, select, textarea { font: {FONTSIZE} {FONT}; color: {TABLETEXT}; } textarea { resize: none; } body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, .pr, .pc { margin: 0; padding: 0; } table { empty-cells: show; border-collapse: collapse; } caption, th { text-align: left; font-weight: 400; } ul li, .xl li { list-style: none; } h1, h2, h3, h4, h5, h6 { font-size: 1em; } em, cite, i { font-style: normal; } a { color: {LINK}; text-decoration: none; } a:hover { text-decoration: underline; } a img { border: none; } label { cursor: pointer; } /* Name: mod_float Level: Global Sample: class="z/y" Explain: .z/.y 浮动 left/right Last Modify: lushnis */ .z { float: left; } .y { float: right; } /* Name: mod_clearfix Level: Global Sample: class="cl" Explain: Clearfix,避免因子元素浮动而导致的父元素高度缺失能问题 Last Modify: lushnis */ .cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .cl { zoom: 1; } /* 元素获取焦点时隐藏外边框 */ .hidefocus { outline: none; } /* Name: mod_hr Level: Global Sample: <hr /> Explain: 重定义 <hr /> 元素的样式,去除默认边距 Last Modify: lushnis */ hr { display: block; clear: both; *margin-top: -8px !important; *margin-bottom: -8px !important; } .mn hr, .sd hr { margin: 0 10px; } .area hr { margin-left: 0 !important; margin-right: 0 !important; } /* Name: mod_hr_solid Level: Global Dependent: mod_hr Sample: <hr class="l" /> Explain: 定义 1px 高度实线样式的 <hr /> 元素,具有两个个扩展样式,.l2 和 .l3,分别实现 2px 和 3px 的实线分割线 Last Modify: lushnis */ hr.l { height: 1px; border: none; background: {COMMONBORDER}; color: {COMMONBORDER}; } hr.l2 { height: 2px; } hr.l3 { height: 3px; } /* Name: mod_hr_dashed Level: Global Dependent: mod_hr Sample: <hr class="da" /> Explain: 定义 1px 高度虚线样式的 <hr /> 元素 Last Modify: lushnis */ hr.da { height: 0; border: none; border-top: 1px dashed {COMMONBORDER}; background: transparent; color: transparent; } /* [!]使用注意 */ hr.bk { margin-bottom: 10px !important; *margin-bottom: 2px !important; height: 0; border: none; border-top: 1px solid {WRAPBG}; background: transparent; color: transparent; } .n .sd hr.bk { border-top-color: #F9F9F9; } /* 清除Margin */ hr.m0 { margin-left: 0; margin-right: 0; } /* Name: mod_page_header Level: Global Sample: <h1 class="ph">Text</h1> Explain: 页面中标题级别的文字 [!]此处须整合为一个单独 class Last Modify: lushnis */ /* .wx --> weight text 粗体字,通常用于大标题 */ .wx, .ph { font-family: 'Microsoft YaHei', 'Hiragino Sans GB', 'STHeiti', Tahoma, 'SimHei', sans-serif; font-weight: 100; } /* Page header */ .ph { font-size: 20px; } /* Main title */ .mt { padding: 10px 0; font-size: 16px; } /* 行内分割竖线 */ .pipe { margin: 0 5px; color: #CCC; } /* 文本属性:字号、颜色、粗细 */ /* Name: mod_text_size Level: Global Sample: class="xs*" Explain: 文字字号,分为四个级别 Last Modify: lushnis */ .xs0 { font-family: {SMFONT}; font-size: {SMFONTSIZE}; -webkit-text-size-adjust: none; } .xs1 { font-size: 12px !important; } .xs2 { font-size: 14px !important; } .xs3 { font-size: 16px !important; } /* Name: mod_text_gray_level Level: Global Dependent: - Sample: class="xs[*]" Explain: 文字字号,分为四个级别 Last Modify: lushnis */ .xg1, .xg1 a { color: {LIGHTTEXT} !important; } .xg1 .xi2 { color: {HIGHLIGHTLINK} !important; } .xg2 { color: {MIDTEXT}; } /* Name: mod_text_importance_level Level: Global Sample: class="xs[*]" Explain: 文字提亮级别,分为两级,默认模板中,1为橙色,2为蓝色 Last Modify: lushnis */ .xi1, .onerror { color: {NOTICETEXT}; } .xi2, .xi2 a, .xi3 a { color: {HIGHLIGHTLINK} ; } /* Name: mod_text_weight_level Level: Global Sample: class="xs[*]" Explain: 文字字号,分为四个级别 Last Modify: lushnis */ .xw0 { font-weight: 400; } .xw1 { font-weight: 700; } /* Name: mod_border Level: Global Dependent: - Sample: class="bbda/bbs" Explain: 边框样式,该模块仅作用于元素的下边框,分为虚线和实线两种,宽度均为 1px Last Modify: lushnis */ .bbda { border-bottom: 1px dashed {COMMONBORDER}; } .btda { border-top: 1px dashed {COMMONBORDER}; } .bbs { border-bottom: 1px solid {COMMONBORDER} !important; } .bts { border-top: 1px dashed {COMMONBORDER} !important; } /* Name: mod_border_reset Level: Global Sample: class="bw0/bw0_all" Explain: 去除边框 Last Modify: lushnis */ .bw0 { border: none !important; } .bw0_all, .bw0_all th, .bw0_all td { border: none !important; } /* Name: mod_background_reset Level: Global Sample: class="bg0_c/bg0_i/bg0_all" Explain: 去除背景,bg0_c、bg0_i 和 bg0_all 分别为去除背景颜色、去除背景图片和去除所有背景元素 Last Modify: Pony */ .bg0_c { background-color: transparent !important; } .bg0_i { background-image: none !important; } .bg0_all { background: none !important; } /* Name: mod_notice_line Level: Global Sample: <div class="ntc_l"> Explain: 黄色背景的提示条,一般用在单行醒目提示,不可用于多行块级区域 Last Modify: lushnis */ .ntc_l { padding: 5px 10px; background: #FEFEE9; } .ntc_l .d { width: 20px; height: 20px; background: url({IMGDIR}/op.png) no-repeat 0 0; line-height: 9999px; overflow: hidden; } .ntc_l .d:hover { background-position: 0 -20px; } /* 圆角 [!]此处考虑弃用 */ .brs, .avt img, .oshr { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .brm { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .brw { -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; } /* Name: mod_margin Level: Global Sample: class="mtn/mtm/mtw/..." Explain: 外边距样式,作用于元素的上下外边距,上下各具有 n, m, w 三个级别 Last Modify: lushnis */ .mtn { margin-top: 5px !important; } .mbn { margin-bottom: 5px !important; } .mtm { margin-top: 10px !important; } .mbm { margin-bottom: 10px !important; } .mtw { margin-top: 20px !important; } .mbw { margin-bottom: 20px !important; } /* Name: mod_padding Level: Global Sample: class="ptn/ptm/ptw/..." Explain: 内边距样式,作用于元素的上下内边距,上下各具有 n, m, w 三个级别 Last Modify: lushnis */ .ptn { padding-top: 5px !important; } .pbn { padding-bottom: 5px !important; } .ptm { padding-top: 10px !important; } .pbm { padding-bottom: 10px !important; } .ptw { padding-top: 20px !important; } .pbw { padding-bottom: 20px !important; } /* Name: mod_avatar Level: Global Sample: <div class="avt"><img src="avatar source" alt="username" /></div> Explain: 标准尺寸头像样式,默认为 48px*48px,带边框 Last Modify: lushnis */ .avt img { padding: 2px; width: 48px; height: 48px; background: {WRAPBG}; border: 1px solid; border-color: {COMMONBG} {COMMONBORDER} {COMMONBORDER} {COMMONBG}; } /* Name: mod_avatar_middle, mod_avatar_small Level: Global Sample: <div class="avtm/avts"><img src="avatar source" alt="username" /></div> Explain: 中等尺寸和小尺寸头像样式,中等尺寸为宽度 120px,高度按比例;小尺寸为 24px*24px Last Modify: lushnis */ .avtm img { width: 120px; height: auto; } .avts img { width: 24px; height: 24px; vertical-align: middle; } /* Name: mod_emp Level: Global Sample: <p class="emp">暂无数据</p> Explain: 页面中无数据输出时,用此样式显示相关提示,如无特殊必要,建议使用 <p> 而不是 <div> Last Modify: lushnis */ .emp { padding: 20px 10px; } .emp a { color: {HIGHLIGHTLINK}; text-decoration: underline !important; } /* Name: mod_align Level: Global Sample: class="vm/hm" Explain: 纵向及横向对齐方式 Last Modify: lushnis */ .vm { vertical-align: middle; } .vm * { vertical-align: middle; } .hm { text-align: center; } /* Name: mod_alt Level: Global Sample: class="{echo swapclass('alt');}" Explain: 隔行换色时深色背景 Last Modify: lushnis */ .alt, .alt th, .alt td { background-color: {COMMONBG}; } /* Name: mod_notice Level: Global Sample: class="notice" Explain: 类似统计中需注意的文字样式 [!]此处须考虑名称简写为 ntc Last Modify: lushnis */ .notice { clear: both; margin: 5px 0; padding: 3px 5px 3px 20px; background: url({IMGDIR}/notice.gif) no-repeat 2px 6px; } /* Name: mod_ajax_wait_info Level: Global Sample: id="ajaxwaitid" Explain: 相应页面中 AJAX 请求时的状态显示 Last Modify: lushnis */ #ajaxwaitid { display: none; position: absolute; right: 0; top: 0; z-index: 1; padding: 0 5px; background: #D00; color: {LIGHTLINK}; } /* Name: mod_showmenu Level: Global Sample: class="showmenu" Explain: 下拉菜单 Last Modify: lushnis */ .showmenu { padding-right: 16px; background: url({IMGDIR}/arrwd.gif) no-repeat 100% 50%; cursor: pointer; white-space: nowrap; } #um .showmenu { margin-right: -5px; } /* Name: mod_cursor Level: Global Sample: class="cur1" Explain: 鼠标样式,可以根据需要按序添加 Last Modify: Pony */ .cur1 { cursor: pointer; } /* 如果验证码有错乱,可添加此样式.sec(全局,修改时要小心,会涉及分享、快速回复和 feed日志相册中的评论等地方) by Pony */ .ie6 .sec .p_pop { white-space: expression(this.offsetWidth >= 220 ? 'normal' : 'nowrap'); width: expression(this.offsetWidth >= 220 ? 200 : 'auto'); } /* ------------------------------------------------------------------------ 表单及表单元素 */ /* .pn button .pnc button with light color .pnp post button .px input[text] .pt textarea .pf input[file] .pc input[checkbox] .pr input[radio] .ps select .oshr share button .ofav fav button with oshr .oivt invite button with oshr */ /* 必填项 */ .rq { color: red; } /* Name: mod_input[text]_textarea_select Level: Global Sample: class="px/pt/ps" Explain: 单行输入框(px)、多行文本框(pt)和选择框(ps/select) Last Modify: Pony */ .px, .pt, .ps, select { border: 1px solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; background: {INPUTBG} url({IMGDIR}/px.png) repeat-x 0 0; color: {TEXT}; } .px, .pt { padding: 2px 4px; line-height: 17px; } .px { height: 17px; } .pxs { width: 30px !important; } .fdiy .tfm .px, .fdiy .tfm .pt { width: auto; } .p_fre { width: auto !important; } .er { border-color: #F66 #FFBDB9 #FFBDB9 #F66; background-color: #FDF4F4; background-image: url({IMGDIR}/px_e.png); } .pt { overflow-y: auto; } div.pt { height: 100px; line-height: 100px; } .ps, select { padding: 2px 2px 2px 1px; } /* 自动调整高度的 textarea by Pony */ .pts { vertical-align: top; overflow: hidden; } .cmt .pts { width: 60%; } /* Name: mod_button Level: Global Sample: <button class="pn">Submit</button> Explain: 按钮样式 Last Modify: Pony */ button::-moz-focus-inner { border: 0; padding: 0; } .pn { vertical-align: middle; overflow: hidden; margin-right: 3px; padding: 0; height: 23px; border: 1px solid #999; background: #E5E5E5 url({IMGDIR}/pn.png) repeat-x 0 0; cursor: pointer; -moz-box-shadow: 0 1px 0 #E5E5E5; -webkit-box-shadow: 0 1px 0 #E5E5E5; box-shadow: 0 1px 0 #E5E5E5; } .pn:active { background-position: 0 -23px; } .ie6 .pn { overflow-x: visible; width: 0; } .pn em, .pn span, .pn strong { padding: 0 10px; line-height: 21px; } .pn em, .pn strong { font-weight: 700; } .ie7 .pn em, .ie7 .pn span, .ie7 .pn strong { padding: 0 5px; line-height: 18px; } a.pn { height: 21px; line-height: 21px; color: {TABLETEXT} !important; } a.pn:hover { text-decoration: none; } .ie6 a.pn { width: auto; } .ie6 a.pn em, .ie6 a.pn span, .ie6 a.pn strong { display: block; } .ie7 a.pn em, .ie7 a.pn span, .ie7 a.pn strong { line-height: 21px; } .pnc, a.pnc { border-color: #235994; background-color: #06C; background-position: 0 -48px; color: #FFF !important; } .pnc:active { background-position: 0 -71px; } .pnpost .pn { height: 26px; } /* Name: mod_input[radio]_input[checkbox]_label Level: Global Sample: class="pr/pc/lb" Explain: 单选按钮(pr)、多选框(pc)和<label>(lb) Last Modify: Pony */ .pr, .pc { vertical-align: middle; margin: 0 5px 1px 0; padding: 0; } .ie6 .pr, .ie6 .pc, .ie7 .pr, .ie7 .pc { margin-right: 2px; } .lb { margin-right: 20px; } /* Name: mod_narrow_input Level: Global Sample: <div class="pns"></div> Explain: 小尺寸的输入框和按钮样式。该样式在模板中保留,目前样式为空。 Last Modify: Pony */ .pns .px {} .pns .pn {} /* Name: mod_float_typeid Level: Global Sample: <div class="ftid"> <select> <option>Option</option> </select> </div> Explain: 模拟下拉菜单样式 Last Modify: Pony */ .ftid { float: left; margin-right: 6px; } .ftid select { float: left; height: 23px; } .ftid a { display: block; overflow: hidden; padding: 0 17px 0 4px; height: 21px; line-height: 21px; text-decoration: none !important; font-size: 12px; font-weight: 400; color: {TABLETEXT} !important; border: 1px solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; background: {WRAPBG} url({IMGDIR}/newarow.gif) no-repeat 100% 0; } .ftid a:hover, .ftid a:focus { background-position: 100% -23px; } /* ctrl 'select' width */ .ftid select { width: 94px; } .sslt a { width: 54px; } .sslt select { width: 60px; } .sltm { padding: 5px 11px 5px 10px; border: 1px solid {DROPMENUBORDER}; background-color: {WRAPBG}; text-align: left; } .sltm li { padding: 2px 0; color: {MIDTEXT}; cursor: pointer; } .sltm li:hover { color: {HIGHLIGHTLINK}; } .sltm li.current { color: {NOTICETEXT}; } /* 分享按钮 */ .oshr { float: right; margin-left: 5px; padding: 0 5px 0 22px; border: 1px solid; border-color: #CCC #A9A9A9 #A9A9A9 #CCC; background: {WRAPBG} url({IMGDIR}/oshr.png) no-repeat 5px 50%; } .oshr:hover { text-decoration: none; } /* 收藏按钮 with oshr */ .ofav { background-image: url({IMGDIR}/fav.gif); } /* 邀请按钮 with oshr */ .oivt { background-image: url({IMGDIR}/activitysmall.gif); } /* Name: mod_form Level: Global Sample: <form> <table cellspacing="0" cellpadding="0" class="tfm"> <tr> <th>Label</th> <td><input type="text" name="" id="" class="" /></td> </tr> </table> </form> Explain: 表单样式 Last Modify: Pony */ .tfm { width: 100%; } .tfm caption, .tfm th, .tfm td { vertical-align: top; padding: 7px 0; } .tfm caption h2 { font-size: 16px; } .vt th, .vt td { vertical-align: top; } .tfm th { padding-top: 9px; padding-right: 5px; width: 130px; } .tfm th .rq { float: right; font-size: 14px; } .tfm .pt, .tfm .px { margin-right: 3px; width: 330px; } .tfm .c, .tfm .tedt, .m_c .tfm .tedt { width: 338px; } .tfm .d { clear: both; margin: 5px 0; color: {LIGHTTEXT}; } .tfm .d em { margin-left: 5px; color: red; } .tfm .d strong { margin-left: 5px; } .tfm .d a { color: {HIGHLIGHTLINK}; } .tfm .p { text-align: right; } .tfm .pcl label { display: block; padding: 0 2px 5px; } .tfm .pcl .pc { margin-right: 5px; padding: 0; } .tfm .l th, .tfm .l td { padding-top: 0; padding-bottom: 0; } .bn .tfm caption, .bn .tfm th, .bn .tfm td { padding-top: 5px; padding-bottom: 5px; } /* Name: mod_postboxtitle Level: Function Explain: 发帖页面、弹窗等的标题栏 Last Modify: Pony */ .pbt { margin-bottom: 10px; } .ie6 .pbt .ftid a, .ie7 .pbt .ftid a { margin-top: 1px; } #custominfo.mtn { margin-bottom: -5px; } /* 提示信息 alert_win - altw*/ .altw { width: 350px; } .altw .fltc { margin-bottom: 0; padding: 8px; } .alert_right, .alert_error, .alert_info { padding: 6px 0 6px 58px; min-height: 40px; height: auto !important; height: 40px; line-height: 160%; background:url({IMGDIR}/right.gif) no-repeat 8px 8px; font-size: 14px; } .alert_error { background-image: url({IMGDIR}/error.gif); } .alert_error a { font-weight: 700; color: {HIGHLIGHTLINK}; } .alert_info { background-image: url({IMGDIR}/info.gif); } .alert_btnleft { margin-top: 8px; } .alert_btn { margin-top: 20px; text-align: center; } .alert_act { margin-top: 20px; padding-left: 58px; } /* 发帖导航 by lushnis */ .pbnv { float: left; white-space: nowrap; overflow: hidden; width: 400px; padding: 7px 0; } .pbl { overflow: hidden; margin: 9px 0; width: 621px; border-width: 1px 0 1px 1px; border-style: solid; border-color: #CCC; background: {WRAPBG}; } .pbl li { float: left; overflow-x: hidden; overflow-y: auto; padding: 5px; width: 196px; height: 300px; border-right: 1px solid #CCC; } .pbl p { height: 25px; line-height: 25px; } .pbl a { display: block; white-space: nowrap; overflow: hidden; padding: 0 4px; text-decoration: none; color: {HIGHLIGHTLINK}; border: solid {WRAPBG}; border-width: 1px 0; } .pbl a:hover { text-decoration: none; background-color: #F3F3F3; } .pbl .highlightlink { color: #08C; } .pbls a, .pbls a:hover { background-color: #EEE; color: {MIDTEXT}; font-weight: 700; } .pbsb { background: url({IMGDIR}/arrow.gif) right -33px no-repeat; } /* ------------------------------------------------------------------------ 页面布局 */ /* #hd Header #nv Navigation #mu Customer menu .wp Wrap #ct Container .mn Main area .sd Side area #ft Footer ---------------- .bm Block in main area .bn Block in nerrow area .bw Block in full width #pp Personal Panel .pm Personal Message (Window) .pmfl PM friend list (Window) */ /* 通用容器,定义页面宽度 */ .wp { margin: 0 auto; width: 960px; } #wp .wp { width: auto; } /* 页头 */ #toptb { min-width: 960px; border-bottom: 1px solid {COMMONBORDER}; background: {COMMONBG}; line-height: 28px; } #toptb a { float: left; padding: 0 4px; height: 28px; } #toptb a.showmenu { padding-right: 15px; } #toptb a.hover { background-color: #FFF; } #toptb .pipe { float: left; display: none; } #hd { border-bottom: {HEADERBORDER} solid {SPECIALBORDER}; {HEADERBGCODE} } #hd .wp { padding: 10px 0 0; } .hdc { min-height: 70px; } .ie6 .hdc { height: 70px; } #hd h2 { padding: 0 20px 8px 0; float: left; } #space #hd h2 { margin-top: 0; } #hd .fastlg { padding-top: 10px; } #scbar { overflow: hidden; height: 42px; line-height: 42px; border-top: 1px solid #FFF; border-bottom: 1px solid #E9EFF5; background: #E8EFF5; } .scbar_icon_td { width: 21px; background: url({IMGDIR}/search.png) no-repeat 0 -50px; } .scbar_txt_td, .scbar_type_td { background: url({IMGDIR}/search.png) repeat-x 0 -93px; } #scbar_txt { width: 400px; border: 1px solid #FFF; outline: none; } .scbar_narrow #scbar_txt { width: 260px; } .scbar_btn_td { width: 38px; background: url({IMGDIR}/search.png) no-repeat 8px -142px; } #scbar_btn { margin: 0; padding: 0; border: none; background: transparent none; box-shadow: none; } #scbar_btn strong { line-height: 84px; } .scbar_type_td { width: 61px; background: url({IMGDIR}/search.png) no-repeat 0 -193px; } #scbar_type { display: block; padding-left: 10px; text-align: left; text-decoration: none; } #scbar_type_menu { margin-top: -8px; } #scbar_hot { padding-left: 8px; height: 45px; overflow: hidden; } #scbar_hot strong, #scbar_hot a { float: left; margin-right: 8px; white-space: nowrap; } #nv { overflow: hidden; height: 33px; {MENUBGCODE}; } #nv li { float: left; padding-right: 1px; height: 33px; line-height: 33px; background: url({IMGDIR}/nv_a.png) no-repeat 100% 0; font-weight: 700; font-size: 14px; } .ie_all #nv li { line-height: 36px; } .ie6 #nv li { line-height: 33px; } #nv li a { float: left; padding: 0 15px; height: 33px; } #nv li a { color: {MENUTEXT}; } #nv li span { display: none; } #nv li.a { margin-left: -1px; {MENUHOVERBGCODE}; } #nv li.a a { color: {MENUHOVERTEXT}; } #nv li a:hover { background: url({IMGDIR}/nv_a.png) no-repeat 50% -66px; } #nv li.hover a:hover, #nv li.hover a { background: url({IMGDIR}/nv_a.png) no-repeat 50% -99px; } #mu { position: relative; z-index: 1; } .ie6 #mu, .ie7 #mu { line-height: 0; font-size: 0; } #mu ul { background: url({IMGDIR}/mu_bg.png) no-repeat 0 100%; line-height: 22px; z-index: 2; font-size: 12px; } #mu li { float: left; height: 32px } #mu a { float: left; display: inline; margin: 5px 6px; padding: 0 10px; white-space: nowrap; } #mu a:hover { margin: 4px 5px; border: 1px solid {SPECIALBORDER}; background: {SPECIALBG}; color: {HIGHLIGHTLINK}; text-decoration: none; } .floatmu { position: absolute; left: 0; top: 0; } #um { padding-top: 10px; padding-right: 60px; _padding-right: 54px; line-height: 2.3; zoom: 1; } #um, #um a { color: {HEADERTEXT}; } #um p { text-align: right; } #um .avt { display: inline; margin-right: -60px; } .vwmy { padding-left: 16px; background: url({IMGDIR}/user_online.gif) no-repeat 0 2px; } .vwmy.qq { background: url({IMGDIR}/connect_qq.gif) no-repeat scroll 0 0; padding-left: 20px; } /* .topnav .new, .sch .new 分别为为个人中心和搜索页面头部新消息样式 */ #um .new, .topnav .new, .sch .new, #toptb .new { padding-left: 20px; background-repeat: no-repeat; background-position: 0 50%; color: {HIGHLIGHTLINK}; font-weight: 700; } #myprompt.new { background-image: url({IMGDIR}/notice.gif); background-position: 3px 50%; } #pm_ntc.new { background-image: url({IMGDIR}/new_pm.gif); } #task_ntc { background-image: url({STATICURL}image/feed/task.gif); } #um .pipe { margin: 0 5px 0 0; } #extcreditmenu, #g_upmine { margin-right: 2px !important; padding-top: 3px; padding-bottom: 3px; padding-left: 10px; } #g_upmine { margin-right: 1px !important; border: 1px solid transparent; } .ie6 #g_upmine { border: 0; } #extcreditmenu.a, #g_upmine.a { position: relative; z-index: 302; margin-right: 1px !important; border: 1px solid; border-color: {DROPMENUBORDER}; border-bottom: none; background-color: {WRAPBG}; } #extcreditmenu_menu, #g_upmine_menu { margin-top: -1px; width: auto; } #extcreditmenu_menu li { float: none; display: block; padding-left: 5px !important; padding-right: 1em !important; } #g_upmine_menu li { float: none; display: block; padding-left: 5px !important; } #g_upmine_menu ul.extg li { padding-left: 0px !important; } #qmenu { float: right; display: inline; margin: 5px 8px 0; padding-right: 10px; width: 103px; height: 24px; background: url({IMGDIR}/qmenu.png) no-repeat 0 0; line-height: 24px; text-align: center; color: {HIGHLIGHTLINK}; font-weight: 700; overflow: hidden; } #qmenu:hover { text-decoration: none; } #qmenu.a { position: relative; z-index: 302; background-position: 0 -27px; } #qmenu_menu { margin-top: -2px; padding: 20px 5px 10px; width: 610px; border-color: #DCE4EB; } #qmenu_menu ul.nav li { float: left; } .ie6 #qmenu_menu ul.nav li { clear: none !important; width: auto !important; } #qmenu_menu ul.nav a { margin-bottom: 10px; padding: 47px 0 0; width: 60px; border: none; border-radius: 4px; background: url({IMGDIR}/noicon.gif) no-repeat 50% 5px; text-align: center; } #qmenu_menu ul.nav a:hover { background-color: {SPECIALBG}; color: {HIGHLIGHTLINK}; text-shadow: none; } #shortcut { position: relative; display: none; height: 30px; line-height: 30px; background-color: #3A83F1; color: white; text-align: center; } #shortcuttip { padding: 2px 8px; background: url({IMGDIR}/search.gif) repeat-x 0 -1px; border-radius: 3px; color: #3A83F1; font-weight: 700; } #shortcutcloseid { position: absolute; right: 8px; top: 8px; display: block; width: 12px; height: 12px; background: url({IMGDIR}/close.gif) no-repeat 0 -12px; text-indent: -999em; } /* Name: mn_userapp_menu Level: Global Explain: 用户应用导航 Last Modify: alice 2013021313 */ #mn_userapp .icon_down {background: url({IMGDIR}/arr_w.gif) no-repeat 50% 50%; display:inline-block; width:12px; height:12px; overflow:hidden; margin-left:3px; } .ie6 #mn_userapp .icon_down {height:24px;vertical-align: middle;} #nv li.a .icon_down {background: url({IMGDIR}/arr_w.gif) no-repeat 50% 50%; display:inline-block; width:12px; height:12px; overflow:hidden; margin-left:3px; } .ie6 #nv li.a .icon_down {height:24px;vertical-align: middle;} #mn_userapp_menu { clear: left; min-height: 210px; min-width: 630px; } .ie6 #mn_userapp_menu { height: 210px; width: 630px; } #mn_userapp_menu ul.mrec{ float:left; width:182px; padding-right:5px; border-right:1px dotted {DROPMENUBORDER}; } #mn_userapp_menu ul.uused { float:left; width:273px; } .ie6 #mn_userapp_menu ul.mrec, .ie7 #mn_userapp_menu ul.mrec { width:182px; padding:0 5px 0 0; } #mn_userapp_menu ul.mrec li, #mn_userapp_menu ul.uused li { float:left; display:inline; padding:3px; width:85px; text-align: center; overflow:hidden; } .ie6 #mn_userapp_menu ul.mrec li,.ie6 #mn_userapp_menu ul.uused li { float:left !important; clear:none; } #mn_userapp_menu ul.mrec li img, #mn_userapp_menu ul.uused li img { width:75px; height:75px; } #mn_userapp_menu ul.mrec li a, #mn_userapp_menu ul.uused li a { border-bottom:0; } #mn_userapp_menu ul.adv { position: absolute; top: 0; right: 0; padding: 10px; height: 198px; width:140px; border-left: 1px solid #EBEBEB; background: #F5F5F5; text-align: left; zoom: 1; } #mn_userapp_menu ul.mrec li { position:relative; } .ie6 #mn_userapp_menu ul.adv li { clear:none; } #mn_userapp_menu .icon_hotapp { position:absolute; right:8px; bottom:25px; display:inline-block; width:16px; height:16px; background:#F00; color:#FFF; } #mn_userapp_menu .icon_myapp a{ float:left; display:inline-block; border-bottom:0; padding:0; margin-bottom:10px; width:66px; height:51px; background: url({STATICURL}image/common/app.png) no-repeat 0 0; line-height:2000px; overflow:hidden; clear:none; } #mn_userapp_menu .icon_appcenter a { float:right; margin-left:7px; background-position: 0 -51px; } .ie6 #mn_userapp_menu .icon_myapp a { margin-bottom:0px; } .ie6 #mn_userapp_menu .icon_myapp,.ie6 #mn_userapp_menu .icon_appcenter { float:left; width:66px; } #mn_userapp_menu .ad_img img { width:140px; height:100px; } #mn_userapp_menu .ad_img a { padding:0; line-height:26px; border-bottom:0; } #mn_userapp_menu .ad_img a:hover { background:none; } /* 页面主区域 */ #ct { min-height: 300px; } .ie6 #ct { height: 300px; } .mn { overflow: hidden; } .ct1 { border: 1px solid {WRAPBORDERCOLOR}; border-top: none; } .ct2 .mn { float: left; width: 730px; margin-bottom: 1em; } .ct2 .sd { float: right; width: 220px; overflow: hidden; _overflow-y: visible; } .appl { float: left; overflow: hidden; margin-bottom: 10px; padding: 6px 10px; width: 117px; } .ct2_a, .ct3_a { border: 1px solid {WRAPBORDERCOLOR}; {SIDEBGCODE} } .ct2_a_r { border: none; background-image: none; } .ct2_a h1.mt { display: none; } .ct2_a .tb { margin-top: 3px; } .ct2_a .mn { float: right; width: 810px; } .ct2_a .mn { display: inline; margin-right: 10px; padding-top: 10px; width: 800px; } #nv_userapp .ct2_a .mn, .ct2_a_r .mn { margin-right: 0; width: 810px; } .ct3_a .mn { float: left; margin-left: 20px; width: 565px; } .ct3_a .sd { float: right; width: 220px; } #nv_home .ct3_a .sd .bm { margin-right: 10px; border: none; } #nv_home .ct3_a .sd .bm_c { padding: 10px 0; } .mw { width: 100%; float: none; } .mnw { clear: both; border-top: 1px solid #CCC; } .mnh { width: 643px; background: {COMMONBG}; margin-bottom: 0; } /* 页尾 */ #ft { padding: 10px 0 50px; border-top: 1px solid {COMMONBORDER}; line-height: 1.8; color: {FOOTERTEXT}; } #flk { text-align: right; } #flk img { vertical-align: middle; } #scrolltop { visibility: hidden; position: fixed; bottom: 100px; display: block; margin: -30px 0 0 2px; width: 40px; background: #f4f4f4; border: 1px #cdcdcd solid; border-radius: 3px; border-top: 0; cursor: pointer; } #scrolltop:hover { text-decoration: none; } .ie6 #scrolltop { position: absolute; bottom: auto; } #scrolltop a { display: block; width: 30px; height: 24px; padding: 3px 5px; line-height: 12px; text-align: center; color: #787878; text-decoration: none; background: url({IMGDIR}/scrolltop.png) no-repeat 0 0; border-top: 1px #cdcdcd solid; } a.scrolltopa:hover { background-position: -40px 0px !important;} a.replyfast { background-position: 0 -30px !important; } a.replyfast:hover { background-position: -40px -30px !important;} a.returnlist,a.returnboard { background-position: 0 -60px !important; } a.returnlist:hover,a.returnboard:hover { background-position: -40px -60px !important;} #scrolltop a b { visibility: hidden; font-weight: normal; } /* #scrolltop span { visibility: hidden; }*/ #nv_home #ft, .pg_announcement #ft, .pg_modcp #ft, .pg_portalcp #ft, .pg_ranklist #ft, #nv_userapp #ft { border-top: none; } /* 通用的区域块 */ /* .bm 是最常用的区块元素,默认带有 1px 的边框和 10px 的下边距。一般情况下,.bm 内应包括两个子容器:.bm_h 和 .bm_c,前者代表区块头部,带有灰色背景和下边框;后者是容器主体,默认带有 10px 的内边距。 .bm 另有三种子样式 .bmw Weight 头部为彩色背景 .bml Lite 头部无背景填充 .bmn Notice 整体带有彩色背景,常用于提示信息 */ .bm, .bn { margin-bottom: 10px; } .bm { border: 1px solid {COMMONBORDER}; background: {WRAPBG}; } .bm_c { padding: 10px; } .drag {} .bm_h .o { float: right; width: 30px; } .bm_h .o img { float: right; margin-top: 8px; cursor: pointer; } .bm_h .i { padding-left: 10px; } .bm_h .pn { margin-top: 4px; } .bm_h { padding: 0 10px; height: 31px; border-top: 1px solid #FFF; border-bottom: 1px solid {CONTENTSEPARATE}; background: {COMMONBG}; line-height: 31px; white-space: nowrap; overflow: hidden; } .bmw { border: 1px solid {COMMONBORDER}; } .bmw .bm_h { border-top-color: {WRAPBG}; border-right: 1px solid {WRAPBG}; border-bottom-color: {CONTENTSEPARATE}; border-left: 1px solid {WRAPBG}; background: {SPECIALBG}; } .bmw .bm_h a { color: {HIGHLIGHTLINK}; } .bml .bm_h { padding-top: 5px; border: none; background: transparent; } .bml .bm_c { padding-top: 0; } .bmn { padding: 7px 10px; border-color: {SPECIALBORDER}; background: {SPECIALBG}; } .fl { border: 1px solid {COMMONBORDER}; border-top: none; background: {WRAPBG}; } .fl .bm { margin-bottom: 0; border: none; } .fl .bm_h { border-width: 1px 0; border-color: {SPECIALBORDER}; {TITLEBGCODE}; } .fl .bm_c, #online .bm_c, .lk .bm_c { padding-top: 0; padding-bottom: 0; } .bm2 .bm2_b { float: left; width: 49%; border: 1px solid {COMMONBORDER}; } .bm2 .bm2_b_y { float: right; } .bw0 { background: transparent; } /* 宽布局下的通用块 */.bw { padding: 0 15px; } /* Name: mod_path Level: Global Sample: <div id="pt"><div class="z">Path here</div></div> Explain: 面包屑导航 Last Modify: lushnis */ #pt { margin: 2px 0; height: 29px; border:none; background: transparent; line-height: 29px; } #pt .z { padding-right: 10px; } #pt .z a, #pt .z em, #pt .z span { float: left; height: 29px; } #pt .z em { width: 20px; background: url({IMGDIR}/pt_item.png) no-repeat 3px 10px; line-height: 200px; overflow: hidden; } .nvhm { width: 16px; background: url({IMGDIR}/search.png) no-repeat 0 0; line-height: 200px; overflow: hidden; } /* XP 或 Windows 7,IE 最高版本为 8 或 9,这几种组合情况对字体的渲染存在差异,所以需要对背景进行微调,以适应更多情况 by Pony 11050511 */ .ie_all #pt .z em { background-position: 3px 9px; } .ie_all .nvhm { background-position: 0 -1px; } /* Name: mod_userheader Level: Global Sample: div id="uhd" Explain: 论坛皮肤下用户页面头部 Last Modify: lushnis */ #uhd { padding-top: 10px;border: 1px solid #CCC; border-bottom: none; background: {SPECIALBG}; } #uhd .tb a { border-width: 1px 0; border-top-color: {SPECIALBG}; border-bottom-color: {WRAPBORDERCOLOR}; } #uhd .tb .a a { border: 1px solid #CCC; border-bottom-color: #FFF; } .ie6 #uhd .tb .a { position: relative; } #uhd .mn { float: right; margin-right: 15px; margin-bottom: -30px; width: auto; line-height: 28px; } #uhd .mn a { padding: 2px 0 2px 20px; background: no-repeat 0 50%; color: {MIDTEXT}; } #uhd .mn a:hover { color: {HIGHLIGHTLINK}; } #uhd .mn .addflw a { background-image: url({IMGDIR}/flw_ico.png); } #uhd .mn .addf a { background-image: url({STATICURL}image/feed/friend.gif); } #uhd .mn .pm2 a { background-image: url({IMGDIR}/pmto.gif); } #uhd .h { padding-left: 75px; } #uhd .avt { display: inline; float: left; margin-left: -65px; } #uhd .mt { padding-bottom: 0; } #uhd .flw_hd { float: right; width: 260px; margin-right: 10px; margin-bottom: -30px; } #uhd .tns th, #uhd .tns td { padding-left: 20px; text-align: left; } #uhd .flw_hd .o { padding-left: 20px; } /* 统计数据 */ .tns { padding: 10px 0; } .tns table { width: 100%; } .tns th, .tns td { text-align: center; font-size: 12px; } .sd .tns th, .sd .tns td { width: 110px !important; } .tns th { border-right: 1px solid #CCC; } .tns th p, .tns td p { font-size: 14px; margin: 0; } .pls .tns { padding: 0 10px 10px; } .pls .tns th p, .pls .tns td p { font-size: 12px; margin: 0; } /* 带图标页面头部 ih. --> icon header */ .ih .icn { float: left; width: 60px; } .ih dl { margin-left: 60px; } .ih dt { font-size: 14px; font-weight: 700; } .ih dd { padding-bottom: 1em; } .ih dd strong { margin: 0 2em 0 4px; color: #C00; } /* Name: mod_tab Level: Global Dependent: mod_clearfix Sample: <ul class="tb cl"> <li class="a"><a href="#">Active Tab Item</a></li> <li><a href="#">Tab Item</a></li> </ul> Explain: 标签样式 Last Modify: lushnis */ .tb { margin-top: 10px; padding-left: 5px; line-height: 30px; border-bottom: 1px solid {COMMONBORDER}; } .tb li { float: left; margin: 0 3px -1px 0; } .ie6 .tb .a, .ie6 .tb .current { position: relative; } .tb a { display: block; padding: 0 10px; border: 1px solid {COMMONBORDER}; background: {SPECIALBG}; } .tb .a a, .tb .current a { border-bottom-color: {WRAPBG}; background: {WRAPBG}; font-weight: 700;} .tb a:hover { text-decoration: none; } .tb .y { float: right; margin-right: 0; } .tb .y a { border: none; background: transparent; } .tb .o { margin: 1px 4px 0 2px; border: 1px solid #235994; } .tb .o, .tb .o a { height: 23px; line-height: 23px; background: #06C url({IMGDIR}/pn.png) repeat-x 0 -48px; } .tb .o a { padding: 0 15px; border: none; font-weight: 700; color: #FFF; } .ie6 .tb .o a { float: left; } .tb_h { margin: 0; padding: 0; background-color: {SPECIALBG}; } .tb_h li { margin-right: 0; } .tb_h a { border-top: none; border-left: none; } .tb_h .o { margin-top: 2px; } .tb_s { margin-top: 0; line-height: 26px; } /* 类似menu的Tab */ .tbmu { padding: 8px 10px 8px 0; border-bottom: 1px dashed {COMMONBORDER}; } .tbmu a { color: {HIGHLIGHTLINK}; } .tbmu .a { color: {LINK}; font-weight: 700; } /* tab的强调信息提示 */ .tbms { padding: 10px 10px 10px 26px; border: 1px dashed #FF9A9A; background: url({IMGDIR}/notice.gif) no-repeat 10px 50%; } .tbms_r { background-image: url({IMGDIR}/data_valid.gif); } /* 极简 Tab */ .tbx { margin: 10px 0; } .tbx span { margin-right: 10px; cursor: pointer; } .tbx .a { padding: 3px 5px; border: solid #999; border-width: 0 1px 1px 0; background: {COMMONBG} url({IMGDIR}/thead.png) repeat-x 0 -20px; } .tbx strong { color: {NOTICETEXT}; } /* 类似相册侧边切换页面用的 */ .obn { border-bottom: 1px solid {COMMONBORDER}; } .obn select { width: 100%; margin-bottom: 5px; } /* 广告 */ /* 页头广告 */ .a_h { padding-top: 5px; } /* 二级导航广告 */ .a_mu { border: solid {COMMONBORDER}; border-width: 0 1px 1px; background: {COMMONBG}; } /* 页尾广告 */ .a_f { margin: 5px auto; } /* 日志内容广告 */ .a_b { float: right; margin: 0 0 5px 5px; } /* 格子广告 */ .a_t { margin-bottom: 10px; } .a_t table { width: 100%; } .a_t td { padding: 4px 15px; border: 1px solid {COMMONBORDER}; } /* 帖内广告 */ .a_pr { float: right; overflow: hidden; } .a_pt, .a_pb { background: url({IMGDIR}/ad.gif) no-repeat 0 50%; margin-bottom: 6px; padding-left: 20px; zoom: 1; } /* 漂浮广告 */ .a_fl, .a_fr { float: right; position: fixed; top: 350px; z-index: 100; } .a_fl { left: 0; } .a_fr { right: 0; text-align: right; } * html .a_fl, * html .a_fr { position: absolute; top: expression(offsetParent.scrollTop+350); } /* 对联广告 */ .a_cb { top: 20px } * html .a_cb { top: expression(offsetParent.scrollTop+20); } /* 文章漂浮广告 */ .a_af { float:left; margin-right: 10px; margin-bottom: 10px; } /* 右下角广告 */ .a_cn { position: fixed; right: 10px; bottom: 10px; z-index: 300; } * html .a_cn { position: absolute; top: expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight); } .a_cn .close { text-align: right; } .a_h, .a_mu, .a_c, .a_p, .a_f, .a_t { text-align: center; } /* ------------------------------------------------------------------------ 列表样式 */ /* .xl Text list .xl1 1 line list ( wrap text will be hidden ); .xl2 2 col list .xld list with description ( the HTML tag must be <dl> ) .ml Media/Image list .mls Media size: 48*48px .fl Forum list .tl Thread list .al Application list */ /* 文本列表 */ .xl li { margin: 2px 0; } .xl em { float: right; padding-left: 5px; } .xl em, .xl em a { color: {LIGHTTEXT}; } .xl label, .xl label a { color: #C00; } .xl1 li { height: 1.5em; overflow: hidden; } .xl1_elp { float: left; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .xl2 li { float: left; margin: 2px 0; padding: 0; width: 50%; height: 1.5em; overflow: hidden; } .xl ol, ol.xl { background: url({IMGDIR}/sortnum.png) no-repeat 0 3px; line-height: 21px; } .xl ol li, ol.xl li { background: none; padding-left: 20px; } .xl ol li, ol.xl li { height: 21px; } .xld dt { padding: 8px 0 5px; font-weight: 700; } .xld dd { margin-bottom: 8px; } /* text with thumbnail image ( must with the additional class .cl ) */ .xld .m { float: left; margin: 8px 8px 10px 0; } .xld .atc { float: right; margin-left: 20px; } .ie8 .xld .atc { max-width: 86px; } .xld .atc img { padding: 2px; max-width: 80px; max-height: 80px; border: 1px solid #CCC; background: {WRAPBG}; } .ie6 .xld .atc img { width: expression(this.width > 80 && this.width>=this.height ? 80 : true); height: expression(this.height > 80 && this.width<=this.height ? 80 : true); } .xld a.d, .xl a.d, .attc a.d, .c a.d, .sinf a.d { float: right; width: 20px; height: 20px; overflow: hidden; line-height: 100px; background: url({IMGDIR}/op.png) no-repeat 0 -2px; } .attc a.d { float: left; } .xld a.d:hover, .xl a.d:hover, .attc a.d:hover, .c a.d:hover, .sinf a.d:hover { background-position: 0 -22px; } .xld a.b { background-position: 0 -40px; } .xld a.b:hover { background-position: 0 -60px; } .xlda dl { padding-left: 65px; } .xlda .m { display: inline; margin: 8px 0 8px -65px; } .xlda .avt img { display: block; } .xlda dd img { max-width: 550px; } * html .xlda dd img { width: expression(this.width > 550 ? 550 : true); } .xlda dd a { color: {HIGHLIGHTLINK}; } .xlda dd .hot { color: {NOTICETEXT}; } /* 图片列表 */ .ml {} .ml li { float: left; padding: 0 5px 5px; text-align: center; overflow: hidden; } .ml img { display: block; margin: 0 auto; } .ml p, .ml span { display: block; width: 100%; height: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .ml span, .ml span a { color: {LIGHTTEXT}; } .mls li { padding: 0 0 5px; width: 66px; } .mls .avt { display: block; margin: 0 auto; width: 54px; } .mls img { width: 48px; height: 48px; } .mls p { margin-top: 5px; } .mlm li { padding: 0 0 5px; width: 150px; } .mlm img { width: 120px; height: 120px; } .mla li { width: 140px; height: 224px; } .mla1 li { height: 150px; } .mla .c { margin: 0 auto; width: 136px; height: 150px; background: url({IMGDIR}/gb.gif) no-repeat 0 0; text-align: left; } .mla .a { background-position: 0 100%; } .mla .c a { display: block; padding: 14px 4px 3px 8px; width: 120px; height: 120px; overflow: hidden; } .mla img { max-width: 120px; max-height: 120px; _width: expression(this.width > 120 && this.width>=this.height ? 120 : true); _height: expression(this.height > 120 && this.width<=this.height ? 120 : true); } .mlp li { width: 140px; height: 140px; } .mlp .d { padding: 0 0 5px; width: 150px; height: 180px; } .mlp img { padding: 2px; max-width: 120px; max-height: 120px; border: 1px solid #CCC; background: {WRAPBG}; } * html .mlp img { width: expression(this.width > 120 && this.width>=this.height ? 120 : true); height: expression(this.height > 120 && this.width<=this.height ? 120 : true); } /* 用户头像列表时,各种状态图标。.gm -> 管理员; .gs -> 明星会员 ; .gol -> 在线会员; .god -> 删除标记 */ .gm, .gs, .gol, .god { position: absolute; overflow: hidden; margin: -3px 0 0 -3px; width: 60px; height: 18px; background: url({IMGDIR}/gst.gif) no-repeat 0 0; display: block;/* ie6 */ } .gs { background-position: 0 -18px; } .gol { background-position: 0 -36px; } .god { margin: -5px 0px 0px 45px;background: url({IMGDIR}/access_disallow.gif) no-repeat 0 0;} /* 应用列表*/ .appl ul { margin: 3px 0; } .appl li { display: block; height: 28px; line-height: 28px; white-space: nowrap; word-wrap: normal; font-size: 14px; text-overflow: ellipsis; overflow: hidden; } .appl li a { text-decoration: none !important; } .appl img { margin: 5px 5px -3px 0; } .appl span { float: right; font-size: 12px; } .appl span a { color: {LIGHTTEXT}; } .appl span a:hover { color: {HIGHLIGHTLINK}; } /* 应用侧边 by Pony */ .myo li { height: auto; line-height: 1.5; } .myo img { margin-bottom: -1px; } .myo a { color: {HIGHLIGHTLINK}; } /* 侧边管理列表 */ .tbn { margin: -6px -10px 0; } .tbn ul { margin: 0; } .tbn li { margin: 0 10px; height: 33px; border-bottom: 1px dashed #CCC; } .tbn li.a { margin: -1px 0 0; padding: 0 10px 0 9px; border-top: 1px solid {COMMONBORDER}; border-bottom-style: solid; background: {WRAPBG}; } .tbn ul a { display: block; height: 33px; line-height: 33px; } .tbn .mt { padding: 10px; } .notice_pm, .notice_mypost, .notice_interactive, .notice_system, .notice_manage, .notice_app { float: left; width: 18px; height: 14px; background-image: url({IMGDIR}/ico_notice.png); margin: 11px 5px 5px 0;} .notice_pm { background-position: 0 0;} .notice_mypost { background-position: 0 -33px; } .notice_interactive { background-position: 0 -68px; } .notice_system { background-position: 0 -101px; } .notice_manage { background-position: 0 -135px; } .notice_app { background-position: 0 -169px; } /* 道具 magic */ .mg_img { padding: 10px; width: 76px; height: 76px; background: url({IMGDIR}/magic_imgbg.gif) no-repeat 0 0; } /* Name: mod_link Level: Global Dependent: Sample: <ul class="tb cl"> <li class="a"><a href="#">Active Tab Item</a></li> <li><a href="#">Tab Item</a></li> </ul> Explain: 友情链接 Last Modify: lushnis */ .lk img { float: left; margin-right: 5px; margin-bottom: 5px; width: 88px; height: 31px; } .lk p { color: {MIDTEXT}; } .lk .m li { clear: left; padding: 0 0 10px 98px; } .lk .m img { display: inline; margin-top: 4px; margin-top/*\**/: 1px\9; margin-left: -98px; } .lk .x li { float: left; margin-right: 5px; width: 88px; height: 1.5em; overflow: hidden; } .lk_logo .lk_content { float: left; } /* ------------------------------------------------------------------------ 其他特定功能块 */ /* 简易编辑器 Tiny Editor */ .tedt { width: 98%; border: 1px solid; border-color: #999 #CCC #CCC #999; } .tedt .bar { padding: 0 10px 0 0; height: 25px; line-height: 25px; border-bottom: 1px solid {COMMONBORDER}; background: {COMMONBG}; } .fpd a { float: left; margin: 2px 5px 0 0; width: 20px; height: 20px; background: url({STATICURL}image/editor/editor.gif) no-repeat; text-indent: -9999px; line-height: 20px; overflow: hidden; } .fpd a.fbld { background-position: 0 0; } .fpd a.fclr { background-position: -60px 0; } .fpd a.fmg { background-position: 0 -20px; } .fpd a.flnk { background-position: -40px -20px; } .fpd a.fqt { background-position: -140px -20px; } .fpd a.fcd { background-position: -120px -20px; } .fpd a.fsml { background-position: -20px -20px; } .fpd a.fat { background-position: -140px 0; } .tedt .area { padding: 4px; background: {WRAPBG}; zoom: 1; } .tedt .pt { width: 100%; margin-right: 0; padding: 0 !important; border: none; background: {WRAPBG} none; } .tedt .pt:focus { outline: none; -moz-box-shadow: none; } .m_c .tedt { width: 600px; } /* 表情 */ .sllt { padding: 10px 5px 5px !important; } .sllt td { padding: 8px; border: none; cursor: pointer; } .sllt_p { *float: left; text-align: right; } .sllt_p a { margin-right: 5px; color: #069; text-decoration: underline; } .sl_pv { margin-top: 5px; padding: 8px; background: #FAFAFA; border: 1px solid #CCC; } .ie6 .slg, .ie7 .slg { width: expression(this.parentNode.offsetWidth); } /* Name: mod_diy_button Level: Fuction Explain: 页面头部的 DIY 按钮 Last Modify: Pony 1207021442 */ #diy-tg { float: right; padding: 0 !important; width: 56px; background: url({STATICURL}image/diy/panel-toggle.png) no-repeat 100% 4px; text-indent: -9999px; overflow: hidden; } #diy-tg_menu { position: absolute; margin: -2px 0 0 -1px; padding: 6px 0; width: 72px; height: 48px; line-height: 24px; background: url({STATICURL}image/diy/panel-toggle-drop.png) no-repeat 0 0; text-align: center; } #diy-tg_menu a { float: none !important; } #toptb #diy-tg_menu { margin: -7px 0 0 -17px; } /* Name: mod_switch_button Level: Fuction Dependent: sslct_menu 需要 class mod_popupmenu Explain: 风格/宽窄切换菜单 Last Modify: Pony 1207021458 */ #toptb a#sslct, .switchwidth, #toptb a.switchblind { margin-top: 5px; padding: 0 !important; width: 23px; height: 18px !important; background: url({IMGDIR}/switch_style.png) no-repeat 100% 0; text-indent: -9999px; overflow: hidden; } .switchwidth { background-image: url({IMGDIR}/switch_width.png); } .switchwidth:hover{ background: url({IMGDIR}/switch_width.png) no-repeat 100% -36px; } #sslct_menu { padding: 6px 10px 10px; } .sslct_btn { float: left; margin: 4px 4px 0 0; width: 12px; height: 12px; border: 1px solid {COMMONBORDER}; cursor: pointer; } .sslct_btn i { float: left; display: inline; margin: 1px; width: 10px; height: 10px; background: #2E80D1; overflow: hidden; font-style: normal; } #toptb a.switchblind{ width: 10px; background-image: none ; } /* 弹出菜单、弹出层及弹出窗口 */ .p_pop, .p_pof, .sllt { padding: 4px; border: 1px solid; min-width: 60px; border-color: {DROPMENUBORDER}; {DROPMENUBGCODE}; box-shadow: 1px 2px 2px rgba(0,0,0,0.3); } .ie6 .p_pop { width: 100px; } .p_pof .p_pop { padding: 0; border: none; box-shadow: none; } .p_pof { width: 500px; } .p_opt { padding: 10px; } .p_pop li { display: inline; } .p_pop a { display: block; padding: 3px 5px; border-bottom: 1px solid {SPECIALBG}; white-space: nowrap; } .p_pop li:last-child a { border: none; } .ie6 .p_pop li { zoom: 1; clear: both; width: 100%; } .ie6 .p_pop a { position: relative; } .p_pop a:hover, .p_pop a.a, #sctype_menu .sca { background-color: {SPECIALBG}; color: {HIGHLIGHTLINK}; text-decoration: none; } .prompt_news, .prompt_follower,.prompt_news_0, .prompt_follower_0, .ignore_notice, .prompt_concern { float: left; width: 18px; height: 14px; margin: 3px 3px 5px 0; display: inline; background: url({IMGDIR}/ico_notice.png) no-repeat 0 0; } .prompt_follower_0 { background-position: 0 -225px; } .prompt_news { background-image: url({IMGDIR}/new_pm.gif); } .prompt_follower { background-position: 0 -191px; } .prompt_concern { background-position: 0 -258px; } .ignore_notice { background: url({IMGDIR}/close.gif) no-repeat 0 0; position:absolute; right:0; top:0; width:12px; height:12px; overflow:hidden; } .p_pop .ignore_noticeli a,.p_pop .ignore_noticeli a:hover,.p_pop .ignore_noticeli a.a { background:none; border-bottom:0; } .p_pop .notice_interactive, .p_pop .notice_system, .p_pop .notice_manage, .p_pop .notice_app, .p_pop .notice_mypost { margin: 3px 2px 5px 0;} .ie6 .ignore_notice { display: none; } /* .blk -> block 内容较为复杂的弹出层使用 .blk 的 class,内部的 a 标签重新定义 */ .blk a, .inlinelist a { display: inline; padding: 0; border: none; } .blk a:hover { background: none; color: {LINK}; text-shadow: none; text-decoration: underline; } .inlinelist { padding: 5px; } .inlinelist a { float: left; width: 5em; height: 2em; overflow: hidden; text-align: center; line-height: 2em; } .h_pop { min-width: 120px; border-top: none; } /* .txt 和 .textarea 属于旧的命名规范,待整理 by lushnis */.p_opt .txt, .p_opt .txtarea { margin: 5px 0; } .p_pop .flbc, .p_pof .flbc { margin-right: 8px; margin-top: 4px; } /* 弹出层 以下 class 都可以分开写,单独定义,以便个性化 */ /* 四条边、四个角的公用样式 */ .t_l, .t_c, .t_r, .m_l, .m_r, .b_l, .b_c, .b_r { overflow: hidden; {FLOATMASKBGCODE}; opacity: 0.2; filter: alpha(opacity=20); } /* 四个角 */ .t_l, .t_r, .b_l, .b_r { width: 8px; height: 8px; } /* 上下两条边 */ .t_c, .b_c { height: 8px; } /* 左右两条边 */ .m_l, .m_r { width: 8px; } .t_l { -moz-border-radius: 8px 0 0 0; -webkit-border-radius: 8px 0 0 0; border-radius: 8px 0 0 0; } .t_r { -moz-border-radius: 0 8px 0 0; -webkit-border-radius: 0 8px 0 0; border-radius: 0 8px 0 0; } .b_l { -moz-border-radius: 0 0 0 8px; -webkit-border-radius: 0 0 0 8px; border-radius: 0 0 0 8px; } .b_r { -moz-border-radius: 0 0 8px 0; -webkit-border-radius: 0 0 8px 0; border-radius: 0 0 8px 0; } .m_c { {FLOATBGCODE}; } /* 弹出层内容区 by Pony */ .m_c .tb { margin: 0 0 10px; padding: 0 10px; } .m_c .c { padding: 0 10px 10px; } .m_c .o { padding: 8px 10px; height: 26px; text-align: right; border-top: 1px solid #CCC; background: {COMMONBG}; } /* 分享时会用到 */ .m_c .el { width: 420px; } .m_c .el li { padding: 0; border: none; } /* .flb 弹出层header */ .flb { padding: 10px 10px 8px; height: 20px; line-height: 20px; } .flb em { float: left; font-size: 14px; font-weight: 700; color: {HIGHLIGHTLINK}; } .flb em a { text-decoration: none; } .flb .needverify { float: left; margin-left: 8px; padding-left: 13px; width: 45px; height: 21px; line-height: 21px; background: url({IMGDIR}/re_unsolved.gif) no-repeat 0 0; font-size: 12px; color: {LIGHTTEXT}; font-weight: 400; } .flb .onerror, .flb .onright { padding-left: 20px; height: auto; line-height: 140%; white-space: nowrap; font-size: 12px; font-weight: 400; } .flb .onerror { background: url({IMGDIR}/check_error.gif) no-repeat 0 50%; } .flb .onright { background: url({IMGDIR}/check_right.gif) no-repeat 0 50%; color: {MIDTEXT}; } .flb span { float: right; color: {LIGHTTEXT}; } .flb span a, .flb strong { float: left; text-decoration: none; margin-left: 8px; font-weight: 400; color: {LINK}; } .flb span a:hover { color: {LIGHTTEXT}; } .flbc { float: left; width: 20px; height: 20px; overflow: hidden; text-indent: -9999px; background: url({IMGDIR}/cls.gif) no-repeat 0 0; cursor: pointer; } .flbc:hover { background-position: 0 -20px; } .floatwrap { overflow: auto; overflow-x: hidden; margin-bottom: 10px; height: 280px; } .f_c { } .f_c li { list-style: none; } .f_c hr.l { margin: 0; } .f_c a { color: {HIGHLIGHTLINK}; } .f_c .list { margin: 0 auto 10px; width: 570px; border-top: 3px solid {COMMONBORDER}; } .f_c .list th, .f_c .list td { padding: 5px 2px; height: auto; border-bottom: 1px dashed {COMMONBORDER}; } .f_c .list .btns th, .f_c .list .btns td { border-bottom: none; } .f_c .th th, .f_c .th td { padding: 10px 0; } .f_c .list th { background: none; } /* 弹窗未开启时 nofloat */ .nfl { height: auto !important; height: 320px; min-height: 320px; } .nfl .f_c { margin: 60px auto; padding: 20px; width: 580px; border: 3px solid {COMMONBG}; background: {WRAPBG}; } .nfl .loginform { height: auto; } .nfl .clause { width: auto; height: auto; } /* dropdownbtn 下拉菜单 */ .hasd {} .hasd input { float: left; width: 121px; } .hasd input.crl { padding: 0; width: 20px; height: 20px; background: none; border-style: solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; border-width: 1px 0 1px 1px; } .hasd .spmediuminput { width: 115px; } .dpbtn { float: left; overflow: hidden; text-indent: -9999px; width: 21px; height: 21px; border-width: 1px 1px 1px 0; border-style: solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; background: {WRAPBG} url({IMGDIR}/newarow.gif) no-repeat 100% 0; } .dpbtn:hover { background-position: 100% -23px; } .hasd label { float: left; } .tpclg h4 a.dpbtn { float: right; border-width: 1px; } .tpclg h4 { font-weight: 400; } .tpclg .pt { margin: 5px 0; width: 212px; overflow: hidden; } /* 下面两行为评分时用到的 */ .mark .dt, .mark .tpclg h4 { width: 270px; } .mark .tpclg .pt { width: 260px; } #postbox dd.hasd input { width: 99px; margin-right: 0; } /*弹窗 编辑器 颜色框 colorbox*/ .colorbox{ width: 130px !important; } .colorbox input { float: left; margin: 2px; padding: 0; width: 12px; height: 12px; border: 0; cursor: pointer; } /*弹窗 编辑器 分割线选择 hrbox*/ .hrbox{ width: 500px !important; } .hrbox input { float: left; margin: 2px; padding: 0; width: 495px; height: 25px; border: 0; cursor: pointer;background: #FFFFFF; } /*弹窗 编辑器 背景选择 postbgbox*/ .postbgbox{ width: 325px !important; } .postbgbox input { float: left; margin: 2px; padding: 0; width: 50px; height: 50px; border: 1px solid; border-color: #F7F7F7 #EFEFEF #EFEFEF #F7F7F7; cursor: pointer;background: #FFFFFF; } /* 短消息对话框 .pm -> personal_message (window) by Pony */ .pm { overflow: hidden; width: 400px; } .pm .flb { margin-bottom: 0; padding: 1px 5px 4px; background: #CCC url({IMGDIR}/pm.png) repeat-x 0 -101px; } * html .pm .flb { padding: 4px 5px 1px; } .pm .flb em { padding-left: 15px; background: url({IMGDIR}/pm.png) no-repeat 0 -65px; text-shadow: 1px 1px 1px {WRAPBG}; color: {LINK}; font-size: 12px; } .pm .flbc { background-image: url({IMGDIR}/pm.png); } .pm_tac { padding: 5px 10px; background: {COMMONBG}; } .pm .c { padding: 0; background: {COMMONBG}; } .pmb { position: relative; padding: 20px 20px 0; width: 360px; height: 280px; overflow: auto; overflow-x: hidden; } .pmb li { position: relative; margin-bottom: 10px; } .pmt { overflow: hidden; position: absolute; bottom: 0; left: -6px; text-indent: -999px; width: 7px; height: 7px; background: url({IMGDIR}/pm.png) no-repeat -13px -40px; zoom: 1; } .pmd { float: left; padding: 5px 8px; background: #F0F0F0 url({IMGDIR}/pm-bg1.png) repeat-x; border: 1px solid; border-color: #E7E7E7 #BBB #999 #E7E7E7; word-wrap: break-word; -moz-box-shadow: 2px 2px 4px #DDD; -webkit-box-shadow: 2px 2px 4px #DDD; box-shadow: 2px 2px 4px #DDD; -moz-border-radius: 10px 10px 10px 0; -webkit-border-radius: 10px 10px 10px 0; border-radius: 10px 10px 10px 0; } .pmd, .pmd img { max-width: 292px; } * html .pmd { width: expression(this.offsetWidth > 292 ? 292+'px':'auto'); } * html .pmd img { width: expression(this.width > 292 ? 292 : true); } /* 短消息下的引用和代码样式 */ .pmd .quote { overflow: hidden; margin: 0; padding-left: 16px; background: url({IMGDIR}/qa.gif) no-repeat 0 0; color: {MIDTEXT}; } .pmd .quote blockquote { display: inline; margin: 0; padding-right: 16px; background: url({IMGDIR}/qz.gif) no-repeat 100% 100%; } .pmd .blockcode { overflow: hidden; margin: 0; padding: 0; background: transparent; color: {MIDTEXT}; } .pmd .blockcode code { font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; } * html .pmd .blockcode code { font-family: 'Courier New', serif; } .pmm .pmt { right: -6px; left: auto; background-position: 0 -47px; } .pmm .pmd { float: right; background: #FEF5E7 url({IMGDIR}/pm-bg2.png) repeat-x; border-color: #FFC68C #F9D4A7 #F3BB65 #DDC4A9; -moz-box-shadow: -2px 2px 4px #DDD; -webkit-box-shadow: -2px 2px 4px #DDD; box-shadow: -2px 2px 4px #DDD; -moz-border-radius: 10px 10px 0 10px; -webkit-border-radius: 10px 10px 0 10px; border-radius: 10px 10px 0 10px; } .pmb h4 { text-align: center; } .pmfm { padding: 0 15px 15px; } .pmfm .tedt { width: 365px; } .pmfm .pt { height: 65px; } .pmfm .pn { float: right; } .pma a { margin-right: 5px; } /* 短消息联系人列表 by Pony */ .pmo { position: absolute; top: 8px; right: 10px; overflow: hidden; padding-left: 10px; width: 130px; height: 31px; line-height: 24px; line-height /*\**/: 26px\9; background: url({IMGDIR}/pn.png) repeat-x 0 -320px; text-shadow: 1px 1px 1px {WRAPBG}; } .pmo em { display: block; padding: 3px 5px 4px 0; background: url({IMGDIR}/pn.png) no-repeat 100% -360px; } .pmo a { overflow: hidden; white-space: nowrap; display: block; padding-right: 10px; background: url({IMGDIR}/pm.png) no-repeat 100% -222px; outline: none; } .pmo .b { background-position: 100% -278px; } /* .pmfl -> pm_friend_list (Window) */ .pmfl { position: absolute; top: 35px; right: 10px; z-index: 200; width: 138px; border: solid #CCC; border-width: 0 1px 1px; background: {WRAPBG}; } .pmfl .s, .pmfl .o { padding: 5px; border-bottom: 1px solid #CCC; background: {COMMONBG}; } .pmfl .o { border-bottom-color: {WRAPBG}; } .pmfl .s .px { padding-left: 20px; width: 101px; background: {WRAPBG} url({IMGDIR}/pm.png) no-repeat 0 -160px; } .pmfl .o .ps { width: 100%; } .pmfl ul { overflow: auto; overflow-x: hidden; width: 138px; height: 306px; } .pmfl li { padding: 5px; height: 24px; } .pmfl .avt { float: left; width: 29px; height: 29px; } .pmfl .avt img { padding: 0; width: 24px; height: 24px; border: none; } /* 跳动的头像样式 by Pony */ .pmfl .newpm img { margin: 1px 0 0 1px; } .pmfl p { overflow: hidden; white-space: nowrap; width: 78px; } /* 当前交谈的用户 */ .pmfl p .a { color: red; } /* 在线的用户 */ .pmfl p .ol { color: {LINK}; } .pmfl strong { color: #000; } /* 登录和注册 */ .rfm { margin: 0 auto; width: 760px; border-bottom: 1px dotted {COMMONBORDER}; } .rfm a { color: {HIGHLIGHTLINK}; } .rfm .rq {} .rfm th, .rfm td { padding: 10px 2px; vertical-align: top; line-height: 24px; } .rfm .tipwide { padding-top: 0; } .rfm th { padding-right: 10px; width: 10em; text-align: right; } .rfm .px { width: 220px; } .rfm .px:focus { border-color: {HIGHLIGHTLINK}; background: #FFF; } .rfm .p_tip { position: absolute; z-index: 2; display: none; padding-left: 10px; width: 390px; background: {WRAPBG}; color: {MIDTEXT}; font-style: normal; } .rfm .p_chk { position: absolute; z-index: 1; padding-left: 10px; width: 390px; color: red; font-weight: 700; font-family: {FONT}; } .rfm #emailmore { position: absolute; } .p_right { background: url({IMGDIR}/check_right.gif) no-repeat 10px 12px; width: 30px; } #returnmessage4 { display: none; padding: 10px 0; border-bottom: 1px solid {COMMONBORDER}; background: #FFE; text-align: center; font-weight: 700; } #returnmessage4.onerror { display: block; } .rfm .l { margin: 0; } .blr .c { padding: 0 10px 10px; } .login_slct a { margin-right: -8px; padding-right: 16px; background: url({IMGDIR}/arrwd.gif) no-repeat 100% 50%; } .fwin .rfm, .nfl .f_c .rfm { width: 500px; } .fwin .rfm th, .fwin .rfm td, .nfl .f_c .rfm th, .nfl .f_c .rfm td { padding: 6px 2px; } .fwin .loginb button { margin-left: 11.3em; } .nfl .f_c .loginb button { margin-left: 12em; } /* Name: mod_passlevel Level: Function Explain: 密码强度检测 Last Modify: lushnis */ .passlevel { padding-left: 70px; background: url({IMGDIR}/passlevel.png) no-repeat 0 5px; } .passlevel1 { background-position: 0 -35px; } .passlevel2 { background-position: 0 -75px; } .passlevel3 { background-position: 0 -115px; } .blr { width: 580px; margin: 20px auto 30px; } .m_c .blr { margin: 0 auto; } .lgfm { font: {FONTSIZE} {FONT}; float: left; margin-bottom: 10px; *margin-bottom: -10px; padding: 20px 0; width: 280px; border-right: 1px solid #CCC; } .rgs { margin-bottom: 10px; } .lgfm label, .lgfm p, .reginfo { clear: both; overflow: hidden; display: block; margin-bottom: 10px; line-height: 22px; } /* 自定义的注册信息 */ .reginfo label { display: inline; } .reg_c { float: left; width: 200px; } .lgfm .txt, .lgfm .px { padding: 2px 4px; height: 16px; border: 1px solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; background-image: none; } .lgfm .txt, .lgfm .px, .lgfm .pt { width: 170px; } .lgfm .ftid a, .lgfm .ftid a:hover { height: 20px; background-position: 100% -1px; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; } .fsb { clear: both; margin-top: 8px; padding: 10px; } .fsb .z { padding-top: 5px; } .m_c .fsb { background: {COMMONBG}; border-top: 1px solid #CCC; } .fsb .pns { margin-right: 8px; } .lgfm em, .fsb em { float: left; width: 60px; } .fsb .pnr { *margin-top: 4px; } .nlf .txt{ width: 230px; } .brls { overflow: auto; margin-bottom: 10px; width: 470px; height: 240px; } .sipt { float: none; margin: 0 0 10px; width: 234px; height: 20px; background-color: {WRAPBG}; border: 1px solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; clear: left; } .sipt a { float: left; width: 54px; border: none; } .sipt a:hover, .sipt a:focus { border: none; } .sipt .txt { float: left; width: 154px; border: none; outline: none; background: {WRAPBG}; } .sltp { float: none; margin: 10px 0; clear: both; } .sltp a, .sltp a:hover, .sltp a:focus { height: 20px; line-height: 20px; border-color: #EEE; background-color: transparent; background-position: 100% -1px; color: #069 !important; } .sltp a:hover, .sltp a:focus { background-position: 100% -24px; } .lpsw label { float: left; padding-left: 4px; width: 61px; line-height: 150%; } .clck, .sipt .clck { background: {WRAPBG} url({IMGDIR}/clck.gif) no-repeat 98% 50%; } .lgf { float: left; overflow: visible; margin: 47px 25px 10px 40px; } .lgf h4 { margin-bottom: 10px; font-weight: 400; font-size: 14px; } .lgf a { color: {HIGHLIGHTLINK}; } .minf { margin-top: 23px; } /* Name: mod_messagelogin Level: Global Explain: showmessage 处的登录框 Last Modify: lushnis */ #messagelogin { margin-top: 5px; border-top: 1px solid {COMMONBORDER}; } #messagelogin .flb { padding-left: 0; } #messagelogin .blr { margin: 0; } #messagelogin .lgfm { padding-top: 0; } #messagelogin .minf { margin-top: 0; } #messagelogin .fsb { padding: 0; } /* Name: mod_fast_login Level: Global Explain: 页面头部的快速登录 Last Modify: Pony 11061011 */ .fastlg { line-height: 24px; } .fastlg td { padding: 2px 0 2px 4px; } .fastlg_fm { margin-right: 5px; padding-right: 5px; border-right: 1px solid {COMMONBORDER}; } #ls_fastloginfield_ctrl { line-height: 20px; border: none; background-color: transparent; background-position: 100% -1px; } #ls_fastloginfield_ctrl:hover { background-position: 100% -24px; } .psw_w { padding-left: 5px; } .fastlg_l { padding-right: 4px !important; border-right: 1px solid {SPECIALBG}; } /* 打招呼 by Pony */ .poke { margin-bottom: 10px; } .poke li { float: left; margin: 0 1% 5px 0; width: 32%; height: 22px; } .poke img { vertical-align: middle; } /* 普通数据列表 datatable by michael */ .dt { border-top: 1px solid {COMMONBORDER}; width: 100%; } .dt th { background: {COMMONBG}; } .dt td, .dt th { padding: 7px 4px; border-bottom: 1px solid {COMMONBORDER}; } .dt .c { width: 50px; } /* 用来展示数据的表格 */ .tdat { width: 100%; border: 1px solid {COMMONBORDER}; } .tdat th, .tdat td { padding: 4px 5px; border: 1px solid {COMMONBORDER}; } /* == um 公告 帮助 message 通用列表 lum -- um list == */ .um { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px dashed {COMMONBORDER}; clear: left; } .umh { margin-bottom: 10px; overflow: hidden; } .umh h2, .umh h3 { clear: left; font-size: 14px; float: left; background: {WRAPBG} url({IMGDIR}/arrow.gif) no-repeat right 6px; padding-right: 14px; cursor: pointer; } .schfaq h3 { background: none; cursor: default; } .umh h3 a { color: {MIDTEXT}; } .umh h3 span { font-size: 12px; font-weight: 400; color: {MIDTEXT}; } .umh h2 em, .umh h3 em { margin-left: 8px; font-size: 12px; color: {LIGHTTEXT}; font-weight: 400; } .umh_act { float: right; } .umh .umh_cb { display: none; } .umh .umh_ext { display: block; } .umn { background: url({IMGDIR}/dash.gif) repeat-x 0 10px; clear: left; } .umn h3 { background: {WRAPBG} url({IMGDIR}/arrow.gif) no-repeat right -35px; font-size: 14px; } .umn .umh_cb { display: block; background-color: {WRAPBG}; color: {MIDTEXT}; cursor: pointer; } .umn .umh_ext { display :none; } .lum {} .lum h2 { font-size: 14px; } .lum ul { padding: 1em 0 1em 2em; margin-bottom: 1em; border-bottom: 1px dashed {COMMONBORDER}; } .lum ul li { padding: 0.2em 0; } /* pgs --> pages & postbutton 分页、发帖按钮, pgb -->返回首页, nxt -->下一页 */ .pgs {} .pgs #newspecial, .pgs #newspecialtmp, .pgs #post_reply, .pgs #post_replytmp { float: left; margin-right: 5px; } .pg { float: right; } .pg, .pgb { line-height: 26px; } .pg a, .pg strong, .pgb a, .pg label { float: left; display: inline; margin-left: 4px; padding: 0 8px; height: 26px; border: 1px solid; border-color: {SPECIALBORDER}; background-color: {WRAPBG}; background-repeat: no-repeat; color: {LINK}; overflow: hidden; text-decoration: none; } .pg a.nxt, .pgb a { padding: 0 10px; } .pg a:hover, .pgb a:hover { border-color: {HIGHLIGHTLINK}; color: {HIGHLIGHTLINK}; } .pg a.nxt { padding-right: 25px; background-image: url({IMGDIR}/arw_r.gif); background-position: 90% 50%; } .pg a.prev { background-image: url({IMGDIR}/arw_l.gif); background-position: 50% 50%; } .pg strong { background-color: {SPECIALBG}; } .pgb a { padding-left: 25px; background-image: url({IMGDIR}/arw_l.gif); background-position: 10px 50%; } .pg label { cursor: text; } .ie6 .pg label { padding-top: 3px; height: 23px; } .pg label .px { padding: 0; width: 25px; height: 16px; line-height: 16px; } #pgt .pg, #pgt .pgb { margin-top: 5px; } /* 用于行动的按钮 button action */ .bac {margin: 0; padding: 0; width: 70px; height: 30px;line-height: 30px; color: {LINK}; overflow: hidden; text-decoration: none; background: url({IMGDIR}/pg_arw.png) no-repeat 0 0; text-align: center; text-indent: -7px; display: block;} #psd .bn .mbn input, #postbox input { margin-right: 4px; } #postbox .mbn, #psd .mbn { height: 1.6em; line-height: 1.6em; } /* 用于积分奖励提示等弹出层提示 */ .popupcredit {} .pc_l, .pc_c, .pc_inner, .pc_r { width: 29px; height: 56px; line-height: 56px; background: url({IMGDIR}/popupcredit_bg.gif) no-repeat 0 0; } .pc_c { width: 200px; background-position: 0 -56px; background-repeat: repeat-x; } .pc_inner { white-space: nowrap; text-align: center; width: auto; background-position: 50% -112px; } .pc_inner i { margin-right: 10px; font-size: 12px; font-style: normal; color: {LIGHTLINK}; font-weight: 400; } .pc_inner span { margin-right: 15px; color: #FFEA97; font-size: 14px; font-weight: 700; } * html .pc_inner span { display: inline-block; } .pc_inner span a { color: #FFEA97; text-decoration: underline; } .pc_inner span em { color: {LIGHTLINK}; font-size: 18px; font-weight: 400; } .pc_inner span u { font-size: 10px; text-decoration: none; } .pc_inner span em.desc { color: #930; } .pc_btn img { opacity: 0.5; } .pc_btn:hover img { opacity: 1; } .pc_r { background-position: -30px 0; } /* 用于文字提示等弹出层提示 */ .popuptext .pc_l,.popuptext .pc_c,.popuptext .pc_inner,.popuptext .pc_r { background: url({IMGDIR}/popuptext_bg.gif) no-repeat 0 0; } .popuptext .pc_c { width: 200px; background-position: 0 -56px; background-repeat: repeat-x; } .popuptext .pc_inner { white-space: nowrap; text-align: center; width: auto; background-position: 50% -112px; } .popuptext .pc_r { background-position: -30px 0; } /* 快速跳转菜单 */ #fjump_menu { padding: 7px 0 10px 10px; } #fjump_menu .sch { position: absolute; top: 6px; right: 10px; } .jump_bdl { overflow: hidden; } .jump_bdl li { float: left; overflow-x: hidden; overflow-y: auto; margin-right: 10px; padding: 5px; width: 178px; height: 300px; border: 1px solid {WRAPBORDERCOLOR}; background: {WRAPBG}; } .ie6 .jump_bdl li { clear: none !important; float: left !important; width: 178px !important; } .bdl_title li { float: left; margin-right: 9px; padding: 0 1px; width: 189px; height: 33px; line-height: 23px; font-weight: 700; } .bdl_title .px { width: 80px; } .jump_bdl p { overflow: hidden; height: 25px; line-height: 25px; } .jump_bdl .sub { text-indent: 1em; } .jump_bdl .child { text-indent: 2em; } .jump_bdl a { display: block; position: static !important; padding: 0 4px; text-decoration: none; color: {TABLETEXT}; } .jump_bdl .a a, .jump_bdl .a a:hover { background-color: {SPECIALBG}; } /* 可用道具列表 by lushnis */ .mgcmn { width: 100px; } .mgcmn a { padding-left: 25px; line-height: 16px !important; } .mgcmn img { position: absolute; margin-left: -20px; } /* 高亮道具用到的 */ .cmen { overflow: hidden; width: 63px; } .cmen a { overflow: hidden; float:left; width: 20px; height: 20px; } /* 热点:站长推荐内容,在页面右下角弹出 */ .focus { position: fixed; right: 10px; bottom: 0; z-index: 300; overflow: hidden; width: 270px; background: {WRAPBG}; } * html .focus { position: absolute; top: expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight); } .fctrl { margin-left: 10px; font-weight: 400; } .fctrl img { margin-bottom: -4px; } .fctrl em { display: inline-block; } .focus .m img { width: 60px; height: 60px; } .focus dt { padding-top: 0; } /* 分享的验证码(全局) by Pony */ .m_c .sec .secq { display: block; margin: 5px 0 10px; } /* Name: mod_reason_select Level: Global Explain: 类似评分窗口中的评分原因选择的样式 Last Modify: Alice */ .reason_slct {} .reason_slct .reasonselect { height: 4.3em; overflow: scroll !important; overflow-x: auto !important; } .reason_slct .reasonselect li { white-space: nowrap; } .reason_slct .pt, .reason_slct .px { width: 25.2em !important; } .reasonarea { height: 5.8em; } .reason_slct .reasonselect:hover { height:auto; } /* Name: mod_filebtn Level: Global Sample: <div class="filebtn"> <input type="file" class="pf cur1" size="1" /> <button type="button" class="pn pnc"><strong>{lang}</strong></button> </div> Explain: 模拟 <input type="file" />,注意不要让 button 太宽 Last Modify: Pony */ .filebtn { position: relative; margin: 0 auto; width: 60px; overflow: hidden; } .filebtn .pf { position: absolute; right: 0; height: 23px; opacity: 0; filter:alpha(opacity=0); } /* 上传弹出层 */ .upfile { width: 220px; } .uploadform { padding: 0 10px; border: 1px dashed {COMMONBORDER}; background: {COMMONBG}; } /* Name: mod_flashupload Level: Global Explain: Flash 上传时的处理界面,结构参见 /static/js/fileprogress.js Last Modify: Pony 2012022813 */ .progressWrapper { overflow: hidden; width: 100%; } .progressContainer { overflow: hidden; margin: 5px; padding: 4px; border: solid 1px #E8E8E8; background-color: #F7F7F7; } .message { overflow: hidden; margin: 1em 0; padding: 10px 20px; border: solid 1px #FD9; background-color: #FFC; } /* Message */ .red { border: solid 1px #B50000; background-color: #FFEBEB; } /* Error */ .green { border: solid 1px #DDF0DD; background-color: #EBFFEB; } /* Current */ .blue { border: solid 1px #CEE2F2; background-color: #F0F5FF; } /* Complete */ .progressName { overflow: hidden; white-space: nowrap; width: 323px; height: 18px; text-align: left; font-weight: 700; color: #555; } .progressBarInProgress, .progressBarComplete, .progressBarError { clear: both; margin-top: 2px; width: 0; height: 2px; background-color: blue; font-size: 0; } .progressBarComplete { visibility: hidden; width: 100%; background-color: green; } .progressBarError { visibility: hidden; width: 100%; background-color: red; } .progressBarStatus { white-space: nowrap; margin-top: 2px; width: 337px; text-align: left; } a.progressCancel { display: block; float: right; width: 14px; height: 14px; background: url({IMGDIR}/cancelbutton.gif) no-repeat -14px 0; font-size: 0; } a.progressCancel:hover { background-position: 0 0; } .swfupload { vertical-align: top; } /* ------------------------------------------------------------------------ 拖拽及页面 DIY */ .frame, .frame-tab { margin-bottom: 10px; border: 1px solid {WRAPBORDERCOLOR}; background: {WRAPBG}; } .title { padding: 0 10px; height: 32px; font-size: 14px; font-weight: 700; line-height: 32px; overflow: hidden; } .frame-title, .frametitle, .tab-title { background: {COMMONBG} url({IMGDIR}/title.png) repeat-x 0 100%; } /* 新的框架结构 */ .frame-1-1-l, .frame-1-1-1-l, .frame-1-1-1-c, .frame-2-1-l, .frame-1-2-l, .frame-3-1-l, .frame-1-3-l { float: left; } .frame-1-1-r, .frame-1-1-1-r, .frame-2-1-r, .frame-1-2-r, .frame-3-1-r, .frame-1-3-r { float: right; } .frame-1-1-l, .frame-1-1-r { width: 49.9% } .frame-1-1-1-l, .frame-1-1-1-c, .frame-1-1-1-r, .frame-2-1-r, .frame-1-2-l { width: 33.3%; } .frame-2-1-l, .frame-1-2-r { width: 66.6%; } .frame-3-1-l, .frame-1-3-r { width: 74.9%; } .frame-3-1-r, .frame-1-3-l { width: 24.9%; } /* End */ /* X1 之前的框架结构 */ .frame .mn { margin-bottom: 0; } .frame .sd { min-height: 0; _height: auto; } .frame-1-1 .col-r { float: right; width: 49.9%; } .frame-1-1 .col-l { float: left; width: 49.9%; } .frame-1-2 .mn, .frame-1-2 .col-r, .frame .frame-1-2 .mn, .frame .frame-1-2 .col-r { float: right; width: 66.6%; } .frame-1-2 .sd, .frame-1-2 .col-l, .frame .frame-1-2 .sd, .frame .frame-1-2 .col-l { float: left; width: 33.3%; } .frame-2-1 .mn, .frame-2-1 .col-l, .frame .frame-2-1 .mn, .frame .frame-2-1 .col-l { float: left; width: 66.6%; } .frame-2-1 .sd, .frame-2-1 .col-r, .frame .frame-2-1 .sd, .frame .frame-2-1 .col-r { float: right; width: 33.3%; } .frame-1-3 .mn, .frame-1-3 .col-r, .frame .frame-1-3 .mn, .frame .frame-1-3 .col-r { float: right; width: 74.9%;} .frame-1-3 .sd, .frame-1-3 .col-l, .frame .frame-1-3 .sd, .frame .frame-1-3 .col-l { float: left; width: 24.9%;} .frame-3-1 .mn, .frame-3-1 .col-l, .frame .frame-3-1 .mn, .frame .frame-3-1 .col-l { float: left; width: 74.9%;} .frame-3-1 .sd, .frame-3-1 .col-r, .frame .frame-3-1 .sd, .frame .frame-3-1 .col-r { float: right; width: 24.9%} .frame-1-1-1 .col-l { float: left; width: 33.3%; } .frame-1-1-1 .col-c { float: left; width: 33.3%; } .frame-1-1-1 .col-r { float: right; width: 33.3%; } .frame .frame-1-1-1 .col-l, .frame .frame-1-1-1 .col-c, .frame .frame-1-1-1 .col-r { padding: 0; width: 33%; } .frame .frame-1-1 .col-l, .frame .frame-1-1 .col-r { width: 49.9%; } /* End */ .frame .title .titletext, .block .title .titletext{ float: left; } .frame-tab .tab-title .titletext { float: left; margin: 0 10px; } .tab-title { padding: 0; width: 100% !important; border: none; } .frame-tab .tb { margin-top: 0; padding-left: 15px; line-height: 32px; border: none; } .frame-tab .tb li { margin: 0; margin-left: -1px; font-weight: 400; } .frame-tab .tb li, .frame-tab .tb li a { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border-top: none; background: transparent none; } * html .frame-tab .tb li a { float: left; } .frame-tab .tb .a a { background: #FFF; font-weight: 700; } .frame-tab .tb-c { padding: 10px 16px; } .block { margin: 10px 10px 0; } .frame-1-2 .sd .block, .col-l .block, .frame-2-1 .mn .block, .frame-1-1-1 .col-c .block, .frame-1-3 .sd .block, .frame-3-1 .mn .block { margin-right: 10px; } .frame-1-2 .mn .block, .col-r .block, .frame-2-1 .sd .block, .frame-1-1-1 .col-c .block, .frame-1-3 .mn .block, .frame-3-1 .sd .block { margin-left: 10px; } body#space .block { margin: 0 5px 10px; } .temp {margin:1px;} /* 重定义 frame */ #ct .frame { margin: 0; border: none; } .bx { border: none; } .bx .frame-1-1-1 { background: transparent url({IMGDIR}/vline2.png) repeat-y 320px 0; } .bx .frame-2-1 { background: transparent url({IMGDIR}/vline.png) repeat-y 645px 0; } /* 拖动生成的页面元素 by lushnis */ .drag .block .title { margin-bottom: 0; padding-left: 0; font-size: 14px; font-weight: 700; } /* 重定义 block */ #ct .sd .block { margin: 0; } .block .xl1 ul li { padding-left: 10px; background: url({IMGDIR}/dot.gif) no-repeat 0 50%; } .ie_all .block .xl1 ul li { background-position: 0 6px; } /* Frame stylies by lushnis */ .xfs { border-top: none; } .xfs .frame-title, .xfs .frametitle, .xfs .tab-title { border: none; background: transparent url({IMGDIR}/mu.png) repeat-x 0 0; } .xfs .frame-title, .xfs .frametitle, .xfs .tab-title, .xfs .frame-title a, .xfs .frametitle a, .xfs .tab-title a { color: #FFF !important; } .xfs .tb li a { height: 32px; border: none !important; } .xfs .tb .a a { background: transparent url({IMGDIR}/mu.png) no-repeat 50% -165px; } .xfs_1 { border-color: #2267B5; } .xfs_1 .frame-title, .xfs_1 .frametitle, .xfs_1 .tab-title { background-color: #2267B5; background-position: 0 0; } .xfs_1 .tb .a a { background-position: 50% -66px; } .xfs_2 { border-color: #A90000; } .xfs_2 .frame-title, .xfs_2 .frametitle, .xfs_2 .tab-title { background-color: #A90000; background-position: 0 -99px; } .xfs_2 .tb .a a { background-position: 50% -165px; } .xfs_3 { border-color: #006C6C; } .xfs_3 .frame-title, .xfs_3 .frametitle, .xfs_3 .tab-title { background-color: #006C6C; background-position: 0 -198px; } .xfs_3 .tb .a a { background-position: 50% -264px; } .xfs_4 { border-color: #EC5A00; } .xfs_4 .frame-title, .xfs_4 .frametitle, .xfs_4 .tab-title { background-color: #EC5A00; background-position: 0 -297px; } .xfs_4 .tb .a a { background-position: 50% -363px; } .xfs_5 { border-color: #6F099E; } .xfs_5 .frame-title, .xfs_5 .frametitle, .xfs_5 .tab-title { background-color: #6F099E; background-position: 0 -396px; } .xfs_5 .tb .a a { background-position: 50% -462px; } .xfs_nbd { border: none; } .xfs_nbd .block { margin-top: 0; margin-bottom: 10px; } .xfs_nbd .col-l .block, .xfs_nbd .frame-1-1-l .block, .xfs_nbd .frame-2-1-l .block, .xfs_nbd .frame-1-2-l .block, .xfs_nbd .frame-3-1-l .block, .xfs_nbd .frame-1-3-l .block, .xfs_nbd .frame-1-1-1-l .block { margin-left: 0; } .xfs_nbd .sd .block, .xfs_nbd .col-r .block, .xfs_nbd .frame-1-1-r .block, .xfs_nbd .frame-2-1-r .block, .xfs_nbd .frame-1-2-r .block, .xfs_nbd .frame-3-1-r .block, .xfs_nbd .frame-1-3-r .block, .xfs_nbd .frame-1-1-1-r .block { margin-right: 0; } /* Block stylies by lushnis */ .xbs { background: no-repeat 0 100%; } .xbs .title { padding-left: 0; padding-right: 10px; background: no-repeat 100% 0; } .xbs .titletext { float: left; padding-left: 10px; background: no-repeat 0 0; } .xbs .dxb_bc { padding-bottom: 6px; background: transparent no-repeat 100% 100%; } .xbs .module, .xbs .portal_block_summary { padding: 10px 10px 4px; border-style: solid; border-width: 0 1px; } .xbs_1 { border: 1px solid #CCC; } .xbs_1 .title { padding: 0 10px; height: 31px; border-bottom: 1px solid #CCC; background: url({IMGDIR}/thead.png) repeat-x 0 0; line-height: 31px; } .xbs_1 .title, .xbs_1 .title a { color: #666 !important; } .xbs_1 .dxb_bc { padding: 9px 10px; } .xbs_2 { background-image: url({STATICURL}image/diy/bs_2_ft.png); } .xbs_2 .title, .xbs_2 .titletext { background-image: url({STATICURL}image/diy/bs_2_hd.png); } .xbs_2 .title, .xbs_2 .title a { color: #F60 !important; } .xbs_2 .dxb_bc { background-image: url({STATICURL}image/diy/bs_2_ft_r.png); } .xbs_2 .module, .xbs_2 .portal_block_summary { border-color: #E0E0E0; } .xbs_3 { background-image: url({STATICURL}image/diy/bs_3_ft.png); } .xbs_3 .title, .xbs_3 .titletext { background-image: url({STATICURL}image/diy/bs_3_hd.png); } .xbs_3 .title, .xbs_3 .title a { color: #FFF !important; } .xbs_3 .dxb_bc { background-image: url({STATICURL}image/diy/bs_3_ft_r.png); } .xbs_3 .module, .xbs_3 .portal_block_summary { border-color: #B2B2B2; background-color: #F1F1F1; } .xbs_4 { background-image: url({STATICURL}image/diy/bs_4_ft.png); } .xbs_4 .title, .xbs_4 .titletext { background-image: url({STATICURL}image/diy/bs_4_hd.png); } .xbs_4 .title, .xbs_4 .title a { color: #FFF !important; } .xbs_4 .dxb_bc { background-image: url({STATICURL}image/diy/bs_4_ft_r.png); } .xbs_4 .module, .xbs_4 .portal_block_summary { border-color: #B2B2B2; } .xbs_5 { background-image: url({STATICURL}image/diy/bs_5_ft.png); } .xbs_5 .title { padding: 0 10px; height: 30px; border: 1px solid; border-color: #F08C3B #F08C3B #DDD; background: url({STATICURL}image/diy/bs_5_hd.png) repeat-x 0 0; line-height: 30px; } .xbs_5 .title, .xbs_5 .title a { color: #BC4A2D !important; } .xbs_5 .dxb_bc { padding-bottom: 10px; background-image: url({STATICURL}image/diy/bs_5_ft_r.png); } .xbs_5 .module, .xbs_5 .portal_block_summary { padding: 10px 10px 0; border-color: #F08C3B; } .xbs_6 { background-image: url({STATICURL}image/diy/bs_6_ft.png); } .xbs_6 .title, .xbs_6 .titletext { background-image: url({STATICURL}image/diy/bs_6_hd.png); line-height: 24px; } .xbs_6 .titletext { height: 32px; } .xbs_6 .title, .xbs_6 .title a { color: #FFF !important; } .xbs_6 .dxb_bc { background-image: url({STATICURL}image/diy/bs_6_ft_r.png); } .xbs_6 .module, .xbs_6 .portal_block_summary { border-color: #4B85A0; } .xbs_7 { background-image: url({STATICURL}image/diy/bs_7_ft.png); } .xbs_7 .title, .xbs_7 .titletext { background-image: url({STATICURL}image/diy/bs_7_hd.png); } .xbs_7 .title, .xbs_7 .title a { color: #444 !important; } .xbs_7 .dxb_bc { background-image: url({STATICURL}image/diy/bs_7_ft_r.png); } .xbs_7 .module, .xbs_7 .portal_block_summary { border-color: #E5E5E5; } .fcs { font-size: 12px; } .fcs dt, .fcs dd { margin: 0; padding: 0; } .fcs dt { font-size: 18px; font-weight: 100; } .fcs dd, .fcs dd a { color: {MIDTEXT}; } /* 幻灯片 */ .slideblock { position: relative; } .slideshow { clear: both; } .slideshow li { position: relative; overflow: hidden; } .slideshow span.title { position: absolute; bottom: 0; left: 0; margin-bottom: 0; width: 100%; height: 32px; line-height: 32px; font-size: 14px; text-indent: 10px; } .slideshow span.title, .slidebar li { background: rgba(0, 0, 0, 0.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = #30000000, endColorstr = #30000000); color: {LIGHTLINK}; overflow: hidden; } .slidebar li { float: left; margin-right: 1px; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 10px; cursor: pointer; } .slidebar li.on { background: rgba(255, 255, 255, 0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = #50FFFFFF, endColorstr = #50FFFFFF); color: #000; font-weight: 700; } /* 清除DIY产生的多余样式使用的公共样式 */ .cl_frame_bm { margin: 0 !important; border: 0 !important;} .cl_block_bm { margin: 0 !important; border: 0 !important;} .cl_block_bm .dxb_bc { margin: 0 !important;} /* 侧边调用 */ /* 投票 */ .b_poll dt { padding-left: 20px; background: url({IMGDIR}/pollsmall.gif) no-repeat 0 9px; } .b_poll dd li { padding: 0 0 4px 20px; } .b_poll dd li .pc { float: left; margin: 4px 0 0 -20px; } .b_debate {} .b_debate dt { padding-left: 20px; background: url({IMGDIR}/debatesmall.gif) no-repeat 0 10px; } .b_debate .chart { position: relative; margin: 8px auto; padding: 0; width: 279px; height: 78px; background: url({IMGDIR}/p_debate_chart.png) no-repeat 0 0; } .b_debate .chart strong { position: absolute; top: 25px; width: 80px; font-size: 14px; text-align: center; } .b_debate .chart .debater2 { right: 0; } .b_debate .chart1, .b_debate .chart2 { position: absolute; left: 80px; bottom: 0; width: 40px; background: url({IMGDIR}/p_debate_chart.png) no-repeat 0 -78px; } .b_debate .chart2 { left: 159px; background-position: 100% -78px; } .b_debate p { height: 1.5em; overflow: hidden; } .b_hstab td { padding: 5px 0; border-bottom: 1px solid {COMMONBORDER}; } /* Name: mod_tip Level: Global Explain: 弹出的气泡信息,1、2、3、4 分别指气泡尖角从左上到左小顺时针方向的位置 Last Modify: lushnis */ .tip { position: absolute; padding: 10px; width: 260px; border: 1px solid #B1B1B1; background: #FEFEE9; } .tip_1, .tip_2 { margin-top: 8px; } .tip_3, .tip_4 { margin-top: -8px; } .tip_horn { position: absolute; width: 11px; height: 6px; overflow: hidden; } .tip_1 .tip_horn { left: 5px; top: -6px; background: url({IMGDIR}/tip_top.png); } .tip_2 .tip_horn { right: 5px; top: -6px; background: url({IMGDIR}/tip_top.png); } .tip_3 .tip_horn { right: 5px; bottom: -6px; background: url({IMGDIR}/tip_bottom.png); } .tip_4 .tip_horn { left: 5px; bottom: -6px; background: url({IMGDIR}/tip_bottom.png); } .tip_js .tip_horn { right: 61px; bottom: -6px; background: url({IMGDIR}/tip_bottom.png); } .aimg_tip { margin-top: 0; } /* 推荐商品 by dfox */ em.hot { position: absolute; left: -2px; top: -2px; text-indent: -9999px; overflow: hidden; background: url({IMGDIR}/hot.png) no-repeat 0 0; } /* 板块、群组、空间主区域/侧边搜索 by dfox */ .gsh { text-align: center; } .gsh h1 { margin: 1em 0 0.5em -60px; font-size: 16px; font-weight: 100; } .gsh .px { width: 272px; } .gsh .pns .px { margin-right: 3px; width: 190px; } /* 名片 */ .card { padding: 0; width: 295px !important; border-color: {SPECIALBORDER}; background: #FDFEFF; } .card .p_opt { padding: 0; } .card .avt { position: absolute; display: inline; margin-left: -70px; width: 70px; } .card_mn, .card_info { padding: 10px 10px 10px 80px; } .card_mn { min-height: 56px; } .ie6 .card_mn { height: 56px; } .card_info { border: dashed {COMMONBORDER}; border-width: 1px 0; } .card_msg { width: 95%; height: 4em; } .card a { padding: 0; display: inline !important; white-space: normal; border-bottom: none; } .card a:hover { background-color: transparent !important; color: {TABLETEXT}; text-shadow: none; } .card .o { clear: both; padding: 5px 10px; } .card .o a { float: left; margin: 3px 5px 3px 0; padding: 2px 0; width: 5em; border: 1px solid {SPECIALBORDER}; background: {SPECIALBG} url({IMGDIR}/card_btn.png) repeat-x 0 100%; line-height: 14px; text-align: center; } .ie_all .card .o a { padding: 3px 0 0; } .card .mgc, .card .f { padding: 0 10px 5px; } .card .f li { display: block; } .card_gender_0 { background: #efefef url({IMGDIR}/nosexbg.png) no-repeat bottom right; } .card_gender_1 { background: #bbebf9 url({IMGDIR}/gentlemanbg.png) no-repeat bottom right; } .card_gender_2 { background: #fce0df url({IMGDIR}/ladybg.png) no-repeat bottom right; } /* Name: mod_BIUC Level: Global Explain: 模块中编辑单条数据BIU、颜色选择器其中 colorwd 要配合 pn 使用(不要合并 colorwd 的 background,因为其他配色会受影响) Last Modify: Pony */ .ss em { display: block; float: left; margin-right: 2px; padding-left: 7px; width: 16px; line-height: 23px; background: #EEE; cursor: pointer; } .ss em.a { background: #09F; color: #FFF; } .dopt a { float: left; margin-right: 3px; width: 21px !important; height: 21px; line-height: 21px; text-align: center; } .dopt_b, .dopt_i, .dopt_l { border: 1px solid #F1F5FA; outline: none; } .dopt .cnt { border: 1px solid #999; background-color: {WRAPBG}; } .colorwd { margin-left: 3px; width: 23px !important; background-color: {MIDTEXT}; background-image: url({IMGDIR}/pn_color.png) !important; background-repeat: no-repeat; background-position: 0 0; } .colorwd:active { background-position: 0 0; } .ie6 .colorwd, .ie7 .colorwd { background-position: -1px -1px; } .ie6 a.colorwd, .ie7 a.colorwd { background-position: 0 0; } .colorpx { margin: 0 -3px 0 3px; border-right: none; } /* DIY图片幻灯片未加载时隐藏,模块标识隐藏 */ .slidebox, .block-name {display: none; } .imgzoom_title { padding: 10px 0 0; color: #666; } .imgzoom_exif { position: absolute; left: 10px; bottom: 24px; padding: 0 6px; height: 18px; background: rgba(0,0,0,.6); text-align: left; line-height: 1.5; color: white; overflow: hidden;} .imgzoom_exif_hover { height: auto; } .ie_all .imgzoom_exif, .imgzoom_exif_hover { background: #000; } .ie6 .imgzoom_exif { bottom: 39px; } .patch { width: 300px; } .patch .bm { border-color: #F26C4F; background: #FFF; } .patch .allfixed { border-color: #6C3; } .patch .bm_h { border: solid #FFF; border-width: 1px 1px 0; background: #F26C4F; } .patch .allfixed .bm_h { background: #6C3; } .patch h2, .patch .bm_h .y { color: #FFF; } .patch table { table-layout: fixed; } .patch th, .patch td { padding: 2px; border-bottom: 1px dotted #CDCDCD; } .patchdate { width: 70px; } .patchstat { width: 55px; } .unfixed { color: #F26C4F; } .plugin { width: 270px; } .plugin .bm_h { border-color: {COMMONBORDER}; color: {TABLETEXT}; background: {COMMONBG}; } /* 瀑布流布局 by Alice 1303191756 */ .waterfall { position: relative; margin-top: 15px; } .waterfall li { margin: 0 10px 10px 0; padding: 0 0 3px; text-align: left; border-width: 1px 0 0; border-top: 1px solid #EAEAEA; background: url({IMGDIR}/bg_waterfall.png) no-repeat 100% 100%; } .waterfall .c, .waterfall h3 { padding: 10px; border: solid #EAEAEA; border-width: 0 1px; background-color: #F8F8F8; } .waterfall .c { overflow: hidden; padding-bottom: 0; max-height: 800px; } .waterfall .c .nopic { display: block; background:{WRAPBG} url({IMGDIR}/nophototiny.png) no-repeat 50% 50%; cursor: pointer; } .waterfall .auth { padding: 0 10px 10px; border-width: 0 1px 1px; border-style: solid; border-color: transparent #EAEAEA #B9B9B9; background: #F8F8F8; } .waterfall .auth img { display: inline-block; margin: 0 1px; } /* 大分页按钮 by theo */ .pgbtn { margin: 5px 0 10px; } .pgbtn a { display: block; height: 40px; line-height: 40px; letter-spacing: 5px; text-align: center; border: 1px solid #DCDCDC; font-size: 14px; outline: none; border-radius: 5px; box-shadow: 0 1px 0 #F5F5F5; } .pgbtn a:hover { border-color: #BABABA; text-decoration: none; } .pgbtn a:active { background: #EEE; border-color: #D0D0D0; box-shadow: none; } /* 媒体样式 */ .media { display: block; margin-bottom: 20px; } .media_container { display: block; width: 100%; height: 100%; min-height: 20px; background: url("{IMGDIR}/img_loader.gif") no-repeat center; } .media_container a { text-decoration: none !important; } .media_tips { display: block; margin: 10px 0; text-align: center; } .media_tips a { font-size: 12px !important; color: #999 !important; text-decoration: none !important; } .media_tips a:hover { text-decoration: underline !important; }
module.css
/* Extend CSS file for Discuz! X (C) Comsenz Inc. http://www.comsenz.com Created & Modified by Alice, Monkey, Lushnis, Pony, Dfox & DragonLee. 1. 一些通用模块的样式 1. 公告 2. 在线会员列表 3. 类似群组中邀请好友中的好友列表 4. 动态列表 5. 进度条 6. 广场以外的引用、代码样式 7. 版主管理(包括2.3、2.4) 8. 登录注册 9. 标签 2. 发帖相关样式 1. 编辑器中的功能样式 2. 主题图标 3. 提交表单 4. 发特殊主题帖 3. 列表样式 1. 广场版块、群组分类列表 2. 房屋列表 3. 主题列表 4. 帖子内容区域样式 1. 结构 2. 作者、时间、楼层等一些属性 3. 帖子正文 1. 回帖推荐、点评等 2. 用户详细信息 3. 帖子附件及一些特殊样式(如锁定、引用、代码等) 4. 特殊帖样式 5. 广场和空间共用的商品、辩论等样式 6. 显示原始图片弹出层样式 5. 群组相关样式 6. 文章、日志等页面样式 7. 空间相关样式 8. 门户相关样式 9. 漫游相关样式 10.搜索相关样式 11.排行榜相关样式 12.统计相关样式 * 全局 CSS 样式参见 common.css * 以下为模块 CSS 写法举例 * 分类之间空三行,模块之间空两行,区块之间空一行 */ /** group::index **/ /* 群组 index 模块使用的CSS */ /** end **/ /** group::index,forum::index **/ /* 群组 index 和 论坛 index 模块使用的CSS */ /** end **/ /** forum **/ /* 论坛 所有模块使用的CSS */ /** end **/ /* ------------------------------------------------------------------------ 一些通用模块的样式 */ /** forum::index **/ #pt .y { width: 550px; height: 29px; overflow: hidden; } #chart { margin-bottom: 5px; } .chart { padding-left: 22px; background: url({IMGDIR}/chart.png) no-repeat 0 50%; color: {LIGHTTEXT}; } .chart em { color: {TABLETEXT}; } /* Name: mod_announcement Level: Function Explain: 公告。放置在不同位置时注意调整 #anc, #an li 的高度 Last Modify: Pony 1203191111 */ #an { margin-bottom: 5px; } #an dt { display: none; } #an li { float: right; clear: both; width: 526px; text-align: right; } #an li span { float: left; width: 450px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #an li em { float: left; width: 75px; color: {LIGHTTEXT}; } #anc, #an li { height: 29px; overflow: hidden; } #anc i { font-style: italic; } /* 在线会员列表 */ .oll li { float: left; overflow: hidden; white-space: nowrap; width: 19.9%; height: 24px; line-height: 24px; } .oll img { vertical-align: middle; } /* 论坛首页热点 by Pony */ .heat { width: 370px; } .heatl { padding-left: 15px; margin-left: 385px; background: url({IMGDIR}/vline.png) repeat-y 0 0; } /* 论坛首页四格 by Alice */ #category_grid { padding: 0; border-top:1px solid {COMMONBORDER}; } #category_grid table { width:100%;table-layout: fixed; } #category_grid td { width: 25%; } .category_l1, .category_l2, .category_l3, .category_l4 { line-height: 25px; background: #fff; overflow: hidden; } .category_l1 { line-height: normal; } .category_l1, .category_l2, .category_l3 { background: url({IMGDIR}/category_lbg.png) no-repeat right center; } .ie6 .category_l4 { margin-right: -3px; } .slidebox_grid { position: relative; margin: 10px; border: 1px #ccc solid; } #category_grid h4 { width:100%; height: 30px; line-height: 30px; text-indent:10px; font-size: 12px; cursor: pointer; background: url({IMGDIR}/tb.png) repeat-x; position:relative; } .category_newlist { padding: 10px; } .category_newlist li { background:url({IMGDIR}/dot.gif) no-repeat left center; height: 21px; line-height:21px; overflow: hidden; padding-left:10px; } #category_grid h4 span { background:#CDCDCD; width:1px; height:30px; display:inline-block; position:absolute; left:0; top:0; } #category_grid h4 span.tit_newimg { background:#FFF; } #category_grid .newimgbox:hover h4 span, #category_grid .subjectbox:hover h4 span, #category_grid .replaybox:hover h4 span, #category_grid .hottiebox:hover h4 span, #category_grid .goodtiebox:hover h4 span { width:6px; background:url({IMGDIR}/grid.png) no-repeat 0 0;transition:width 0.2s ease 0s; overflow:hidden; } #category_grid .newimgbox:hover h4 span.tit_newimg { background-position:0 -30px; } #category_grid .subjectbox:hover h4 span.tit_subject { background-position:0 0; } #category_grid .replaybox:hover h4 span.tit_replay { background-position:0 -30px; } #category_grid .hottiebox:hover h4 span.tit_hottie { background-position:0 -60px; } #category_grid .goodtiebox:hover h4 span.tit_goodtie { background-position:0 -90px; } /** end **/ /** misc::faq **/ /* Explain: 帮助页面的标题要显示出来 Last Modify: Pony 1203231449 */ .ct2_a h1.mt { display: block; } /** end **/ /** misc::invite,group,forum::viewthread,portal::view,home::space **/ /* .usl -> 用于类似群组中邀请好友中的好友列表 by Pony */ .usl { overflow: scroll; overflow-x: hidden; padding: 5px; width: 580px; height: 280px; } .usl2 { width: auto; border: dashed {WRAPBORDERCOLOR}; border-width: 0 1px 1px; } .usl li { overflow: hidden; float: left; margin: 3px; width: 134px; height: 64px; } .usl a { display: block; padding: 4px; border: 1px solid {WRAPBG}; } .usl a:hover { text-decoration: none; border: 1px solid; border-color: #DDD #999 #999 #DDD; background: {COMMONBG}; } .usl .avt { float: left; margin-right: 5px; width: 52px; height: 52px; border: 1px solid {COMMONBORDER}; background-color: {WRAPBG}; background-position: 2px 2px; background-repeat: no-repeat; zoom: 1; } .usl .d { float: left; width: 65px; height: 54px; overflow: hidden; word-wrap: break-word; } .usl li.a a, .usl li.a a:hover { border-color: #F90; background-color: #FFF1E1; } .usl li.a .avt span { display: block; margin-left: 2px; width: 50px; height: 50px; background: url({IMGDIR}/mark.png) no-repeat left bottom; } .usd { padding: 5px 10px 0; border: solid {WRAPBORDERCOLOR}; border-width: 1px 0; background-color: {COMMONBG}; } .usd2 { border-width: 1px; border-style: dashed; } .usd li { float: left; margin-right: 1%; width: 48%; } /** end **/ /** home::space,home::spacecp,group::group,userapp::userapp,misc::ranklist,portal::view,forum::viewthread,group::viewthread,home::medal,misc::tag **/ /* .el -> feed_list 动态列表 by Pony */ .e { overflow: hidden; } .e .i, .el .i { padding: 6px 10px; border-bottom: 1px dashed {COMMONBORDER}; background: #F7F7F7; } .el {} .et { margin: 20px 0 10px; } .el li { padding: 10px 20px; min-height: 20px; border-bottom: 1px dashed {COMMONBORDER}; } .ie6 .el, .ie6 .el li { zoom: 1; } .el .t { position: absolute; margin: 1px 0 0 -20px; } .el .o { overflow: hidden; float: right; margin: 4px -20px -4px 0; width: 16px; height: 16px; text-indent: 20px; background: url({IMGDIR}/op.png) no-repeat -2px -62px; } /* 外宽改变时 .ie6 .el .o, .ie6 .xlda .el .o 的 margin 值需要更改 */ .ie6 .el .o { position: absolute; margin: 2px 0 0 525px; } .el .del { background-position: -2px -22px; } .el .d { padding-top: 10px; color: {MIDTEXT}; } .ec .tn { margin: 10px 10px 0 0; cursor: pointer; } .ec a .tn { float: left; padding: 2px; max-width: 90px; max-height: 90px; border: 1px solid {COMMONBORDER}; } .ie6 .ec a .tn { width: expression(this.width > 90 && this.width >= this.height ? 90 : true); height: expression(this.height > 90 && this.width <= this.height ? 90 : true); } .el .ec .hot { float: right; margin: 10px 0 0 10px; width: 55px; height: 50px; background: url({IMGDIR}/hotspot.gif) no-repeat; } .el .ec .hot a { display: block; line-height: 20px; text-align: center; color: #FFF; } .el .ec .hot a:hover { text-decoration: none; } .el .ec .hot em { display: block; line-height: 30px; font-size: 16px; color: {HIGHLIGHTLINK}; cursor: pointer; } .el a { color: {HIGHLIGHTLINK}; } /* 有头像的动态列表 */ .xlda .el { overflow: hidden; float: left; margin-top: -4px; width: 100%; } .xlda .el li { margin-bottom: -4px; padding-top: 14px; } .ie6 .xlda .el .o { margin: 2px 0 0 460px; } #share_preview .h { display: none; } /** end **/ /** forum::viewthread,group::viewthread,home::task,misc::stat,home::space **/ /* 进度条 */ .pbg { height: 16px; background: url({IMGDIR}/pllb.png) 0 0 repeat-x; -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; } .pbr { height: 16px; width: 470px; background-image: url({IMGDIR}/pllb.png); background-color: #5AAF4A; background-position: 0 -16px; background-repeat: repeat-x; -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; } .pbg2 { display: block; height: 10px; width: 130px; margin: 0 auto; background: url({IMGDIR}/ico_jdt.png) 0 -10px repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pbr2 { display: block; height: 10px; background: url({IMGDIR}/ico_jdt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /* 勋章链接hover时不显示下划线 by Pony 20110519 */ .md_ctrl a:hover { text-decoration: none; } /** end **/ /** forum::forumdisplay,forum::viewthread,group::viewthread **/ #vfastpost{background:#E5EDF2;padding:3px;} .previewvfastpost{margin:0px 10px 3px 10px;} .fullvfastpost{margin-top:30px;} #vfastpost th, #vfastpost td{padding: 0px;} #vfastpost td{height:38px;} #vfastpost #vf_l{width:5px;background: url({IMGDIR}/v.png) no-repeat -30px -39px;} #vfastpost #vf_m{background: url({IMGDIR}/v.png) repeat-x 0px -79px;} #vfastpost #vf_m input{border:1px solid white; width: 100%; border: 1px solid white; outline: none; font-size: 14px; } #vfastpost #vf_r{width:10px;background: url({IMGDIR}/v.png) no-repeat -47px -119px;} #vfastpost #vf_b{width:120px;} #vfastpost #vf_b button{width:120px;display:block;height:38px;line-height:100px;overflow:hidden;background: url({IMGDIR}/v.png) no-repeat 0 0; margin: 0; padding: 0; border: none;} /** end **/ /** forum::viewthread,group::viewthread **/ .tig_bottom{color:#B1B1B1;display:block;height:8px;top:56px;margin-left:20px;position:absolute;z-index: 99;} .tig_bottom1{color:#FEFEE9;display:block;height:8px;top:55px;margin-left:20px;position:absolute;z-index:111;} .vct{font: 12px/1.5 Tahoma;margin:0;} .container{border:1px solid #B1B1B1;margin-top:8px;margin-right:80px;background-color:#FEFEE9;border-radius: 3px;padding: 5px;width:120px;position:absolute;top:-80px;right:0;} /* 点击加载下一页按钮样式 by Alice */ .pgbtn a { display: block; margin-bottom: 10px; border: 1px solid rgb(194, 213, 227); border-radius: 3px; text-align: center; } .pgbtn a:hover { background: #fff; text-decoration: none; } /* 贴子页开启半闭左右列表 by Alice */ .side_btn { position:relative; display:block; } .ie_all .side_btn { display:inline; } .side_btn a { position:absolute; left:-21px; top:-10px; display:block; width:7px; height:38px; overflow:hidden; } .side_btn a.btn_s_close { left:-27px; top:-10px; } .side_btn a.btn_s_open { left:-21px; top:-10px; } .ie8 .side_btn a.btn_s_close,.ie8 .side_btn a.btn_s_open { top:-27px;} .ie9 .side_btn a.btn_s_close,.ie8 .side_btn a.btn_s_open { top:-27px;} .ie10 .side_btn a.btn_s_close,.ie8 .side_btn a.btn_s_open { top:-27px;} /** end **/ /** forum::forumdisplay,forum::viewthread,group::viewthread,home::space,home::spacecp,home::invite,portal::view,portal::comment,forum::post,group::post **/ /* 广场以外的引用、代码样式 by Pony */ .quote { overflow: hidden; margin: 10px 0; padding-left: 16px; background: url({IMGDIR}/qa.gif) no-repeat 0 0; color: {MIDTEXT}; } .quote blockquote { display: inline; margin: 0; padding-right: 16px; background: url({IMGDIR}/qz.gif) no-repeat 100% 100%; } .m_c .quote { width: 585px; } .blockcode { overflow: hidden; margin: 10px 0; padding: 5px 10px; background: #F7F7F7; color: {MIDTEXT}; } .blockcode code { font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; } * html .blockcode code { font-family: 'Courier New', serif; } /** end **/ /** forum::modcp,misc::stat **/ /* 版块管理 */ .mdcp {} .stl { float: left; width: 15%; } .str { float: left; overflow: auto; overflow-y: hidden; width: 84%; *padding-bottom: 17px; } /** end **/ /** misc::tag **/ /* 标签列表 by Pony */ .taglist { min-height: 270px; } .ie6 .taglist { height: 270px; } .taglist a { margin-right: 20px; line-height: 30px; white-space: nowrap; } /** end **/ /* ------------------------------------------------------------------------ 发帖相关样式 */ /** forum::post,forum::forumdisplay,forum::viewthread,group::post,group::forumdisplay,group::viewthread **/ .ct2_a .mn { float: left; } .appl { float: right; margin-top: 8px; border: none; background-color: transparent; } .upf { width: 500px; } *+html .upf { width: 520px; } .upnf { white-space: normal; } .upbk { zoom: 1; } .fldt { margin-bottom: 8px; } .p_pop .flb { position: absolute; right: 10px; top: 18px; *top: 13px; } .fnm { width: 130px !important; } .fszm { width: 55px !important; line-height: normal; } .fnm li, .fszm li, .simm li { cursor: pointer; } .qsv { padding-left: 16px; width: 16px; height: 16px; background: url({IMGDIR}/repquote.gif) no-repeat 50% 50%; cursor: pointer; } /* 发帖时选择标签 by Pony */ .marked { padding-right: 16px; background: url({IMGDIR}/mark.png) no-repeat 100% 50%; } #taglistarea a { white-space: nowrap; zoom: 1; } #taglistarea .marked { padding-right: 0; background: none; font-weight: 700; color: {NOTICETEXT} !important; } /** end **/ /** forum::post,group::post **/ #post_extra_tb { position: relative; z-index: 2; } #post_extra_tb label { float: left; margin-right: 3px; height: 21px; border: 1px solid {COMMONBORDER}; line-height: 21px; white-space: nowrap; } #post_extra_tb label.a { border-bottom-color: {SPECIALBG}; background: {SPECIALBG} none; box-shadow: none; } #post_extra_tb label span { float: left; padding: 0 8px 0 20px; background: url({IMGDIR}/dot.gif) no-repeat 8px 8px; line-height: 21px; } #post_extra_tb span.a { background-image: url({IMGDIR}/dot_c.gif); } #post_extra_c { position: relative; z-index: 1; } #post_extra_c .exfm { margin: -1px 0 0; border: 1px solid {COMMONBORDER}; } #extra_additional_c label { float:left; width: 16%; } #draftlist { border-style: solid; border-width: 1px 1px 0; border-color: {WRAPBG}; } #draftlist.a { position: relative; z-index: 302; border-color: {DROPMENUBORDER}; {DROPMENUBGCODE} } #draftlist_menu { margin-top: -1px; padding: 10px; border: 1px solid {DROPMENUBORDER}; {DROPMENUBGCODE}; } /** end **/ /** forum::post,forum::forumdisplay,forum::viewthread,group::post,group::forumdisplay,group::viewthread,portal::portalcp,home::spacecp **/ .p_tbl { height: auto; line-height: 160%; border-bottom: none; } .p_tbl table { *table-layout: fixed; } .p_tbl table td { height: 28px; line-height: 28px; border-bottom: 1px solid {COMMONBG}; } .atnu { width: 16px; } /*.attachctrl { width: 40px; }*/ .atna {} .atna p img, .attswf p img { vertical-align: middle; height: 16px; } .atna .lighttxt, .attswf .lighttxt { color: {MIDTEXT} !important; } .attpr { width: 40px; text-align: center; } .attv .px, .attp .px { width: 25px; } .attv { width: 100px; } .atturl img { height: 20px !important; } .attc { width: 20px } *+html .attc { width: 40px; } .atds { width: 80px; text-align: center; } .atds .px { width: 60px; } .attp { text-align: center; width: 40px; } .attach_preview { border: 1px solid {COMMONBORDER}; box-shadow: 0 0 5px rgba(96, 96, 96, 0.3); } .ie8 .attach_preview, .ie9 .attach_preview { top: 57px; right: 18px; } /** end **/ /** forum::post,group::post,portal::portalcp,home::spacecp **/ /* 发帖、日志、文章时上传的图片列表样式 by Pony 11090615 */ .upfl { margin-top: -1px; height: auto !important; height: 165px; max-height: 300px; overflow: auto; overflow-x: hidden; } .upfl a, #imgattachlist a { color: {HIGHLIGHTLINK}; } .upfl table td { border-bottom: 1px solid {COMMONBORDER}; height: 30px; line-height: 24px; } .imgl { margin-bottom: 5px; width: 100%; *width: 99.6%; } .imgl td { padding: 8px 0; text-align: center; vertical-align: bottom; } .imgl tr:last-child td { border-bottom: none; } .imgl img { border: 1px solid {LIGHTTEXT}; max-width: 110px; } .ie6 .imgl img { width: expression(this.width > 110 ? 110 : true); } .imgf .px { width: 106px; padding: 2px; height: 14px; line-height: 14px; } .imgdeleted { opacity: 0.3; filter: alpha(opacity=30); } /* Name: mod_opattach Level: Function Explain: 发文章时上传的图片上的操作区域的样式 Last Modify: Pony 11082416 */ .opattach { display: block; position: relative; margin: 0 auto; width: 110px; border: 1px solid #CDCDCD; } .opattach:hover { text-decoration: none; } .opattach_ctrl { display: none; position: absolute; bottom: 0; left: 0; width: 100%; color: #FFF; background: transparent; background: rgba(0, 0, 0, 0.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = #30000000, endColorstr = #30000000); } .opattach:hover .opattach_ctrl { display: block; } .opattach img { border: none; } /* 重定义日志和文章的编辑器弹窗 by Pony 11082217 */ .tfm .fwin .t_l, .tfm .fwin .t_c, .tfm .fwin .t_r, .tfm .fwin .m_c, .tfm .fwin .b_l, .tfm .fwin .b_c, .tfm .fwin .b_r { padding: 0; } .tfm .fwin th { padding: 0; width: auto; } .tfm .fwin .px { width: auto; } .tfm .fwin .upfl table td { border-bottom: none; } /** end **/ /** forum::viewthread,forum::forumdisplay,forum::post,group **/ /* 主题图标 by michael */ #newspecial_menu { width: 90px; } #newspecial_menu li, #sti .wx { display: block; background: url({IMGDIR}/folder_new.gif) no-repeat 8px 50%; zoom: 1; } #newspecial_menu .poll, #sti .poll { background-image: url({IMGDIR}/pollsmall.gif); } #newspecial_menu .trade, #sti .trade { background-image: url({IMGDIR}/tradesmall.gif); } #newspecial_menu .reward, #sti .reward { background-image: url({IMGDIR}/rewardsmall.gif); } #newspecial_menu .activity, #sti .activity { background-image: url({IMGDIR}/activitysmall.gif); } #newspecial_menu .debate, #sti .debate { background-image: url({IMGDIR}/debatesmall.gif); } #newspecial_menu a { display: block; padding: 3px 0 3px 30px; white-space: normal; } #newspecial_menu a:hover { background: none; color: {HIGHLIGHTLINK}; text-shadow: none; text-decoration: underline; } #sti {} #sti .wx { padding-left: 25px; background-position: 0 50%; } #sti .tb { margin-top: 0; } /** end **/ /** forum::modcp,forum::post,group::post,home::spacecp,portal::portalcp **/ /* 提交表单 */ .exfm { margin: 10px 0; padding: 10px 14px; border: 1px dashed {SPECIALBORDER}; background: {SPECIALBG}; } .exfm .pn { height: 22px; line-height: 22px; font-size: 12px; } .ie6 .exfm .pn, .ie7 .exfm .pn { line-height: 16px; } .exfm .rq { float: right; padding-right: 2px; } .exfm table { width: 100%; } .exfm table th, .exfm table td { padding: 4px 2px; } .mdcp .um { margin-bottom: 0; padding: 10px 5px; } /* 发特殊主题帖 by dfox */ .sinf p, .sadd p { padding: 2px 0; height: 30px; line-height: 30px; } .sinf .px, .sadd .px { width: 120px; } .sinf { float: left; padding-right: 14px; width: 380px; border-right: 1px dashed {WRAPBORDERCOLOR}; } .sinf h4 { padding: 6px 0; } .sinf textarea { width: 368px; height: 80px; } .sinf a.d { margin-top: 8px; } .sinf object { vertical-align: middle; } .onum { float: left; margin-right: 6px; width: 16px; } .oinf { width: 270px !important; } .sinf dl, .sadd dl { overflow: hidden; } .sinf dl dt, .sadd dl dt { float: left; padding-top: 3px\9; width: 75px; clear: left; } .sinf dl dd, .sadd dl dd { margin-bottom: 10px; overflow: hidden; } .sinf dl dd { width: 300px; } .sinf span.fb, .sadd span.fb { display: block; float: left; margin-right: 6px; height: 26px; line-height: 26px; white-space: nowrap; } .sinf dl dd strong { padding: 0 8px; } .sadd { float: left; margin-left: 10px; width: 520px; overflow: hidden; } .sadd dl dd { width: 420px; } .ct2_a .sadd { width: 360px; } .ct2_a .sadd dl dd { width: 260px; } .spl em { float: left; margin-right: 9px; height: 20px; line-height: 20px; } .spl input[type=radio] { margin: 0 3px 0 0; } .spimg { margin: 0 10px 0 0; width: 200px; border: 1px solid #AAA; } .spmp { width: 30px; } .spmf { width: 300px; } .spmf, .spmf3 { overflow: hidden; _height: 1%; } .spmf label, .spmf3 label{ display: block; padding-top: 5px; } .spmf em{ float: left; width: 150px; } .spmf3 em{ float: left; margin-right: 12px; } .spmf3 .px { margin: 0 !important; width: 72px; } /** end **/ /** forum::forumdisplay,forum::viewthread,group::forumdisplay,group::viewthread **/ /* 开启快速发帖和推荐表情时的样式 by Pony */ #f_pst .bm_c { padding: 20px; } #f_pst .tedt { width: auto; } .hasfsl { margin-right: 170px; zoom: 1; } #f_pst .upfl { height: auto; max-height: 100%; } #f_pst .upfl td { padding: 4px 0; } #f_pst .atds { width: 100px; } #f_pst .px { padding: 2px; } /* Name: mod_mobile-type Level: Function Explain: 手机发帖的相关样式 Author: Lushnis Last Modify: Pony 1204111343 */ .mobile-type { position: absolute; margin: -5px 0 -85px 103px; width: 58px; height: 80px; background: url({IMGDIR}/mobile-type.png) no-repeat 100% 100%; } .ie6 .mobile-type, .ie7 .mobile-type { margin-left: 88px; } .mobile-type a { display: block; width: 46px; height: 80px; background: url({IMGDIR}/mobile-type.png) no-repeat 0 0; } .mobile-type-2 a { background-position: 0 -80px; } .mobile-type-3 a { background-position: 0 -160px; } .mobile-type-4 a { background-position: 0 -240px; } .ie6 .mobile-type, .ie6 .mobile-type a { background-image: url({IMGDIR}/mobile-type-ie6.png) !important; } .mobile-location { padding-left: 20px; background: url({IMGDIR}/mobile-attach-2.png) no-repeat 0 0; } /* Name: threadbeginid Level: Function Explain: 起始动画或图片的位置样式 Author: Jane Last Modify: Jane 1210251731 */ #threadbeginid { position: fixed; top: 0px; left: 0px; z-index: 999; } #threadbeginid .beginidin { position: absolute; top: 0; right: 0px; z-index: 999; } #threadbeginid .beginidimg { background: white; filter:alpha(opacity=0); opacity: 0; } /** end **/ /* ------------------------------------------------------------------------ 广场版块、群组分类等列表样式 */ /** forum::index,forum::forumdisplay,group::index,group::group,search::group **/ /* 版块列表 */ .fl {} .fl_tb { width: 100%; } .fl_tb td { padding: 10px 0; } .fl_icn { padding-right: 10px !important; width: 31px; } .fl_by { width: 220px; } .fl_by div { margin-left: 10px; width: 210px; padding-left: 8px; word-break: keep-all; word-wrap: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .fl_by div .xi2 { zoom: 1; } .fl_by cite { display: block; } .fl_i { width: 150px; text-align: right; } .fl_i em { display: block; width: 5em; } .fl .i_z { margin-right: 8px; padding-right: 8px; border-right: 1px solid {CONTENTSEPARATE}; } .fl_icn_g { float: left; width: 31px; } .fl_g { vertical-align: top; } .fl_g dl { margin-left: 31px; padding-left: 10px; } .fl_g dt { font-weight: 700; } .fl_row td { border-top: 1px dashed {COMMONBORDER}; } /* 群组分类列表 */ .flt {} .flt .flc { width: 294px; } .gcop { margin-right: 15px; clear: left; } .ghfl dt, .flt dt { font-size: 14px; font-weight: 700; } .ghfl dt span, .flt dt span, .flt dd span { font-size: 12px; font-weight: 200; color: {LIGHTTEXT}; } .ghfl dd, .flt dd { line-height: 1.8em; } /** end **/ /** forum::forumdisplay **/ /* Name: mod_board_navigation Level: Function Explain: 看贴页左侧的版块导航。宽度在CSS里没有默认值,宽度在后台设置 Last Modify: Jane */ .bdl { float: left; overflow: hidden; border: 1px solid #BDD7E3; background-color: #F5F9FB; } .ie6 .bdl { position: relative; } .bdl_h { height: 32px; line-height: 22px; } .bdl .tbn { margin: 10px; } /* 分区 */ .bdl dl { margin: -1px -10px 0; } .bdl dt { overflow: hidden; height: 27px; line-height: 27px; border: solid #CCE0EB; border-width: 1px 0; background: #F5F9FB url({IMGDIR}/titlebg_sd.png) repeat-x 100% 0; } .bdl dt a { display: block; padding: 0 15px 0 10px; } .bdl dt a:hover, .bdl_a a:hover { text-decoration: none; } /* 版块,默认收起 */ .bdl dd { display: none; } .bdl dd a { display: block; margin: 0 3px; padding: 0 7px; height: 26px; line-height: 26px; overflow: hidden; } /* 展开的分区 */ .bdl dl.a { padding-bottom: 4px; background-color: #FFF; } .bdl dl.a dt { margin-bottom: 3px; background-position: 100% -27px; } .bdl dl.a dd, .bdl_fav dd { display: block; overflow: hidden; zoom: 1; } /* 当前版块 */ .bdl dd.bdl_a a { background-color: #F5F9FB; font-weight: 700; color: {HIGHLIGHTLINK}; } .previewPost { width: 100%; font-size: 14px; } /* 点击加载下一页按钮样式 */ #autopbn { display: block; margin-bottom: 10px; border: 1px solid rgb(194, 213, 227); border-radius: 3px; text-align: center; } #autopbn:hover { background: #fff; text-decoration: none; } /* 上涨和下降图标样式 */ .ico_increase, .ico_fall { display: inline-block; width: 16px; height: 16px; margin: 0 5px; background: url({IMGDIR}/increase.png) no-repeat left center; vertical-align: middle; text-indent: -999em; } .ico_fall { background: url({IMGDIR}/fall.png) no-repeat left center; } /* 版块热帖日历样式 */ #ReTie_review h6 { padding: 0 10px; line-height: 27px; } .review_this { padding: 5px 0 10px; } .review_this li { float: left; width: 7.5%; text-align: center; } /* Level: Channel Explain: 板块新帖提醒 Last Modify: Max.Cong */ #forumnew{ position: absolute; right: 0; top: 0; z-index: -1; } .tl #forumnewshow { background: #FFFAF3; font-size: 12px; text-align: center; } .tl #forumnewshow th, .tl #forumnewshow td { padding: 0; border: 0; } .tl #forumnewshow th:hover, .tl #forumnewshow td:hover{ background: #FFFFE9; } .tl #forumnewshow a { display: block; border-top: 1px solid #F4E4B4; border-bottom: 1px solid #F4E4B4; text-indent: 25px; height: 29px; line-height: 29px; color: #EFAA00; } .tl #forumnewshow a:hover { text-decoration: none; } #checknewline tr td, #checknewline tr th { background: #FFFFEB; text-align: center; color: #666; } .newthread tr th, .newthread tr td { background: #FFFAF3; } .newthread .new em { margin-right: 4px; } .newthread .new em, .newthread .new em a { color: #007CD5; font: {FONTSIZE} {FONT}; } /* .tl .newthread tr:hover th, .tl .newthread tr:hover td{ background-color: transparent; } */ .forumrefresh { padding-right: 14px; background: url({IMGDIR}/refresh.png) no-repeat 100% 50%; } /** end **/ /** forum **/ /* Name: mod_forum_jump Level: Function Explain: 快速跳转菜单 Last Modify: Pony 11080915 */ #fjump_menu { overflow-x: hidden; max-height: 600px; } #fjump_menu dl { width: 200px; } #fjump_menu dt { font-weight: 700; } #fjump_menu dd { text-indent: 1em; } #fjump_menu li.a a { background-color: {SPECIALBG}; } /** end **/ /* ------------------------------------------------------------------------ 主题列表样式 */ /** forum::forumdisplay,forum::viewthread,forum::modcp,forum::collection,group,home::space,home::task,home::follow,search::forum,search::group,member::groupexpiry,misc::ranklist,misc::stat,misc::tag,forum::guide,portal::block **/ /* fct --> froumatction 板块功能按钮 */ .fct a { float: left; margin-left: 8px; } .fa_fav_0, .fa_fav, .fa_rss, .fa_achv, .fa_bin, .fa_ivt { padding-left: 20px; background: no-repeat 0 50%; } .fa_fav_0 { background-image: url({IMGDIR}/fav_grey.gif); } .fa_fav { background-image: url({IMGDIR}/fav.gif); } .fa_rss { background-image: url({IMGDIR}/feed.gif); } .fa_achv { background-image: url({IMGDIR}/clock.gif); } .fa_bin { background-image: url({IMGDIR}/recyclebin.gif); } .fa_ivt { background-image: url({IMGDIR}/user_add.gif); } /* 主题列表相关 */ /*.tl .th th a { float: left; margin-right: 10px; padding-right: 17px; background: url({IMGDIR}/arw_d2.gif) no-repeat 100% 50%; }*/ #fh { width: 644px; } .mw #fh { width: 100%; } #fh .bm { padding-top: 5px; padding-bottom: 0; } #nv_group #fh { margin-bottom: 1em; } #fh #gh { padding-top: 10px; } #fh .h { margin-top: 10px; } #fh .h * { float: left; } #fh h1 { margin-right: 10px; font-size: 16px; } #fh .h .y { float: right; } #fh .o a { float: left; margin-right: 10px; } #fh.m { padding-top: 0; background-color: {COMMONBG}; } .xst { font-family: {THREADTITLEFONT}; font-size: {THREADTITLEFONTSIZE}; } .xst i { font-style: italic; } /* threadtype 帖子类型 */ .ttp { margin-bottom: 5px; padding-top: 10px; border-width: 2px 0 0; background: transparent; } .ttp li { float: left; padding-bottom: 5px; } .ttp a, .ttp strong { float: left; margin-right: 5px; padding: 4px 8px 3px; height: 18px; border: 1px solid {COMMONBORDER}; background: {WRAPBG}; white-space: nowrap; } .ttp a:hover { border-color: {HIGHLIGHTLINK}; color: {HIGHLIGHTLINK}; text-decoration: none; } .ttp .a a { padding-right: 12px; padding-left: 12px; border-color: {HIGHLIGHTLINK}; background: {SPECIALBG}; color: {HIGHLIGHTLINK}; } .ttp .pipe { float: left; margin-right: 10px; padding: 0; width: 2px; height: 27px; background: {SPECIALBORDER}; text-indent: -9999px; } /* 版块有大量主题分类时的展开收起样式 by Pony */ .cttp { overflow: hidden; padding-right: 35px; height: 32px; } .cttp .unfold, .cttp .fold { float: right; display: inline; margin: 5px -35px 9px 0; padding: 0 0 0 10px; width: 25px; height: 18px; background-color: transparent; color: {HIGHLIGHTLINK}; font-weight: 400; } /* tl --> Thread list modify by lushnis */ .tl .bm_c { padding-top: 0; } .tl table { width: 100%; table-layout: fixed; border-collapse: separate; } .tl th, .tl td { padding: 5px 0; border-bottom: 1px solid {CONTENTSEPARATE}; } .emptb th, .emptb td { padding: 0; border-bottom: none; } .tl tr:hover th, .tl tr:hover td { background-color: {COMMONBG}; } .tl .threadpre td, .tl .threadpre:hover td { background-color: #FCFCFC; } .tl .threadpre .threadpretd { border-left: 1px solid {CONTENTSEPARATE}; border-right: 1px solid {CONTENTSEPARATE}; } .tl th .tdpre, .tl td.fn .tdpre { visibility: hidden; display: inline; width: 31px; height: 17px; margin-top: 3px; background-image: url({IMGDIR}/preview.png); text-indent: -999em; overflow:hidden; } .tl th:hover .tdpre, .tl td.fn:hover .tdpre { visibility: visible; } .ie6 .tl th .tdpre, .ie6 .tl td.fn .tdpre { display: none; } .fastpreview { position: relative; } .icon_preview { position: absolute; display: block; left: 80px; top: -13px; width: 11px; height: 8px; background: url({IMGDIR}/icon_preview.png); overflow: hidden; } a.icon_up { display: block; margin:0 10px; height: 25px; background: #F2F2F2 url({IMGDIR}/arrow_up.png) no-repeat 50% 50%; overflow: hidden; border:1px dashed rgb(194, 213, 227); border-radius: 3px; } a.icon_up:hover { background:#FFF url({IMGDIR}/arrow_up_hover.png) no-repeat 50% 50%; } .fastpreview td { border-bottom: none!important; } .tl th, .tl td.fn { padding-right: 1.5em; zoom: 1; } .tl th a:visited, .tl td.fn a:visited { color: {MIDTEXT}; } .fromg { visibility: hidden; } .ie6 .fromg, tr:hover .fromg { visibility: visible; } .tl .icn { padding-left: 5px; width: 25px; text-align: left; } .tl .icn a:hover { text-decoration: none; } .tl .new {} .tl .comm {} .tl .frm { width: 150px; } .tl .o { width: 20px; } .tl .num { width: 60px; line-height: 14px; } .tl .by { width: 105px; line-height: 14px; } .tl cite, .tl .num em { display: block; } .tl th em { margin-right: 4px; zoom: 1; } .tl th em, .tl th em a { color: #007CD5; } .tl td em { font-size: 11px; font-family: Arial, Psimsun, sans-serif; -webkit-text-size-adjust: none; } .tl td em, .tl td em a { color: {LIGHTTEXT}; } /*.tl .th th, .tl .th td { padding: 8px 0; background: {SPECIALBG}; border-top: 1px solid {SPECIALBORDER}; }*/ .tl .ts th, .tl .ts td { padding: 3px 0; border-bottom-color: {COMMONBORDER}; background: {COMMONBG}; } .tl .th { margin-top: 1px; padding: 0 10px; border-bottom: 1px solid {COMMONBORDER}; background: {COMMONBG}; } .tl .th table { border: none; } .tl .th td, .tl .th th { height: 20px; border: none; vertical-align: baseline; } .tl .tf { padding: 3px 0; } .tf .showmenu:hover { border-color: {SPECIALBORDER}; } .tl_reply { padding-left: 10px; background: url({IMGDIR}/dot.gif) no-repeat 0 7px; } /* recy --> recyclebin 主题列表的回收站主题样式 by shuaishuai*/ .recy { text-decoration: line-through; } /* 主题分页 */ .tps { white-space: nowrap; } .tps a { padding: 2px 4px; color: {TABLETEXT}; } .tps a:hover { background-color: {COMMONBG}; color: #007CD5; } /* Name: mod_thread_type_index Level: Function Explain: 分类信息检索 Last Modify: Pony 12020309 */ .tsm { overflow: hidden; margin-bottom: -10px; width: 100%; border-collapse: collapse !important; } .ie6 .tsm, .ie7 .tsm { margin-bottom: 0; } .tsm th { padding: 5px 0 5px 10px; border: none; vertical-align: top; } .tsm td { padding: 5px 10px 5px 0; border: none; vertical-align: top; } .tsm tr:hover th, .tsm tr:hover td { background: none !important; } .tsm li { float: left; margin-right: 4px; padding: 0 4px; white-space: nowrap; } .tsm .a a { color: {TABLETEXT}; font-weight: 700; } .tsm .a a:hover { text-decoration: none; } .subtsm { margin-top: 5px; padding: 5px; border: 1px dotted {SPECIALBORDER}; } /* Name: mod_thread_type_search Level: Function Explain: 分类信息搜索 Last Modify: Pony 11050314 */ .mfm .mtm { margin-right: 10px; } .mfm span { height: 26px; } /** end **/ /** forum::forumdisplay,group::forumdisplay,group::my **/ /* Name: mod_thread_type Level: Function Explain: 论坛群组的帖子主题分类分类信息等的筛选样式 Author: lushnis Last Modify: Pony */ .ttp .a a:hover { background: {SPECIALBG} url({IMGDIR}/close-s.png) no-repeat 100% 11px; } #ttp_all a:hover { background-image: none !important; } /** end **/ /* ----------------------------------------------------------------------- 帖子内容区域样式 */ /** forum::viewthread,group::viewthread **/ .plh { line-height: 46px; } .plh .plc { padding-bottom: 0; } /* Name: mod_viewthread_header Level: Function Explain: 看帖页标题区域 Last Modify: Pony 201201181105 */ .vwthd { padding-right: 80px !important; } .vwthd div.y { display: inline; margin-right: -60px; } .ts { display: inline; font: 700 16px 'Microsoft Yahei', 'Hei', Tahoma, 'SimHei', sans-serif; } #nv_forum #ct { border-color: {SPECIALBORDER}; } .pattl_c .tip { margin-top: 30px; padding: 5px; width: 88px; } .pattimg { float: left; margin: 0 10px 10px 0; width: 100px; height: 100px; overflow: hidden; } .pattimg_zoom { position: absolute; display: block; width: 100px; height: 100px; line-height: 300px; overflow: hidden; } .ie_all .pattimg_zoom { background-color: #FFF; filter:alpha(opacity=0); opacity:0; } .attl_g, .attl_m { margin-left: 10px; padding-left: 16px; background: url({IMGDIR}/attl_icon.png) no-repeat 0 3px; } .attl_m { background-position: -100px 3px; } /* 默认分类信息 by michael */ .ie6 .cgtl { width: auto; } .cgtl { overflow: hidden; } .cgtl td, .cgtl th, .cgtl caption { padding: 5px; border-bottom: 1px solid {SPECIALBORDER}; } .cgtl caption { background: {SPECIALBG}; border-top: 1px solid {SPECIALBORDER}; font-size: 14px; font-weight: 700; } .cgtl th { width: 16%; } /* Name: mod_cp_pls Level: Function Explain: 帖子页每个楼层用户信息下方的管理链接 Author: Pony 12010414 */ .cp_pls a { float: left; margin-right: 4px; line-height: 1.231; } #scrollleftinfo { position: fixed; left: auto; top: auto; width: 5px; height: 200px; border-radius: 0 5px 5px 0; background: url({IMGDIR}/sidecontrol.png) no-repeat -9px 0; cursor: pointer; } #scrollleftinfo.open { width: 9px; background-position: 0 0; } .img_tit_t .xi1 { color:#444; } .img_tit_t .ph { font-weight:700; font-size:16px; } .ph_r_con { padding: 20px 0 0; } a.thread_mod { background: url({IMGDIR}/bigimg.png) no-repeat 0 -38px; padding-left:25px; height:19px; display:inline-block; color:#444; } a.thread_mod:hover { background: url({IMGDIR}/bigimg.png) no-repeat 0 -57px; color:#369 !important; text-decoration:none; } a.thread_mod span { color:#444; font-weight:700; } a.thread_mod:hover span { color:#539BCB !important; } /* Name: mod_cp_pls Level: Function Explain: 贴子大图样式 Author: Alice 201303281607 */ #imagelist_nav { background: none repeat scroll 0 0 #DDD; margin-top: 20px; height: 150px; width: 780px; } #imagelist_nav .imagelist_album { color: #FFFFFF; font-size: 12px; overflow: hidden; width: 780px; } #imagelist_nav .imagelist_album div.left { height: 110px; margin-top: 18px; overflow: hidden; position: relative; width: 730px; float: left; } #imagelist_nav .imagelist_album div.left ul { left: 0; position: absolute; z-index: 2; margin: 0 0; } #imagelist_nav .imagelist_album div.left li { float: left; height: 110px; text-align: center; margin-top: 5px; list-style: none outside none; } #imagelist_nav .imagelist_album a.left { background: url({IMGDIR}/imagelist_nav.png) no-repeat -21px 0px; height: 63px; margin-top: 42px; margin-left: 1px; width: 24px; float: left; } #imagelist_nav .imagelist_album a.left:hover { background: url({IMGDIR}/imagelist_nav.png) no-repeat 2px -70px; } #imagelist_nav .imagelist_album a.right { background: url({IMGDIR}/imagelist_nav.png) no-repeat 2px 0px; height: 63px; margin-top: 42px; margin-right: 1px; width: 24px; float: right; } #imagelist_nav .imagelist_album a.right:hover { background: url({IMGDIR}/imagelist_nav.png) no-repeat -21px -70px; } #imagelist_nav .imagelist_album div.left a.mask { background-color:#333; display: block; height: 110px; overflow: hidden; position: absolute; width: 110px; z-index: 1; } #imagelist_nav .imagelist_album div.left li div { height: 110px; position: relative; overflow: hidden; cursor: pointer; width: 110px; } #imagelist_nav .imagelist_album div.left li div span { background-color: #000000; bottom: 2px; color: #FFFFFF; display: block; font-size: 12px; height: 14px; line-height: 14px; position: absolute; right: 5px; text-align: center; top:86px; width: 33px; } .photo_pic { width:780px; } .ie6 #photo_pic img { width: expression(this.width > 620 ? 620:true); } .ie6 .photo_pic { width:780px; margin:0 auto; } .album_side_r { border-left:1px dashed #CDCDCD; } .album_side { padding:20px 10px; font-size:12px; } .album_side .hm { padding:0 0 10px; } .album_info h3 { color:#999; margin:10px 0; } .album_side .date { color:#999; } .album_info p { text-indent:2em; } .tit_author { display:block; } .tit_author a { color: #369; font-size:14px; font-weight:700; } /* 作者指向时全部展开 by Alice */ .authi .none { display:inline-block; } .authi .show { display:none; } .authi:hover .none { display:none; } .authi:hover .show { display:inline-block; } .ie6 .authi .none { display:none; } .ie6 .authi .show { display:inline-block; } /** end **/ /** forum::forumdisplay,group::forumdisplay **/ /* 帖子列表“新窗”、“图片模式”等按钮样式 modified by Pony */ #atarget, .unchk, .chked { padding-left: 15px; line-height: 16px; background: url({IMGDIR}/atarget.png) no-repeat 0 3px; color: {HIGHLIGHTLINK}; cursor: pointer; } .ie_all #atarget, .ie_all .unchk, .ie_all .chked { display: inline-block; height: 20px; line-height: 20px; } #atarget.atarget_1, .chked { background-position: 0 -37px; } .unchk:hover, .chked:hover { text-decoration: none; } #a_magic_doodle { padding-left: 20px; background: url({STATICURL}image/magic/doodle.small.gif) 0 50% no-repeat; } /* 重定义 tab 标签样式分类数字 by alice 13032514 */ .ttp .num { background:#999; padding:0 5px; margin-left:5px; border-radius:3px; color:#FFF !important; } .ttp .a .num { background:#91BDD3; } /* 重定义 贴子更多分类标签 by alice 13032614 */ .pop_moremenu li { display:block; border-bottom:1px solid #E5EDF2; line-height:24px; } .pop_moremenu a { display:inline; text-decoration:none; border-bottom:0; } .pop_moremenu li:last-child { border-bottom:none; } .pop_moremenu .pipe { margin:0; } .pop_moremenu a.xw1 { background-color: {SPECIALBG}; color: {HIGHLIGHTLINK}; text-decoration: none; font-weight:normal; } /* Name: mod_media_list_thread Level: Global depentend: .ml Explain: 图片模式的帖子列表 Author: lushnis Last Modify: Pony 11121511 */ .mlt {} .mlt li { display: inline; margin: 0 4px 10px; padding-top: 5px; border: 1px solid {SPECIALBG}; border-bottom-color: {SPECIALBORDER}; background: #FFF; text-align: left; } .mlt .sum { display: inline-block; padding: 0 5px; height: 16px; line-height: 16px; border-radius: 5px; background: {SPECIALBG}; } .mlt .pin { background: #7B3; color: #FFF; } .mlt .digest { background: #0BC; color: #FFF; } .mlt .c .nopic { display: block; background:{WRAPBG} url({IMGDIR}/nophototiny.png) no-repeat 50% 50%; cursor: pointer; } .mlt img.vm { display: inline; } .mlt h3 { height: 30px; line-height: 30px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mlt li .cl { height: 18px; overflow: hidden; } .mlt li .c { height: auto !important; } .mlt li span { display: inline; color: {TABLETEXT}; } /* Name: mod_threadlist_last-child Level: Function Explain: 帖子列表页支持 last-child 的浏览器不显示最后一条线 Last Modify: Pony */ .tl tbody:last-child th, .tl tbody:last-child td { border-bottom: none; } .tl tbody:last-child .threadpre .threadpretd { border: 1px solid {CONTENTSEPARATE};} /* Name: closeprev Level: Function Explain: 帖子列表页隐藏置顶帖的按钮样式 Last Modify: Jane */ .closeprev { width: 12px; height: 12px; background: url({IMGDIR}/close.gif) no-repeat 0 0; text-indent: -999em; cursor: pointer; overflow: hidden; margin: 5px 5px 0px 5px; } .closeprev:hover { background-position: 0 -12px; } .ie6 .closeprev { display: none; } .pcb .jammer { font-size: 10px; color: {WRAPBG}; } /* 屏蔽提示 */ #hiddenthread { border-top: 1px solid #C2D5E3; border-bottom: 1px solid #C2D5E3; line-height:40px;padding-left:20px;background: #FFFAF3; font-size: 12px; text-align: center; } #hiddenthread.last, .ie6 #hiddenthread, .ie7 #hiddenthread, .ie8 #hiddenthread { border-top: none; } #hiddenthread a { display: block; text-indent: 25px; height: 29px; line-height: 29px; color: #EFAA00; } #hiddenthread a:hover { text-decoration: none; } /** end **/ /** forum::viewthread,group::viewthread,forum::trade,forum::misc **/ #a_magic_doodle { padding-left: 20px; background: url({STATICURL}image/magic/doodle.small.gif) 0 50% no-repeat; } .pl {} .pl table { table-layout: fixed; width: 100%; } .pl .dt { width: 100%; } .plm { vertical-align: bottom !important; } .plc, .pls { vertical-align: top; } .plc { padding: 0 20px; } .pls { width: 160px; background: {SPECIALBG}; overflow: hidden; border-right: 1px solid {CONTENTSEPARATE}; } .pls .avatar { margin: 10px 15px; } .pls .avatar img { padding: 5px 5px 8px; background: #FFF url({IMGDIR}/midavt_shadow.gif) 0 100% repeat-x; width:120px; } .pls .favatar { background: transparent; height: auto; border-width: 0px; overflow: visible; } .pls p, .pls .pil, .pls .o { margin: 5px 10px 5px 20px; } .pls p em, .pls dt em { color: {NOTICETEXT}; } .pls dd, .pls dt { float: left; overflow: hidden; height: 1.6em; line-height: 1.6em; } .pls dt { margin-right: 3px; width: 55px; } .pls dd { width: 70px; } .pls dd img { margin-top: -2px; max-width: 65px; } .ie6 .pls dd img, .ie7 .pls dd img { margin-top: 2px; width: expression(this.width > 65 ? 65 : true); } .ad .pls { background: {CONTENTSEPARATE}; padding: 0; height: 4px; } .ad .plc { background: {SPECIALBG}; padding: 0; overflow: hidden; } .pl .pnv .pls { background: {SPECIALBG}; border: solid {SPECIALBORDER}; border-width: 0 1px 1px 0; line-height: 16px; } .pl .pnv .tns p { font-size: 12px; } .pl .pnv .plc { border-bottom: 1px solid {SPECIALBORDER}; } .pnh { padding: 11px 20px; } .tnv { text-align: center; vertical-align: middle; } /* Threads navigation by lushnis */ #threadstamp { position: relative; width: 100%; height: 0; overflow: visible; } #threadstamp img { position: absolute; top: -20px; right: 170px; } #pl_top .ad .pls, #pl_top .ad .plc { height: 1px;overflow: hidden; } #pl_top .pls { text-indent: 15px; } /* 帖子作者、时间、楼层等一些属性所在区块 */ .pi { overflow: hidden; margin-bottom: 10px; padding: 10px 0; height: 16px; border-bottom: 1px dashed {COMMONBORDER}; } .pi strong a { float: right; margin-top: -6px; padding: 4px 6px; border: 1px solid {WRAPBG}; font-weight: 400; } .pi strong a:hover { border-color: {COMMONBORDER}; } .pls .pi { padding-left: 15px; } .pi em {} .pti {} .authicn { cursor: pointer; width:16px; } /* 贴子掌上论坛弹窗 */ .code_bg {background: url({IMGDIR}/code_bg.png) no-repeat 0 0; display:inline-block; padding:4px; margin:10px 20px; } /* 帖子正文区块 */ .pcb { clear: left; margin-right: 130px; } .ie6 .pcbs table, .ie6 .t_fsz table { width: auto; } .pcb h1, .pcb h2 { margin: 8px 0; font-size: 1.17em; } .pcb h1 a { font-weight: 400; } .pcb h2 em { float: right; font-size: 12px; font-weight: 400; } #ph { padding: 17px 0 0; } #ph h1 { font-size: 20px; } #fj { margin-left: 5px; } #fj label, #fj input { margin-right: 4px; padding: 0; height: 16px; line-height: 16px; } .pcb .jammer { font-size: 10px; color: {WRAPBG}; } .pcb strong { font-weight: 700; } .pcb em { color: {MIDTEXT}; } .pcb span.t_tag { cursor: pointer; border-bottom: 1px solid red; white-space: nowrap; } .pcb span.t_tag:hover { border-bottom: 1px solid {NOTICETEXT}; } .pct { padding-bottom: 1em; } .t_fsz { min-height: 100px; } * html .t_fsz { height: 100px; overflow: visible; } .t_f, .t_f td { font-size: {MSGFONTSIZE}; } .t_f a { color: {HIGHLIGHTLINK}; text-decoration: underline; } .t_f ul { margin-left: 14px; } .t_f li { margin-left: 2em; } .t_f ul li { list-style-type: disc; } ul.litype_1 li { list-style-type: decimal; } ul.litype_2 li { list-style-type: lower-alpha; } ul.litype_3 li { list-style-type: upper-alpha; } .t_f i { font-style: italic; } .sign { overflow: hidden; margin-bottom: 10px; padding-top: 20px; line-height: 1.6em; background: url({IMGDIR}/sigline.gif) no-repeat 0 0; } * html .sign { height: expression(signature(this)); } .sign * { line-height: normal; } .po { border-top: 1px dashed {COMMONBORDER}; } .po .y { margin: 8px 0 0 5px; } .po p { float: right; } .po p a, .po p label { margin-right: 6px; } .hin { opacity: 0.2;} .plhin:hover .hin { opacity: 1; } .pob { line-height: 36px; } .pob em { float: left;} .pob em a { padding: 5px 10px 5px 25px; } .cmmnt { background: url({IMGDIR}/cmmnt.gif) no-repeat 0 50%; } .fastre { background: url({IMGDIR}/fastreply.gif) no-repeat 0 50%; } .followp { background: url({IMGDIR}/rt.png) no-repeat 0 50%; } .sharep { background: url({IMGDIR}/oshr.png) no-repeat 0 50%; } .req { background: url({IMGDIR}/repquote.gif) no-repeat 0 50%; } .editp { background: url({IMGDIR}/edit.gif) no-repeat 4px 50%; } .appendp { background: url({IMGDIR}/icon_append.png) no-repeat 4px 50%; } .psave { background: url({IMGDIR}/pubsave.gif) no-repeat 4px 50%; padding: 3px 10px 3px 25px; border:1px dotted {COMMONBORDER}; margin-left:5px; } .push { background: url({IMGDIR}/push.png) no-repeat 4px 50%;} .replyadd { background: url({IMGDIR}/rec_add.gif) no-repeat 0 50%; } .replysubtract { background: url({IMGDIR}/rec_subtract.gif) no-repeat 0 50%; } .modact { display: block; height: 32px; text-align: center; padding:30px 0 0; } .modact, .modact a { line-height: 32px !important; } /* 按钮 by alice */ #p_btn { line-height: 24px; padding:3em 0; text-align:center; } #p_btn a { display:inline-block; margin-right: 3px; padding-right: 4px; padding-left: 8px; background: url({IMGDIR}/share_btn.png) no-repeat 0 0; vertical-align: top; white-space: nowrap; } #p_btn a:hover { text-decoration: none; } #p_btn i { display: block; padding:4px 8px 4px 0;background: url({IMGDIR}/share_btn.png) no-repeat 100% 100%; font-style: normal; cursor: pointer; } #p_btn img { float: left; margin: 4px 4px 0 0; } #p_btn span { padding-left: 2px; color: {LIGHTTEXT}; } .tshare { padding-bottom: 10px; } .tshare strong { float: left; margin-right: 10px; } #p_btn .tshare a, #p_btn .tshare i { padding: 0; background-image: none; } #p_btn .tshare a { margin-right: 10px; color: {HIGHLIGHTLINK}; } #p_btn .tshare a:hover { text-decoration: underline; } .rate { margin: 20px 0; font-size: 12px; } .rate dt { float: left; padding-top: 7px; width: 80px; text-align: center; } .rate dt strong { padding: 12px 8px; height: 46px; font-size: 24px; background: #FFF4DD; } .rate dt p { padding-top: 10px; } .rate dt strong a, .rate dt strong a em { line-height: 48px; height: 48px; color: {NOTICETEXT}; } .rate dd { margin-left: 80px; } .rate dd ul li { float: left; overflow: hidden; margin:0 4px; width: 67px; height: 84px; text-align: center; } .rate .ratt { border-bottom: 1px dotted {WRAPBORDERCOLOR}; padding: 6px 0; } .ratl th, .ratl td, .ratc { overflow: hidden; padding: 5px 2px; height: 24px; line-height: 24px; border-bottom: 1px dashed {WRAPBORDERCOLOR}; white-space: nowrap; } .ratl img { height: 24px; width: 24px; vertical-align: middle; } .rate_collapse .ratl_l,.rate_collapse .ratc { display: none; } .rate_collapse .txt_h { visibility: hidden; } .rate .op { padding-right: 16px; background: url({IMGDIR}/arrow_top.gif) no-repeat 100% 50%; } .rate_collapse .op { background-image: url({IMGDIR}/arrow_down.gif); } .rate i { font-style: normal; } .ratl .xw1 .xi1 { background:#FFF4DD; border-radius:3px; padding:2px 3px; } .icon_ring { background:#FFF4DD; display: inline-block; width:8px; height:8px; margin-right:5px; border:2px solid #F26C4F; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); overflow: hidden; } .icon_ring:hover { background:#F26C4F; border:2px solid #FFF; } /* 回帖推荐 post sticklist by dfox */ .psth { margin: 2em 0 2em -20px; padding: 5px 45px 5px 20px; width: 240px; background: #FFF4DD url({IMGDIR}/arw.gif) no-repeat 100% 50%; color: {NOTICETEXT}; font-size: 14px; } .tpst .psth { margin-left: -15px; } .pstl { clear: left; padding: 0.5em 0;} .psta { float: left; width: 120px; line-height:24px; overflow:hidden; } .psta img { width: 24px; height: 24px; vertical-align:midden; } .psti { margin-left: 120px; line-height:24px; } /* 点评 by monkeye */ .f_c .cm { overflow: hidden; } .cm .psth { background-color: #FFF4DD; color: {NOTICETEXT}; background-position: 100% 50%; font-size: 12px; } .cm .pg { float: none; } .cm .pg a, .cm .pg strong { margin: 0 4px 0 0; } .cm i { color: #F30; font-style: normal; } .cmstar { display: block; margin-top: 5px; width: 100px; height: 16px; background: url({IMGDIR}/starlevel.gif) no-repeat 10px 0; cursor: pointer; } .cmstarv { padding-right: 100px; width: 100px; height: 16px; background: url({IMGDIR}/starlevel.gif) no-repeat 12px 0; } .cmm .cmstar { margin-top: 0; } .cmstar em { float: left; width: 16px; height: 16px; overflow: hidden; text-indent: -9999px; } /* 屏蔽提示 */ #hiddenpoststip { line-height:40px;padding-left:20px;background: #FFFAF3; font-size: 12px; text-align: center; } #hiddenpoststip a { display: block; text-indent: 25px; height: 29px; line-height: 29px; color: #EFAA00; } #hiddenpoststip a:hover { text-decoration: none; } /* Name: mod_viewthread_author Level: Function Explain: 第二页以后显示主题作者 Author: lushnis Last Modify: Pony 11042913 */ #tath { padding: 0 10px 0 15px; width: 130px; line-height: 24px; white-space: nowrap; word-break: keep-all; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; } #tath img { width: 24px; height: 24px; vertical-align: middle; } #f_pst .plc { padding: 20px; } #f_pst .fpp label { zoom: 1; } #f_pst .avatar { margin-top: 15px; } i.pstatus { display: block; margin-bottom: -30px; font-size: 12px; text-align: center; font-style: normal; line-height: 32px; color: {LIGHTTEXT}; } /* 用户详细信息 */ .bui { position: absolute; margin: -1px 0 0 -1px; padding: 15px 0 15px 20px; width: 430px !important; border: 1px solid {COMMONBORDER}; background: {WRAPBG}; box-shadow: 2px 2px 3px {WRAPBORDERCOLOR}; -webkit-box-shadow: 2px 2px 3px {WRAPBORDERCOLOR}; -moz-box-shadow: 2px 2px 3px {WRAPBORDERCOLOR}; } .bui dl { margin: 5px 0 10px; } .bui dt { width: 4.5em; } .bui dd { margin-right: 10px; width: 75px; } .bui .m img { margin-bottom: 12px; width: 120px; } .bui .i { width: 290px; } .imicn img { vertical-align: middle; margin-right: 8px; } .imicn .xi2:hover { text-decoration: none; } .imicn .xi2 img { margin-right: 0; } .card_gender_0 { background: #efefef url({IMGDIR}/nosexbg.png) no-repeat bottom right; } .card_gender_1 { background: #bbebf9 url({IMGDIR}/gentlemanbg.png) no-repeat bottom right; } .card_gender_2 { background: #fce0df url({IMGDIR}/ladybg.png) no-repeat bottom right; } /* Name: mod_user_interaction Level: Function Explain: 帖子左侧用户互动操作 Last Modify: Pony */ .pls .o li { background-position: 0 50%; background-repeat: no-repeat; text-indent: 18px; } .pls .o .callon { background-image: url({IMGDIR}/home.gif); } .pls .o .buddy { background-image: url({STATICURL}image/feed/friend.gif); } .pls .o .poke2 { background-image: url({STATICURL}image/feed/poke.gif); } .pls .o .pm2 { background-image: url({IMGDIR}/pmto.gif); } .pls .o .addflw { background-image: url({IMGDIR}/flw_ico.png); } /* 帖子左侧用户组升级提示细微调整 Last Modify Pony */ .pls .tip_4 { margin-left: -5px; } /* Name: mod_thread_attr Level: Function Explain: 帖子中类似“游客,如果您要查看本帖隐藏内容请”等地方的样式 Last Modify: Pony 11060209 */ .locked { overflow: hidden; margin: 10px 0; padding: 8px 8px 8px 24px; border: 1px dashed #FF9A9A; background: {WRAPBG} url({IMGDIR}/locked.gif) no-repeat 6px 50%; font-size: 12px; zoom: 1; } .locked:hover background-color: #F7F7F7; } .locked strong { color: {NOTICETEXT}; } .locked a, .attach_nopermission a { color: {HIGHLIGHTLINK}; } .attach_nopermission { margin: 10px 0; width: 600px; border: 1px dashed #AAAA92; background: #FFFFEE url({IMGDIR}/attach_nopermission_bg.png) no-repeat 100% 0; font-size: 12px; } .attach_nopermission div { padding: 20px 0 20px 70px; border: 3px solid #FFF; background: url({IMGDIR}/attach_nopermission.png) no-repeat 15px 15px; } .attach_nopermission:hover div { border-color: #DADAB1; } .attach_tips { margin-bottom:15px; position: relative; } .attach_tips h3 strong { color: #8CA226; font-size:15px; display:block; margin-bottom: 10px; margin-top: -10px; } .attach_tips .atips_close { position: absolute; top: 5px; right: 10px; width: 10px; height: 10px; cursor: pointer; color: #ccc; } .attach_tips:hover .atips_close { color: #333; } .attach_tips .atips_close:hover { font-weight: bold; } .viewpay { overflow: hidden; margin: 0 6px; padding: 1px 0 1px 24px; background: url({IMGDIR}/viewpay.gif) no-repeat 6px 60%; color: {HIGHLIGHTLINK}; font-weight: 700; zoom: 1; } .showhide { overflow: hidden; border: 1px dashed #FF9A9A; margin: 8px 0; padding: 10px; zoom: 1; } .showhide h4 { margin-bottom: 10px; color: #F66; font-size: 12px; text-align: center; } /* Name: mod_thread_code_quote Level: Function Explain: 帖子代码/引用等样式 Author: lushnis Last Modify: Pony 1205241556 */ .pl .quote, .pl .blockcode { margin: 10px 0; padding: 10px 10px 10px 65px; zoom: 1; } .pl .quote { padding-bottom: 5px; background: #F9F9F9 url({IMGDIR}/icon_quote_s.gif) no-repeat 20px 6px; } .pl .quote blockquote { display: inline-block; margin: 0; padding: 0 65px 5px 0; background: url({IMGDIR}/icon_quote_e.gif) no-repeat 100% 100%; line-height: 1.6; zoom: 1; } .ie6 .pl .quote blockquote, .ie7 .pl .quote blockquote { display: inline } .pl .blockcode { padding: 10px 0 5px 10px; border: 1px solid {WRAPBORDERCOLOR}; background: #F7F7F7 url({IMGDIR}/codebg.gif) repeat-y 0 0; overflow: hidden; } .pl .blockcode ol { margin: 0 0 0 10px !important; padding: 0 !important; } .pl .blockcode ol li { padding-left: 10px; list-style-type: decimal-leading-zero; font-family: Monaco,Consolas,'Lucida Console','Courier New',serif; font-size: 12px; line-height: 1.8em; } .pl .blockcode ol li:hover { background: {WRAPBG}; color: {HIGHLIGHTLINK}; } * html .pl .blockcode ol li { font-family: 'Courier New',serif; } .pl .blockcode em { margin-left: 43px; color: {HIGHLIGHTLINK} !important; font-size: 12px; cursor: pointer; } .pl .tindex { padding: 5px; width: 500px; line-height: 22px; border: 1px solid {WRAPBORDERCOLOR}; } .pl .tindex h3 { border-bottom: 1px #ccc dotted; margin-bottom: 10px; padding-left: 10px; } .pl .tindex li { cursor: pointer; height: 22px; padding-left: 22px; background: url({IMGDIR}/ico_mulu.png) no-repeat 10px center; overflow: hidden; } /*投票 poll optionvessel by dfox */ .pcht { margin-bottom: 15px; } .polltd { padding: 4px; border: 1px #dfdfdf solid; border-radius: 3px; } .pcht h4 a { color: {HIGHLIGHTLINK}; text-decoration: underline; } .pcht table { table-layout: fixed; } .pcht table td { padding: 4px; vertical-align: top; } .pslt { width: 20px; vertical-align: middle !important; } .pvt { width: auto; } .pvt label { cursor: pointer; } .pvts { width: 100px; } .pcht table tr.ptl td { padding: 8px 2px; border-bottom: 1px solid {WRAPBORDERCOLOR}; } .pcht { width: 600px; } .pinf { margin: 15px 0; color: {LIGHTTEXT}; } .pinf strong { color: {MIDTEXT}; } .pinf a { color: {HIGHLIGHTLINK}; } .ptmr { margin: -10px 0 15px; } .imgf2 { position: relative; height: 20px; background: #e9e9e9; border-radius: 0 10px 10px 0; } .jdt { display: block; width: 1px; height: 20px; background: #f2a61f; border-radius: 0 10px 10px 0;} .imgfc { position: absolute; left: 0; top: 0; padding: 0 5%; width: 90%; line-height: 20px; } /* Name: mod_voter_list Level: Function Explain: 投票者列表样式 Last Modify: Pony */ .voterlist { width: 495px; height: 195px; overflow: auto; } .voterlist .ps { max-width: 495px; } .voterl li { padding: 0 5px 5px 0; width: 90px; text-align: left; } /* Name: mod_thread_trade_activity Level: Function Explain: spvimg,spi 为活动、商品公用部分 Author: dfox Last Modify: Pony 11082511 */ .act {} .act .c { line-height: 28px; font-size: 14px; } .spvimg { float: left; position: relative; width: 300px; background: #FAFAFA; text-align: center; border: 1px solid {COMMONBORDER}; } .spvimg em.hot { width: 120px; height: 102px; background-position: 0 -104px; } .spi { margin-left: 315px;} .spi dl { font-size: 14px; } .spi dl dt { float: left; padding: 2px 0; width: 80px; height: 1em; } .spi dl dd { margin-left: 90px; padding: 2px 0; min-height: 21px; height: auto !important; height: 21px; } .spi dl dd em { color: #F30; } dl.nums {} .spi dl.nums dt { padding-top: 15px; } .spi dl.nums dd em { font-size: 26px; } .actl { table-layout: fixed; width: 320px; border-top: 3px solid {COMMONBORDER}; } .actl th, .actl td { padding: 8px 2px; border-top: 1px dashed {COMMONBORDER}; } .actl th { width: 60px; } .actfm { height: auto !important; height: 220px; max-height: 220px; overflow-x: hidden; overflow-y: auto; } .actl_pop { overflow: auto; max-width: 200px; max-height: 300px; } .ie6 .actl_pop { width: 200px !important; height: expression(this.offsetHeight > 300 ? 300 : 'auto'); } .actl_pop li { display: block; padding: 3px 0; border-bottom: 1px dashed {COMMONBORDER}; } /* 重定义弹窗里的链接 */ .actl_pop a { display: inline; position: static; padding: 0; border: none; white-space: normal; } .actl_pop a:hover { background: transparent; text-decoration: underline; } /* 悬赏 by dfox */ .rwd {} .rsld, .rusld { width: 90px; height: 118px; background: url({IMGDIR}/rwd.gif) no-repeat 0 0; text-align: center; color: #F30; } .rsld { background-position: 0 -118px; color: {LIGHTTEXT}; } .rsld cite, .rusld cite { display: block; margin: 26px auto 6px; _margin-bottom: -6px; height: 30px; font-size: 28px; } .rwdn { margin-left: 110px; } .rwdbst {} /* 辩论观点样式 by michael */ .pdbt { float: right; margin: -5px 10px 0 0; } .pdbts { float: left; overflow: hidden; height: 25px; line-height: 25px; background: url({IMGDIR}/pdbt.gif) no-repeat 0 0; } .pdbts a { float: left; margin: 0; height: 25px; line-height: 25px; } .pdbts a:hover { text-decoration: none; } .pdbts .v { padding-right: 3px; width: 39px; color: {LIGHTLINK}; text-align: center; font-weight: 700; } .pdbts .b { padding: 0 10px; background: url({IMGDIR}/pdbt.gif) no-repeat 100% -25px; } .pdbts_0 { background-position: 0 -100px; } .pdbts_0 a { width: 110px; text-align: center; } .pdbts_2 { background-position: 0 -50px; } .pdbts_2 .b { background-position: 100% -75px; } /* 商品 trade by michael & dfox*/ .trdc { margin-top: 20px; background: #09C; height: 30px; line-height: 30px; color: {LIGHTLINK}; } .trdc a { margin: 0 6px; height: 30px; line-height: 30px; color: {LIGHTLINK}; } .trdc em { float: right; padding-right: 6px; line-height: 30px; color: {LIGHTLINK}; } .trdb { border-bottom: 1px dashed {WRAPBORDERCOLOR}; } .trdb .y * { vertical-align: middle; } .trdb .c { clear: both; padding: 10px; font-size:14px; } .trdb .c .pattl { border: none !important; } .spi h4 { font-size: 18px; font-weight: 700; padding: 4px 2px 8px; } .trdl { padding: 10px 0; } .trdl .tt { float: left; position: relative; width: 90px; text-align: center; } .trdl .tt img { vertical-align: middle; cursor: pointer; } .trdl .tt .hot { width: 43px; height: 37px; } .ta { margin-left: 100px; overflow: hidden; } .ta h4 { padding: 2px; font-size: 14px; font-weight: 700; } .ta dl { margin: 0; width: 200px; } .ta strong { font-size:16px; color: #F30; } .torder .spvimg { width: 90px; } .torder .spi { margin-left: 110px; } .torder .spi strong { color: #F30; } /* 门户 viewthread 显示 */ .vw .pcb { margin-right: 0; } .vw dd .pcb { width: 640px; } .vw dd .rate { padding-left: 0; } .vw .pcb table { table-layout: fixed; width: 100%; overflow: hidden; } .vw .t_fsz { min-height: 30px; } .ie6 .vw .t_fsz { height: 30px; } .vw .pstl { margin-bottom: 1.4em; } .vw .psth { margin-left: 0; } .vw .pdbts { margin-right: 10px; height: 20px; line-height: 20px; background: url({IMGDIR}/pdbtm.gif) no-repeat 0 0; } .vw .pdbts a { height: 20px; line-height: 20px; } .vw .pdbts .b, .vw .pdbts .b:hover { padding: 0 5px; background: url({IMGDIR}/pdbtm.gif) no-repeat 100% -20px; } .vw .pdbts .v { width: 30px; } .vw .pdbts_0 { background-position: 0 -80px; } .vw .pdbts_0 a { width: 90px; text-align: center; } .vw .pdbts_2 { background-position: 0 -40px; } .vw .pdbts_2 .b, .vw .pdbts_2 .b:hover { background-position: 100% -60px; } .vw .dr .sr_2 h5, .vw .dr h5 { width: 172px; } #modopt, #modopttmp { margin-left:5px; } /** end **/ /** forum::forumdisplay,group::forumdisplay **/ .previewPost .tindex { padding: 5px; width: 500px; line-height: 22px; border: 1px solid {WRAPBORDERCOLOR}; } .previewPost .tindex h3 { border-bottom: 1px #ccc dotted; margin-bottom: 10px; padding-left: 10px; } .previewPost .tindex li { cursor: pointer; height: 22px; padding-left: 22px; background: url({IMGDIR}/ico_mulu.png) no-repeat 10px center; overflow: hidden; } /** end **/ /** forum::viewthread,group::viewthread,forum::forumdisplay,group::forumdisplay **/ /* Name: mod_visited_t&b Level: Function Explain: 返回列表中显示的访问过的帖子和版块 Last Modify: Pony */ #visitedforums_menu { width: 150px; } #visitedforums_menu li { display: block; float: none; } #visitedforums_menu td { padding: 5px 10px; vertical-align: top; } #visitedforums_menu a { white-space: normal !important; display: inline-block; overflow: hidden; height: 1.5em; } #v_forums { width: 120px; } #v_threads li, #v_forums li { padding-left: 10px; background: url({IMGDIR}/dot.gif) no-repeat 0 7px; } /* 快速表情 */ #fastsmilies { text-align: right; } #fastsmilies table { table-layout: auto; width: 160px; height: 133px; } #fastsmilies td { text-align: right; vertical-align: middle; cursor: pointer; } #fastsmilies img { vertical-align: middle; } /** end **/ /** home::space,forum::viewthread,forum::trade **/ /* Name: mod_trade_list Level: Function Explain: 帖子以及交易单中的商品列表 Last Modify: Pony 11060710 */ .tradl {} .tradl li { padding: 10px; width: 138px; height: 235px; } .pg_trade .tradl li { float: none; padding: 10px 0; width: auto; height: 224px; } .tradl .u { text-align: left; } .tradl h4 { overflow: hidden; height: 38px; font-weight: 400; } .tradl .tn { display: block; position: relative; margin: 5px auto; padding: 1px; width: 130px; height: 130px; border: 1px solid {COMMONBORDER}; } .tradl .tn em.hot { width: 53px; height: 46px; background-position: 0 -48px; } .tradl img { max-width: 130px; max-height: 130px; } * html .tradl img { width: expression(this.width > 130 && this.width>=this.height ? 130 : true); height: expression(this.height > 130 && this.width<=this.height ? 130 : true); } .tradl .p { font-family: Arial, sans-serif; font-size: 16px; color: {LIGHTTEXT}; } .tradl .stat { background: url({IMGDIR}/closed.png); color: {LIGHTLINK}; } /** end **/ /** forum::viewthread,group::viewthread,home::space **/ /* 辩论 debatesquare by michael & dfox */ .dtm { padding: 10px 0; text-align: center; font-weight: 700; } .ds { margin-top: 1em; background: url({IMGDIR}/debate_bg.gif) no-repeat 50% 100%; line-height: normal; } .ds th { width: 60px; vertical-align: bottom; } .ds th div { background: url({IMGDIR}/debate_vs.gif) no-repeat 50% 50%; height: 150px; } .ds td { vertical-align: bottom; } .ds td p{ font-size: 14px; padding: 5px 0 15px; line-height: 20px; text-align: left; } .ds .si_1, .ds .si_2 { text-align: center; vertical-align: middle; } .ds .sc_1, .ds .sc_2 { width: 62px; } .ds .point_chart{ position: relative; width: 62px; height: 150px; background: url({IMGDIR}/debate_chart.gif) no-repeat 0 0; } .ds .point { margin: 0 auto; padding: 0 20px 0 10px; text-align: center; font-size: 14px; } .ds .si_2 .point { padding: 0 20px; } .ds .si_1 .point strong{ color: #F04700; } .ds .si_2 .point strong{ color: #0092C5; } .ds .chart{ position:absolute; left: 0; bottom: 0; width: 62px; background: url({IMGDIR}/debate_chart.gif) no-repeat; } .ds .sc_1 .chart{ background-position: -62px 0; } .ds .sc_2 .chart{ background-position: -124px 0; } /* 空间中的辩论列表 by Pony */ #nv_home .ds table { table-layout: fixed; width: 100%; } #nv_home .ds th div, #nv_home .ds .point_chart { height: 120px; } #nv_home .ds .ph { font-size: 16px; text-align: center; } .dr { margin: 2px 0; padding-top: 6px; min-height: 80px; height: auto !important; height: 80px; background: url({IMGDIR}/debate_dr.jpg) no-repeat 50% 0; } .dr th { width:50px; } .dr td { vertical-align: top; } .dr h5 { padding-left:10px; width: 193px; text-align: center; font-size: 14px; font-weight: 400; } .dr h5 a { color: #F04700; font-weight: 700; } .dr .sr_1 .pn { float: right; margin-right: 5px; } .dr .sr_2 .pn { margin-left: 5px; } .dr .sr_2 h5 { float: right; padding: 0 20px 0 0; width: 183px; } .dr .sr_2 h5 a { color: #0092C5; } .dr .mls { padding-top: 15px; clear: both; } .dr .mls li { width: 70px; } /* 标签 */ .ptg { padding-left: 20px; background: url({IMGDIR}/tag.gif) no-repeat 0 2px; } .ptg a { color: {HIGHLIGHTLINK}; } /** end **/ /** forum::viewthread,group::viewthread,forum::trade,portal::view **/ /* 帖子附件 by dfox */ .pattl { overflow: hidden; padding: 1em 0; width: 100%; font-size: 12px; } .tatt, .t_attach_img { padding: 5px; color: {LIGHTTEXT}; font-size: 12px; } .tatt { width: 240px; } .tatt em { color: {LIGHTTEXT}; } .t_attachinsert{ margin:1em 0; font-size: 12px; } .t_attachinsert p img{ margin-bottom: -4px; } .t_table{ border: 1px solid #E3EDF5; empty-cells: show; border-collapse: collapse; } .pl table.t_table { table-layout: auto; } .t_table td { padding: 4px; border: 1px solid #E3EDF5; overflow: hidden; } .tattl { float: left; overflow: hidden; padding: 10px 10px 10px 0; width: 45%; height: 64px; } .tattl a { color: {HIGHLIGHTLINK}; text-decoration: underline; } .tattl dt { float: left; width: 40px; font-weight: 700; } .tattl strong { margin-right: 6px; color: {NOTICETEXT}; font-weight: 400; } .tattl dt img { width: 32px; height: 32px; } .tattl dd { margin-left: 40px; color: {LIGHTTEXT}; } .attnm { height: 18px; margin-bottom: 3px; overflow: hidden; white-space: nowrap; } *html .attnm { white-space: normal; } .attm { overflow: visible; float: none; width: 100%; height: auto; } .attm dt { width: 0; } .attm dd { margin-left: 0; } .zoom { cursor: pointer; } .attp { width: 180px; text-align: left; } .tattl .attp { width: 240px; } /* 版主浏览包含收费附件的帖子,且附件插入到帖子内容中去的时候 by Pony */ .attprice { padding: 5px; border: 1px dashed #FF9A9A; } /** end **/ /** forum::viewthread,group::viewthread,forum::trade,portal::view,forum::forumdisplay,home::space **/ /* Name: mod_zoominner Level: Function Explain: 显示原始图片弹出层 Last Modify: Pony */ .zoominner { padding: 5px 10px 10px; background: {WRAPBG}; text-align: left; } .zoominner p { padding: 8px 0; } .zoominner p a { float: left; margin-left: 10px; width: 17px; height: 17px; background: url({IMGDIR}/imgzoom_tb.gif) no-repeat 0 0; line-height: 100px; overflow: hidden; } .zoominner p a:hover { background-position: 0 -39px; } .zoominner p a.imgadjust { background-position: -40px 0; } .zoominner p a.imgadjust:hover { background-position: -40px -39px; } .zoominner p a.imgclose { background-position: -80px 0; } .zoominner p a.imgclose:hover { background-position: -80px -39px; } .zimg_c { position: relative; } .zimg_prev, .zimg_next { display: block; position: absolute; width: 80px; height: 100%; background: url({IMGDIR}/pic-prev.png) no-repeat 0 -100px; cursor: pointer; } .zimg_next { right: 10px; background-image: url({IMGDIR}/pic-next.png); background-position: 100% -100px; } .zimg_c img { margin: 0 auto; } .zimg_p strong { display: none; } /** end **/ /** forum::misc **/ /* 非弹窗时显示出来的页面的样式重定义 */ .mn .flb { padding-left: 0; } .f_c .list { margin-left: 0; } /** end **/ /** portal::portalcp,portal::view,forum::viewthread,group::viewthread,home::space **/ /* 自动给关键词增加的链接的样式 by Pony */ .relatedlink, .relatedlink:hover { text-decoration: none !important; color: {TABLETEXT} !important; border-bottom: 1px solid blue; } /* 模块标识后面的收藏图片样式 by Pony */ .favmark { margin-bottom: -3px; } /** end **/ /* ----------------------------------------------------------------------- 群组相关样式 by dfox */ /** group::index **/ #g_focus { width: 320px; } #g_commend {} #g_commend .xld { float: left; margin-right: 0.3%; width: 24.5%; height: 64px; overflow: hidden; } #g_commend dt { padding-bottom: 0; } #g_guide { background: url({IMGDIR}/g_guide.png) no-repeat 10px 18px; } #g_guide li { border-bottom: 1px dashed {COMMONBORDER}; } #g_guide a, #g_guide label { display: block; padding: 7px 0 7px 40px; height: 36px; } #g_guide label { cursor: text; } #g_guide strong { display: block; } .fl .bm_h { border-bottom: none; background-color: transparent; } /* 群组列表 by Pony */ .fl_icn, .fl_icn_g { width: 48px; } .fl_g dl { margin-left: 48px; padding: 0 5px; } /** end **/ /** group::group **/ #gh { border: 1px solid {COMMONBORDER}; } #gh .bm { margin-bottom: 0; } #gh .bm_h { background-color: {SPECIALBG}; } /** end **/ /** group,search::group **/ .gl .flc .icn { float: left; width: 60px; } .gl .flc dl { margin-left: 60px; } .gl .flc dl dt { height: 20px; overflow: hidden; } .mls li p { margin: 5px 4px 0; width: 58px; } .gl .flc .i { margin-top: -14px; width: 127px; } .gl .flc .i em, .gl .flc .i span { float: right; width: 55px; color: {LIGHTTEXT}; text-align: right; line-height: 20px; } .gl .flc .i em { border-right: 1px solid {COMMONBORDER}; padding-right: 10px; } .gl .flc .i p { color: {LINK}; } .gl .flc .i span p { font-weight: 700; } #nv_group .flg dd em { float: left; margin-right: 1em; color: {LIGHTTEXT}; white-space: nowrap; } #nv_group {} /** end **/ /** group::my **/ /* 设置关注的群组弹窗 by Pony */ .attgroup { width: 450px; } .attgroup li { float: left; overflow: hidden; margin-right: 5px; width: 145px; white-space: nowrap; } /* 关注按钮和所有群组的按钮 by Shuaishuai*/ .groupbtn { float: left; margin: 0 2px; padding: 0 0 0 7px !important; height: 25px; background: url({IMGDIR}/n_rate.png) no-repeat 0 0 !important; line-height: 25px; text-align: center; cursor: pointer; } .groupbtn:hover{ text-decoration: none; } .groupbtn span { display: block; background: url({IMGDIR}/n_rate.png) no-repeat right 100% !important; padding-right: 7px; } /** end **/ /* ----------------------------------------------------------------------- 文章、日志等页面样式 */ /** portal::list,home::space **/ .bm_h .addnew { margin-left: 10px; padding-left: 20px; background: url({IMGDIR}/addbuddy.gif) no-repeat 0 45%; } .bm_h .rss { margin-left: 10px; padding-left: 20px; background: url({IMGDIR}/feed.gif) no-repeat 0 45%; } /** end **/ /** forum::viewthread,portal::view,portal::comment,home::space **/ /* Article/Blog View by lushnis */ .vw {} .vw .h { padding-bottom: 15px; border-bottom: 1px solid {COMMONBORDER}; } .vw .ph { padding: 15px 0 10px; color: #444; } .vw .hot { margin-right: 5px; color: {NOTICETEXT}; } .vw .s { margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid {COMMONBORDER}; line-height: 2; color: {HIGHLIGHTLINK}; } .vw .s strong { font-weight: 400; color: red; } .vw .d { margin: 15px 0; min-height: 100px; font-size: 14px; line-height: 1.8; color: #000; } .vw .d i { font-style: italic; } .vw .d img { max-width: 620px; } .ie6 .vw .d img { width: expression(this.width > 620 ? 620:true); } .vwtb { table-layout: fixed; width: 100%; height: 300px; } .vw .pattl_c .tip { line-height: 1.5; } #article_content { vertical-align: top; } .vw .d ol, .vw .d ul { margin: 1em 2em; } .vw .d ul li { list-style-type: disc; } .vw .d .ml, .vw .d .xl { margin: 0; } .vw .d .ml li { list-style-type: none; } .vw .attach { padding-left: 20px; background: url({IMGDIR}/fach.gif) no-repeat 0 50%; color: {HIGHLIGHTLINK}; } .vw .o { margin-top: 15px; padding-top: 5px; border-top: 1px solid {COMMONBORDER}; text-align: right; } .vw .o .mgcmn { width: auto; text-align: left; } #nv_portal .vw .h, #nv_portal .vw .s, #nv_portal .vw .d, #nv_portal .vw .o, #nv_portal .vw .pren, #nv_forum .vw .h, #nv_forum .vw .s, #nv_forum .vw .d { margin-right: 15px; margin-left: 15px; } .pic_h { border-radius:5px; } .pic_h .h { border-bottom:1px dashed #CDCDCD; margin-left:0 !important; margin-right:0 !important; padding-left: 15px;padding-right: 15px; } .pic_h .d { margin:0 !important; } /* albumback by Alice */ .albumback #ft { border-top:0; color:#FFF; } .albumback #pt a,.albumback #ft a,.albumback a.thread_mod span,.albumback .vw .ph,.albumback .album_info p,.albumback .img_tit_t .xi1 { color:#FFF; } .albumback .ct2 .bm,.albumback #imagelist_nav { background:#000; } .albumback #ct { border-color:#CDCDCD; } .albumback a.thread_mod:hover span { color:#539BCB !important; } /* .atd -> attitude 表态 by Pony */ .atd { margin: 15px auto; } .atd img { margin-bottom: 10px; } .atd a { display: block; } .atd a:hover { text-decoration: none; } .atd td { padding: 10px; text-align: center; vertical-align: bottom; } .atd .atdc { position: relative; margin: 0 auto 10px; width: 20px; height: 50px; } .atdc div { position: absolute; left: 0; bottom: 0; width: 20px; text-align: left; } .atd .ac1 { background: #C30; } .atd .ac2 { background: #0C0; } .atd .ac3 { background: #F90; } .atd .ac4 { background: #06F; } .atdc em { position: absolute; margin: -25px 0 0 -5px; width: 30px; font-size: 11px; text-align: center; color: {LIGHTTEXT}; } /** end **/ /** portal::portalcp,portal::view **/ .pgm { clear: both; padding: 5px 0; } .pgm .pg { float: left; } /* 管理相关文章 */ .bart { position: relative; padding: 10px; width: 640px; } .bartl { overflow-y: scroll; padding: 10px; width: 270px; height: 270px; border: 1px solid {COMMONBORDER}; } .bartl li { overflow: hidden; width: 250px; height: 20px; } .bartl li em { float: left; width: 200px; } .barto { position: absolute; top: 190px; left: 315px; height: 30px; } .barto .pn * { padding: 0 8px; } .bart .chkall { padding-left: 10px; } #chkalldiv p { width: 292px; } /* 管理模块 */ .ptblk li { padding: 7px 0; border-bottom: 1px solid {COMMONBORDER}; } .ptblk em { margin-right: 30px; } /* 文章标题颜色、加粗、斜体、下划线等样式 by Pony */ .colorwd { margin-right: 3px; } .dopt input { float: left; } /* 上一篇/下一篇文章 样式*/ #nv_portal .vw .pren em { display: block; width: 100%; height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /** end **/ /* ----------------------------------------------------------------------- 空间相关样式 */ /** home::space,misc::ranklist **/ /* .mi --> my_infomation 空间首页个人信息部分 */ .mi {} .mi th, .mi td { vertical-align: top; } .mi th { width: 145px; } .mi .avatar a { position: relative; } .ie6 .avatar a { float: left; } .mi .avatar a:hover { text-decoration: none; } .mi .avatar a span { display: none; position: absolute; bottom: 3px; padding: 5px 0; width: 100%; text-align: center; background: transparent; background: rgba(255, 255, 255, 0.5); cursor: pointer; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = #50FFFFFF, endColorstr = #50FFFFFF); } .mi .avatar a:hover span { display: block; } .mi .avatar img { padding: 3px; border: 1px solid {COMMONBORDER}; } .mifm { position: relative; margin: 10px 0 20px; padding: 5px; width: 370px; background: {COMMONBG}; zoom: 1; } .mipm { padding: 5px 0; border: 1px solid {COMMONBORDER}; } .mipm li { float: left; padding: 5px 15px; white-space: nowrap; } .mi a.o { margin-right: 5px; padding-left: 18px; background: url({IMGDIR}/mine_icn.png) no-repeat 0 50%; } #moodfm {} #moodfm textarea { width: 600px; height: 56px; border: 1px solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; overflow-y: auto; } .mi .moodfm_input { width: 350px; height: 58px; background: {COMMONBORDER} url({IMGDIR}/mood_input.png) no-repeat 0 0; } .mi .hover .moodfm_input { background-color: {SPECIALBORDER}; } .mi #moodfm textarea { margin: 3px 0 0 6px; padding: 0; width: 341px; height: 51px; outline: none; border: none; } .moodfm_btn { padding-left: 5px; background: url({IMGDIR}/mood_input_btn.png) no-repeat 5px 0; } .moodfm_btn button { width: 58px; height: 58px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } .moodfm_f { padding: 5px 0 0 3px; } /* Name: mod_share_form Level: Function Explain: 发布分享的表单 Last Modify: Pony */ .sfm { margin: 0 0 20px 10px; } .sfm .c { width: 442px; } .sfm .px { width: 432px; } .sfm .pt { width: 432px; height: 67px; } /* 分享视频有截图时 by Pony */ .vdtn { width: 126px; height: 95px; border: 1px solid {COMMONBORDER}; cursor: pointer; } /* .pic -> picture 查看图片 by Pony */ .osld { padding-left: 18px; background: url({IMGDIR}/slide.png) no-repeat 0 50%; } .pic {} .pic .c { margin-top: 20px; text-align: center; } .pic .c img { max-width: 764px; } * html .pic .c img { width: expression(this.width > 764 ? 764 : true); } .pic p { margin: 5px 0; } .albim_pic_title { padding: 5px; border-top: 1px dashed {COMMONBORDER}; background: {COMMONBG}; } /* 侧边图片导航 Media list navigation */ .mlnv { text-align: center; } .mlnv img { margin: 0 5px; padding: 2px; max-width: 100px; max-height: 100px; _width: expression(this.width > 100 && this.width>=this.height ? 100 : true); height: expression(this._height > 100 && this.width<=this.height ? 100 : true); border: 1px solid {WRAPBORDERCOLOR}; background: {WRAPBG};} .mlnv img.a { border-color: {NOTICETEXT}; background: #FFEAA8; } .mlnv .btn img { padding: 0; border: 0; background: none; } /* .sl -> share_list 分享列表 by Pony */ .sl {} .sl li { padding: 10px 0; border-bottom: none; } .sl .h { padding: 6px 10px; _height: 1%; background: {COMMONBG}; border-bottom: 1px solid {COMMONBORDER}; } /* .favl -> fav_list 收藏列表 by Pony */ .favl .o { background: url({IMGDIR}/op.png) no-repeat -4px -2px; } .favl .o:hover { background-position: -4px -22px; } .ie6 .favl li { position: relative; } .ie6 .favl .o { margin: 0; right: 0; top: 12px; } /* .cmt -> comment feed中的评论区域 by Pony */ .cmt { margin: 10px 24px 0 0; padding: 10px; border: 1px solid #EAEAEA; background: {COMMONBG}; zoom: 1; } .cmt form { margin-top: 10px; } .cmt input, .cmt button { vertical-align: middle; } .cmt .pt { width: 95%; margin: 3px 0; } .cmt .tri { margin: 10px 0 -23px; width: 19px; height: 13px; background: url({IMGDIR}/cmt_ico.png) no-repeat; } .cmt .xlda dl { padding-left: 50px; } .cmt .xlda .m { margin-left: -50px; } .cmt .avt img { width: 36px; height: 36px; } .cmt .pg a, .cmt .pg strong { background-color: transparent; } .cmt .pg a { border-color: {COMMONBG}; } .cmt .pg a:hover { border-color: {WRAPBORDERCOLOR}; } /* feed 区域里的评论 */ .el .cmt li { padding-right: 0; border-bottom: none; } .el .tri { display: none; } /* feed 区域中评论的验证码 */ .el .cmt .sec .px { width: 80px !important; } /* .pll -> poll_list 投票列表 */ .pll {} .pll li { padding: 10px 0; min-height: auto; } .pll .h { font-size: 14px; } .pll .h span { font-weight: 400; } .pll .c { margin: 0 84px 0 74px; } .pll ol { margin: 5px 0 0 20px; } * html .pll ol { margin-left: 25px; } *+html .pll ol { margin-left: 25px; } .pll ol li { list-style-type: decimal; padding: 0; border-bottom: none; } .pll .u { overflow: hidden; width: 74px; text-align: center; } .pll .u p { white-space: nowrap; } .pll .s { display: inline; margin: 5px 10px 0 0; width: 60px; background:url({IMGDIR}/polljoins.gif) no-repeat 0 0; } .pll .s a.joins { margin: 0 0 5px; padding: 12px 0; width: 60px; height: 36px; display: block; overflow: hidden; text-align: center; text-decoration: none; } .pll .s a.joins span { display: block; font-size: 16px; font-weight: 700; } .pll .s a.go { padding: 0 0 0 17px; width: 43px; height: 24px; line-height: 24px; display:block; } /* .acl -> activity_list 活动列表 by Pony */ .acl { width: 100%; table-layout: fixed; } .acl h3 { padding: 10px 0; font-size: 14px; } .acl h3 span { float: left; margin: 1px 10px 0 0; width: 34px; text-align: center; } .acl h3 strong { display: block; background-color: #C00; color: {LIGHTLINK}; font-size: 12px; } .acl h3 em { display: block; line-height: 22px; border: solid {COMMONBORDER}; border-width: 0 1px 1px; font-size: 16px; font-weight: 400; } .acl td { padding: 10px 3px; border-top: 1px dashed {COMMONBORDER}; vertical-align: top; } .acl .type { padding: 10px 3px 10px 0; width: 80px; } .acl .addr { padding-left: 20px; width: 130px; } .acl .orgr { width: 74px; } .acl .ml li { margin-top: 6px; padding-bottom: 0; } /* .tlog -> trade_log 交易记录 by Pony */ .tlog th, .tlog td { padding: 10px 4px !important; } /* .rwdl -> reward_list 悬赏列表 by Pony */ .rwdl {} .rwdl li { overflow: hidden; float: left; padding: 15px 10px 15px 100px; width: 290px; height: 92px; } .rwdl .uslvd { position: absolute; margin-left: -100px; width: 90px; height: 92px; background: url({IMGDIR}/rwd2.gif) no-repeat 0 0; } .rwdl .uslvd cite { display: block; line-height: 28px; font-size: 28px; margin-top: 10px; text-align: center; color: {NOTICETEXT}; } .rwdl .uslvd span { display: block; line-height: 12px; font-size: 12px; } .rwdl .uslvd em { position: absolute; bottom: 11px; bottom /*\**/: 9px\9; left: 37px; color: {LIGHTLINK}; } * html .rwdl .uslvd em { bottom: 11px; } *+html .rwdl .uslvd em { bottom: 9px; } .rwdl .slvd { background-position: 0 -92px; } .rwdl .slvd cite { color: {LIGHTTEXT}; } .rwdl h4 { overflow: hidden; height: 36px; font-weight: 400; } .rwdl p { white-space: nowrap; } /* .facel -> face_list 空间部分的表情 by Pony */ .facel { padding: 8px; width: 240px; } .facel img { margin: 5px; } /* 提醒的内容中会用到。这里使用独立class,以便个性化。若想使提醒内容更醒目,可对summary下的span进行定义 */ .summary { margin: 10px 0; } /** end **/ /** home::space,misc::ranklist,home::follow **/ /* Name: mod_pprl Level: Function Explain: 空间、广播等个人资料页面 Last Modify: Pony 1109271712 */ #pprl a { color: {HIGHLIGHTLINK}; } #pprl li { clear: both; padding: 3px 0 3px 90px; } #pprl li em { float: left; margin-left: -90px; width: 85px; white-space: nowrap; overflow: hidden; } .pf_l li { float: left; width: 300px; } .pf_l em { padding-right: 10px; color: {MIDTEXT}; } /** end **/ /** home::space,home::spacecp,home::medal,misc::ranklist **/ /* 空间图片列表 */ .mla li, .mlp li { width: 150px; } /** end **/ /** home::space **/ /* 快速好友查找链接按钮样式 by ShuaiShuai */ .sc_display{ display:inline-block; width:36px; text-align:right;} #mood_mystatus { width: 410px; word-break: break-all; overflow: hidden; } #newprompt { background: url({IMGDIR}/info.gif) no-repeat 12px 50%; } /* .dtls -> doing_treeline_short 记录回复树状背景 by shuaishuai */ .dtls { background:url({IMGDIR}/treeline_short.gif) no-repeat 0 2px; } /* .dtll -> doing_treeline_long 记录回复树状背景 by shuaishuai */ .dtll { background:url({IMGDIR}/treeline_long.gif) no-repeat 2em 2px; } .nts { padding-left: 20px; } .nts dl { border-bottom: 1px dashed {COMMONBORDER}; } .nts .more { border-top: 1px dashed {COMMONBORDER}; padding:10px 0 0 64px; } /* Name: mod_pm_list Level: Channel Explain: 短消息列表 Last Modify: Pony */ .pml {} .pml dl { padding-left: 75px; padding-right: 10px; } .pml .hover { background-color: {SPECIALBG}; } .pm_o { display: inline; width: 100px; } .pm_o .o { overflow: hidden; float: right; margin-left: 10px; width: 16px; height: 16px; text-indent: 20px; background: url({IMGDIR}/op.png) no-repeat 0 -120px; } .pm_o .o:hover { background-position: 0 -140px; } .pm_o .p_pop { text-align: left; } .pml .newpm { background: {SPECIALBG}; } .pml .newpm .newpm_avt { position: absolute; margin: -2px 0 0 40px; width: 16px; height: 14px; background: url({IMGDIR}/new_pm_2.png) no-repeat 100% 0; } .pm_c { padding-left: 25px; line-height: 22px; } .pm_c .o { float: left; display: inline; margin: 5px 0 0 -25px; } .ie7 .pm_c .o { margin-top: -2px; } .pm_op { padding-left: 75px; } .pm_op_r { padding-right: 110px; } .pm_o a.o { margin: 2px 5px 0} /* Name: mod_pm_group Level: Function Explain: 短消息群聊 Last Modify: Pony */ .pm_g { padding: 10px 15px; border: 1px solid #C2D5E3; background: #F2F7FA; } .pm_sd, .pm_b { border: 1px solid #C2D5E3; background: {WRAPBG}; } .pm_mn { margin-right: 175px; } .pm_mn dl { padding: 0; } .pm_mn dd.ptm { margin-top: -1px; padding-top: 0 !important; } .pm_mn .tedt { margin-bottom: 5px; width: 591px; } .ie6 .pm_mn .tedt { width: 587px; } .pm_mn .area { height: 70px; } .pm_mn .tedt .pt { height: 68px; } .pm_mn .avt { display: none; } .pm_sd { float: right; width: 160px; height: 425px; } .pm_mem_l { overflow-x: hidden; overflow-y: auto; height: 425px; } .pm_admin { height: 380px; } .pm_mem_l li { overflow: hidden; padding-left: 25px; height: 25px; line-height: 25px; background: url({IMGDIR}/pm_member.png) no-repeat 5px 50%; } .pm_add { padding: 10px; } .pm_add .px { width: 90px; } .pm_b { overflow-x: hidden; overflow-y: auto; padding: 10px; height: 300px; } .pm_b img { padding: 2px; max-width: 575px; height: expression(this.height > 575 ? 575 : true); } .syn_signature, .syn_signature_check { background: url({IMGDIR}/connect_post_syn.png) no-repeat scroll 0 0 transparent; cursor: pointer; display: inline-block; height: 19px; line-height: 64px; opacity: 1; overflow: hidden; vertical-align: -6px; width: 19px; } .syn_signature { background-position: 0 -66px } .syn_signature_check { background-position: -22px -66px; } /** end **/ /** home::spacecp **/ /* 空间图片列表 */ .mls li { width: 90px; } /* Name: mod_my_credits_list Level: Function Explain: 上传图片 Last Modify: Pony 11082413 */ .up_row { width: 100%; table-layout: fixed; } .up_row td { vertical-align: middle; padding: 5px 0; border-bottom: 1px solid {SPECIALBORDER}; } .up_row .c { width: 150px; } .up_row .c img { width: 120px; } .up_row .d { width: 400px; } .up_row strong { margin-right: 5px; } #creatalbum { padding-top: 1px; border-top: 1px solid {SPECIALBORDER}; } .doodle { padding-left: 3px; width: 65px; text-align: left; background: url({STATICURL}image/magic/doodle.small.gif) no-repeat 0 50%; } .doodle a { padding-left: 2px; } /* Name: mod_my_credits_list Level: Function Explain: 我的积分列表 Last Modify: Pony 11061714 */ .creditl {} .creditl li { float: left; margin-right: 5px; width: 24%; height: 30px; } .creditl .cl { clear: both; float: none; width: auto; } .creditl li em { font-weight: 700; } .creditl u { text-decoration: none; } /** end **/ /** home::spacecp,home::magic **/ /* 查找好友 .scf --> Search friend */ .scf h2 { padding-left: 20px; line-height: 2.2; background: url({IMGDIR}/scf.gif) no-repeat 0 50%; font-weight: 700; font-size: 14px; } /* 用来展示复杂统计数据的表格,目前仅用户组页面用到 */ .tdats { overflow: hidden; zoom: 1; margin: 10px 0; *padding-bottom: 10px; } .tdats th, .tdats td { overflow: hidden; padding: 0 5px; height: 26px; border-width: 0 1px 0 0; border-color: {WRAPBG}; white-space: nowrap; } .tdats th { height: 40px; font-weight: 700; } .tdats .h th { height: 24px; border-top: 1px solid {COMMONBORDER}; border-bottom: 1px solid #E5E5E5; background: url({IMGDIR}/tb.png) repeat-x 0 -4px; color: {MIDTEXT}; zoom: 1; } .tdats .tdat { float: left; width: 150px; border: none; table-layout: fixed; } .tdats .tfx { width: 300px; } .tdats .tfxf { width: 650px; } .tfx th, .tfx td { border-width: 0 3px !important; background: #FFF2DF; } .tfx .alt, .tfx .alt th, .tfx .alt td { background: #FAEDDA; } .tfx .h th { padding: 1px 5px; } .tscr { float: left; overflow: hidden; width: 350px; } .tscr .tdat th, .tscr .tdat td { width: 350px; } .nwp { word-wrap: normal; white-space: nowrap; } .tdats .c0 { padding: 0; height: 46px; text-align: center; vertical-align: bottom; background: transparent; } .tdats .c0 h4 { line-height: 38px; background-color: #F60; color: {LIGHTLINK}; } .tdats .c0 h4, .tdats .tb li { -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .tdats .tb { float: left; margin-top: 8px; padding-left: 0; width: 350px; border-bottom-width: 4px; } .tdats .tb li { padding: 0 10px; line-height: 33px; font-weight: 700; color: {LIGHTLINK}; } .tdats .c0 h4, .tdats #c1, .tdats #c2, .tdats #c3, .tdats #c4 { background-image: url({IMGDIR}/bg_usergroup.png); } .tdats .c1 { border-color: #158B00; } .tdats #c1 { border-color: #158B00; background-color: #158B00; background-position: 0 -40px; } .tdats .c2 { border-color: #057373; } .tdats #c2 { border-color: #057373; background-color: #057373; background-position: 0 -80px; } .tdats .c3 { border-color: #1F57A9; } .tdats #c3 { border-color: #1F57A9; background-color: #1F57A9; background-position: 0 -120px; } .tdats .c4 { border-color: #1A588D; } .tdats #c4 { border-color: #1A588D; background-color: #1A588D; background-position: 0 -160px; } .tdats .c1 #c1, .tdats .c2 #c2, .tdats .c3 #c3, .tdats .c4 #c4 { line-height: 35px; } .ftb td { width: 12%; } /** end **/ /** home::space,home::spacecp **/ /* Name: mod_ct_vw Level: Function Explain: 日志、好友列表页用到的两栏框架 Last Modify: Pony */ .ct_vw {} .ct_vw_mn { float: left; width: 70%; } .ct_vw_sd { float: right; width: 28%; } /* Name: mod_buddy Level: Function Explain: 好友列表 Last Modify: Pony */ .buddy { margin: 0 -4px 10px -2px; } .buddy li { overflow: hidden; display: inline; float: left; margin: 10px 5px 0; padding: 10px 10px 10px 70px; width: 175px; height: 58px; border: 1px solid #F3F3F3; background: #F9F9F9; } .ct_vw_mn .buddy li { width: 190px; } .buddy h4 { overflow: hidden; height: 20px; } .buddy .avt { position: absolute; margin-left: -60px; } .buddy .maxh { overflow: hidden; height: 20px; } .buddy .note { color: green; } .addbuddy { padding-left: 20px; background: url({IMGDIR}/addbuddy.gif) no-repeat 0 50%; } /* Name: mod_buddy_group Level: Function Explain: 好友分组 Last Modify: Pony */ .buddy_group { margin-top: -5px; } .buddy_group li { overflow: hidden; padding: 5px 0; line-height: 20px; border-bottom: 1px dashed {COMMONBORDER}; } .buddy_group li.a { font-weight: 700; } .buddy_group .b, .buddy_group .o { float: right; width: 20px; height: 20px; overflow: hidden; line-height: 100px; background: url({IMGDIR}/op.png) no-repeat 0 -40px; } .buddy_group .b:hover { background-position: 0 -60px; } .buddy_group .o { background-position: 0 -80px; } .buddy_group .o:hover { background-position: 0 -100px; } .ntc_body .summary { margin-left: 2em; padding-left: 10px; border-left: 1px solid {COMMONBORDER}; } .ntc_body .summary span { color: {LIGHTTEXT}; } /* .pmform -> 短消息表单非弹窗 by Pony */ .pmform {} .pmform .px { width: 408px; } .pmform .tedt { width: 416px; } /* Name: mod_user_selector Level: Function Explain: 用户名提示选择效果 Last Modify: Pony 11061311 */ .un_selector { height: auto; cursor: text; overflow: hidden; } .un_selector input { width: 95px; height: 19px; border-width: 0; outline: none; } .ie6 .un_selector input, .ie7 .un_selector input { height: 17px; } .un_selector #subject { width: 408px; } .un_selector span { float: left; margin: 1px 2px 1px 0; width: 100px; height: 19px; line-height: 19px; background: #F7F6ED url({IMGDIR}/un_selector.png) no-repeat 0 0; color: {HIGHLIGHTLINK}; overflow: hidden; } .un_selector em { padding-left: 5px; width: 80px; } .un_selector .x { float: right; width: 15px; height: 19px; background: url({IMGDIR}/un_selector.png) no-repeat 100% -19px; text-indent: -9999px; overflow: hidden; } .un_selector .x:hover { background-position: 100% -38px; } a.appendmb, a.appendmb span { height: 25px; line-height: 25px !important; } /* 发短消息时根据输入显示出的用户名列表样式 */ .pmfrndl { position: absolute; margin-top: 3px; padding: 4px; width: 120px; border: solid {DROPMENUBORDER}; border-width: 0 1px 1px; background: #FFF; } .ie6 .pmfrndl, .ie7 .pmfrndl { margin-top: 4px; } .pmfrndl li { display: inline; } .pmfrndl a { display: block; padding: 4px 2px; color: {HIGHLIGHTLINK}; } .pmfrndl a:hover { text-decoration: none; } .pmfrndl a.a { background: {SPECIALBG}; } #showSelectBox_menu { padding: 10px; width: 300px; white-space: nowrap; } #selBox { margin: 0 -10px 10px; padding-left: 10px; height: 110px; border: solid {COMMONBORDER}; border-width: 1px 0; overflow-y: auto; } /** end **/ /** home::task **/ .pbg { position: relative; width: 80%; } .pbg .xs0 { position: absolute; top: 0; right: 8px; font-family: PMingLiU, sans-serif; } /** end **/ /** home::magic,home::medal **/ /* .mgcl -> Magic list by lushnis */ .mgcl li { float: left; width: 132px; height: 180px; text-align: center; } .mgcl .mg_img { margin: 0 auto 5px; } .pg_medal .mgcl img { margin-top: 20px; width: auto; height: auto; } /* 勋章记录重定义 by Pony */ .el li { padding-left: 40px; } .el .t { margin: -2px 0 0 -30px; } .el .t img { width: 24px; height: 24px; } /** end **/ /* ------------------------------------------------------------------------ 门户相关样式 */ /* ------------------------------------------------------------------------ 漫游相关样式 */ /** userapp::userapp **/ /* 管理漫游应用 by Pony */ .myset { margin-top: 15px; padding: 5px 0; } .mgapp { float: left; padding: 0 15px; width: 777px; } .apps { padding: 7px 0; height: 20px; line-height: 20px; border-bottom: 1px dashed #DDD; } .dragable { padding-left: 25px; background: url({IMGDIR}/drag.gif) no-repeat 2px 50%; cursor: move; } .dragable:hover { background-color: {COMMONBG}; } .apps img { vertical-align: middle; } .apps .y a { margin-right: 20px; } .note { padding: 0 15px; } .note li { margin-left: 20px; *margin-left: 25px; } /* 应用首页应用列表定高 by Pony */ .appmaxh .bm_c { height: 140px; } .apl li { margin: 5px 0; } /* 应用列表中新应用和热门应用图标 by Pony */ .appl li { position: relative; } .ie6 .appl li { width: 100%; } .appnew, .apphot { position: absolute; right: 0; width: 20px; height: 100%; background-color: {SIDEBGCOLOR}; background-repeat: no-repeat; background-position: 100% 50%; } .appnew { background-image: url({IMGDIR}/appnew.png); } .apphot { background-image: url({IMGDIR}/apphot.png); } /** end **/ /** home::space,home::spacecp,userapp::userapp,forum::forumdisplay **/ /* 折叠按钮 by Pony */ .unfold, .fold { float: right; padding-left: 10px; background: url({IMGDIR}/arrwd.gif) no-repeat 0 50%; cursor: pointer; outline: none; } .fold { background-image: url({IMGDIR}/arrow_top.gif); } /** end **/ /* ------------------------------------------------------------------------ 搜索相关样式 */ /** search **/ a { color: #369; } body { background: #FFF none !important; } #toptb { padding: 0 15px; border-bottom: 1px solid #EFEFEF; } #ct { margin: 0 20px; } #scform { margin: 10px 0;} #scform h1 { margin-right: 20px; } #scform_tb a { float: left; display: inline; margin: 0 15px 0 3px; height: 26px; line-height: 26px; } #scform_tb .y a { margin: 0 3px 0 15px; } #scform_tb .a { background: url({IMGDIR}/searchbar.png) no-repeat 50% 100%; color: #333; font-weight: 700; } #scform_form { background: url({IMGDIR}/searchbar.png) repeat-x 0 0; } .td_srchtxt { background: url({IMGDIR}/searchbar.png) no-repeat 0 -35px; } .td_srchbtn { background: url({IMGDIR}/searchbar.png) no-repeat 0 -70px; } #scform_srchtxt { padding: 0 10px; width: 460px; background: transparent; outline: none; } #scform_submit { width: 107px; opacity: 0; filter: alpha(opacity=0); cursor: pointer; } #scform_srchtxt, #scform_submit { height: 35px; border: none; } .ie_all #scform_srchtxt { height: 33px; line-height: 33px; } .sttl { margin: 10px 0; padding: 5px; border-bottom: 1px solid #CCC; background: #F5F5F5; } .slst { width: 760px; } .slst a { color: #00C; text-decoration: underline; font-weight: 400; } .slst a:visited { color: purple; } .slst a strong { font-weight: 400; } .slst p span { color: #3A8000; } .slst p span a, .slst p span a:visited { color: #666; } .pbw strong { font-weight: 400; } .pbw p { color: #000; } .p_pop span { display: none; } #nv_search #ft { margin: 20px; text-align: center; } .pg { float: none; } #myspace_menu li a, #navs_menu li a { background-repeat: no-repeat; background-position: -200px 0; } /** end **/ /* ------------------------------------------------------------------------ 排行榜相关样式 */ /** misc::ranklist **/ .rankicn { width: 20px; } /* .rnk1 每行一个区块 */ .rnk1 {} .rnk1 .mlp .d { width: 120px; height: 120px; } .rnk1 .mlp img { max-width: 100px; max-height: 75px; } .ie6 .rnk1 .mlp img { width: expression(this.width > 100 && this.width>=this.height ? 100 : true); height: expression(this.height > 75 && this.width<=this.height ? 75 : true); } .rnk1 .mlp .bigpic { width: 295px; height: 240px; } .rnk1 .bigpic img { max-width: 286px; max-height: 200px; } .ie6 .rnk1 .bigpic img { width: expression(this.width > 286 && this.width>=this.height ? 286 : true); height: expression(this.height > 200 && this.width<=this.height ? 200 : true); } /* 图片排名上的序号 */ .picrank { position: absolute; margin: 14px 0 0 8px !important; } /* 竞价排名 by Pony */ .bid { margin: 2px -4px -2px 2px; zoom: 1; } .biduser { width: 780px; background: url({IMGDIR}/avatar_blank.gif); } .biduser li { float: left; margin: 0 4px 4px 0; } .biduser a { display: block; } .biduser img { width: 48px; height: 48px; } .bidtop { overflow: hidden; width: 100px; height: 100px; background-color: {COMMONBG}; } .bidtop img { width: auto; height: 100px; } /* 重定义 */ .xl2 { background: url({IMGDIR}/vline.png) repeat-y 50% 0; } .xl2 li { margin-right: 20px; width: 378px; } .xl2 li.xl2_r { margin-right: 0; } .hasrank dl { padding-left: 110px; } .ranknum { position: absolute; margin: 8px 0 0 -100px; } .el .t { } .pll li { padding-left: 20px; } .acl td { border-top: none; border-bottom: 1px dashed {COMMONBORDER}; } /** end **/ /* ------------------------------------------------------------------------ 统计相关样式 */ /** misc::stat **/ .dt a { color: {HIGHLIGHTLINK}; } .dt th, .dt td { border-right: 1px solid {COMMONBORDER}; } .dt .stat_subject { border-right: none; } .dt .stat_num { padding-right: 15px; text-align: right; } .pbg { float: left; width: 372px; } .bm_h { padding-left: 0; background: none; border: none; } /* 重定义 tab 标签样式 by Pony 11081614 */ .ttp .a a { padding-left: 8px; padding-right: 8px; } .ttp li.xw1 { font-weight: 400; } /** end **/ /** forum::collection,forum::viewthread **/ .clct_list .xld { float: left; margin-bottom: 5px; width: 49.9%; height: 105px; overflow: hidden; } .clct_list .xld .m, .clct_list .xld .m a { width: 55px; height: 50px; overflow: hidden; cursor: pointer; } .clct_list .xld .m { background: url({IMGDIR}/hotspot.gif) no-repeat 100% 0; } .clct_list .xld .m a:hover { text-decoration: none; } .clct_list .xld .m strong { display: block; height: 32px; line-height: 32px; } .clct_list .xld .m span { display: block; color: #FFF; } .clct_flw { float: right; margin-top: 5px; height: 25px; line-height: 25px; line-height: 25px; overflow: hidden; } .clct_flw i { float: right; width: 42px; text-align: center; background: url({IMGDIR}/pdbt.gif) no-repeat 0 0; color: #FFF; font-style: normal; } .clct_flw .u { width: 66px; background-position: 0 -125px; } .clct_flw strong { float: right; padding: 0 20px; background: url({IMGDIR}/pdbt.gif) no-repeat 100% -25px; } .clct_flw a { color: #FFF; } .clct_ratestar { float: left; width: 80px; height: 24px; background: url({IMGDIR}/fav_grey.gif) repeat-x 0 0; } .clct_ratestar .btn { position: absolute; width: 80px; height: 24px; z-index: 2; } .clct_ratestar a { float: left; width: 16px; height: 20px; text-indent: -9999px; overflow: hidden; } .clct_ratestar .star { position: absolute; width: 0; height: 24px; background: url({IMGDIR}/fav.gif) repeat-x 0 0; z-index: 1; } .clct_ratestar .star1 { width: 16px; } .clct_ratestar .star2 { width: 32px; } .clct_ratestar .star3 { width: 48px; } .clct_ratestar .star4 { width: 64px; } .clct_ratestar .star5 { width: 80px; } .tbmu { padding-left: 10px; line-height: 23px; } /* Name: mod_collection_tag Level: Function Sample: <span class="ctag ctag0">tag</span> Explain: 淘帖标签样式,从 0 到 2,颜色越来越不醒目 Last Modify: Pony 2012022311 */ .ctag { padding: 1px 3px; font-weight: 400; border-radius: 3px; } .ctag0 { background:#F6C5BE; color: #822111; } .ctag1 { background:#FEF1D1; color: #AA8831; } .ctag2 { background:#EEE; color: #666; } .ctag_keyword { background:url({IMGDIR}/tag.gif) no-repeat 0 0px;padding-left:20px;margin-left:10px;font-weight:normal; } /** end **/ /** home::follow **/ /* 广播头像通用样式 */ .flw_avt { width: 80px; } .flw_avt img { float: left; margin-left: 15px; width: 48px; } /* 广播区域样式 */ .flw_article { margin: 0 0 10px 70px; padding: 5px 10px 15px; border-bottom: 1px solid #DBDBDB; } .flw_thread .flw_article { margin-left: 0; } .flw_article h2 { font-size: 16px; } .flw_article h2 img { vertical-align: middle; } .flw_reply { margin-left: 20px; } .flw_author, .flw_author a { color: #79869E; } .flw_article .c { font-size: 14px; line-height: 1.8; } .flw_article .c img { display: block; margin: 10px 0; max-width: 600px; } .ie6 .flw_article .c img { width: expression(this.width > 600 ? 600 : true); } .flw_article .c .s { display: inline; margin: 0; } .unread .flw_article { background-color: #FEFEEE; } .unread .flw_article h2 a { color: {HIGHLIGHTLINK}; font-weight: 700; } .flw_image { margin-bottom: 10px; max-height: 400px; zoom: 1; overflow: hidden; } .flw_image li { float: left; width: 120px; max-height: 400px; background: #FFF; } .flw_image li img { margin: 0 !important; width: 120px; max-height: 400px; } .flw_image_1 { float: left; margin: 0 15px 10px 0; } .flw_image_1 img { margin: 0 !important; } .flw_attach { margin-top: 10px; clear: both; } .flw_attach li { width: 300px; margin-bottom: 5px; height: 31px; line-height: 31px; font-size: 12px; border: 1px solid #DBDBDB; border-radius: 3px; background: url({IMGDIR}/flw_attach_bg.png) repeat-x 0 -31px; box-shadow: 0 1px 0 #FFF; } .flw_attach a { display: block; padding: 0 10px 0 32px; height: 31px; background: url({IMGDIR}/flw_attach_bg.png) no-repeat 10px 8px; color: #369; } .flw_attach a.flw_attach_price { background-image: url({IMGDIR}/viewpay.gif); } .flw_attach a:hover { text-decoration: none; background-color: #EDF1F4; } .flw_attach strong { float: left; width: 160px; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .flw_attach span { float: right; width: 90px; color: #999; text-align: right; overflow: hidden; } .flw_video, .flw_music { margin: 10px 0; } .flw_article .flw_video img { display: inline; } .flw_quote { margin-left: 10px; padding-left: 15px; border-left: 3px solid #B1CCD8; } .flw_readfull { padding: 3px 5px; border: 1px solid #DDD; border-radius: 3px; background: #FFF; } .flw_readfull:hover { border-color: #9EB4C2; text-decoration: none; } .flw_delete { visibility: hidden; float: right; width: 20px; height: 20px; background: url({IMGDIR}/cls.gif) no-repeat 0 0; text-indent: -9999px; overflow: hidden; } .ie8 .flw_delete { position: relative; z-index: 1; } .flw_delete:hover { background-position: 0 100%; } .flw_feed_hover .flw_delete { visibility: visible; } .flw_loading { margin: 0 0 10px 80px; padding: 10px; box-shadow: 0 1px 0 rgba(0,0,0,0.05); border: 1px solid #DBDBDB; border-radius: 4px; background: #F4F7F9; } .flw_more { margin: 0 0 10px 80px; } .flw_more a { display: block; padding: 10px; box-shadow: 0 1px 0 rgba(0,0,0,0.05); border: 1px solid #DBDBDB; border-radius: 4px; background: #F4F7F9; text-align: center; } .flw_more a:hover { border-color: #9EB4C2; text-decoration: none; } /* 收听按钮通用样式 */ .flw_btn_fo, .flw_btn_unfo { float: right; width: 70px; height: 21px; background: url({IMGDIR}/flw_btn_s.png) no-repeat 0 0; text-indent: -9999px; overflow: hidden; } .flw_btn_unfo { background-image: url({IMGDIR}/flw_btn_unfo_s.png); } .ie6 .flw_btn_fo, .ie7 .flw_btn_fo { position: relative; z-index: 1; } .flw_uheader .flw_btn_fo, .flw_uheader .flw_btn_unfo, .flw_hd .flw_btn_fo, .flw_hd .flw_btn_unfo { float: left; } /* 发广播 */ #fastpostform { width:82%; } #flw_header { padding: 10px; } #flw_post_subject { width: 628px; height: 30px; line-height: 30px; border: 1px solid #9EB4C2; border-radius: 4px; background: #FFF url({IMGDIR}/input_shadow.png) repeat-x 0 0; } #flw_header #subject { margin: 5px; width: 580px; height: 20px; border: none; outline: none; background: transparent; line-height: 20px; } #flw_checklen { padding-right: 10px; } #flw_post_extra .sec { padding: 8px 15px; border: 1px solid #EFEFEF; background: #F9FBFC; border-radius: 4px; } .tedt { width: auto; border: 1px solid #9EB4C2; border-radius: 4px; overflow: hidden; } #flw_header .bar { padding-left: 10px; border-top: 1px solid #EFEFEF; border-bottom: none; background: #F9FBFC; border-radius: 0 0 4px 4px; } #flw_header .area { background: #FFF url({IMGDIR}/input_shadow.png) repeat-x 0 0; border-radius: 4px 4px 0 0; } #flw_header .area .pt { height: 4em; } #flw_header .ftid { margin-left: 5px; } #fastpostsubmit { margin-right: 0; width: 77px; height: 33px; border: none; background: transparent url({IMGDIR}/flw_post.png) no-repeat 0 0; text-indent: -9999px; } #flw_header .tb { padding-left: 0; height: 32px; border-bottom: none; line-height: 32px; } #flw_header .tb a { padding: 0 15px; border: none; background: transparent none; color: #369; } #flw_header .tb .a a { box-shadow: 0 -1px 0 rgba(0,0,0,0.15); border-radius: 4px 4px 0 0; background: #FFF; color: #333; } .flw_tab { padding-top: 0; border-bottom: none; } .sd { border-radius: 5px; background: #F4F7F9; } /* 侧边和主区域头像及统计信息 */ #flw_avt { padding: 20px; } #flw_avt img { margin: 0 auto 10px; border: 6px solid #FFF; } .sd #flw_avt img { display: block; } .flw_user_info { margin: 10px 0; padding: 10px; box-shadow: 0 1px 0 #FFF, 0 -1px 0 #D7DBDF; border-radius: 5px; background: #E9EEF2; } .flw_linktohome { padding: 2px 0 2px 20px; background: url({IMGDIR}/homelink.gif) no-repeat 0 2px; } /* 主区域头像 */ .flw_uheader { padding-right: 0; padding-left: 0; } .flw_stat_mn { margin-left: 20px; width: 490px; } .pg_follow .sd .bm { border-width: 1px 0 0; border-color: #E8EAEB; background: transparent; } .pg_follow .sd .bm_h { padding-left: 20px; border-width: 1px 0 0; border-color: #FFF; background: transparent; } /* 用户单页顶部 */ #flw_header.flw_uheader { padding-top: 20px; border-bottom: 1px solid rgba(0,0,0,0.15); background: #F4F7F9 none !important; } .flw_uheader .tb { margin-bottom: -1px; } .flw_uheader h1 { font-size: 16px; } .flw_uheader .tns { margin-left: -10px; padding: 0; width: 240px; } .flw_uheader .tns th, .flw_uheader .tns td { padding-left: 10px; text-align: left; } .flw_uheader .o { line-height: 21px; } .flw_status_1, .flw_status_2 { padding: 0 10px 0 20px; background: url({IMGDIR}/flw_statusico.png) no-repeat 0 4px; } .flw_status_2 { background-position: 0 -35px; } .flw_specialfo, .flw_specialunfo { float: right; margin-right: 9px; width: 14px; height: 21px; background: url({IMGDIR}/flw_btn_specialfo.png) no-repeat 0 4px; text-indent: -9999px; overflow: hidden; } .flw_specialunfo { background-position: 0 -26px; } #specialflag_2_menu { width: 80px; } .flw_uheader .flw_linktohome { padding: 0 0 0 20px; background-position: 0 3px; } /* 回复区域 */ .flw_replybox { margin: -11px 0 20px 70px; padding: 15px 20px; box-shadow: 0 1px 0 rgba(0,0,0,0.05); border: 1px solid #DBDBDB; background: #E9EEF1; } .flw_replybox li { padding: 10px 80px 10px 0; border-top: 1px solid #DBE2E6; } .flw_replybox li .d { margin-right: 10px; } .flw_replybox .px, .flw_autopt { border: 1px solid #CCDBE5; border-radius: 4px; background: #FFF url({IMGDIR}/input_shadow.png) repeat-x 0 0; } .flw_autopt { display: inline-block; vertical-align: top; margin: 0 5px 0 0; padding: 5px; width: 420px; } td.flw_autopt { margin-right: 0; } .flw_autopt .pts { padding: 0; width: 100%; height: 19px; min-height: 19px; border: 0; } .ie8 .flw_autopt .pts, .ie9 .flw_autopt .pts { min-height: 21px; } .flw_replybox .pnc { width: 77px; height: 33px; border: none; background: transparent url({IMGDIR}/pn_reply.png) no-repeat 0 0; } .flw_replybox .pnc span { line-height: 99px; } .flw_replybox td table .pnc { background-image: url({IMGDIR}/pn_rt.png); } /* 回复并转播选项 */ .flw_rert { display: inline-block; padding-right: 5px; width: 95px; text-align: right; } .flw_replybox .cnr { position: relative; float: right; overflow: hidden; display: inline; margin: -22px 16px 0 0; width: 11px; height: 7px; background: transparent url({IMGDIR}/flw_cnr_t.png) no-repeat 0 0; } /* 侧边切换 */ #flw_side_tab { margin: 10px 0; } #flw_side_tab li { line-height: 32px; } #flw_side_tab a { display: block; height: 32px; padding-left: 20px; background: url({IMGDIR}/flw_side_tab.png) repeat-x 0 0; } #flw_side_tab li.a a { background-position: 0 -32px; } #flw_side_tab a img { float: left; margin: 8px 10px 0 0; } /* 侧边用户列表 */ .flw_side_promote { } .flw_side_promote .xlda dl { margin-bottom: 8px; } .flw_side_promote .xlda .m { margin: 0 0 8px -55px; } .flw_side_promote .xlda dt { padding-top: 0; } .flw_side_promote .flw_btn_fo { float: left; } /* 类似听众页面的用户列表 */ .flw_ulist {} .flw_ulist li { padding: 10px 0 10px 100px; border-bottom: 1px solid #DBDBDB; } .flw_ulist .flw_avt { float: left; margin: 0 0 0 -80px; } .flw_ulist .unread { background-color: #FEFEEE; } .my_flw_stats { width: 120px; } .my_flw_stats li { margin-bottom: 7px; padding-bottom: 7px; border-bottom: 1px solid {COMMONBORDER}; } .my_flw_stats .xg1 { padding-right: 10px; } .ie6 .tb .a { position: static; } #flw_bar .fpd { position: relative; zoom: 1; } .ie6 #flw_bar object { position: absolute; } /* Name: mod_follow_flashupload Level: Global Explain: 重定义 follow 页面的 Flash 上传时的处理界面,结构参见 /static/js/fileprogress.js Last Modify: Pony 2012022813 */ .progressWrapper { overflow: hidden; float: left; width: auto; } .progressWrapper table { float: left; margin: 5px 1px 0 0; width: 209px; border: 1px solid #C3DCEA; border-radius: 4px; background: #FFF; } .progressWrapper td { border-radius: 4px; } .attswf p { padding-left: 5px; width: 170px; height: 26px; line-height: 26px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .attswf p img { width: 16px; height: 16px; } .attc { padding-top: 3px; width: 20px; } .attc .d { background-position-y: 0 !important; } .progressContainer { overflow: hidden; margin: 5px 0 0; width: 620px; border: 1px dashed #9EB4C2; background-color: transparent; } .red { border: none; background-color: transparent; color: red; } /** end **/ /** forum::forumdisplay,group::group **/ #livereplycontentout { position: relative; height: 195px; margin-top: 10px; border: 1px solid #E8F1F7; background: #FFF; overflow-y: auto; } #livereplycontent { position: absolute; left: 0; bottom: 0; padding: 0 15px; } #liverefresh { margin-top:10px; height: 30px; line-height: 30px; background-color: #FCF4CD; color: #fff; text-align: center; cursor: pointer; display: none; border:1px dashed #FCE491; color:#F26C4F; } #livefastcomment { position: relative; height: 34px; margin: 10px 0px 0px 0px; border: 1px solid #E8F1F7;background-color: #FFF; padding:5px 10px; } #livereplycontent dl { position: relative; width: 100%; min-height: 45px; line-height: 20px; padding: 10px 0; border-top: 1px #ccc dotted; clear: both; } #livereplycontent dl dt { position: absolute; left: 0; top: 10px; width: 40px; height: 40px; border: 1px #ccc solid; padding: 1px; } #livereplycontent dl dt img { width: 40px; height: 40px; } #livereplycontent dl dd { padding-left: 62px; } #livereplycontent dl dd a { color:{HIGHLIGHTLINK}; } #livereplycontent dl dd.dateline { position: absolute; top: 10px; right: 0; padding: 0; color: #999; } #livereplymessage{ width: 100%; line-height:28px; height: 33px; padding: 0px !important; border: none; outline: 0px; background: white none; overflow-y: auto; } .ie6 #livereplycontent dl, .ie7 #livereplycontent dl { width: 97%; } #livethread { background: #F5F9FB; border-top:2px solid #BDD7E3; } .livethreadtitle { margin-bottom:5px; } .livethreadtitle a { color:{HIGHLIGHTLINK}; font-size: 14px; } .livethreadtitle img { vertical-align: middle; } .livethreadtitle .replynumber { float: right; line-height: 25px; } .livethreadtitle .replynumber .xi1 { background:{NOTICETEXT}; padding:0 5px; border-radius: 5px; color: #FFF; font-weight: 700; } .livethreadcon { line-height:160%; font-size:14px;} /** end **/