style_4.css

一个连接数据库实现级联的代码

BODY {
	MARGIN: 0px; FONT: 12px Tahoma, Verdana; COLOR: #333333; SCROLLBAR-ARROW-COLOR: #cccccc; SCROLLBAR-BASE-COLOR: #f2f7fb; BACKGROUND-COLOR: #444444
}
LEGEND {
	COLOR: #333333
}
TABLE {
	FONT: 12px Tahoma, Verdana; COLOR: #333333; BORDER-COLLAPSE: collapse; empty-cells: show
}
INPUT {
	BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; FONT: 12px Tahoma, Verdana; BORDER-LEFT: #666666 1px solid; COLOR: #333333; BORDER-BOTTOM: #666666 1px solid; BACKGROUND-COLOR: #f2f7fb
}
SELECT {
	BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; FONT: 12px Tahoma, Verdana; BORDER-LEFT: #666666 1px solid; COLOR: #333333; BORDER-BOTTOM: #666666 1px solid; BACKGROUND-COLOR: #f2f7fb
}
TEXTAREA {
	BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; FONT: 12px Tahoma, Verdana; BORDER-LEFT: #666666 1px solid; COLOR: #333333; BORDER-BOTTOM: #666666 1px solid; BACKGROUND-COLOR: #f2f7fb
}
INPUT {
	HEIGHT: 21px
}
A {
	COLOR: #000000; TEXT-DECORATION: none
}
A:hover {
	TEXT-DECORATION: underline
}
.checkbox {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; VERTICAL-ALIGN: middle; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; HEIGHT: 16px
}
.radio {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; VERTICAL-ALIGN: middle; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; HEIGHT: 16px
}
.button {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BACKGROUND-POSITION: 0px 50%; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 5px; BACKGROUND-IMAGE: url(../../images/tw/title_bg.jpg); PADDING-BOTTOM: 0px; FONT: 12px/17px Tahoma, Verdana; BORDER-LEFT: #cccccc 1px solid; COLOR: #ffffff; PADDING-TOP: 0px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-REPEAT: repeat-x; HEIGHT: 21px; outline: 1px solid #cccccc
}
.lightbutton {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BACKGROUND: #ffffff; BORDER-LEFT: #cccccc 1px solid; COLOR: #000000; BORDER-BOTTOM: #cccccc 1px solid
}
FORM {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.nav {
	FONT: bold 12px Tahoma, Verdana; COLOR: #666666
}
.nav A {
	COLOR: #666666
}
.header_title {
	PADDING-LEFT: 30px; FONT: bold 12px Arial, Tahoma; COLOR: #ffffff
}
.header {
	PADDING-LEFT: 10px; BACKGROUND-IMAGE: url(../../images/tw/title_bg.jpg); FONT: bold 12px Arial, Tahoma; COLOR: #ffffff; HEIGHT: 26px
}
.header TD {
	PADDING-LEFT: 10px
}
.header A {
	COLOR: #ffffff
}
.header INPUT {
	BACKGROUND: none transparent scroll repeat 0% 0%; VERTICAL-ALIGN: middle; HEIGHT: 16px
}
.mainborder {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 0px; PADDING-BOTTOM: 0px; LINE-HEIGHT: 0px; PADDING-TOP: 0px; HEIGHT: 8px
}
.headerline {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 0px; PADDING-BOTTOM: 0px; LINE-HEIGHT: 0px; PADDING-TOP: 0px
}
#announcement {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 0px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #cccccc 1px solid; COLOR: #000000; PADDING-TOP: 5px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #e0ebdc
}
.headermenu {
	BACKGROUND-IMAGE: url(../../images/tw/menu_bg.jpg); HEIGHT: 30px
}
#menu {
	COLOR: #000000; PADDING-TOP: 6px
}
#menu A {
	COLOR: #000000; PADDING-TOP: 6px
}
#menu SPAN {
	HEIGHT: 5px
}
.footerline {
	BACKGROUND-IMAGE: url(../../images/tw/footer_line.gif); HEIGHT: 6px
}
.footerline DIV {
	RIGHT: 40px; FLOAT: right; POSITION: relative; BACKGROUND-COLOR: #aaaaaa
}
.absmiddle {
	VERTICAL-ALIGN: middle
}
.msgheader {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BACKGROUND: #f3f8d7; PADDING-BOTTOM: 5px; MARGIN: 0px 2em; COLOR: #000000; PADDING-TOP: 5px
}
.msgborder {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 10px; BACKGROUND: #fdfff2; PADDING-BOTTOM: 10px; MARGIN: 0px 2em; OVERFLOW: hidden; BORDER-LEFT: #cccccc 1px solid; WORD-BREAK: break-all; PADDING-TOP: 10px; BORDER-BOTTOM: #cccccc 1px solid
}
.category {
	FONT: 12px Arial, Tahoma; COLOR: #000000; BACKGROUND-COLOR: #e0ebdc
}
.category TD {
	BORDER-BOTTOM: #cccccc 1px solid
}
.tableborder {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BACKGROUND: white; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid; outline: 1px solid #cccccc
}
.spaceborder {
	CLEAR: both; BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 100%; PADDING-TOP: 0px; BORDER-BOTTOM: #cccccc 1px solid
}
.singleborder {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 0px; PADDING-BOTTOM: 0px; LINE-HEIGHT: 1px; PADDING-TOP: 0px; BACKGROUND-COLOR: #f2f7fb
}
.smalltxt {
	FONT: 12px Arial, Tahoma
}
.lighttxt {
	COLOR: #666666
}
.outertxt {
	FONT: 12px Tahoma, Verdana; COLOR: #333333
}
.outertxt A {
	COLOR: #333333
}
.todayposts {
	COLOR: #000000
}
.option {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; PADDING-TOP: 1px; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 35px; BACKGROUND-COLOR: #f2f7fb
}
.submitbutton {
	MARGIN-TOP: 6px; MARGIN-BOTTOM: 5px; TEXT-ALIGN: center
}
.postsubmit {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #cccccc 1px solid; MARGIN-TOP: 6px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #e0ebdc; TEXT-ALIGN: center
}
.avatar {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #e0ebdc
}
.avatar IMG {
	BACKGROUND: #aaaaaa
}
.bold {
	FONT-WEIGHT: bold
}
.altbg1 {
	BACKGROUND: #f2f7fb; FONT: 12px Tahoma, Verdana
}
TD.altbg1 {
	BORDER-BOTTOM: #cccccc 1px solid
}
.altbg2 {
	BACKGROUND: #ffffff; FONT: 12px Tahoma, Verdana
}
TD.altbg2 {
	BORDER-BOTTOM: #cccccc 1px solid
}
.bottom {
	BORDER-BOTTOM: 0px
}
.bottom TD {
	BORDER-BOTTOM: 0px
}
TD.bottom {
	BORDER-BOTTOM: 0px
}
.spacebottom {
	BACKGROUND: #ffffff; PADDING-BOTTOM: 20px
}
.tdunderline TD {
	BORDER-TOP: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid
}
.maintable {
	FONT: 12px Tahoma, Verdana
}
.subtable {
	MARGIN: 0px 10px; WIDTH: auto; TEXT-ALIGN: left
}
.simpletable {
	CLEAR: both; BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #cccccc 1px solid
}
.simpletable .header {
	BACKGROUND-IMAGE: url(../../images/tw/title_bg.jpg); PADDING-BOTTOM: 0px; PADDING-TOP: 7px; HEIGHT: 30px
}
.simpletable DIV {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px
}
.left {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
.right {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; TEXT-ALIGN: right
}
.title_right {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 80px; PADDING-TOP: 0px; TEXT-ALIGN: right
}
.title_left {
	BACKGROUND: url(../../images/tw/title_left.jpg) no-repeat; FLOAT: left; WIDTH: 120px
}
.line {
	BORDER-TOP: #cccccc 1px solid
}
.row {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BACKGROUND: #ffffff; BORDER-LEFT: medium none; WIDTH: 100%; BORDER-BOTTOM: medium none; empty-cells: show
}
.row TD {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; BORDER-BOTTOM: #cccccc 1px solid
}
.row1 {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BACKGROUND: #f2f7fb; BORDER-LEFT: medium none; WIDTH: 100%; BORDER-BOTTOM: medium none; empty-cells: show
}
.row1 TD {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; BORDER-BOTTOM: #cccccc 1px solid
}
.newspecial {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; TEXT-ALIGN: center
}
.newspecialmenu {
	WIDTH: 88px
}
.signature {
	
}
.percent {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 12px
}
.percent DIV {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px 50%; PADDING-LEFT: 0px; FONT-SIZE: 0px; BACKGROUND-IMAGE: url(../../images/tw/title_bg.jpg); PADDING-BOTTOM: 0px; MARGIN: 1px; WIDTH: 100%; LINE-HEIGHT: 0px; PADDING-TOP: 0px; BACKGROUND-REPEAT: repeat-x; HEIGHT: 8px
}
.percenttxt {
	FLOAT: left; FONT: bold 12px Arial, Tahoma; PADDING-TOP: 1px
}
.percenttxt U {
	FONT-WEIGHT: normal; COLOR: #666666; TEXT-DECORATION: none
}
.paddingmenu TD {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px
}
.f_folder {
	WIDTH: 4%; TEXT-ALIGN: center
}
.f_icon {
	WIDTH: 25px; TEXT-ALIGN: center