📄 layout.css
字号:
#container {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(main.jpg) #ffffff; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 984px; PADDING-TOP: 0px; TEXT-ALIGN: center
}
#FlashHead {
LEFT: 0px; WIDTH: 100%; POSITION: absolute
}
#container #header {
BACKGROUND: url(top.jpg) no-repeat; MARGIN: 0px auto; WIDTH: 98.5%; HEIGHT: 158px
}
#container #header #blogname {
PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 0px; PADDING-BOTTOM: 38px; MARGIN: 0px auto 0px 0px; COLOR: #ffffff; PADDING-TOP: 90px; TEXT-ALIGN: left
}
#container #header #blogname #blogTitle {
FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 1px 0px 0px 8px
}
#container #header #menu {
MARGIN-TOP: 0px! important; BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 98%; PADDING-TOP: 0px; HEIGHT: 26px; TEXT-ALIGN: center
}
#container #header #menu #Left {
BACKGROUND: no-repeat; FLOAT: right; WIDTH: 0px; HEIGHT: 26px
}
#container #header #menu #Right {
BACKGROUND: no-repeat; FLOAT: left; WIDTH: 0px; HEIGHT: 26px
}
#container #header #menu UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px 3px 0px 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; HEIGHT: 26px
}
#container #header #menu UL LI {
FLOAT: left; HEIGHT: 26px
}
.menuL {
}
.menuR {
}
.menuDiv {
}
#container #Tbody {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 0px auto; WIDTH: 963px; PADDING-TOP: 5px; TEXT-ALIGN: left
}
#sidebar {
BACKGROUND: url(left_main.png) #f6f6f6; FLOAT: left; MARGIN: 0px; WIDTH: 223px; COLOR: #000000; TEXT-ALIGN: center
}
#innersidebar {
}
#sidebar-topimg {
BACKGROUND: url(left_top.png) #f9f9f9 no-repeat; HEIGHT: 20px
}
#sidebar-bottomimg {
BACKGROUND: url(left_bottom.png) #f9f9f9 no-repeat; OVERFLOW: hidden; HEIGHT: 10px
}
.sidepanel {
MARGIN: 0px; WIDTH: 203px
}
.Ptitle {
PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: url(sidebar.gif) #f6f6f6; MARGIN: 0px; LINE-HEIGHT: 180%; HEIGHT: 24px; TEXT-ALIGN: left
}
.Pcontent {
PADDING-LEFT: 10px; LINE-HEIGHT: 160%; PADDING-TOP: 4px; TEXT-ALIGN: left
}
.Pfoot {
MARGIN: 0px 0px 15px
}
#mainContent {
BACKGROUND: url(right_main.png) #ffffff repeat-y 224px 50%; FLOAT: right; MARGIN: 0px 0px 0px -224px; WIDTH: 100%; TEXT-ALIGN: center
}
#innermainContent {
MARGIN: 0px 0px 0px 224px; OVERFLOW: visible
}
#mainContent-topimg {
BACKGROUND: url(right_top.png) #ffffff no-repeat; OVERFLOW: hidden; HEIGHT: 20px
}
#mainContent-bottomimg {
BACKGROUND: url(right_bottom.png) #ffffff no-repeat; OVERFLOW: hidden; HEIGHT: 10px
}
.content-width {
MARGIN: auto; WIDTH: 714px
}
.pageContent {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 0px auto; PADDING-TOP: 3px; 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; FONT-FAMILY: Georgia,Courier New,宋体
}
.Content-top {
BACKGROUND: url(title_main.png) #ffffff; OVERFLOW: hidden; COLOR: #000000; PADDING-TOP: 7px; HEIGHT: 23px; TEXT-ALIGN: left
}
.Content-top .ContentLeft {
MARGIN-TOP: -7px; BACKGROUND: url(title_left.png) #f6f6f6 no-repeat; FLOAT: left; WIDTH: 8px; HEIGHT: 30px
}
.Content-top .ContentRight {
MARGIN-TOP: -7px; BACKGROUND: url(title_right.png) #f6f6f6 no-repeat; FLOAT: right; WIDTH: 8px; HEIGHT: 30px
}
.Content-top .ContentTitle {
PADDING-RIGHT: 4px; DISPLAY: inline; PADDING-LEFT: 2px; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; PADDING-TOP: 8px
}
.Content-top .ContentAuthor {
DISPLAY: inline; PADDING-LEFT: 10px; FONT-SIZE: 12px; 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: 2px; PADDING-LEFT: 2px; BACKGROUND: url(dot.png) repeat-x; PADDING-BOTTOM: 8px; PADDING-TOP: 3px; HEIGHT: 30px; 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; BACKGROUND: #f5f5f5; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; BORDER-BOTTOM: #686868 1px dotted
}
.commentcontent {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; OVERFLOW: hidden; WIDTH: 94%; LINE-HEIGHT: 140%; PADDING-TOP: 10px
}
.UBBPanel {
BORDER-RIGHT: #b4a79c 1px solid; BORDER-TOP: #b4a79c 1px solid; BACKGROUND: #f5f5f5; BORDER-LEFT: #b4a79c 3px solid; BORDER-BOTTOM: #b4a79c 1px solid
}
.UBBTitle {
PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; BACKGROUND: url(ubbback.gif) #e6e6e6 no-repeat 400px 0px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; BORDER-BOTTOM: #b4a79c 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 {
BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 1px; BACKGROUND: #ffffff; PADDING-BOTTOM: 1px; MARGIN: auto; BORDER-LEFT: #cccccc 1px solid; WIDTH: 450px; PADDING-TOP: 1px; BORDER-BOTTOM: #cccccc 1px solid
}
#MsgContent #MsgHead {
PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; BACKGROUND: #6b90c7; PADDING-BOTTOM: 4px; COLOR: #fff; PADDING-TOP: 4px; TEXT-ALIGN: center
}
#MsgContent #MsgBody {
PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; LINE-HEIGHT: 180%; PADDING-TOP: 4px
}
.LDialog {
BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; MARGIN: 3px auto; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #cccccc 1px solid
}
.LDialog .LHead {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-WEIGHT: bold; BACKGROUND: #bbbbbb; 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(Message.jpg) no-repeat; FLOAT: left; WIDTH: 48px; HEIGHT: 48px
}
.ErrorIcon {
BACKGROUND: url(Error.jpg) no-repeat; FLOAT: left; WIDTH: 48px; HEIGHT: 48px
}
.WarningIcon {
BACKGROUND: url(Warning.jpg) no-repeat; FLOAT: left; WIDTH: 48px; HEIGHT: 48px
}
.QuestionIcon {
BACKGROUND: url(Question.jpg) no-repeat; FLOAT: left; WIDTH: 48px; HEIGHT: 48px
}
#container #foot {
BORDER-TOP: #ccc 1px solid; MARGIN: 6px 0px 0px; WIDTH: 963px; COLOR: #999; PADDING-TOP: 4px; FONT-FAMILY: Georgia; HEIGHT: 46px
}
#container #foot P {
MARGIN: 0px
}
#foot P {
FONT-SIZE: 11px; MARGIN: 0px
}
.attachmentBody {
FONT-SIZE: 12px; BACKGROUND: #ffffff; MARGIN: 0px
}
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -