📄 layout.css
字号:
#container {
MARGIN: 0px auto; WIDTH: 97%; TEXT-ALIGN: center
}
#FlashHead {
LEFT: 0px; WIDTH: 100%; POSITION: absolute
}
#container #header {
MARGIN: 0px auto; WIDTH: 100%; TEXT-ALIGN: left
}
#container #header #blogname {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 0px; PADDING-BOTTOM: 0px; COLOR: #fff; PADDING-TOP: 0px; HEIGHT: 10px
}
#container #header #blogname #blogTitle {
FONT-SIZE: 0px; COLOR: #fff; HEIGHT: 0px
}
#container #header #menu {
MARGIN: 5px 0px 0px 210px; BORDER-LEFT: #999 1px dotted; HEIGHT: 28px; 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; PADDING-TOP: 8px; LIST-STYLE-TYPE: none; HEIGHT: 16px
}
#container #header #menu UL LI {
FLOAT: left; HEIGHT: 28px
}
.menuL {
}
.menuR {
}
.menuDiv {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 4px; PADDING-TOP: 0px
}
#container #Tbody {
MARGIN: 0px auto; WIDTH: 100%; PADDING-TOP: 0px; TEXT-ALIGN: left
}
#sidebar {
BORDER-RIGHT: #999 1px dotted; FLOAT: left; WIDTH: 210px; COLOR: #000; TEXT-ALIGN: right
}
#innersidebar {
}
#sidebar-topimg {
OVERFLOW: hidden; HEIGHT: 0px
}
#sidebar-bottomimg {
OVERFLOW: hidden; HEIGHT: 0px
}
.sidepanel {
MARGIN: 0px
}
.Ptitle {
PADDING-RIGHT: 10px; BORDER-TOP: #999 1px dotted; PADDING-LEFT: 24px; FONT-WEIGHT: bold; FONT-SIZE: 13px; PADDING-BOTTOM: 2px; MARGIN: 0px; COLOR: #999; PADDING-TOP: 8px; HEIGHT: 20px; TEXT-ALIGN: right
}
.Pcontent {
PADDING-RIGHT: 8px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; TEXT-ALIGN: right
}
.Pfoot {
MARGIN: -2px 2px 3px 0px; HEIGHT: 6px
}
#mainContent {
FLOAT: right; MARGIN: 0px 0px 0px -200px; WIDTH: 80%; PADDING-TOP: 3px; TEXT-ALIGN: center
}
#innermainContent {
BORDER-TOP: #999 1px dotted; MARGIN: 0px 180px 0px 35px
}
#mainContent-topimg {
OVERFLOW: hidden; HEIGHT: 0px
}
#mainContent-bottomimg {
OVERFLOW: hidden; HEIGHT: 0px
}
.content-width {
MARGIN: auto; WIDTH: 100%
}
.pageContent {
PADDING-LEFT: 3px; MARGIN: 0px auto; WIDTH: 95%; HEIGHT: 18px; TEXT-ALIGN: left
}
.NavTitle {
FONT-WEIGHT: bold; FLOAT: left
}
.page {
PADDING-RIGHT: 5px; HEIGHT: 18px
}
.page UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.page UL LI {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.page UL LI.PageL {
WIDTH: 9px; HEIGHT: 16px
}
.page UL LI.PageR {
WIDTH: 9px; HEIGHT: 16px
}
.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: 0px auto
}
.Content-top {
PADDING-RIGHT: 2px; MARGIN-TOP: 10px; PADDING-LEFT: 40px; BACKGROUND: url(logIcon.gif) no-repeat 3px 2px; MARGIN-BOTTOM: 2px; PADDING-BOTTOM: 6px; COLOR: #000; PADDING-TOP: 8px; TEXT-ALIGN: left
}
.Content-top .ContentLeft {
FLOAT: left; WIDTH: 0px
}
.Content-top .ContentRight {
FLOAT: right; WIDTH: 0px
}
.Content-top .ContentTitle {
DISPLAY: inline; FONT-SIZE: 16px; MARGIN: 0px; COLOR: #3e3e2f
}
.Content-top .ContentAuthor {
DISPLAY: inline; PADDING-LEFT: 3px; FONT-WEIGHT: 100; FONT-SIZE: 11px; VISIBILITY: hidden; MARGIN: 0px; COLOR: #666
}
.Content-body {
MARGIN: 8px auto; OVERFLOW: hidden; WIDTH: 96%; LINE-HEIGHT: 150%; TEXT-ALIGN: left
}
.Content-bottom {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 15px; WIDTH: 95%; PADDING-TOP: 0px; BORDER-BOTTOM: #999 1px dotted; HEIGHT: 30px; TEXT-ALIGN: center
}
.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 15px; TEXT-ALIGN: left
}
.commentinfo {
FONT-SIZE: 11px; COLOR: #999
}
.commenttop {
PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; MARGIN: 1px; PADDING-TOP: 4px; BORDER-BOTTOM: #999 1px dotted
}
.commentcontent {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; OVERFLOW: hidden; WIDTH: 96%; LINE-HEIGHT: 140%; PADDING-TOP: 10px
}
.UBBPanel {
BORDER-LEFT: #999 3px solid; WIDTH: 80%
}
.UBBTitle {
PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; BORDER-BOTTOM: #999 1px dotted
}
.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 {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BACKGROUND: #fff; PADDING-BOTTOM: 1px; MARGIN: auto; WIDTH: 400px; PADDING-TOP: 1px
}
#MsgContent #MsgHead {
PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; BORDER-BOTTOM: #999 1px dotted; TEXT-ALIGN: center
}
#MsgContent #MsgBody {
PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; WIDTH: 97%; LINE-HEIGHT: 180%; PADDING-TOP: 4px
}
.LDialog {
BORDER-RIGHT: #795b50 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #795b50 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; MARGIN: 3px auto; BORDER-LEFT: #795b50 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #795b50 1px solid
}
.LDialog .LHead {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-WEIGHT: bold; BACKGROUND: #bba097; 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 {
FLOAT: left; WIDTH: 48px; HEIGHT: 48px
}
.ErrorIcon {
FLOAT: left; WIDTH: 48px; HEIGHT: 48px
}
.WarningIcon {
FLOAT: left; WIDTH: 48px; HEIGHT: 48px
}
.QuestionIcon {
FLOAT: left; WIDTH: 48px; HEIGHT: 48px
}
#container #foot {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 14px; MARGIN: 5px 0px 0px; COLOR: #3e3e2f; PADDING-TOP: 14px
}
#container #foot P {
MARGIN: 2px
}
.attachmentBody {
FONT-SIZE: 12px; BACKGROUND: #fff; MARGIN: 0px
}
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -