📄 supesitemain.css
字号:
{
WORD-BREAK: break-all
}
BODY {
FONT-SIZE: 12px; COLOR: #333; FONT-FAMILY: Arial, Helvetica, sans-serif, "宋体"
}
TD {
FONT-SIZE: 12px; COLOR: #333; FONT-FAMILY: Arial, Helvetica, sans-serif, "宋体"
}
INPUT {
FONT-SIZE: 12px; COLOR: #333; FONT-FAMILY: Arial, Helvetica, sans-serif, "宋体"
}
SELECT {
FONT-SIZE: 12px; COLOR: #333; FONT-FAMILY: Arial, Helvetica, sans-serif, "宋体"
}
TEXTAREA {
FONT-SIZE: 12px; COLOR: #333; FONT-FAMILY: Arial, Helvetica, sans-serif, "宋体"
}
BUTTON {
FONT-SIZE: 12px; COLOR: #333; FONT-FAMILY: Arial, Helvetica, sans-serif, "宋体"
}
BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-ALIGN: center
}
A {
COLOR: #333; TEXT-DECORATION: none
}
A.attention {
COLOR: #f10712! important
}
A.more {
DISPLAY: block; BACKGROUND: url(../images/SupeSite/more_btn.gif) #7fa6e5; FLOAT: right; OVERFLOW: hidden; WIDTH: 100px; TEXT-INDENT: -9999px; HEIGHT: 31px
}
A.minimore {
DISPLAY: block; BACKGROUND: url(../images/SupeSite/more_btn_s.gif) no-repeat -12px -35px; FLOAT: right; OVERFLOW: hidden; WIDTH: 60px; TEXT-INDENT: -9999px; LINE-HEIGHT: 24px; HEIGHT: 22px
}
IMG {
BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
H1 {
BACKGROUND: url(../images/SupeSite/logo.gif) no-repeat left top; MARGIN: 0px; WIDTH: 290px; HEIGHT: 65px
}
H1 A {
DISPLAY: block; OVERFLOW: hidden; TEXT-INDENT: -9999px; HEIGHT: 55px
}
#pagetitle {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 8px; OVERFLOW: hidden; PADDING-TOP: 8px; BORDER-BOTTOM: #f5fbff 4px solid; HEIGHT: 60px
}
#logo {
BORDER-RIGHT: #86b9d6 1px solid; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN-RIGHT: 10px; PADDING-TOP: 0px
}
.hackbox {
CLEAR: both; BORDER-TOP: transparent 0px solid; MARGIN-TOP: 0px; VISIBILITY: hidden
}
.fristitem {
MARGIN-LEFT: 0px! important
}
.lastitem {
PADDING-RIGHT: 0px! important
}
CITE {
DISPLAY: block; FLOAT: right; OVERFLOW: hidden; WIDTH: 5em; FONT-STYLE: normal; HEIGHT: 21px
}
CITE A {
COLOR: #999
}
.wrap {
MARGIN: 0px auto; WIDTH: 770px; TEXT-ALIGN: left
}
.pages {
BORDER-TOP: #9fc8df 1px solid; TEXT-ALIGN: right
}
.xspace-page {
MARGIN: 2px 2px 2px auto
}
TABLE.xspace-page A {
PADDING-RIGHT: 0.5em; DISPLAY: block; PADDING-LEFT: 0.5em; BACKGROUND: #e2f0f9; PADDING-BOTTOM: 0.3em; PADDING-TOP: 0.3em; TEXT-DECORATION: none
}
TABLE.xspace-page A:hover {
BACKGROUND: #86b9d6
}
TABLE.xspace-page TD.xspace-current {
PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; FONT-WEIGHT: bold; BACKGROUND: #86b9d6; PADDING-BOTTOM: 0.3em; PADDING-TOP: 0.3em
}
TABLE.xspace-page TD.xspace-totlerecord {
PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; BACKGROUND: #e2f0f9; PADDING-BOTTOM: 0.3em; PADDING-TOP: 0.3em
}
.xspace-page TD.xspace-totlepages {
PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; BACKGROUND: #e2f0f9; PADDING-BOTTOM: 0.3em; PADDING-TOP: 0.3em
}
#footer {
PADDING-RIGHT: 0px; BORDER-TOP: #757591 3px solid; MARGIN-TOP: 5px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 20px; COLOR: #999; PADDING-TOP: 20px; TEXT-ALIGN: center
}
#footer P {
MARGIN: 0px
}
#footer A {
COLOR: #999
}
#footer A:hover {
COLOR: #333
}
#footer STRONG {
COLOR: #369
}
#footer EM {
FONT-WEIGHT: bold; COLOR: #00cc33; FONT-STYLE: normal
}
#nav {
FLOAT: right; LINE-HEIGHT: 31px
}
#nav A {
PADDING-RIGHT: 10px; PADDING-LEFT: 5px; BACKGROUND: url(../images/SupeSite/icon_item_arrow_white.gif) no-repeat 0px 4px; PADDING-BOTTOM: 0px; COLOR: #fff; PADDING-TOP: 0px
}
.pages {
BORDER-TOP: #9fc8df 1px solid; TEXT-ALIGN: right
}
.xspace-page {
MARGIN: 2px 2px 2px auto
}
TABLE.xspace-page A {
PADDING-RIGHT: 0.5em; DISPLAY: block; PADDING-LEFT: 0.5em; PADDING-BOTTOM: 0.3em; PADDING-TOP: 0.3em; BACKGROUND-COLOR: #e2f0f9; TEXT-DECORATION: none
}
TABLE.xspace-page A:hover {
BACKGROUND-COLOR: #86b9d6
}
TABLE.xspace-page TD.xspace-current {
PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; FONT-WEIGHT: bold; PADDING-BOTTOM: 0.3em; PADDING-TOP: 0.3em; BACKGROUND-COLOR: #86b9d6
}
TABLE.xspace-page TD.xspace-totlerecord {
PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; PADDING-BOTTOM: 0.3em; PADDING-TOP: 0.3em; BACKGROUND-COLOR: #e2f0f9
}
.xspace-page TD.xspace-totlepages {
PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; PADDING-BOTTOM: 0.3em; PADDING-TOP: 0.3em; BACKGROUND-COLOR: #e2f0f9
}
#notice {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BACKGROUND: #ddd; LEFT: 50%; PADDING-BOTTOM: 2px; MARGIN: -80px 0px 0px -225px; WIDTH: 450px; PADDING-TOP: 2px; POSITION: absolute; TOP: 40%; TEXT-ALIGN: left
}
#notice .innerdiv {
BORDER-RIGHT: #007ea8 1px solid; BORDER-TOP: #007ea8 1px solid; BACKGROUND: url(../images/SupeSite/icon_info.gif) #f1f4fa no-repeat 1em 2.5em; BORDER-LEFT: #007ea8 1px solid; BORDER-BOTTOM: #007ea8 1px solid; HEIGHT: 100%
}
#notice H1 {
BORDER-RIGHT: #007ea8 1px solid; BORDER-TOP: #007ea8 1px solid; PADDING-LEFT: 10px; FONT-SIZE: 12px; BACKGROUND: #d9e1f1; BORDER-LEFT: #007ea8 1px solid; WIDTH: 438px; COLOR: #007ea8; LINE-HEIGHT: 2em; BORDER-BOTTOM: #007ea8 1px; HEIGHT: 2em
}
#notice DIV.info {
BORDER-RIGHT: #007ea8 1px solid; PADDING-RIGHT: 1em; BORDER-TOP: #007ea8 1px; PADDING-LEFT: 8em; BACKGROUND: url(../images/SupeSite/icon_info.gif) #f1f4fa no-repeat 5% 45%; PADDING-BOTTOM: 3em; BORDER-LEFT: #007ea8 1px solid; PADDING-TOP: 3em; BORDER-BOTTOM: #007ea8 1px
}
.warning#notice DIV.info {
BACKGROUND-IMAGE: url(../images/SupeSite/icon_warning.gif)
}
#notice P.btmlink {
BORDER-RIGHT: #007ea8 1px solid; BORDER-TOP: #007ea8 1px; BACKGROUND: #d9e1f1; MARGIN: 0px; BORDER-LEFT: #007ea8 1px solid; BORDER-BOTTOM: #007ea8 1px solid; HEIGHT: 32px
}
#notice P.btmlink A {
DISPLAY: block; FLOAT: right; MARGIN: 0.5em; OVERFLOW: hidden; LINE-HEIGHT: 23px; HEIGHT: 20px
}
#notice P.btmlink A:hover {
TEXT-DECORATION: none
}
#notice P.btmlink A.done {
BACKGROUND: url(../images/SupeSite/btn_done.gif) no-repeat; WIDTH: 67px; COLOR: red; TEXT-INDENT: 2.3em
}
#notice P.btmlink A.back {
BACKGROUND: url(../images/SupeSite/btn_back.gif) no-repeat; WIDTH: 87px; TEXT-INDENT: 1.4em
}
#notice P.btmlink A.home {
BACKGROUND: url(../images/SupeSite/btn_home.gif) no-repeat; WIDTH: 87px; TEXT-INDENT: 2em
}
.catepic IMG {
WIDTH: 175px
}
.catepic P {
MARGIN: 5px; LINE-HEIGHT: 1.4em
}
#headline {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; OVERFLOW: hidden; PADDING-TOP: 5px; HEIGHT: 58px
}
#headline STRONG {
FONT-SIZE: 1.2em
}
#headline P {
MARGIN: 0.3em 0px
}
#headline IMG {
BORDER-RIGHT: #fff 4px solid; BORDER-TOP: #fff 4px solid; FLOAT: right; BORDER-LEFT: #fff 4px solid; WIDTH: 48px; BORDER-BOTTOM: #fff 4px solid; HEIGHT: 48px
}
.contentL .mainarea {
MARGIN: 0px 0px 0px 4px; WIDTH: 550px
}
.contentR .mainarea {
MARGIN: 0px 4px 0px 0px; WIDTH: 570px
}
.cleanblock {
BORDER-RIGHT: #acf 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #acf 1px solid; PADDING-LEFT: 0px; BACKGROUND: #fcfcfc; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 4px; BORDER-LEFT: #acf 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #acf 1px solid
}
.blocktitle {
BACKGROUND: url(../images/SupeSite/block_top_line.gif) #87a9df; MARGIN-BOTTOM: 3px; HEIGHT: 31px
}
.blocktitle H2 {
FONT-SIZE: 14px; BACKGROUND: url(../images/SupeSite/block_title_bg.gif) #7fa6e5 no-repeat 0px 0px; FLOAT: left; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 163px; COLOR: #fff; TEXT-INDENT: 20px; LINE-HEIGHT: 33px; HEIGHT: 31px
}
.commonarea {
OVERFLOW: hidden; WIDTH: 770px
}
.commonarea .leftside {
FLOAT: left; WIDTH: 230px
}
.commonarea .mainarea {
FLOAT: right; WIDTH: 534px
}
.content {
BACKGROUND: url(../images/SupeSite/commonarea_gray_bg.gif) repeat-y -55px 50%; OVERFLOW: hidden; WIDTH: 770px
}
.content .sidebar {
FLOAT: left; WIDTH: 175px
}
.content .mainarea {
FLOAT: right; WIDTH: 590px
}
.content .sidebar H3 {
CLEAR: both; PADDING-LEFT: 20px; FONT-SIZE: 12px; BACKGROUND: url(../images/SupeSite/block_title_bg.gif) no-repeat 0px -3px; MARGIN: 0px; OVERFLOW: hidden; COLOR: #fff; LINE-HEIGHT: 27px; HEIGHT: 25px
}
.content .sidebar UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/SupeSite/dotline_list.gif); PADDING-BOTTOM: 0px; MARGIN: 5px 10px; LINE-HEIGHT: 22px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.content .sidebar UL LI {
PADDING-LEFT: 10px; BACKGROUND: url(../images/SupeSite/icon_item_arrow.gif) no-repeat 0px 8px; OVERFLOW: hidden; HEIGHT: 22px
}
.grayback {
BACKGROUND: url(../images/SupeSite/commonarea_gray_bg.gif) repeat-y left 50%
}
.list2block {
BORDER-RIGHT: #f6f6f6 2px solid; PADDING-RIGHT: 1px; BORDER-TOP: #f6f6f6 2px solid; PADDING-LEFT: 1px; BACKGROUND: #e8dede; MARGIN-BOTTOM: 3px; PADDING-BOTTOM: 1px; BORDER-LEFT: #f6f6f6 2px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #f6f6f6 2px solid; HEIGHT: 264px
}
.list2block DIV {
BACKGROUND: #fff; FLOAT: left; WIDTH: 264px; HEIGHT: 264px
}
.list2block A.more {
BACKGROUND: url(../images/SupeSite/more_btn_s.gif) #f6f6f6 no-repeat 0px 6px; MARGIN-LEFT: -5px; WIDTH: 80px; HEIGHT: 29px
}
.list2block H3 {
PADDING-LEFT: 22px; FONT-SIZE: 12px; BACKGROUND: url(../images/SupeSite/icon_title.gif) #f6f6f6 no-repeat 8px 8px; MARGIN: 0px; OVERFLOW: hidden; LINE-HEIGHT: 30px; HEIGHT: 29px
}
.list2block UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/SupeSite/dotline_list.gif); PADDING-BOTTOM: 0px; MARGIN: 5px; LINE-HEIGHT: 22px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.list2block LI {
PADDING-LEFT: 10px; BACKGROUND: url(../images/SupeSite/icon_item_arrow.gif) no-repeat 0px 8px; OVERFLOW: hidden; HEIGHT: 22px
}
.miniblock {
BORDER-RIGHT: #f6f6f6 2px solid; PADDING-RIGHT: 1px; BORDER-TOP: #f6f6f6 2px solid; PADDING-LEFT: 1px; BACKGROUND: #e8dede; FLOAT: left; MARGIN-BOTTOM: 3px; PADDING-BOTTOM: 1px; OVERFLOW: hidden; BORDER-LEFT: #f6f6f6 2px solid; WIDTH: 289px; PADDING-TOP: 1px; BORDER-BOTTOM: #f6f6f6 2px solid; HEIGHT: 253px
}
.miniblock A.more {
BACKGROUND: url(../images/SupeSite/more_btn_s.gif) #f6f6f6 no-repeat 0px 6px; MARGIN-LEFT: -5px; WIDTH: 80px; HEIGHT: 29px
}
.miniblock H3 {
PADDING-LEFT: 22px; FONT-SIZE: 12px; BACKGROUND: url(../images/SupeSite/icon_title.gif) #f6f6f6 no-repeat 8px 8px; MARGIN: 0px; OVERFLOW: hidden; LINE-HEIGHT: 30px; HEIGHT: 29px
}
.miniblock UL {
BORDER-RIGHT: #fff 5px solid; PADDING-RIGHT: 0px; BORDER-TOP: #fff 5px; PADDING-LEFT: 0px; BACKGROUND: url(../images/SupeSite/dotline_list.gif) #fff; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; BORDER-LEFT: #fff 5px solid; LINE-HEIGHT: 22px; PADDING-TOP: 0px; BORDER-BOTTOM: #fff 5px; LIST-STYLE-TYPE: none; HEIGHT: 224px
}
.miniblock LI {
PADDING-LEFT: 10px; BACKGROUND: url(../images/SupeSite/icon_item_arrow.gif) no-repeat 0px 8px; OVERFLOW: hidden; HEIGHT: 22px
}
.list2col {
BORDER-RIGHT: #e8dede 1px solid; BORDER-TOP: #e8dede 1px solid; MARGIN-BOTTOM: 3px; OVERFLOW: hidden; BORDER-LEFT: #e8dede 1px solid; BORDER-BOTTOM: #e8dede 1px solid
}
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -