📄 index.css
字号:
.body {
SCROLLBAR-FACE-COLOR: #ffffff; FONT-SIZE: 12px; BACKGROUND: url(http://html.blog.tom.com/theme/images/f1/green/bodyBg.gif) fixed; MARGIN: 10px 0px 0px; SCROLLBAR-HIGHLIGHT-COLOR: #009900; SCROLLBAR-SHADOW-COLOR: #009900; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT: 140%; SCROLLBAR-ARROW-COLOR: #009900; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff
}
.leftPart {
HEIGHT: 100%; BACKGROUND-COLOR: #ffffff
}
.footer {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 12px; PADDING-BOTTOM: 10px; COLOR: #ffffff; PADDING-TOP: 10px; TEXT-ALIGN: center
}
A {
COLOR: #000000; TEXT-DECORATION: none
}
P {
MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px
}
UL {
MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px
}
LI {
MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px
}
A:hover {
COLOR: #1b9a57
}
A:visited {
COLOR: #000000
}
.url {
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: 'Arial'
}
.url A {
COLOR: #333333
}
.url A:visited {
COLOR: #3c3c3c
}
A:visited {
COLOR: #000000
}
.normalText {
FONT-SIZE: 12px; TEXT-ALIGN: center
}
.handStyle {
CURSOR: hand
}
.numberStyle {
COLOR: #fe9900
}
.dateStyle {
PADDING-RIGHT: 10px; FONT-SIZE: 12px; PADDING-BOTTOM: 6px; COLOR: #666666; PADDING-TOP: 6px; HEIGHT: 20px; TEXT-ALIGN: right
}
.photoAlbum {
MARGIN: 4px; PADDING-TOP: 2px; BACKGROUND-COLOR: #ffffff
}
.photoBody {
FONT-SIZE: 12px; HEIGHT: 140px; TEXT-ALIGN: center
}
.photoStyle {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; TEXT-ALIGN: center
}
.album {
BACKGROUND-COLOR: #ffffff
}
.albumPic {
BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; FILTER: progid:DXImageTransform.Microsoft.Fade(Duration=.8); BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid
}
.albumPause {
BACKGROUND: url(http://html.blog.tom.com/theme/images/f1/green/pause.gif); WIDTH: 29px; HEIGHT: 29px
}
.albumStart {
BACKGROUND: url(http://html.blog.tom.com/theme/images/f1/green/start.gif); WIDTH: 29px; HEIGHT: 29px
}
.albumNext {
BACKGROUND: url(http://html.blog.tom.com/theme/images/f1/green/next.gif); WIDTH: 29px; HEIGHT: 29px
}
.albumPre {
BACKGROUND: url(http://html.blog.tom.com/theme/images/f1/green/pre.gif); WIDTH: 29px; HEIGHT: 29px
}
.bannerSpacing {
HEIGHT: 5px
}
.bodyMargin {
WIDTH: 773px; HEIGHT: 2px; BACKGROUND-COLOR: #ffffff
}
.mspacing {
PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 14px; HEIGHT: 15px; BACKGROUND-COLOR: #ffffff
}
.aspacing {
WIDTH: 5px; BACKGROUND-COLOR: #ffffff
}
.vspacing {
HEIGHT: 4px; BACKGROUND-COLOR: #ffffff
}
.vmargin {
DISPLAY: none
}
.amargin {
WIDTH: 95px
}
.banner {
BACKGROUND: url(http://html.blog.tom.com/theme/images/f1/green/banner.gif)
}
.bodyMiddle {
WIDTH: 773px
}
.header {
BACKGROUND-COLOR: #ffffff
}
.uTitle {
FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #000000; LINE-HEIGHT: 30px; TEXT-DECORATION: none
}
.uDesc {
PADDING-LEFT: 4px; FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 18px; TEXT-DECORATION: none
}
.menu {
BACKGROUND: url(http://html.blog.tom.com/theme/images/f1/green/menuBg.gif); WIDTH: 176px; HEIGHT: 23px
}
.menuLeft {
WIDTH: 77%
}
.menuRight {
WIDTH: 23%
}
.menuText {
PADDING-LEFT: 5px; FONT-SIZE: 12px; COLOR: #ffffff; PADDING-TOP: 5px
}
.menuText A {
COLOR: #ffffff
}
.menuText A:hover {
COLOR: #ffffff
}
.menuText A:visited {
COLOR: #ffffff
}
.moduleDiv {
WIDTH: 100%; BORDER-BOTTOM: #ffffff 5px solid; BACKGROUND-COLOR: #ffffff
}
.moduleTable {
BORDER-RIGHT: #ffffff 2px solid; TABLE-LAYOUT: fixed; BORDER-TOP: #ffffff 2px solid; OVERFLOW: hidden; BORDER-LEFT: #ffffff 2px solid; WIDTH: 100%; BORDER-BOTTOM: #ffffff 2px solid
}
.moduleTitle {
PADDING-LEFT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 18px; TEXT-DECORATION: none
}
.moduleContent {
PADDING-LEFT: 5px; FONT-SIZE: 12px; BACKGROUND: url(http://html.blog.tom.com/theme/images/f1/green/moduleBg.gif) repeat-y center 50%; WIDTH: 100%; TEXT-OVERFLOW: ellipsis; WORD-WRAP: break-word
}
.zoneContent {
TABLE-LAYOUT: fixed; PADDING-LEFT: 5px; FONT-SIZE: 12px; BACKGROUND: url(http://html.blog.tom.com/theme/images/f1/green/moduleBg.gif) repeat-y center 50%; OVERFLOW: hidden; WIDTH: 100%; TEXT-OVERFLOW: ellipsis; WORD-WRAP: break-word
}
.moduleText {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; WIDTH: 95%; LINE-HEIGHT: 16px; PADDING-TOP: 5px; BORDER-BOTTOM: #009900 1px dashed
}
.upText {
FONT-SIZE: 12px; COLOR: #ff6600; TEXT-ALIGN: left
}
.downText {
PADDING-BOTTOM: 5px; COLOR: #999999; PADDING-TOP: 5px; BORDER-BOTTOM: #1b9a57 1px dashed; TEXT-ALIGN: left
}
.dashed {
BORDER-BOTTOM: #009900 1px dashed
}
.commentDashed {
BORDER-BOTTOM: #e0e0e0 1px dashed
}
.commentText {
PADDING-BOTTOM: 2px; COLOR: #996600; PADDING-TOP: 4px
}
.divFixed {
TABLE-LAYOUT: fixed; OVERFLOW: hidden; WIDTH: 190px; TEXT-OVERFLOW: ellipsis; WORD-WRAP: break-word
}
.commentTitle {
PADDING-RIGHT: 15px; PADDING-LEFT: 15px; FONT-SIZE: 12px; PADDING-BOTTOM: 15px; PADDING-TOP: 15px
}
.commentBody {
PADDING-LEFT: 20px; FONT-SIZE: 12px; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; TEXT-ALIGN: left
}
.contentTable {
TABLE-LAYOUT: fixed; OVERFLOW: hidden; TEXT-OVERFLOW: ellipsis; WORD-WRAP: break-word
}
.listModule {
FONT-SIZE: 12px; BORDER-BOTTOM: #ffffff 5px solid; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center
}
.listDirModule {
BORDER-BOTTOM: #ffffff 5px solid; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center
}
.listNavi {
PADDING-LEFT: 15px; FONT-WEIGHT: 700; FONT-SIZE: 14px; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
.articleTitle {
PADDING-LEFT: 24px; FONT-WEIGHT: 700; FONT-SIZE: 14px; COLOR: #000000
}
.articleBody {
BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #ffffff
}
.articleText {
PADDING-LEFT: 2px; FONT-SIZE: 14px; PADDING-BOTTOM: 15px; LINE-HEIGHT: 20px; PADDING-TOP: 10px; BORDER-BOTTOM: #009900 0px dashed
}
.page {
BORDER-RIGHT: #57ab2c 1px dotted; PADDING-RIGHT: 6px; BORDER-TOP: #57ab2c 1px dotted; PADDING-LEFT: 6px; FONT-SIZE: 12px; PADDING-BOTTOM: 6px; BORDER-LEFT: #57ab2c 1px dotted; WIDTH: 80%; COLOR: #006600; PADDING-TOP: 6px; BORDER-BOTTOM: #57ab2c 1px dotted; TEXT-ALIGN: center
}
.loading {
PADDING-RIGHT: 30px; PADDING-LEFT: 30px; FONT-SIZE: 12px; PADDING-BOTTOM: 30px; PADDING-TOP: 30px; TEXT-ALIGN: center
}
.clock {
BACKGROUND: url(http://html.blog.tom.com/theme/images/public/clock.gif)
}
.moduleDiv .open {
BACKGROUND: url(http://html.blog.tom.com/theme/images/f1/green/open1.gif) no-repeat
}
.moduleDiv .close {
BACKGROUND: url(http://html.blog.tom.com/theme/images/f1/green/close1.gif) no-repeat
}
.listModule .open {
BACKGROUND: url(http://html.blog.tom.com/theme/images/f1/green/open2.gif) no-repeat
}
.listModule .close {
BACKGROUND: url(http://html.blog.tom.com/theme/images/f1/green/close2.gif) no-repeat
}
.listDirModule .open {
BACKGROUND: url(http://html.blog.tom.com/theme/images/f1/green/open4.gif) no-repeat
}
.listDirModule .close {
BACKGROUND: url(http://html.blog.tom.com/theme/images/f1/green/close4.gif) no-repeat
}
.unfold {
BACKGROUND: url(http://html.blog.tom.com/theme/images/f1/green/unfold.gif) no-repeat; WIDTH: 11px; HEIGHT: 11px
}
.fold {
BACKGROUND: url(http://html.blog.tom.com/theme/images/f1/green/fold.gif) no-repeat; WIDTH: 11px; HEIGHT: 11px
}
.commentArea {
PADDING-RIGHT: 21px; WIDTH: 100%; TEXT-ALIGN: right
}
.commentList {
BACKGROUND-COLOR: #ffffff
}
.iMargin {
PADDING-RIGHT: 19px
}
.rMargin {
PADDING-RIGHT: 22px
}
.cBorderColor {
BACKGROUND-COLOR: #69b444
}
.solidLineUp {
WIDTH: 98%; BORDER-BOTTOM: #69b444 1px solid
}
.solidLineDown {
WIDTH: 98%; BORDER-BOTTOM: #ffffff 1px solid
}
.funLink {
FONT-SIZE: 12px; WIDTH: 98%; COLOR: #000000; TEXT-ALIGN: right
}
.funLink A {
COLOR: #000000
}
.funLink A:visited {
COLOR: #000000
}
.cLeftUp {
BACKGROUND: url(http://html.blog.tom.com/theme/images/f1/green/cLeftUp.gif) no-repeat; WIDTH: 42px; HEIGHT: 20px
}
.cRightUp {
BACKGROUND: url(http://html.blog.tom.com/theme/images/f1/green/cRightUp.gif) no-repeat; WIDTH: 6px; HEIGHT: 20px
}
.cLeftDown {
BACKGROUND: url(http://html.blog.tom.com/theme/images/f1/green/cLeftDown.gif) no-repeat; WIDTH: 42px; HEIGHT: 20px
}
.cRightDown {
BACKGROUND: url(http://html.blog.tom.com/theme/images/f1/green/cRightDown.gif) no-repeat; WIDTH: 6px; HEIGHT: 20px
}
.cCenter {
PADDING-BOTTOM: 2px; PADDING-TOP: 4px; HEIGHT: 20px; BACKGROUND-COLOR: #57ab2c; TEXT-ALIGN: center
}
.mouseOnOne {
BORDER-RIGHT: #0000ff 2px solid; BORDER-TOP: #0000ff 2px solid; BORDER-LEFT: #0000ff 2px solid; BORDER-BOTTOM: #0000ff 2px solid
}
.mouseOnTwo {
BORDER-RIGHT: #ffffff 2px solid; BORDER-TOP: #ffffff 2px solid; BORDER-LEFT: #ffffff 2px solid; BORDER-BOTTOM: #ffffff 2px solid
}
.mouseOut {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-LEFT-COLOR: #ffffff; BORDER-BOTTOM-WIDTH: 0px; BORDER-BOTTOM-COLOR: #ffffff; BORDER-TOP-COLOR: #ffffff; BORDER-RIGHT-WIDTH: 0px; BORDER-RIGHT-COLOR: #ffffff
}
.showCounter {
BACKGROUND: url(http://html.blog.tom.com/theme/images/f1/green/counterBg.gif) no-repeat; WIDTH: 157px; HEIGHT: 21px; TEXT-ALIGN: center
}
.qDiv {
HEIGHT: 35px
}
.qp {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; BACKGROUND: url(http://html.blog.tom.com/theme/images/f1/green/qp.gif) no-repeat; BORDER-LEFT: 0px; WIDTH: 78px; CURSOR: hand; BORDER-BOTTOM: 0px; HEIGHT: 21px
}
.qm {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; BACKGROUND: url(http://html.blog.tom.com/theme/images/f1/green/qm.gif) no-repeat; BORDER-LEFT: 0px; WIDTH: 78px; CURSOR: hand; BORDER-BOTTOM: 0px; HEIGHT: 21px
}
.logo {
PADDING-BOTTOM: 5px; PADDING-TOP: 5px; TEXT-ALIGN: center
}
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -