📄 css.jsp
字号:
.postauthor li.magic { background-image: url({IMGDIR}/magic.gif);}
.postauthor dl.profile, .postauthor div.bio { margin: 5px 10px; padding-top: 5px; }
/*Common Box*/
.box { background: {TABLEBG}; border: {BORDERWIDTH} solid {CATBORDER}; padding: {TABLESPACE}; margin-bottom: {BOXSPACE}; }
.box h4 { {PORTALBOXBGCODE}; background-repeat: repeat-x; background-position: 0 0; line-height: 30px; padding: 0 10px; }
.box table { width: 100%; }
.box td { border-top: 1px solid {COMMONBOXBORDER}; }
.box .box li { list-style: none;}
.postattachlist h4, .tradethumblist h4, .pollpanel h4, .activitythread h4, .typeoption h4 { border-top: 1px solid {BGBORDER}; }
#pmprompt { border-color: {NOTICEBORDER}; }
#pmprompt h4 { background: {NOTICEBG}; border-top: none; }
#pmprompt th, #pmprompt td { border-top-color: {NOTICEBORDER}; }
/*List*/
td.user { width: 120px; }
td.nums { width: 80px; text-align: center; }
td.time { width: 120px; }
td.selector { width: 20px; text-align: center; }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Spacial Threads ~~~~ */
.specialthread h1 { background: {TABLEBG}; font-size: 1.5em; color: {TABLETEXT}; padding: 10px 5px; border-bottom: 1px solid {COMMONBOXBORDER}; }
.specialthread h1 a { color: {HIGHLIGHTLINK}; }
.specialthread .postcontent label { float: right; display: inline; margin: 12px 12px 0; border: 1px solid {CATBORDER}; padding: 3px 5px; background: {CATCOLOR} no-repeat 3px 50%; }
.specialthread .postcontent label strong { color: {NOTICETEXT}; }
.specialthread .postcontent label a { color: {HIGHLIGHTLINK}; }
.specialthread .postauthor { width: 180px; }
.specialpostcontainer { padding: 0 1px; }
.specialpost { border-bottom: 4px solid {ALTBG1}; text-align: right; }
.specialpost .postinfo h2 { float: left; font-weight: normal; padding-left: 8px; font-size: {SMFONTSIZE}; }
.specialpost .postinfo h2 em {}
.specialpost .postinfo { border-color: {ALTBG2}; height: 1.8em; }
.specialpost strong { border: none; }
.specialpost .postinfo h2 a { font-size: 12px; }
.specialpost .postmessage { text-align: left; min-height: 30px; border-bottom: 1px solid {CATBORDER}; }
* html .specialpost .postmessage { height: 30px; overflow: visible; }
p.imicons { margin: 8px auto; width: 160px;}
/* [ Poll ] */
.pollpanel { margin: 1em 0; border-width: 1px 0 0; }
.pollpanel h4 span { float: left;line-height:30px;}
.pollpanel h4 a { float: right;line-height:30px; font-weight:normal; }
.pollpanel tbody td { vertical-align: middle; }
.pollpanel tbody td a { color: {HIGHLIGHTLINK} }
.optionbar { float: left; margin-right: 0.5em; border: 1px solid {BGBORDER}; {HEADERBGCODE}; background-repeat: repeat-x; background-position: 0 100%; height: 12px; }
.optionbar div { float: left; border: 1px solid {TABLEBG}; height: 10px; overflow: hidden; }
/* [ Reward ] */
.rewardthread .postcontent label { background-image: url({IMGDIR}/rewardsmallend.gif); padding-left: 25px; }
.rewardthread .postcontent label.unsolved { background-image: url({IMGDIR}/rewardsmall.gif); float:right; }
#bestpost { padding-top: 10px; margin-top: 10px; border-top: 1px solid {CATBORDER}; }
/* [ Activity ] */
.activitythread .box th { width: 7em; }
#activityjoin label { float: none; border: none; background: transparent; padding: 0; margin: 0; }
/* [ Trade ] */
.tradethread .postmessage { min-height: 160px; }
* html .tradethread .postmessage { height: 360px !important; }
.tradethread .postauthor dt, .tradethread .postauthor dd { height: 20px; overflow: hidden; }
*>.tradeinfo { overflow: hidden; }
* html .tradeinfo { height: 1%; }
.tradeinfo h1 { background: {ALTBG2}; font-size: 1.5em; color: {TABLETEXT}; padding: 10px 5px; border-bottom: 1px solid {COMMONBOXBORDER}; margin-bottom: 1em; }
.tradethumb, .tradeattribute { float: left; }
.tradethumb { width: 260px; text-align: center;}
.tradeattribute { padding-left: 1em; }
.tradeattribute img { vertical-align: middle; }
.tradeattribute dl { overflow: hidden; padding-bottom:2em !important; }
.tradeattribute dt { float: left; width: 5em; padding: 0.5em; line-height: 2em; clear: left; }
.tradeattribute dd { border-bottom: 1px dotted {COMMONBOXBORDER}; padding: 0.5em 1.5em; line-height: 2em; }
.tradeattribute em, .tradeattribute del { color: {LIGHTTEXT}; }
.tradeattribute strong { font-size: 1.6em; font-weight: bold; color: #F00; }
.sellerinfo { float: right; display: inline; margin-right: 1em; width: 180px; }
.sellerinfo h4 { border-bottom: 1px dotted {COMMONBOXBORDER}; }
.sellerinfo dl { margin: 1em; }
.tradeinfo .postinfo { clear: both; }
.tradeinfo .postmessage { min-height: 100px; }
* html .tradethread .postmessage { height: 100px; }
*>.tradethumblist { overflow: hidden; }
* html .tradethumblist { height: 1%; }
.tradethumblist dl { float: left; text-align: center; padding: 10px; width: 170px; height: 220px; w\idth: 150px; he\ight: 200px; }
.tradethumblist dd.thumblist { height: 100px; overflow: hidden; }
.tradethumblist dd img { vertical-align: middle; cursor: pointer; }
.tradethumblist dl p { height: 1.6em; overflow: hidden; }
.tradethumblist p.tradename { height: 45px; line-height: 18px; margin-top: 5px; }
.tradethumblist del { color: {LIGHTTEXT}; }
.tradethumblist strong { font-weight: bold; color: #F00; }
#ajaxtradelist .price { text-align: right; }
#ajaxtradelist strong { font-weight: bold; color: #F00; }
#ajaxtradelist .popupmenu_popup { white-space: nowrap;overflow: visible; }
#ajaxtradelist .popupmenu_popup a { color: {HIGHLIGHTLINK}; }
/* [ Debate ] */
.debatethread .postmessage { min-height: inherit; height: auto; }
.debatethread .box { margin: 0;}
.debatethread .debatepoints { border-width: 1px 0 0; padding-bottom: 0; border-top: none; margin-bottom: 10px; }
.debatepoints tbody td { border: 0px; width: 50%; border-bottom: none; vertical-align: top; }
.debatepoints .message td.stand1 { border:1px solid {NOTICEBORDER}; background: {NOTICEBG}; border-bottom: none; }
.debatepoints .message td.stand2 { border:1px solid {BGBORDER}; background: {ALTBG1}; border-bottom: none; }
.debatepoints .button td.stand1 { border:1px solid {NOTICEBORDER}; background: {NOTICEBG}; border-top: none; }
.debatepoints .button td.stand2 { border:1px solid {BGBORDER}; background: {ALTBG1}; border-top: none; }
.debatepoints h2 { padding-left: 40px; line-height: 2em; background-position: 5px 1px; background-repeat: no-repeat; }
.stand1 h2 { background-image: url({IMGDIR}/debate_stand_1.gif); }
.stand2 h2 { background-image: url({IMGDIR}/debate_stand_2.gif); }
.poststand0, .poststand1, .poststand2 { font-size: 1.17em; text-align: center; display: block; float: left; border: 1px solid {COMMONBOXBORDER}; background: {COMMONBOXBG}; color: {LIGHTTEXT}; width: 40px; height: 22px; line-height: 22px; margin-right: 12px; }
.poststand1 { border: 1px solid {NOTICEBORDER}; background: {NOTICEBG}; color: {NOTICETEXT}; }
.poststand2 { border: 1px solid {BGBORDER}; background: {ALTBG1}; color: {HIGHLIGHTLINK}; }
.debatepoints p { padding: 0 10px; overflow: hidden; }
.debatepoints a { margin: 0 auto; display: block; width: 80px; text-align: center; border: 1px solid; padding: 0.3em 1em; }
.debatepoints #affirmbutton { border-color: {NOTICEBORDER}; background: {NOTICEBG}; color: {NOTICETEXT}; }
.debatepoints #negabutton { border-color: {BGBORDER}; background: {ALTBG1}; color: {HIGHLIGHTLINK}; }
.debatethread .optionbar div { float: none; }
.payinfo dt { float: left; width: 10em; padding: 0.5em; }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Control Panel ~~~~ */
.container { width: 100%; overflow: hidden; }
.content { float: right; width: 80%; }
.content .mainbox { padding-bottom: 5px; }
.content .footoperation, .content .mainbox thead th, .content .mainbox thead td,
.content .mainbox tbody th, .content .mainbox tbody td { border-top: none; border-bottom: 1px solid {BGBORDER}; }
.side { float: left; width: 18%;}
.side div { border: 1px solid {CATBORDER};{PORTALBOXBGCODE}; background-repeat: repeat-x; background-position: 0 0; margin-bottom: {BOXSPACE}; }
.side h2 { padding-left: 10px; line-height: 2.4em; font-size: 1.17em; border: 1px solid; border-color: {TABLEBG} {TABLEBG} {COMMONBOXBORDER} {TABLEBG};}
.side ul { padding: 1px; }
.side li{ text-indent: 26px; line-height: 2.4em; }
.side h3 { font-weight: normal; background:url({IMGDIR}/arrow_right.gif) no-repeat 14px 46%; }
.side_on h3 { font-weight: bold; border: solid {BGBORDER}; border-width: 1px 0; background: {ALTBG2} url({IMGDIR}/arrow_down.gif) no-repeat 14px 46%; }
.side li ul { border-bottom: 1px solid {COMMONBOXBORDER}; }
.side li li { padding-left: 1em;}
.side li.current { font-weight: bold; }
.side li.current a { color: {TEXT}; }
.side li.first h3 { border-top: none; }
.side li.last ul { border-bottom: none; }
#memberinfo { }
#memberinfo .memberinfo_avatar { text-align: center; width: 170px; font-weight: bold; }
#memberinfo li label { color: {TEXT}; margin-right: 0.5em; }
#memberinfo .memberinfo_forum label { float: left; width: 7em; text-align: right; }
.mysearch { float: left; display: block; margin-top: -10px; margin-left: 10px;}
/* Message Tabs*/
.msgtabs { border-bottom: 1px solid {CATBORDER}; padding-bottom: 23px; padding-right: 5px; margin-top: 0.8em;}
.msgtabs strong { float: right; padding: 0 12px; border: 1px solid {CATBORDER}; border-bottom: 1px solid {CATCOLOR}; margin-right: 5px; text-decoration: none; height: 22px; line-height: 22px; font-weight: bold; background: {CATCOLOR}; }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ DropMenu ~~~~ */
.dropmenu { padding-right: 15px !important; background-image: url({IMGDIR}/arrow_down.gif) !important; background-position: 100% 50% !important; background-repeat: no-repeat !important; cursor: pointer; }
.popupmenu_popup { text-align: left; line-height: 1.4em; padding: 10px; overflow: hidden; border: 1px solid {CATBORDER}; {PORTALBOXBGCODE}; background-repeat: repeat-x; background-position: 0 1px; }
.headermenu_popup { width: 170px; }
.headermenu_popup li { float: left; width: 7em; line-height: 24px; height: 24px; overflow: hidden; border-bottom: 1px solid {COMMONBOXBORDER}; }
.newspecialmenu { width: 100px; }
.newspecialmenu li { background: url({IMGDIR}/folder_s.gif) no-repeat 3px 50%; float: left; }
.newspecialmenu li.poll { background-image: url({IMGDIR}/pollsmall.gif); }
.newspecialmenu li.trade { background-image: url({IMGDIR}/tradesmall.gif); }
.newspecialmenu li.reward { background-image: url({IMGDIR}/rewardsmall.gif); }
.newspecialmenu li.activity { background-image: url({IMGDIR}/activitysmall.gif); }
.newspecialmenu li.debate { background-image: url({IMGDIR}/debatesmall.gif); }
.newspecialmenu li.video { background-image: url({IMGDIR}/videosmall.gif); }
.newspecialmenu a { float: left; width: 75px; border-bottom: 1px solid {COMMONBOXBORDER}; padding: 5px 0 5px 25px; }
.newspecialmenu a:hover { text-decoration: none; color: {HIGHLIGHTLINK}; border-bottom-color: {CATBORDER}; }
#forumlist_menu { padding: 10px 30px 10px 20px; }
#forumlist_menu dl { padding: 5px 0; }
#forumlist_menu dt a { font-weight: bold; color: {TEXT}; }
#forumlist_menu dd { padding-left: 1em; }
#forumlist_menu li.sub { padding-left: 1em; }
#forumlist_menu li.current a { font-weight: bold; }
#forumlist_menu li a { font-weight: normal; color: {HIGHLIGHTLINK}; }
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -