📄 css.jsp
字号:
/*
Offical Style for JspRun!(R)
URL: http://www.jsprun.net
(C) 2007-2009 JspRun Inc.
<style type="text/css">
*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Common Style ~~~~ */
* { word-wrap: break-word;}
body { {BGCODE}; text-align: center;}
body, td, input, textarea, select, button { color: {TABLETEXT}; font: {FONTSIZE}/1.6em {FONT}; }
body, ul, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
#menu li, .popupmenu_popup li, #announcement li, .portalbox li, .tabs li, .postmessage fieldset li, .side li, .formbox li, .notice li { list-style: none; }
a { color: {LINK}; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }
em, cite, strong, th { font-style: normal; font-weight: normal; }
table { empty-cells: show; border-collapse: collapse; }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Layout & Block Style ~~~~ */
.wrap { width: {MAINTABLEWIDTH}; text-align: left; margin: 0 auto; }
.notice { font-size: {MSGFONTSIZE}; border: 1px solid {NOTICEBORDER}; background: {NOTICEBG} url({IMGDIR}/notice.gif) no-repeat 1em 0.7em; padding: 0.5em 1em 0.3em 3em; margin-bottom: {BOXSPACE}; color: {NOTICETEXT}; }
.message { margin: 3em 10em 5em !important; }
.message h1 { line-height: 26px; border: 1px solid; {PORTALBOXBGCODE}; background-repeat: repeat-x; background-position: 0 0; border-color: {TABLEBG} {TABLEBG} {CATBORDER} {TABLEBG}; padding-left: 1em; margin-bottom: 1em; }
.message p { margin: 1.5em 1em; }
.message a { color: {HIGHLIGHTLINK}; }
#header { width: 100%; overflow: hidden; }
#header h2 { float: left; padding: 5px 0; }
#footer { border-top: 1px solid {BORDERCOLOR}; background: {ALTBG2}; color: {TEXT}; padding: 12px 0; }
#footlinks { float: right; margin-top: -3px; text-align: right; }
#footer img { float: left; margin: 0 10px 0 0; }
#copyright, #debuginfo { font: {SMFONTSIZE}/1.5em {SMFONT}; }
#copyright strong, #copyright em { font-weight: bold; }
#copyright strong a { color: #0954A6; }
#copyright em { color: #FF9D25; }
#debuginfo { color: {LIGHTTEXT}; }
.scrolltop { cursor: pointer; }
#menu { height: 31px; border: 1px solid {CATBORDER}; {HEADERMENUBGCODE}; background-repeat: repeat-x; }
#menu ul { float: right; padding: 4px 10px 0; border-right: 1px solid {TABLEBG}; }
#menu li { float: left; }
#menu li a { text-decoration: none; float: left; color: {HEADERMENUTEXT}; padding: 4px 8px 3px; background: url({IMGDIR}/menu_itemline.gif) no-repeat 0 6px; }
#menu li.hover, #menu li.current { background-color: {BGCOLOR}; border: 1px solid; border-color: {CATBORDER} {CATBORDER} {BGCOLOR}; }
#menu li.current { font-weight: bold; }
#menu li.hover a { padding: 3px 7px; background-image: none; }
#menu li.current a { padding: 4px 7px 3px; background-image: none; }
#menu cite a { font-weight: bold; background-image: none; }
.frameswitch { float: left; height: 30px; line-height: 30px; padding-left: 10px; border-left: 1px solid {TABLEBG}; }
#menu a.frameoff, #menu a.frameon { float: left; border: none; padding-left: 16px; margin-left: 0; background: no-repeat 0 50%; }
#menu a.frameoff { background-image: url({IMGDIR}/frame_off.gif); }
#menu a.frameon { background-image: url({IMGDIR}/frame_on.gif); }
#foruminfo { width: 100%; overflow: hidden; margin: 10px 0; color: {TEXT}; }
#userinfo, #foruminfo #nav { float: left; padding-left: 5px; }
#forumstats, #headsearch { float: right; text-align: right; padding-right: 5px; }
#foruminfo p { margin: 0; }
#foruminfo a{ color: {HIGHLIGHTLINK}; }
#foruminfo em { color: {TABLETEXT}; }
#foruminfo cite { font-weight: bold; }
#foruminfo strong a { font-weight: bold; color: {TABLETEXT}; }
#nav { margin: 10px 5px; }
#foruminfo #nav { margin: 0; }
#userinfo #nav { float: none; padding: 0; }
#nav a { font-weight: bold; color: {HIGHLIGHTLINK}; }
#ann { border-top: 1px dashed {CATBORDER}; line-height: 36px; height: 28px; overflow: hidden; }
#ann dt { float: left; width: 5em; background: url({IMGDIR}/ann_icon.gif) no-repeat 0 50%; text-indent: 2em; font-weight: 700; }
#ann dd { margin-left: 30px; }
#ann li { white-space: nowrap; }
#ann em { color: {TEXT}; font-size: 0.83em; }
#annbody { height: 25px; overflow: hidden; padding-right: 16px; }
#announcement { border-top: 1px dashed {CATBORDER}; line-height: 36px; height: 36px; overflow: hidden; }
#announcement div { border: 1px solid {BGCOLOR}; padding: 0 10px; line-height: 35px !important; height: 36px; overflow-y: hidden;}
#announcement li { float: left; margin-right: 20px; padding-left: 10px; background: url({IMGDIR}/ann_icon.gif) no-repeat 0 50%; white-space: nowrap; }
#announcement li em { font-size: 0.83em; margin-left: 5px; color: {TEXT}; }
.portalbox { width: 100%; background: {CATBORDER}; margin-bottom: {BOXSPACE}; border-collapse: separate; }
.portalbox td { padding: 10px; vertical-align: top; {PORTALBOXBGCODE}; background-repeat: repeat-x; background-position: 0 0; background-repeat: repeat-x; background-position: 0 0; border: 1px solid {TABLEBG}; }
.portalbox h3 { margin: 0 0 5px; font-size: 1em; white-space: nowrap; }
.portalbox strong { font-weight: bold; margin-top: 4px;}
.portalbox em { color: {LIGHTTEXT}; }
.portalbox em a { color: {LIGHTTEXT}; }
.portalbox cite a { color: {HIGHLIGHTLINK}; }
#supeitems li { float: left; height: 1.6em; overflow: hidden; }
#hottags a { white-space: nowrap; margin-right: 0.5em; }
#hottags h3 { clear:both; }
.headactions { float: right; line-height: 1em; padding: 10px 10px 0 0; }
.headactions img { vertical-align: middle; cursor: pointer; padding: 0 5px; }
.mainbox .headactions { color: {HEADERTEXT}; }
.mainbox .headactions a, .mainbox .headactions span, .mainbox .headactions strong { background: url({IMGDIR}/headactions_line.gif) no-repeat 100% 50%; padding-right: 10px; margin-right: 8px; color: {HEADERTEXT}; }
.mainbox .headactions strong { font-weight: bold; background-image: url({IMGDIR}/arrow_left.gif); }
.pages_btns { width: 100%; padding: 0 0 8px; overflow: hidden; }
.postbtn, .replybtn { float: left; }
.postbtn { margin-left: 10px; cursor: pointer; }
.pages_btns .pages em { line-height: 26px; }
.pages, .pageback, .threadflow { float: right; border: 1px solid {CATBORDER}; background: {COMMONBOXBG}; height: 24px; line-height: 26px; color: {LIGHTTEXT}; overflow: hidden; }
.pages a, .pages strong, .pages em, .pages kbd, #multipage .pages em { float: left; padding: 0 8px; line-height:26px; }
.pages a:hover { background-color: {BGCOLOR}; }
.pages strong { font-weight: bold; color: {NOTICETEXT}; background: {BGBORDER}; }
.pages a.prev, .pages a.next { line-height: 24px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.pages a.next { padding: 0 15px; }
.pages kbd { border-left: 1px solid {CATBORDER}; margin: 0; }
* html .pages kbd { padding: 1px 8px; }
.pages kbd input { border: 1px solid {CATBORDER}; margin-top: 3px !important; * > margin-top: 1px !important; margin: 1px 4px 0 3px; padding: 0 2px; height: 17px; }
.pages kbd>input { margin-bottom: 2px; }
.threadflow { margin-right: 3px; padding: 0 10px; }
.pageback { margin-right: 1px; padding: 0 10px; }
.pageback a { border-color: {COMMONBORDER}; background-color: #FFF; color: {HIGHLIGHTLINK}; }
.pageback a:hover { text-decoration: none; }
.pageback a { padding-left: 16px; background: #FFF url({IMGDIR}/arrow_left.gif) no-repeat 0 50%; }
.pageback a { border-color: {HIGHLIGHTLINK}; }
.editor_tb { margin: 5px 0 0; width: 600px; height: 26px; border: 1px solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; background: {COMMONBG}; border-bottom: none; }
.editor_tb .right a { color: {HIGHLIGHTLINK}; }
.editor_tb .right { padding-right: 10px; line-height: 26px; }
.editor_tb div a { float: left; margin: 5px 3px 0; width: 16px; height: 16px; background: url(../../images/common/editor.gif) no-repeat; text-indent: -9999px; line-height: 16px; overflow: hidden; }
.editor_tb div a.tb_bold { background-position: -3px -1px; }
.editor_tb div a.tb_color { background-position: -3px -81px; }
.editor_tb div a.tb_img { background-position: -3px -161px; }
.editor_tb div a.tb_link { background-position: -3px -121px; }
.editor_tb div a.tb_quote { background-position: -3px -441px; }
.editor_tb div a.tb_code { background-position: -3px -461px; }
.editor_tb div a.tb_smilies { background-position: -2px -102px; }
.editor_tb div a.tb_colora { background-position: -2px -744px; }
.editor_tb .popupmenu_popup td { padding: 0 !important; height: 14px; width: 14px; }
.editor_tb .popupmenu_popup td div { height: 10px; width: 10px; cursor: pointer; }
.editor_tb .tb_color input { margin: 2px; padding: 0px; float:left; cursor: pointer; width: 10px; height: 10px; border: 0; }
.tabs { padding-bottom: 26px; margin-bottom: 15px; background: {ALTBG2}; border-top: 1px solid {TABLEBG}; border-bottom: 1px solid {CATBORDER}; }
.tabs li { float: left; line-height: 25px; border-right: 1px solid {BGBORDER}; }
.tabs li.current { background: {BGCOLOR}; height: 27px; font-weight: bold; }
.tabs li a { float: left; padding: 0 10px; }
.headertabs { background: {BGCOLOR} none; margin-bottom: 0; }
.headertabs li.current { background-color: {CATCOLOR}; }
.sendpm a { color: {NOTICETEXT}; background: url({IMGDIR}/buddy_sendpm.gif) no-repeat 15px 50%; padding: 0 20px 0 35px !important; }
#headfilter { border: solid {BORDERCOLOR}; border-width: 1px 1px 0; }
#headfilter .tabs { border-bottom-color: {BGCOLOR}; margin-bottom: 0; }
#footfilter { padding: 10px; he\ight: 44px; height: 24px; line-height: 24px; background: {COMMONBOXBG}; border-color: {COMMONBOXBORDER}; font-family: Simsun, "Times New Roman"; }
#footfilter form { float: right; }
#footfilter * { vertical-align: middle; }
.legend { border: 1px solid {BGBORDER}; background: {ALTBG1}; padding: 10px; margin: 10px auto; width: 500px; text-align: center; line-height: 35px; }
.legend label { padding: 0 20px; }
.legend img { vertical-align: middle; margin-right: 10px; }
.avatarlist { overflow: hidden; padding: 5px 0; }
* html .avatarlist { height: 1%; }
.avatarlist dl { float: left; width: 70px; border: 1px solid {COMMONBOXBORDER}; padding: 5px; margin-right: 5px; text-align: center; }
.avatarlist dt { width: 70px; height: 70px; }
.avatarlist dl img { width: 64px; height: 64px; }
.avatarlist dd { height: 22px; line-height: 22px; overflow: hidden; }
.taglist { width: 100%; padding: 10px 0; overflow: hidden; }
.taglist li { float: left; display: inline; width: 10em; height: 24px; overflow: hidden; margin: 0 10px; }
.taglist li em { font-size: 10px; color: {LIGHTTEXT}; }
.attriblist * { color: {TABLETEXT}; }
.attriblist dt { float: left; margin-right: 10px; }
.attriblist .name { font-weight: bold; }
.attriblist dd a { color: {HIGHLIGHTLINK};}
#forumlinks {}
#forumlinks td { padding: 5px 5px 5px 55px; background: url({IMGDIR}/forumlink.gif) no-repeat 18px 50%; color: {LIGHTTEXT}; }
#forumlinks .forumlink_logo { float: right; }
#online {}
#online h4 { font-weight: normal; color: {TEXT}; }
#online h4 strong { font-weight: bold; }
#online dl { padding: 5px 5px 5px 55px; }
#onlinelist { background: url({IMGDIR}/online.gif) no-repeat 10px 10px; border-top: 1px solid {COMMONBOXBORDER}; }
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -