📄 layout.css
字号:
#container {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 100%; PADDING-TOP: 0px; TEXT-ALIGN: center
}
#container #header {
BACKGROUND-IMAGE: url(bg_header.png); MARGIN: 0px auto; WIDTH: 100%; BACKGROUND-REPEAT: repeat-x; HEIGHT: 118px
}
#container #header #blogname {
PADDING-RIGHT: 0px; BACKGROUND-POSITION: left center; PADDING-LEFT: 60px; FONT-WEIGHT: bold; FONT-SIZE: 16px; BACKGROUND-IMAGE: url(logo.png); MARGIN-BOTTOM: 11px; PADDING-BOTTOM: 0px; MARGIN-LEFT: auto; WIDTH: 720px; MARGIN-RIGHT: auto; PADDING-TOP: 15px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 55px; TEXT-ALIGN: left
}
#container #header #blogname #blogTitle {
FONT-WEIGHT: lighter; FONT-SIZE: 12px; MARGIN: 8px 3px 3px 8px; COLOR: #999999; HEIGHT: 16px
}
#container #header #menu {
PADDING-RIGHT: 0px; MARGIN-TOP: 11px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN-LEFT: auto; WIDTH: 800px; MARGIN-RIGHT: auto; PADDING-TOP: 0px; HEIGHT: 32px; TEXT-ALIGN: right
}
#container #header #menu #Left {
FLOAT: left; WIDTH: 0px
}
#container #header #menu #Right {
FLOAT: right; WIDTH: 0px
}
#container #header #menu UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 6px 0px 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; HEIGHT: 32px
}
#container #header #menu UL LI {
FLOAT: left; MARGIN: 0px; HEIGHT: 32px
}
.menuL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(m_bj2.png); PADDING-BOTTOM: 0px; WIDTH: 2px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat
}
.menuR {
PADDING-RIGHT: 0px; BACKGROUND-POSITION: left 50%; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(m_bj2.png); PADDING-BOTTOM: 0px; WIDTH: 1px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat
}
.menuDiv {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(m_bj2.png); PADDING-BOTTOM: 0px; WIDTH: 2px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat
}
#container #Tbody {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 0px auto; WIDTH: 800px; PADDING-TOP: 5px; TEXT-ALIGN: left
}
#sidebar {
FLOAT: right; MARGIN: 0px; WIDTH: 223px; TEXT-ALIGN: center
}
#innersidebar {
}
#sidebar-topimg {
BACKGROUND-POSITION: center center; BACKGROUND-IMAGE: url(max_120x60_dark.gif); OVERFLOW: hidden; WIDTH: 223px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 100px
}
#sidebar-bottomimg {
}
.sidepanel {
MARGIN: 0px; WIDTH: 203px
}
.Ptitle {
PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN: 0px; LINE-HEIGHT: 180%; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 22px; BACKGROUND-COLOR: #eeedea; TEXT-ALIGN: left
}
.Pcontent {
MARGIN-TOP: 5px; LINE-HEIGHT: 160%; TEXT-ALIGN: left
}
.Pfoot {
MARGIN: 0px 0px 15px
}
#mainContent {
FLOAT: left; WIDTH: 100%; MARGIN-RIGHT: -230px; BACKGROUND-REPEAT: repeat-y; TEXT-ALIGN: center
}
#innermainContent {
OVERFLOW: visible; MARGIN-RIGHT: 230px
}
#mainContent-topimg {
OVERFLOW: hidden; HEIGHT: 10px
}
#mainContent-bottomimg {
OVERFLOW: hidden; BACKGROUND-REPEAT: no-repeat; HEIGHT: 10px
}
.content-width {
MARGIN: auto; WIDTH: 550px
}
.CateIcon {
DISPLAY: none
}
.pageContent {
MARGIN-TOP: 0px; FLOAT: left; MARGIN-BOTTOM: 5px; MARGIN-LEFT: 0px; WIDTH: 100%; HEIGHT: 18px
}
.NavTitle {
FONT-WEIGHT: bold; FLOAT: left; MARGIN: 0px; WIDTH: auto; TEXT-ALIGN: left
}
.page {
PADDING-RIGHT: 5px; FLOAT: left; HEIGHT: 18px; TEXT-ALIGN: left
}
.page UL {
CLEAR: left; FLOAT: left; MARGIN: 0px; LIST-STYLE-TYPE: none; TEXT-ALIGN: left
}
.page UL LI {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: auto; PADDING-TOP: 0px; TEXT-ALIGN: left
}
.page UL LI.PageL {
DISPLAY: none
}
.page UL LI.PageR {
DISPLAY: none
}
.PageLbutton {
DISPLAY: block; BACKGROUND: url(../../images/BttnLeft.gif) 0px 0px; WIDTH: 9px; HEIGHT: 16px
}
.PageRbutton {
DISPLAY: block; BACKGROUND: url(../../images/BttnRight.gif) 0px 0px; WIDTH: 9px; HEIGHT: 16px
}
.Content {
MARGIN-LEFT: auto; MARGIN-RIGHT: auto
}
.Content-top {
MARGIN-TOP: 15px; OVERFLOW: hidden; PADDING-TOP: 7px; BORDER-BOTTOM: #cccccc 1px dashed; HEIGHT: 22px; TEXT-ALIGN: left
}
.Content-top .ContentLeft {
MARGIN-TOP: -7px; DISPLAY: none; FLOAT: left; WIDTH: 8px; HEIGHT: 30px
}
.Content-top .ContentRight {
DISPLAY: none
}
.Content-top .ContentTitle {
PADDING-RIGHT: 4px; BACKGROUND-POSITION: left 50%; DISPLAY: inline; PADDING-LEFT: 34px; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(boxed_arrow.png); PADDING-BOTTOM: 4px; PADDING-TOP: 8px; BACKGROUND-REPEAT: no-repeat
}
.Content-top .ContentAuthor {
DISPLAY: inline; PADDING-LEFT: 10px; FONT-WEIGHT: lighter; FONT-SIZE: 11px; PADDING-TOP: 8px; TEXT-ALIGN: right
}
.Content-body {
MARGIN: 8px auto; OVERFLOW: hidden; WIDTH: 96%; LINE-HEIGHT: 150%; TEXT-ALIGN: left
}
.Content-bottom {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; HEIGHT: 12px; BACKGROUND-COLOR: #e8e8e8; TEXT-ALIGN: right
}
.Content-bottom .ContentBLeft {
FLOAT: left; WIDTH: 0px
}
.Content-bottom .ContentBRight {
FLOAT: right; WIDTH: 0px
}
.Content-Info {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 4px 6px; PADDING-TOP: 0px
}
.Content-Info .InfoAuthor {
TEXT-ALIGN: left
}
.Content-Info .InfoOther {
FLOAT: right; TEXT-ALIGN: right
}
.comment {
MARGIN: 0px 12px 4px; TEXT-ALIGN: left
}
.commentinfo {
FONT-SIZE: 11px; COLOR: #999
}
.commenttop {
PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px dotted; BACKGROUND-COLOR: #eff9d0
}
.commentcontent {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; OVERFLOW: hidden; WIDTH: 94%; LINE-HEIGHT: 140%; PADDING-TOP: 10px
}
.UBBPanel {
BORDER-RIGHT: #395500 1px solid; BORDER-TOP: #395500 1px solid; BORDER-LEFT: #395500 3px solid; BORDER-BOTTOM: #395500 1px solid
}
.UBBTitle {
PADDING-RIGHT: 4px; BACKGROUND-POSITION: 400px 0px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; BORDER-BOTTOM: #395500 1px dotted; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #eff9d0
}
.UBBContent {
PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px; LINE-HEIGHT: 160%; PADDING-TOP: 6px
}
.UBBContent TEXTAREA {
MARGIN-BOTTOM: 2px; WIDTH: 448px
}
.UBBLink:link {
FONT-SIZE: 11px; FONT-FAMILY: verdana
}
.UBBLink:visited {
FONT-SIZE: 11px; FONT-FAMILY: verdana
}
#MsgContent {
BORDER-RIGHT: #4f7500 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #4f7500 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; MARGIN: auto; BORDER-LEFT: #4f7500 1px solid; WIDTH: 450px; PADDING-TOP: 1px; BORDER-BOTTOM: #4f7500 1px solid; BACKGROUND-COLOR: #eff9d0
}
#MsgContent #MsgHead {
PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; PADDING-BOTTOM: 4px; COLOR: #fff; PADDING-TOP: 4px; BACKGROUND-COLOR: #4f7500; TEXT-ALIGN: center
}
#MsgContent #MsgBody {
PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; LINE-HEIGHT: 180%; PADDING-TOP: 4px
}
.LDialog {
BORDER-RIGHT: #4f7500 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #4f7500 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; MARGIN: 3px auto; BORDER-LEFT: #4f7500 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #4f7500 1px solid
}
.LDialog .LHead {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-WEIGHT: bold; PADDING-BOTTOM: 1px; COLOR: #fff; PADDING-TOP: 1px; TEXT-ALIGN: center
}
.LDialog .LBody {
PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; LINE-HEIGHT: 200%; PADDING-TOP: 4px
}
.MessageText {
MARGIN-RIGHT: 38px; HEIGHT: 50px
}
.MessageIcon {
BACKGROUND: url(../../images/Message.jpg) no-repeat; FLOAT: left; WIDTH: 48px; HEIGHT: 48px
}
.ErrorIcon {
BACKGROUND: url(../../images/Error.jpg) no-repeat; FLOAT: left; WIDTH: 48px; HEIGHT: 48px
}
.WarningIcon {
BACKGROUND: url(../../images/Warning.jpg) no-repeat; FLOAT: left; WIDTH: 48px; HEIGHT: 48px
}
.QuestionIcon {
BACKGROUND: url(../../images/Question.jpg) no-repeat; FLOAT: left; WIDTH: 48px; HEIGHT: 48px
}
#container #foot {
BORDER-RIGHT: #d9d9d9 1px solid; BORDER-TOP: #d9d9d9 1px solid; MARGIN-TOP: 6px; FONT-SIZE: 12px; MARGIN-LEFT: auto; BORDER-LEFT: #d9d9d9 1px solid; WIDTH: 800px; MARGIN-RIGHT: auto; PADDING-TOP: 10px; BORDER-BOTTOM: #d9d9d9 1px solid; HEIGHT: 50px; BACKGROUND-COLOR: #eeedea
}
.attachmentBody {
FONT-SIZE: 12px; MARGIN: 0px
}
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -