本帖最后由 合肥大学生社区 于 2010-3-9 18:51 编辑
看我的附件图
就是 两个白色的 连一起 中间没有缝隙 修改css 什么地方
下面是我的css文件- /*
- common.css Official Style for Discuz!(R)
- URL: https://discuz.dismall.com
- (C) 2001-2009 Comsenz Inc.
- */
- /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 全局 ~~~~ */
- * { word-wrap: break-word; }
- html, body { border: 0 !important; }
- body { {BGCODE}; text-align: center; }
- body, td, input, textarea, select, button { color: {TABLETEXT}; font: {FONTSIZE}/1.6em {FONT}; }
- input, select, button { vertical-align:middle; }
- textarea { resize: none; }
- body, ul, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset { margin: 0; padding: 0; }
- h1, h2, h3, h4, h5, h6 { font-size: 1em; }
- ul li { list-style: none; }
- a { text-decoration: none; color: {LINK}; }
- a:hover { text-decoration: underline; }
- .lightlink, .lightlink a { color: {HIGHLIGHTLINK}; }
- a img { border: none; }
- em, cite, strong, th { text-align: left; font-style: normal; }
- .emfont { color: {NOTICETEXT}; }
- table { empty-cells: show; border-collapse: collapse; }
- th { font-weight: 400; }
- .txt, .txtarea { padding: 2px; *padding:0 2px; height: 16px; *height:20px; border: 1px solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; background: {INPUTBG}; }
- .txtarea { height: auto; }
- .checkbox, .radio { margin: 0; width: 15px; }
- .pipe { margin: 0 5px; }
- .lighttxt, .lighttxt a, .pipe { color: {LIGHTTEXT}; }
- .smalltext { font-size: {SMFONTSIZE}; font-family: {SMFONT}; }
- .noborder, .noborder td { border: none !important; }
- .nobg { background: none !important; }
- .right { float: right; }
- .left { float: left; }
- .onerror, .onright { clear: both; padding: 2px 2px 2px 22px; background: url({IMGDIR}/check_error.gif) no-repeat 2px 2px; }
- .onright { background: url({IMGDIR}/check_right.gif) no-repeat 2px 2px; }
- .notice { clear: both; margin: 5px 0; padding: 3px 5px 3px 20px; background: url({IMGDIR}/notice.gif) no-repeat 2px 6px; }
- .nodata { margin: 99px auto; text-align: center; color: {LIGHTTEXT}; font-size: 16px; font-weight: 700; }
- #ajaxwaitid { display: none; position: absolute; z-index: 100; top: 0; right: 0; width: 100px; height: 1.6em; background: #D00; line-height: 1.6em; color: #FFF; overflow: hidden; }
- #checksecanswer img, #checksecanswer3 img, #checkseccodeverify img, #checkseccodeverify3 img, .warning img { vertical-align: middle; }
- /* clearfix */
- .s_clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
- .s_clear { zoom: 1; }
- /* Lines */
- hr { clear: both; margin: 1em 0; border: 0 solid {COMMONBORDER}; background: transparent; }
- .solidline { border-top: 1px solid {WRAPBG}; border-bottom-width: 1px; }
- .dashline { height: 0px; border-bottom-width: 1px; border-style: dashed; }
- .shadowline { *margin: 2px 0; border-width: 1px 0; border-top-color: #DCDCDC; border-bottom-color: #FFF; }
- .side .shadowline { margin: 5px 0; *margin: 2px 0; }
- /* 此处无需替换为变量 */
- .cornerlayger { padding: 6px 8px; border: 1px solid #09C; background: #EBF2F8; line-height: 1.6em; }
- .minicorner { margin-top: -1px; height: 6px; background: url({IMGDIR}/attachinfobg.gif) no-repeat 50% 0; }
- /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 页面结构 ~~~~ */
- .wrap { text-align: left; margin: 0 auto; }
- #wrap { padding-bottom: 10px; min-height: 450px; border: {WRAPBORDER} solid {WRAPBORDERCOLOR}; background-color: {WRAPBG}; clear: both; }
- * html #wrap { height: 450px; }
- .wrap, #nav { width: {WRAPWIDTH}; }
- #header { margin-bottom: 8px; min-width: {WRAPWIDTH}; width: 100%; border-bottom: {HEADERBORDER} solid {HEADERBORDERCOLOR}; }
- #header .wrap { position: relative; padding:0; {HEADERBGCODE}; min-height:140px; _height:464px;width: 1139px; overflow: relative; }
- #header h2 { position: relative; padding:0; {HEADERBGCODE}; overflow: relative; }
- #umenu { position: absolute; right: 0; top: 0; line-height: 20px; background: #000000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; }
- #umenu a { margin: 0 6px; }
- #umenu cite { font-weight: 700; }
- #umenu cite span a { margin: 0; font-weight: 400; }
- #myprompt.new { padding-left: 22px; background: url({IMGDIR}/notice_newpm.gif) no-repeat 0 50%; }
- #myprompt_menu a.new { color: {NOTICETEXT}; }
- #myprompt_menu li { float: left; width: 50%; }
- .promptmenu { margin-left: -27px; padding-top: 10px; width: 250px; background: transparent url({IMGDIR}/pm_ntc.gif) no-repeat 0 0; text-align: left; opacity: 0.98; }
- .promptcontent { padding-bottom: 10px; background: transparent url({IMGDIR}/pm_ntc.gif) no-repeat -250px 100%; }
- .promptmenu ul { padding: 0 10px; border: solid #91C8E2; border-width: 0 2px; background: #FEFEFE; }
- .promptmenu li { border-bottom: 1px solid #F4F4F4; line-height: 29px; display: block; width: 100%; color: {LIGHTTEXT}; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -o-text-overflow: ellipsis; }
- .promptmenu a:hover { text-decoration: none; color: {HIGHLIGHTLINK}; }
- .up { padding-top: 0; padding-bottom: 10px; width: 150px; background-position: -500px 100%; }
- .up .promptcontent { padding-top: 5px; padding-bottom: 0; background-position: -650px 0; }
- .up li { border-bottom: none; line-height: 160%; }
- #uchome_ntc { padding: 1px 10px 3px 15px; *padding: 2px 10px 2px 15px; background: url({IMGDIR}/notify_bg_m.gif) no-repeat 0 50%; color: #FFF !important; }
- #uchome_ntc a { margin: 0; }
- #umenu, #umenu a, #umenu .pipe { color: #FFFFFF; }
- #footer { padding: 1em 0; }
- #rightinfo { float: left; padding-left:46px; background: url({IMGDIR}/voora_icon.gif) no-repeat 0 50%; }
- #footlink { float: right; text-align: right; }
- #footer, #footer a { color: {FOOTERTEXT}; }
- .content { padding: 20px 25px; }
- .content h1 { margin-bottom: 10px; font-size: 16px; font-weight: 400; }
- /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 菜单、导航、分页等各种模块 ~~~~ */
- /* 菜单 */
- #menu { position: absolute; right: 0; bottom: 0; _bottom: -2px; height: 26px; }
- #menu li { display: inline; float: left; margin-left: 5px; {MENUBGCODE}; }
- #menu a { float: left; padding: 0 14px; height: 25px; border: solid {MENUBORDER}; border-width: 1px 1px 0; background: transparent none; line-height: 25px; color: {MENUTEXT}; text-decoration: none; overflow: hidden; }
- #menu a.dropmenu { padding-right: 20px; background-image: url({IMGDIR}/arrow_down.gif); background-repeat: no-repeat; background-position: 95% 50%; }
- #menu a:hover { border-color: {HEADERBORDERCOLOR}; background-color: {MENUHOVER}; color: {MENUHOVERTEXT}; }
- #menu li.current a { height: 26px; border-color: {HEADERBORDERCOLOR}; background-color: {MENUHOVER}; color: {MENUHOVERTEXT}; }
- /* 导航 */
- #nav { margin: -8px auto 0; background: url({IMGDIR}/icon_nav.gif) no-repeat 0 50%; text-align: left; text-indent: 25px; line-height: 3em; }
- #nav, #nav a { color: {MENUHOVERTEXT}; }
- .mainbox table { width: 100%; }
- .blocktitle { margin-bottom: 0.5em; font-size: 16px; font-weight: 700; }
- .channelinfo { clear: both; margin: 5px 0; color: {MIDTEXT}; }
- .channelinfo img { vertical-align: middle; }
- .channelinfo .onerror { * background-position: 2px 0; }
- /* 分页 */
- .pages_btns { padding: 5px 0 1em; line-height: 30px; }
- .pages, .pageback { float: right; padding: 2px 0; }
- .pages a, .pages strong, .pageback a { float: left; padding: 0 6px; margin-right: 2px; height: 26px; border: 1px solid; line-height: 26px; overflow: hidden; }
- .pages a, .pageback a { border-color: {COMMONBORDER}; background-color: {WRAPBG}; color: {HIGHLIGHTLINK}; }
- .pages a:hover, .pageback a:hover { text-decoration: none; }
- .pages strong { border-color: {HIGHLIGHTLINK}; background-color: {HIGHLIGHTLINK}; color: #FFF; font-weight: 700; }
- .pages a.prev, .pages a.next { background-repeat: no-repeat; }
- .pages a.prev { background-image: url({IMGDIR}/arrow_left.gif); background-position: 30% 50%; padding: 0; width: 22px; overflow: hidden; text-indent: -9999px; }
- .pages a.next { padding-right: 16px; background-image: url({IMGDIR}/arrow_right.gif); background-position: 90% 50%; }
- .pageback a { padding-left: 16px; background: {WRAPBG} url({IMGDIR}/arrow_left.gif) no-repeat 0 50%; }
- .pages a:hover, .pageback a, .pages a.next { border-color: {HIGHLIGHTLINK}; }
- /* 左右结构的表格(多用于表单) */
- .formtable { width: 100%; }
- .formtable th { padding: 5px 2px; width: 100px; }
- .formtable th a { font-weight:400; color:{HIGHLIGHTLINK}; text-decoration:underline; }
- .formtable td { padding: 5px 2px; }
- .formtable .sep_space th { height: 40px; }
- .formtable .txt { width: 270px; }
- .formtable .txtarea { float: left; margin: -1px 8px 0 0; width: 270px; height: 60px; border-top-color: {INPUTBORDER}; }
- /* 模拟下拉菜单样式 */
- .float_typeid { float: left; margin-right: 6px; }
- .float_typeid select { float: left; height: 20px; }
- .float_typeid a { display: block; overflow: hidden; padding: 0 17px 0 4px; width: 73px; height: 20px; text-decoration: none !important; color: {TABLETEXT} !important; border: 1px solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; background: {INPUTBG} url({IMGDIR}/newarow.gif) no-repeat 100% 0; }
- * html .float_typeid a { height: 18px; padding-top: 2px; }
- .float_typeid a:hover, .float_typeid a:focus { border: 1px solid {HIGHLIGHTLINK}; background-position: 100% -20px; }
- /* ctrl 'select' width */
- .float_typeid select { width: 94px; }
- .short_select a { width: 39px; }
- .short_select select { width: 60px; }
- .select_menu { border: 1px solid {HIGHLIGHTLINK}; background:{INPUTBG} url({IMGDIR}/newarow.gif) no-repeat 100% -20px; text-align: left; }
- .select_menu ul { margin: 0 4px; }
- .select_menu li { color: {TABLETEXT}; cursor: pointer; }
- .select_menu li:hover { color: {HIGHLIGHTLINK}; }
- .select_menu li.current { color: {NOTICETEXT}; }
- /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 版块列表、帖子列表、用户列表以及其他形式列表 ~~~~ */
- .commonlist li { margin: 4px 0; }
- .inlinelist li { float: left; width: 33%; }
- .inlinelist li.wide { width: 49.5%; }
- /* 数据表 */
- .datalist { zoom: 1; }
- .datalist table { margin-bottom: 30px; width: 100%; border: 1px solid {COMMONBORDER}; }
- .datalist th, .datalist td { padding: 4px 5px; border: 1px solid {COMMONBORDER}; font-weight: 400; }
- .datalist th img { vertical-align: top; }
- .datalist table .stat_subject { border-right: none; }
- .datalist table .stat_num { padding-right: 15px; text-align: right; border-left: none; }
- .datalist .datatable { margin-bottom: 10px; }
- .datalist .datatable, .datalist .datatable th, .datalist .datatable td { border-width: 1px 0; }
- .datalist .fixtable { table-layout: fixed; }
- /* 交替换色中的深色背景 */
- .colplural, .colplural th, .colplural td, th.highlight, td.highlight { background-color: {INTERLEAVECOLOR}; }
- /* 48px 头像列表,需配合 s_clear */
- .avt_list li { float: left; margin-right: 9px; width: 64px; height: 54px; text-align: center; }
- .side .avt_list li { margin: 0; width: 33.3% }
- .postmessage .avt_list li { height: 70px; }
- .avt_uname li { height: 80px; }
- .avt_list img { display: block; margin: 0 auto; }
- .avt_list p { width: 96%; white-space: nowrap; overflow: hidden; }
- .avt_list .cornerlayger p { white-space:normal; text-align: left; }
- .avt_list .minicorner { background: url({IMGDIR}/attachinfobg.gif) no-repeat -30px 0; }
- .avt_title { margin: 8px; }
- .list { border-top: 3px solid {COMMONBORDER}; }
- .content .list h3 { padding-left: 6px; color: {MIDTEXT}; line-height: 35px; }
- .list td, .list th { height: 50px; padding: 6px 0; border-top: 1px dashed {COMMONBORDER}; color: {MIDTEXT}; }
- .list th { background: url({IMGDIR}/forum.gif) 5px 10px no-repeat; padding-left: 45px !important; }
- .narrowlist th { vertical-align: top; }
- .list th.new { background-image: url({IMGDIR}/forum_new.gif); }
- .list th h2 em { font-weight: 400; }
- .list th h2 em strong { color: {NOTICETEXT} }
- .feed { margin-bottom: 10px; }
- .feed h3 { margin: 10px 0 10px 30px; font-size: 14px; color: {LIGHTTEXT}; }
- .feed a { color: {HIGHLIGHTLINK}; }
- .feed li { border-bottom: 1px dashed {COMMONBORDER}; }
- .feed div { padding: 10px 30px; background: url({IMGDIR}/alert.gif) no-repeat 0 12px; position: relative; }
- .feed div div { padding: 0; background: none; }
- .feed .f_icon { background: none; }
- .feed .apptype { position: absolute; float: left; display: inline; margin: 3px 0 0 -30px; }
- .feed .f_thread { background-image: url({IMGDIR}/folder_new.gif); }
- .feed .f_reply { background-image: url({IMGDIR}/fastreply.gif); }
- .feed .f_quote { background-image: url({IMGDIR}/repquote.gif); }
- .feed .f_buddy { background-image: url({IMGDIR}/user_link.gif); }
- .feed .f_pin { background-image: url({IMGDIR}/pin_1.gif); background-position: 0 9px; }
- .feed .f_digest { background-image: url({IMGDIR}/digest_1.gif); }
- .feed .f_rate { background-image: url({IMGDIR}/agree.gif); }
- .feed .f_manage { background-image: url({IMGDIR}/icon_manage.gif); }
- .feed .f_magic { background-image: url({IMGDIR}/magic.gif); }
- .feed .f_trade { background-image: url({IMGDIR}/tradesmall.gif); }
- .feed .f_activity { background-image: url({IMGDIR}/activitysmall.gif); }
- .feed .f_reward { background-image: url({IMGDIR}/rewardsmall.gif); }
- .feed .f_task { background-image: url({IMGDIR}/icon_task.gif); background-position: 0 14px; }
- .feed .f_credit { background-image: url({IMGDIR}/viewpay.gif); }
- .feed dfn { position: absolute; right: 0; top: 14px; *top:12px; font-style: normal; }
- .feed dfn .deloption { float: right; margin: 0; }
- .feed em, .feed em a, .feed .summary { color: {LIGHTTEXT}; }
- .feed .summary { margin: 12px 2em 6px; }
- .feed dt { float: left; color: {TABLETEXT}; }
- .feed dd { margin-bottom: 6px; }
- .feed .il { margin-left: 2em; white-space: nowrap; }
- a.to { padding-right: 1em; background: url({IMGDIR}/arrow_right.gif) no-repeat 100% 50%; }
- .feed i { margin: 0 5px; color: {LIGHTTEXT}; }
- .f_thumb { margin: 5px 0; }
- .f_thumb img { margin-right: 4px; padding: 2px; max-width: 100px; max-height: 70px; border: 1px solid {COMMONBORDER} }
- * html .f_thumb img { width: 100px; height: 70px; }
- .feed fieldset { margin: 10px 0; padding: 0 0 0 20px; border: none; background: url({IMGDIR}/icon_quote_m_s.gif) no-repeat 0 0; }
- .feed ins { margin: 0; padding: 0 20px 0 0; display: inline; background: url({IMGDIR}/icon_quote_m_e.gif) no-repeat 100% 100%; line-height: 1.6em; color: {LIGHTTEXT}; text-decoration: none; }
- /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 帖子列表相关 ~~~~ */
- .folder { width: 25px; text-align: center; }
- td.icon { width: 20px; text-align: center; }
- .icon .solved { filter: alpha(opacity=30); opacity: 0.3; }
- .subject label { float: right; }
- .threadlist th a:hover, .subject a:hover { color: {HIGHLIGHTLINK}; }
- .datatable .subject { padding: 8px 5px; }
- .threadpages { white-space: nowrap; }
- .threadpages a { padding: 2px 4px; color: {TABLETEXT}; }
- .threadpages a:hover { background-color: {SPECIALBG}; }
- .forum, .author, .lastpost { width: 110px; }
- .lastpost, .lastpost cite, .lastpost em { text-align: right; }
- .author cite, .lastpost cite { display: block; margin-bottom: -5px; width: 105px; height: 1.6em; overflow: hidden; }
- thead .lastpost cite { margin-bottom: 0; }
- .author em, .lastpost em, .lastpost em a { font-size: 9px; font-family: Arial, sans-serif; color: {LIGHTTEXT}; }
- .lastpost cite, .lastpost em { display: block; margin-right: 5px; }
- .nums { width: 80px; color: {LIGHTTEXT}; text-align: center; }
- thead .nums { color: {TABLETEXT}; }
- .nums strong { padding-right: 2px; color: {HIGHLIGHTLINK}; font-weight: 400; }
- .nums em { padding-left: 2px; color: {TABLETEXT}; }
- .forumnums { width: 90px; padding-right: 10px !important; color: {LIGHTTEXT}; text-align: center; }
- .forumnums em { color: {HIGHLIGHTLINK}; }
- .forumlast { width: 225px; text-align: left; }
- .num { width: 120px; text-align: center; color: red; }
- .threadlist td { padding: 0 !important; }
- .threadlist .colplural th, .threadlist .colplural td { padding: 7px 0 !important; background: {SPECIALBG}; }
- .threadlist .colplural th { padding: 7px 5px !important; }
- .threadlist .colplural a { color: {HIGHLIGHTLINK}; font-family: Tahoma, sans-serif; }
- .threadlist .colplural a:hover { text-decoration: underline; }
- .threadlist .colplural .order_active { padding-right: 8px; background: url({IMGDIR}/order.gif) no-repeat 100% 50%; }
- .itemfilter { line-height: 18px; }
- .itemfilter * { float: left; height: 18px; overflow: hidden; }
- .itemfilter li { margin-right: 5px; }
- .itemfilter .current a { margin-right: 2px; background: url({IMGDIR}/btn_block.gif) no-repeat 0 -161px; }
- .itemfilter .current a:hover { text-decoration: none; }
- .itemfilter span { cursor: pointer; }
- .itemfilter .current span { padding: 0 5px; background: url({IMGDIR}/btn_block.gif) no-repeat 100% -179px; color: #FFF; }
- .threadlist th em { margin-right: 4px; }
- .threadlist th em, .threadlist th em a { color: {HIGHLIGHTLINK}; }
- .threadlist th .attach { vertical-align: middle; }
- * html .threadlist th .attach { vertical-align: baseline; }
- .threadlist th a { text-decoration: none; }
- /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 下拉菜单 ~~~~ */
- .dropmenu { padding-right: 15px; background: url({IMGDIR}/arrow_down.gif) 100% 50% no-repeat; cursor: pointer; }
- .popupmenu_popup { overflow: hidden; padding: 10px; text-align: left; border: 1px solid {DROPMENUBORDER}; {DROPMENUBGCODE}; }
- .popupmenu_popup li { margin: 3px 0; line-height: 20px; }
- .headermenu_popup { width: 100px; }
- .headermenu_popup li { width: 100px; border-bottom: 1px solid {COMMONBORDER}; }
- .headermenu_popup a:hover { text-decoration: none; color: {HIGHLIGHTLINK}; }
- .headermenu_popup .active { font-weight: 700; }
- .titlemenu_popup { padding: 0; }
- .titlemenu_popup li { margin: 0; }
- .titlemenu_popup a { display: block; padding: 3px 8px; }
- * html .titlemenu_popup a { display: inline-block; }
- .titlemenu_popup .current a { background: #F1F5FA; }
- .filter_popup { width: 5em; }
- .filter_popup li { width: 60px; }
- .showselect_menu { margin-bottom: 0.8em; padding: 5px; text-align: left; border: 1px solid {DROPMENUBORDER}; background: {DROPMENUBGCOLOR}; }
- .headactions .popupmenu_popup a, .headactions .popupmenu_popup strong { color: {MIDTEXT}; background: none; white-space: nowrap; }
- .headactions .popupmenu_popup { overflow: visible; }
- .hasdropdownbtn {}
- .hasdropdownbtn input { float: left; width: 129px; }
- .hasdropdownbtn .spmediuminput { width: 115px; }
- .dropdownbtn { float: left; overflow: hidden; text-indent: -9999px; width: 20px; height: 20px; border-width: 1px 1px 1px 0; border-style: solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; background:{INPUTBG} url({IMGDIR}/newarow.gif) no-repeat 0 0; }
- .dropdownbtn:hover { background-position: 0 -20px; }
- /* 风格切换 */
- #style_switch { position: absolute; right: 0px; bottom: -25px; }
- #style_switch li { float: left; padding-left: 5px; }
- #style_switch a { float: left; width: 8px; height: 8px; border: 1px solid #DDD; background: #FFF; line-height: 100px; overflow: hidden; }
- #style_switch a:hover, #style_switch .current a { border-color: #FFF; }
- #style_switch .current a { margin-top: -1px; border-width: 2px; }
- /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 广告 ~~~~ */
- #ad_headerbanner { float: right; margin: 5px 0 10px; }
- .ad_text { margin: 0 auto 5px; padding: 10px 0; width: {WRAPWIDTH}; background: {WRAPBG}; }
- .ad_text table { width: 100%; }
- .ad_text td { padding: 3px 20px; text-align: left; }
- .ad_textlink1, .ad_textlink2 { margin: 10px 0; padding-left: 20px; background: url({IMGDIR}/icon_ad.gif) no-repeat 0 50%; }
- .ad_pip { clear: right; float: right; padding: 10px; background: {WRAPBG}; color: {LIGHTTEXT}; line-height: 130%; }
- .ad_pip li { margin-bottom: 1em; }
- .ad_pip a { color: {HIGHLIGHTLINK}; }
- .ad_topicrelated { clear: both; float: right; display: inline; margin: 0 10px 10px; padding: 10px 10px 10px 30px; border: 1px solid #78A73D; background: #CAEEC0; }
- .ad_column { text-align: center; }
- .ad_footerbanner { text-align: center; clear: both; margin: 5px; }
- .ad_float_left, .ad_float_right { float: right; position: fixed; top: 350px; z-index: 300; }
- * html .ad_float_left, * html .ad_float_right { position: absolute; top: expression(offsetParent.scrollTop+350); }
- .ad_float_left { left: 5px; }
- .ad_float_right { right: 5px; }
- .ad_couplebanner { top: 5px }
- * html .ad_couplebanner { top: expression(offsetParent.scrollTop+5); }
- /* HEADACTION */
- .headactions { float: right; line-height: 1em; padding: 12px 0 0; }
- .headactions img { vertical-align: middle; cursor: pointer; padding: 0 5px; }
- .headactions a { margin-left: 4px; }
- .mainbox .headactions { color: {LIGHTTEXT}; }
- .mainbox .headactions strong { font-weight: 700;}
- .msgfix { overflow: hidden; }
- /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 侧边 ~~~~ */
- .side { width: 170px; }
- .sideinner .txt { margin: 6px 0; }
- .side li.current a { font-weight: 700; color: {TABLETEXT}; text-decoration: none; }
- .with_side { {SIDEBGCODE}; }
- .with_side .main { float: left; overflow: hidden; margin-left: -180px; width: 100%; }
- .with_side .content { margin-left: 180px; width: auto; }
- .with_side .side { float: right; padding-bottom: 20px; width: 180px; }
- .with_side .side h2 { margin: 20px 25px 10px; color: {LIGHTTEXT}; font-size: 14px; }
- .with_side .side a { color: {HIGHLIGHTLINK}; text-decoration: underline; }
- .sideinner { padding: 0 25px; }
- .sideinner .tabs { margin: 5px 0; }
- .sideinner .tabs li { line-height: 2em; }
- .numbg { float: right; text-align: center; width: 35px; height: 2em; background: url({IMGDIR}/numbg.gif) no-repeat 0 50%; color: #FFF; font-weight: 700; }
- .special { background: none; }
- .special .main { float: right; }
- .special .side { float: left; }
- .sidebox { overflow: hidden; margin: 5px 10px 10px; }
- .sidebox h4 { margin-bottom: 4px; color: {HIGHLIGHTLINK}; }
- /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 弹出层通用样式 ~~~~ */
- /* 弹窗 */
- .fwinmask {}
- /* 浮动窗口最外层 */
- .fwin { overflow-x: hidden; margin: 0 auto; text-align: left; }
- /* 以下 class 都可以分开写,单独定义,以便个性化 */
- /* 四条边、四个角的公用样式 */
- .t_l, .t_c, .t_r, .m_l, .m_r, .b_l, .b_c, .b_r { overflow: hidden; opacity: 0.9; filter: alpha(opacity=90); {FLOATMASKBGCODE}; }
- /* 四个角 */
- .t_l, .t_r, .b_l, .b_r { width: 8px; height: 8px; }
- /* 上下两条边 */
- .t_c, .b_c { height: 8px; }
- /* 左右两条边 */
- .m_l, .m_r { width: 8px; }
- /* 内容区 */
- .m_c { {FLOATBGCODE}; }
- .fcontent { margin: 15px; }
- .float_ctrl { margin-bottom: 15px; height: 20px; line-height: 20px; }
- .float_ctrl em { float: left; font-size: 14px; font-weight: 700; color: {HIGHLIGHTLINK}; }
- .float_ctrl em a { text-decoration: none; }
- .float_ctrl .needverify { 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: {MIDTEXT}; font-weight: 400; }
- .float_ctrl .onerror, .float_ctrl .onright { white-space: nowrap; height: auto; line-height: 140%; color: {TABLETEXT}; font-size: 12px; font-weight: 400; }
- .float_ctrl span { float: right; color: {LIGHTTEXT}; }
- .float_ctrl span a, .float_ctrl strong { float: left; text-decoration: none; margin-left: 8px; font-weight: 400; color: {TABLETEXT}; }
- .float_ctrl span a:hover { color: {LIGHTTEXT}; }
- .float_close { float: left; width: 20px; height: 20px; overflow: hidden; text-indent: -9999px; background: url({IMGDIR}/newclose.gif) no-repeat 0 0; }
- .float_close:hover { background-position: 0 -20px; }
- .floatwrap { overflow: auto; overflow-x: hidden; margin-bottom: 10px; height: 280px; }
- .fcontent li { list-style: none; }
- .fcontent a { color: {HIGHLIGHTLINK}; text-decoration: underline; }
- .fcontent .list { margin: 0 auto; width: 570px; border-top: 3px solid {COMMONBORDER}; border-bottom: 3px solid {COMMONBORDER}; }
- .fcontent .list th, .fcontent .list td { padding: 3px !important; height: auto; border-bottom: 1px dashed {COMMONBORDER}; }
- .fcontent .list .btns th, .fcontent .list .btns td { border-bottom: none; }
- .fcontent .list th { width: 150px; background: none; }
- .postbox { clear: both; }
- .moreconf { margin-top: 10px; }
- .moreconf button, .moreconf a { margin-right: 3px; }
- /* 登录和注册 */
- .loginform { float: left; margin-bottom: 10px; *margin-bottom: -10px; padding: 20px 0; width: 280px; border-right: 1px solid {CONTENTSEPARATE}; }
- .regsec { margin-bottom: 10px; }
- .channelinfo .onerror, .channelinfo .onright { background-position: 2px 0; }
- .loginform label { clear: both; overflow: hidden; display:block; margin: 0 0 10px; line-height: 22px; }
- .loginform .txt { width: 170px; }
- .loginform select { width: 175px; }
- .fsubmit { clear: both; margin-top: 8px; }
- .fsubmit .submit { margin-right: 8px; }
- .loginform label em, .fsubmit em { float: left; width: 60px; }
- .fsubmit .regpre { *margin-top: 4px; }
- .nolabelform .txt{ width: 230px; }
- .clause { overflow: auto; margin-bottom: 10px; width: 470px; height: 240px; }
- .selectinput { float: none; margin: 0 0 10px; width: 234px; height: 20px; background-color: {INPUTBG}; border: 1px solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; }
- .selectinput a { float: left; padding-right: 0; width: 61px; border: none; }
- .selectinput a:hover, .selectinput a:focus { border: none; }
- .selectinput .txt { float: left; width: 160px; border: none; }
- .selecttype { float: none; margin: 10px 0; clear: both; }
- .selecttype a, .selecttype a:hover, .selecttype a:focus { padding-right: 0; width: 230px; background-color: transparent; border-color: {FLOATBGCOLOR}; color: {LIGHTTEXT} !important; }
- .loginpsw label { float: left; padding-left: 4px; width: 61px; line-height: 150%; }
- .capslock { background: url({IMGDIR}/capslock.gif) no-repeat 98% 50%; }
- .logininfo { float: left; overflow: visible; margin: 87px 25px 10px 40px; }
- .logininfo h4 { margin-bottom: 10px; font-weight: 400; font-size: 14px; }
- .multinfo { margin-top: 53px; }
- /* 全局导航 */
- .switchnav { float: left; white-space: nowrap; overflow: hidden; width: 480px; }
- .postboardlist { overflow: hidden; margin: 9px 0; width: 597px; border-width: 1px 0 1px 1px; border-style: solid; border-color: {DROPMENUBORDER}; background: #FFF; }
- .postboardlist li { float: left; overflow-x: hidden; overflow-y: auto; padding: 5px; width: 188px; height: 300px; border-right: 1px solid {DROPMENUBORDER}; }
- .postboardlist p { height: 25px; line-height: 25px; }
- .postboardlist a { display: block; white-space: nowrap; overflow: hidden; padding: 0 4px; text-decoration: none; color: {TABLETEXT}; }
- .postboardlist a:hover { text-decoration: none; background-color: {INTERLEAVECOLOR}; }
- .postboardlist .highlightlink { color: {HIGHLIGHTLINK}; }
- .hassubboard { background: url({IMGDIR}/arrow_right.gif) right center no-repeat; }
- .pbl_selected a, .pbl_selected a:hover { background-color: {HIGHLIGHTLINK}; color: #FFF !important; font-weight: 700; }
- /* 弹窗未开启时 */
- .nofloat { height: auto !important; height: 410px; min-height: 410px; background-color: {SPECIALBG}; }
- .nofloat .fcontent { margin: 15px auto; width: 600px; }
- .nofloat .loginform { height: auto; }
- .nofloat .clause { width: auto; height: auto; }
- /* 发帖标题部分限宽 */
- .fcontent .float_postinfo { width: 568px; }
- /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 各种标题 ~~~~ */
- .c_header { overflow: hidden; margin-bottom: 10px; }
- * html .c_header { zoom: 1; }
- .c_header h2, .c_header h3 { float: left; padding-right: 15px; background: {WRAPBG}; font-size: 14px; cursor: pointer;}
- .c_header h3 { background: {WRAPBG} url({IMGDIR}/arrow_down_big.gif) no-repeat 100% 5px; color: {HIGHLIGHTLINK}; }
- .searchfaq h3 { background: none; cursor: auto; }
- .c_header .noarrow { background: none; cursor: auto; }
- .c_header h3 a { color: {HIGHLIGHTLINK}; }
- .c_header h3 span { font-size: 12px; font-weight: 400; color: {MIDTEXT}; }
- .c_header h2 em, .c_header h3 em { margin-left: 8px; font-size: 12px; color: {LIGHTTEXT}; font-weight: 400; }
- .c_header_action { float: right; }
- .c_header .c_header_ctrlbtn { display: none; }
- .c_header .c_header_ext { display: block; }
- .closenode { background: url({IMGDIR}/dashline.gif) repeat-x 0 10px; }
- .closenode h3 { background-image: url({IMGDIR}/arrow_right_big.gif); }
- .closenode .c_header_ctrlbtn { display: block; background-color: {WRAPBG}; color: {MIDTEXT}; cursor: pointer; }
- .closenode .c_header_ext { display: none; }
- .itemtitle { clear: both; overflow: hidden; margin-bottom: 10px; line-height: 23px; }
- .itemtitle h1 { float: left; margin: 0 20px 0 0; }
- .itemtitle ul { float: left; }
- .itemtitle li { float: left; margin-right: 5px; }
- .itemtitle li.pipe { margin-left: 0; }
- .itemtitle ul a { display: block; overflow: hidden; height: 23px; cursor: pointer; }
- * html .itemtitle ul a { float: left; }
- .itemtitle ul a span { display: block; padding: 0 7px; *padding: 1px 7px 0; *line-height: 22px; }
- .itemtitle ul a:hover { background: #F5F5F5 url({IMGDIR}/btn_block.gif) no-repeat 0 -46px; text-decoration: none; }
- .itemtitle ul a:hover span { background: url({IMGDIR}/btn_block.gif) no-repeat 100% -69px; }
- .itemtitle ul a.dropmenu { padding-right: 0; background-position: 0 -161px; }
- .itemtitle ul a.dropmenu span { padding-right: 12px; background: url({IMGDIR}/btn_block.gif) no-repeat 100% -138px; }
- .itemtitle ul a.dropmenu:hover { background-position: 0 -46px; }
- .itemtitle ul a.dropmenu:hover span { background-position: 100% -115px; }
- .itemtitle ul .current a, .itemtitle ul .current a:hover, .itemtitle ul .current a.dropmenu:hover { background: {HIGHLIGHTLINK} url({IMGDIR}/btn_block.gif) no-repeat 0 0; }
- .itemtitle ul .current a span, .itemtitle ul .current a:hover span { background: url({IMGDIR}/btn_block.gif) no-repeat 100% -23px; color: #FFF; }
- .itemtitle ul .current a.dropmenu span, .itemtitle ul .current a.dropmenu:hover span { background-position: 100% -92px; }
- /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 发帖 ~~~~ */
- /* 浮动发帖 */
- .float_postinfo {}
- .float_postinfo em { float: left; margin-right: 5px; padding-left: 3px; height: 20px; border: 1px solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; background-color: {INPUTBG}; cursor: pointer; }
- .float_postinfo em img { margin-top: 2px; }
- .float_postinfo input { float: left; }
- .float_postinfo #subject { width: 358px; }
- .float_postinfo .float_typeid { display: inline; margin-right: 0; margin-left: 6px; }
- .viewpoint { margin: 9px 0; }
- .colorbox input { margin: 2px; padding: 0px; float:left; cursor: pointer; width: 12px; height: 12px; border: 0; }
- /* 表情 */
- .smilieslist { padding: 10px; border: 1px solid {DROPMENUBORDER}; {DROPMENUBGCODE}; }
- .smilieslist td { padding: 8px; border: none; cursor: pointer; }
- .smilieslist_page { *float: left; text-align: right; }
- .smilieslist_page a { margin-right: 5px; color: {HIGHLIGHTLINK}; text-decoration: underline; }
- .pags_act { float: left; }
- .smilies_preview { margin-top: 5px; padding: 8px; background: {WRAPBG}; border: 1px solid {DROPMENUBORDER}; }
- .smiliesgroup { height: 33px; *height:34px; overflow: hidden; width: expression(this.parentNode.offsetWidth); }
- .smiliesgroup ul, .imguptype { margin: 6px 0; padding: 0 0 26px 8px; border-bottom: 1px solid {CONTENTSEPARATE}; }
- .smiliesgroup li, .imguptype li { display: inline; }
- * html .smiliesgroup li, * html .imguptype li { line-height: 18px; }
- .smiliesgroup li a, .imguptype li a { float: left; margin: 2px 6px 0 0; padding: 2px 10px; height: 19px; border: 1px solid {CONTENTSEPARATE}; color: {HIGHLIGHTLINK}; text-decoration: none; }
- .smiliesgroup li a:focus, .imguptype li a:focus { outline: none; }
- .smiliesgroup li a.current, .imguptype li a.current { border-bottom-color: {DROPMENUBGCOLOR}; font-weight: 700; color: {TABLETEXT}; }
- /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 其他 ~~~~ */
- /* 提示信息 */
- .alert_win { margin: 0; width: 350px; }
- .alert_win .float_ctrl { margin-bottom: 0; padding: 8px; }
- .alert_win .shadowline { margin: 0; *margin: -8px 0; }
- .alert_win .postbox { *margin-top: -15px; padding: 15px; }
- .alert_right, .alert_error, .alert_info { padding: 6px 0 6px 58px; line-height: 160%; background:url({IMGDIR}/right_big.gif) no-repeat 8px 50%; font-size: 14px; }
- .alert_error { background-image: url({IMGDIR}/error_big.gif); }
- .alert_info { background-image: url({IMGDIR}/info_big.gif); }
- .alert_btnleft { margin-top: 8px; }
- .alert_btn { margin-top: 20px; text-align: center; }
- .alert_act { margin-top: 20px; padding-left: 58px; }
- /* 用于积分奖励提示等通用弹出层 */
- .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 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: #FFF; font-size: 18px; font-weight: 400; }
- .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; }
- /* 任务完成度状态条 */
- .optionbar { float: left; overflow: hidden; margin: 3px 4px 0 -6px; background: {HIGHLIGHTLINK} url({IMGDIR}/header.gif) repeat-x; height: 14px; }
- /* 其他一些通用样式 */
- .deloption { float: left; margin: 4px; width: 12px; height: 12px; background: url({IMGDIR}/close.gif) no-repeat 0 0; overflow: hidden; text-indent: -9999px; }
- .deloption:hover { background-position: 0 -12px; }
- .color_menu { overflow: hidden; width: 63px; }
- .color_menu a { overflow: hidden; float:left; width: 20px; height: 20px; }
- .chosemagic { margin-bottom: 9px; width: 220px; }
- .topicadminhigh { height: 200px; }
- .topicadminhigh .tah_body { margin: 5px 0 15px; }
- .topicadminhigh .tah_body select { width: 217px; }
- .topicadminlow { height: 50px; }
- .topicadminlow table { width: 100%; }
- .topicadminlow td { padding: 0 5px; }
- .topicadminlow .txt { width: 100px; }
- .topicadminlow .wide .txt { width: 50px; }
- .topicadminlog {}
- .topicadminlog h4 { font-weight: 400; }
- .topicadminlog .dropdownbtn { border-left-width: 1px; }
- .topicadminlog .txtarea { margin: 5px 0; width: 212px; height: 40px; }
复制代码 |