📄 style.css
字号:
BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(bodybg.png) #6a8695 repeat-x; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
{
FONT-SIZE: 12px; WORD-BREAK: break-all; FONT-FAMILY: Tahoma; WORD-WRAP: break-word
}
UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
LI {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
INPUT {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
H1 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
H2 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
H3 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
H4 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
H5 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
H6 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
h7 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
FORM {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
P {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
H3 {
PADDING-LEFT: 10px; MARGIN: 10px 8px; FONT: bold 14px/105% Tahoma; BORDER-LEFT: #00193c 6px solid; COLOR: #00193c
}
#header {
BACKGROUND: url(logo.png) no-repeat; MARGIN: 0px auto; WIDTH: 950px; HEIGHT: 110px
}
#tool {
FLOAT: right; FONT: 12px/30px Tahamo; WIDTH: 50%; COLOR: #c1ff4c; HEIGHT: 30px; TEXT-ALIGN: right
}
#tool A {
COLOR: #c1ff4c; TEXT-DECORATION: none
}
#tool A:hover {
TEXT-DECORATION: underline
}
#guide {
MARGIN-TOP: 7px; WIDTH: 100%; HEIGHT: 25px
}
#guide LI {
FLOAT: right; MARGIN-LEFT: -1px; LIST-STYLE-TYPE: none
}
#guide LI {
PADDING-RIGHT: 10px; BACKGROUND: url(gr.png) no-repeat right 1px
}
#guide LI A {
PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 10px; BACKGROUND: url(gl.png) no-repeat left 1px; PADDING-BOTTOM: 1px; FONT: 12px/16px Arial; COLOR: #135d8e; PADDING-TOP: 7px; TEXT-DECORATION: none
}
#guide LI A:hover {
COLOR: #000; TEXT-DECORATION: underline
}
#guide LI.li1 {
PADDING-RIGHT: 10px; BACKGROUND: url(guidebghr.png) no-repeat right 0px; MARGIN-LEFT: 0px; MARGIN-RIGHT: 1px
}
#guide LI.li1 A {
PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 10px; BACKGROUND: url(guidebghl.png) no-repeat left top; PADDING-BOTTOM: 1px; FONT: bold 14px/16px Arial; COLOR: #002147; PADDING-TOP: 7px; TEXT-DECORATION: none
}
#login {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 6px; FONT: 12px/20px Tahamo; COLOR: #00193c; PADDING-TOP: 4px
}
#main {
BACKGROUND: url(mainbg2.png) repeat-y; PADDING-BOTTOM: 30px; MARGIN: 0px auto; WIDTH: 950px
}
.c {
CLEAR: both; FONT: 0px/0 Arial; WIDTH: 100%
}
.input {
BORDER-RIGHT: #b3dbea 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #b3dbea 1px solid; PADDING-LEFT: 2px; BACKGROUND: #7e9db0; PADDING-BOTTOM: 0px; FONT: bold 12px Arial; BORDER-LEFT: #b3dbea 1px solid; WIDTH: 80px; COLOR: #d4f553; PADDING-TOP: 1px; BORDER-BOTTOM: #b3dbea 1px solid; HEIGHT: 16px
}
.btn {
BORDER-RIGHT: #00183b 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #00183b 1px solid; PADDING-LEFT: 5px; BACKGROUND: url(gr.png) #fff center 50%; PADDING-BOTTOM: 0px; FONT: 12px/13px Tahoma; VERTICAL-ALIGN: bottom; BORDER-LEFT: #00183b 1px solid; COLOR: #00193c; PADDING-TOP: 0px; BORDER-BOTTOM: #00183b 1px solid; HEIGHT: 20px
}
A {
COLOR: #1c6c9d; TEXT-DECORATION: none
}
A:hover {
TEXT-DECORATION: underline
}
A.a2 {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 0px; COLOR: #ffffff; PADDING-TOP: 1px
}
A.a2:hover {
BACKGROUND: #00193c
}
A.a3 {
COLOR: #00193c
}
A.a4 {
COLOR: #666
}
.aa1 {
COLOR: #b3a12a
}
.aa2 {
COLOR: #1c78b2
}
.aa3 {
COLOR: #ba1d7d
}
.aa4 {
COLOR: #019724
}
#sc {
FLOAT: right; WIDTH: 201px
}
#sip {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 5px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(sc1.png) no-repeat; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT: 14px Arial; WIDTH: 167px; COLOR: #00193c; PADDING-TOP: 5px; HEIGHT: 21px; BORDER-RIGHT-WIDTH: 0px
}
#sbt {
BORDER-TOP-WIDTH: 0px; DISPLAY: block; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(sc2.png); BORDER-BOTTOM-WIDTH: 0px; WIDTH: 29px; HEIGHT: 26px; BORDER-RIGHT-WIDTH: 0px
}
#sbt:hover {
BACKGROUND: url(sc3.png)
}
#mainav {
BORDER-TOP: #60828f 7px solid; FLOAT: left; WIDTH: 755px
}
#main3 {
PADDING-RIGHT: 20px; PADDING-LEFT: 15px; BACKGROUND: url(main3bg.png) repeat-x; PADDING-BOTTOM: 10px; MARGIN: 0px 0px 10px; PADDING-TOP: 5px
}
#sidebar {
PADDING-RIGHT: 0px; PADDING-LEFT: 7px; BACKGROUND: url(sidebartop.png) no-repeat; FLOAT: left; PADDING-BOTTOM: 10px; WIDTH: 182px; PADDING-TOP: 0px
}
#footer {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(mainend2.png) no-repeat; PADDING-BOTTOM: 15px; MARGIN: 0px auto; WIDTH: 950px; COLOR: #bbdf5e; PADDING-TOP: 25px
}
#footer {
FONT: 10px/12px Verdana
}
#footer {
FONT: 10px/12px Verdana
}
#footer A {
FONT-WEIGHT: bold; TEXT-DECORATION: none
}
#tags {
PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 0px; LINE-HEIGHT: 18px; PADDING-TOP: 0px
}
#taglist {
BORDER-RIGHT: #bddeec 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #bddeec 1px solid; PADDING-LEFT: 10px; BACKGROUND: #f0f6f8; PADDING-BOTTOM: 10px; MARGIN: 10px 0px; BORDER-LEFT: #bddeec 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #bddeec 5px solid
}
.taga1 {
FONT: bold 14px Arial; COLOR: #e8641b
}
.taga2 {
COLOR: #006925
}
.taga3 {
FONT-WEIGHT: bold
}
.taga4 {
FONT: 16px Arial; COLOR: #006925
}
.taga5 {
COLOR: #999
}
.taga6 {
COLOR: #aaa
}
#mr {
FLOAT: right; WIDTH: 488px
}
#ml {
FLOAT: left; WIDTH: 220px
}
#fotoshow {
BORDER-RIGHT: #a9d2e6 1px solid; BORDER-TOP: #a9d2e6 1px solid; BACKGROUND: url(hlimg.png) #57a3c1 no-repeat center 10px; MARGIN: 10px 0px 5px; BORDER-LEFT: #a9d2e6 1px solid; BORDER-BOTTOM: #a9d2e6 1px solid; HEIGHT: 210px
}
#fotoshow A {
FONT-WEIGHT: bold
}
#fotoshow .photo {
MARGIN: 15px auto; WIDTH: 200px; HEIGHT: 150px
}
#fotoshow .desc {
MARGIN: auto; WIDTH: 210px
}
#fotoshow .desc TD {
VERTICAL-ALIGN: middle; TEXT-ALIGN: center
}
.h4box {
PADDING-RIGHT: 4px; PADDING-LEFT: 4px; BACKGROUND: #fff; PADDING-BOTTOM: 4px; MARGIN: 10px 0px 15px; PADDING-TOP: 4px; BORDER-BOTTOM: #bddeec 5px solid
}
H4 {
PADDING-RIGHT: 8px; PADDING-LEFT: 8px; BACKGROUND: #bddeec; PADDING-BOTTOM: 6px; COLOR: #465397; LINE-HEIGHT: 140%; PADDING-TOP: 6px
}
.more {
PADDING-LEFT: 13px; BACKGROUND: url(morebg.png) no-repeat 0px 1px; FLOAT: right; FONT: 12px/100% Tahoma
}
.more:hover {
BACKGROUND: url(morebg2.png) no-repeat 0px 1px
}
.h4c {
BACKGROUND: #daecf5
}
.h4c LI {
PADDING-LEFT: 1%; OVERFLOW: hidden; WIDTH: 99%; LINE-HEIGHT: 200%; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis
}
.h4c LI.li1 {
BORDER-TOP: #fff 1px solid; BACKGROUND: #ebf5fa; LINE-HEIGHT: 190%; BORDER-BOTTOM: #fff 1px solid
}
.h4b {
CLEAR: both; FONT: 0px/0px Tahoma; HEIGHT: 0px
}
#digg {
PADDING-LEFT: 5px
}
.diggc {
FLOAT: right; FONT: 12px/130% Tahoma; WIDTH: 90%; COLOR: #aaa
}
.ico {
BORDER-RIGHT: #98a4ab 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #98a4ab 1px solid; PADDING-LEFT: 1px; FLOAT: right; PADDING-BOTTOM: 1px; MARGIN-LEFT: 3px; BORDER-LEFT: #98a4ab 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #98a4ab 1px solid
}
.ico IMG {
WIDTH: 28px; HEIGHT: 28px
}
.diggt {
FLOAT: left; WIDTH: 40px
}
.diggtn {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BACKGROUND: url(rq.png) no-repeat; PADDING-BOTTOM: 1px; FONT: bold 14px Tahoma; WIDTH: 40px; COLOR: #325500; PADDING-TOP: 1px; HEIGHT: 35px; TEXT-ALIGN: center
}
.h5c {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; COLOR: #6a8695; PADDING-TOP: 3px
}
.diggita {
DISPLAY: block; BACKGROUND: url(diggit.png) no-repeat; WIDTH: 40px; CURSOR: pointer; HEIGHT: 13px
}
H5 A.h {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; FONT: bold 14px Tahoma; PADDING-TOP: 2px
}
H5 A.h:hover {
COLOR: #00193c
}
H5 SPAN {
PADDING-LEFT: 5px; FONT: 12px Tahoma
}
H5 SPAN A {
COLOR: #019724
}
.diggone {
CLEAR: both; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 5px auto 5px 5px; WIDTH: 95%; PADDING-TOP: 5px
}
.newfoto {
BORDER-TOP: #a9d2e6 1px solid; BACKGROUND: #bddeec; BORDER-BOTTOM: #a9d2e6 1px solid
}
.foto1 {
BACKGROUND: #bddeec; MARGIN-BOTTOM: 5px; PADDING-TOP: 10px; BORDER-BOTTOM: #a9d2e6 1px solid; HEIGHT: auto
}
UL.foto {
PADDING-RIGHT: 0px; PADDING-LEFT: 0.5%; PADDING-BOTTOM: 20px; PADDING-TOP: 0px
}
UL.foto LI {
FLOAT: left; PADDING-BOTTOM: 15px; WIDTH: 19.8%; TEXT-ALIGN: center
}
UL.foto LI IMG {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
.asbl .span1 {
BORDER-RIGHT: #fff 1px solid; DISPLAY: block; PADDING-LEFT: 3px; FLOAT: left; OVERFLOW: hidden; WIDTH: 130px; LINE-HEIGHT: 150%; MARGIN-RIGHT: 10px; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis
}
.asbl .span1 {
BORDER-TOP-WIDTH: 0px; PADDING-LEFT: 10px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT: #313558 1px solid; WIDTH: 100px; COLOR: #888; MARGIN-RIGHT: 0px; BORDER-RIGHT-WIDTH: 0px
}
.asbl .span3 {
BORDER-TOP-WIDTH: 0px; PADDING-LEFT: 10px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT: #313558 1px solid; WIDTH: 100px; COLOR: #888; MARGIN-RIGHT: 0px; BORDER-RIGHT-WIDTH: 0px
}
.asbl .span2 {
CLEAR: left; DISPLAY: block; BACKGROUND: url(people.gif) no-repeat 8px center; FLOAT: left; WIDTH: 30px
}
.asbl .span3 {
BORDER-TOP-WIDTH: 0px; DISPLAY: block; BORDER-LEFT-WIDTH: 0px; FLOAT: left; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 70px; BORDER-RIGHT-WIDTH: 0px
}
.asbl .span2 IMG {
MARGIN: 4px 4px 4px 0px; WIDTH: 28px; HEIGHT: 28px
}
.asbl DIV {
COLOR: #7e9db0
}
.pyq .span1 {
BORDER-RIGHT: #fff 1px solid; DISPLAY: block; PADDING-LEFT: 3px; FLOAT: left; OVERFLOW: hidden; WIDTH: 110px; LINE-HEIGHT: 150%; MARGIN-RIGHT: 10px; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis
}
.pyq .span2 {
DISPLAY: block; BACKGROUND: url(people.gif) no-repeat center center; FLOAT: left; WIDTH: 30px
}
.pyq .span2 IMG {
MARGIN: 4px 0px 4px 4px; WIDTH: 28px; HEIGHT: 28px
}
#pic_player {
BORDER-RIGHT: #bddeec 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #bddeec 1px solid; PADDING-LEFT: 0px; BACKGROUND: url(hlimg.png) #ebf5fa no-repeat center 10px; PADDING-BOTTOM: 5px; MARGIN: 10px 0px 5px; BORDER-LEFT: #bddeec 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #bddeec 5px solid; HEIGHT: 198px
}
#player IMG {
MARGIN: 0px auto; WIDTH: 200px; HEIGHT: 150px
}
.dg2 {
BACKGROUND: #ebf5fa; BORDER-BOTTOM: #bddeec 5px solid
}
.r {
FLOAT: right
}
H2 {
FONT: bold 18px/24px Arial; COLOR: #00193c
}
H2 SPAN {
BORDER-TOP: #bddeec 1px solid; MARGIN-TOP: 6px; DISPLAY: block; FONT: 12px/20px Arial; WIDTH: 90%; COLOR: #999
}
H6 {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 8px; MARGIN: 20px 0px 0px; FONT: 14px Arial; COLOR: #bddeec; PADDING-TOP: 8px; BORDER-BOTTOM: #313558 1px solid
}
.a_text {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 35px; FONT: 13px/220% Arial; WIDTH: 95%; COLOR: #000; PADDING-TOP: 25px
}
.asbl LI {
PADDING-RIGHT: 3px; PADDING-LEFT: 5px; PADDING-BOTTOM: 4px; OVERFLOW: hidden; WIDTH: 96%; COLOR: #666; PADDING-TOP: 4px; BORDER-BOTTOM: #313558 1px solid; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis
}
.asbl LI A:hover {
COLOR: #fff; TEXT-DECORATION: none
}
.input2 {
BORDER-RIGHT: #a6daf8 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #a6daf8 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a6daf8 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #a6daf8 1px solid
}
.btn2 {
HEIGHT: 22px
}
P {
MARGIN: 5px 0px
}
.asbl UL.ul1 LI {
PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.itable .f10 {
FONT: 10px Tahoma; COLOR: green
}
.itable .tc {
TEXT-ALIGN: center
}
.itable .tl {
PADDING-LEFT: 6px; TEXT-ALIGN: left
}
.itable .tr {
PADDING-RIGHT: 6px; TEXT-ALIGN: right
}
.itable {
WIDTH: 100%
}
.itable TR.th TD {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(qlh.png) repeat-x; PADDING-BOTTOM: 0px; COLOR: #00193c; PADDING-TOP: 0px; HEIGHT: 26px
}
.itable TD {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; MIN-HEIGHT: 30px; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: middle; COLOR: #666; PADDING-TOP: 2px; BORDER-BOTTOM: #f2f7fc 1px solid; HEIGHT: 30px; TEXT-ALIGN: center
}
.itable TR.tr1 TD {
BACKGROUND: #ebf5fa; HEIGHT: 18px
}
.itable TR.tr2 {
BACKGROUND: #f6fcfe
}
.itable TR.tr2 TD {
BORDER-BOTTOM: #dbeaf2 1px solid
}
.itable .f_one {
PADDING-LEFT: 10px
}
.itable2 TD {
TEXT-ALIGN: left
}
#tagbox {
BORDER-RIGHT: #bddeec 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #bddeec 1px solid; PADDING-LEFT: 10px; BACKGROUND: #fff; PADDING-BOTTOM: 10px; MARGIN: 0px 0px 6px; BORDER-LEFT: #bddeec 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #bddeec 6px solid
}
#footprint {
BORDER-RIGHT: #bddeec 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #bddeec 1px solid; PADDING-LEFT: 10px; BACKGROUND: #fff; PADDING-BOTTOM: 10px; MARGIN: 0px 0px 6px; BORDER-LEFT: #bddeec 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #bddeec 6px solid
}
#tagbox A {
FONT: 14px/200% Tahoma; COLOR: #ba1d7d
}
#footprint A {
FONT: 14px/200% Tahoma; COLOR: #ba1d7d
}
#tagbox A:hover {
BACKGROUND: #90ee90
}
#footprint A:hover {
BACKGROUND: #90ee90
}
#tagbox H6 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; MARGIN: 0px 0px 10px; FONT: 12px Tahoma; COLOR: #b8d104; PADDING-TOP: 2px; BORDER-BOTTOM: #dbeaf2 1px solid
}
#footprint H6 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; MARGIN: 0px 0px 10px; FONT: 12px Tahoma; COLOR: #b8d104; PADDING-TOP: 2px; BORDER-BOTTOM: #dbeaf2 1px solid
}
.qlh2 A {
FONT: 12px Arial
}
.help-text {
PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 15px; COLOR: #666; LINE-HEIGHT: 180%; PADDING-TOP: 15px
}
#share {
MARGIN: auto; WIDTH: 96%
}
.share-a {
MARGIN: auto; WIDTH: 98%; LINE-HEIGHT: 300%
}
.share-a IMG {
MARGIN-RIGHT: 6px
}
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -