layout.css

窗体分割文档

#container {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(main.jpg) #f8f6e9; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 760px; PADDING-TOP: 0px; TEXT-ALIGN: center
}
#container #header {
	BACKGROUND: url(topbar.png) #f8f6e9; MARGIN: 0px auto; WIDTH: 748px; HEIGHT: 109px
}
#container #header #blogname {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 20px; PADDING-BOTTOM: 15px; MARGIN: 0px auto; COLOR: #ffffff; PADDING-TOP: 10px; TEXT-ALIGN: left
}
#container #header #blogname #blogTitle {
	FONT-SIZE: 13px; MARGIN: 3px 3px 3px 8px; HEIGHT: 16px
}
#container #header #menu {
	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: right; PADDING-BOTTOM: 0px; MARGIN: 0px 3px 0px 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; HEIGHT: 28px
}
#container #header #menu UL LI {
	FLOAT: left; HEIGHT: 28px
}
.menuL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(menu_left.png) #e3ce96 no-repeat; PADDING-BOTTOM: 0px; WIDTH: 5px; PADDING-TOP: 0px
}
.menuR {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(menu_right.png) #e3ce96 no-repeat; PADDING-BOTTOM: 0px; WIDTH: 8px; PADDING-TOP: 0px
}
.menuDiv {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(menu_div.png) #e3ce96 no-repeat; PADDING-BOTTOM: 0px; WIDTH: 4px; PADDING-TOP: 0px
}
#container #Tbody {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 0px auto; WIDTH: 740px; PADDING-TOP: 5px; TEXT-ALIGN: left
}
#sidebar {
	BACKGROUND: url(left_main.png) #f0ecd0; FLOAT: right; MARGIN: 0px; WIDTH: 223px; COLOR: #574d31; TEXT-ALIGN: center
}
#innersidebar {
	
}
#sidebar-topimg {
	BACKGROUND: url(left_top.png) #f0ecd0 no-repeat; WIDTH: 223px; HEIGHT: 10px
}
#sidebar-bottomimg {
	BACKGROUND: url(left_bottom.png) #f0ecd0 no-repeat; OVERFLOW: hidden; WIDTH: 223px; HEIGHT: 10px
}
.sidepanel {
	MARGIN: 0px; WIDTH: 203px
}
.Ptitle {
	PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: url(sidebar.gif) #f0ecd0; MARGIN: 0px; LINE-HEIGHT: 180%; HEIGHT: 24px; TEXT-ALIGN: left
}
.Pcontent {
	PADDING-LEFT: 10px; LINE-HEIGHT: 160%; PADDING-TOP: 0px; TEXT-ALIGN: left
}
.Pfoot {
	MARGIN: 0px 0px 15px
}
#mainContent {
	BACKGROUND: url(right_main.png) #f8f6e9 repeat-y; FLOAT: left; WIDTH: 100%; MARGIN-RIGHT: -230px; TEXT-ALIGN: center
}
#innermainContent {
	OVERFLOW: visible; MARGIN-RIGHT: 230px
}
#mainContent-topimg {
	BACKGROUND: url(right_top.png) #ffffff no-repeat; OVERFLOW: hidden; HEIGHT: 10px
}
#mainContent-bottomimg {
	BACKGROUND: url(right_bottom.png) #ffffff no-repeat; OVERFLOW: hidden; HEIGHT: 10px
}
.content-width {
	MARGIN: auto; WIDTH: 490px
}
.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) #c57c05; OVERFLOW: hidden; COLOR: #ffffff; PADDING-TOP: 7px; HEIGHT: 22px; TEXT-ALIGN: left
}
.Content-top .ContentLeft {
	MARGIN-TOP: -7px; BACKGROUND: url(title_left.png) #c57c05 no-repeat; FLOAT: left; WIDTH: 8px; HEIGHT: 30px
}
.Content-top .ContentRight {
	MARGIN-TOP: -7px; BACKGROUND: url(title_right.png) #c57c05 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: #fcf9ef; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; BORDER-BOTTOM: #6b5d52 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: #fcf9ef; BORDER-LEFT: #b4a79c 3px solid; BORDER-BOTTOM: #b4a79c 1px solid
}
.UBBTitle {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; BACKGROUND: url(ubbback.gif) #f7efd6 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: #795b50 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #795b50 1px solid; PADDING-LEFT: 1px; BACKGROUND: #f8f6e9; PADDING-BOTTOM: 1px; MARGIN: auto; BORDER-LEFT: #795b50 1px solid; WIDTH: 450px; PADDING-TOP: 1px; BORDER-BOTTOM: #795b50 1px solid
}
#MsgContent #MsgHead {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; BACKGROUND: #795b50; 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: #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 {
	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 {
	MARGIN: 6px 0px 0px; PADDING-TOP: 10px; FONT-FAMILY: Georgia; HEIGHT: 50px
}
.attachmentBody {
	FONT-SIZE: 12px; BACKGROUND: #f8f6e9; MARGIN: 0px
}