end.css

这是一个用ASP写的在线考试系统.特别一点 就是考试试卷有两种考法,一种为系统自动出卷,另一种是老师出卷考试.前者的实现是参考网上代码.总的来说还是很值得参考的.

#nav {
	MARGIN: 4px auto 6px; WIDTH: 750px; LETTER-SPACING: -0.05em
}
#nav A:link {
	MARGIN: 0px 0px 0px 0.05em; COLOR: black; TEXT-DECORATION: none
}
#nav A:visited {
	MARGIN: 0px 0px 0px 0.05em; COLOR: black; TEXT-DECORATION: none
}
#nav A:hover {
	MARGIN: 0px 0px 0px 0.05em; COLOR: red; TEXT-DECORATION: none
}
#nav A:active {
	MARGIN: 0px 0px 0px 0.05em; COLOR: red; TEXT-DECORATION: none
}
#site {
	MARGIN: 0px auto; WIDTH: 750px
}
#logo {
	FLOAT: left
}
#site .siteUrl {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WORD-BREAK: break-all; PADDING-TOP: 28px; HEIGHT: 13px; TEXT-ALIGN: left; WORD-WRAP: break-word
}
#site .subscibe {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; FLOAT: right; PADDING-BOTTOM: 0px; WIDTH: 110px; PADDING-TOP: 28px; HEIGHT: 13px
}
#site .search {
	PADDING-RIGHT: 3px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 20px
}
#site .search .s1 {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; MARGIN: 0px 4px 0px 0px; BORDER-LEFT: #999 1px solid; WIDTH: 58px; BORDER-BOTTOM: #999 1px solid
}
#site .search .s2 {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(../img/end/searchbg.gif); BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 68px; PADDING-TOP: 0px; HEIGHT: 16px; BORDER-RIGHT-WIDTH: 0px
}
#site A:link {
	COLOR: black; TEXT-DECORATION: underline
}
#site A:visited {
	COLOR: black; TEXT-DECORATION: underline
}
#site A:hover {
	COLOR: red; TEXT-DECORATION: underline
}
#site A:active {
	COLOR: red; TEXT-DECORATION: underline
}
#wrap {
	CLEAR: both; BORDER-TOP: #da0001 1px solid; BACKGROUND-IMAGE: url(../img/end/wrap_bg.gif); MARGIN: 0px auto; WIDTH: 750px
}
#main {
	FLOAT: left; OVERFLOW: hidden; WIDTH: 600px; WORD-BREAK: break-all; WORD-WRAP: break-word
}
#main H1 {
	FONT-SIZE: 24px; MARGIN: 12px auto 6px; COLOR: #1f1ed1
}
#subjection {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 0px 9px; PADDING-TOP: 0px; BORDER-BOTTOM: #000 1px solid
}
#text {
	FONT-SIZE: 14px; MARGIN: 12px; LINE-HEIGHT: 160%; TEXT-ALIGN: left
}
#text H2 {
	FONT-SIZE: 14px
}
#text P {
	
}
#correlative {
	CLEAR: both; MARGIN: 9px 0px 0px
}
#main DL {
	FONT-SIZE: 14px; MARGIN: 12px; LINE-HEIGHT: 160%; TEXT-ALIGN: left
}
#main DT {
	FONT-WEIGHT: bold
}
#main DD {
	
}
#emailText {
	MARGIN: 0px auto; WIDTH: 560px
}
#fw {
	FLOAT: left; MARGIN: 10px 0px; TEXT-ALIGN: left
}
#fw A {
	COLOR: red
}
#review {
	CLEAR: right; FLOAT: right; MARGIN: 10px 0px; TEXT-ALIGN: left
}
.perDay {
	CLEAR: both; BORDER-RIGHT: #935830 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #935830 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: #935830 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #935830 1px solid; BACKGROUND-COLOR: white
}
.perDay .title {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 2px; COLOR: white; PADDING-TOP: 4px; HEIGHT: 16px; BACKGROUND-COLOR: #856f62; TEXT-ALIGN: left
}
.perDay .content {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MARGIN-BOTTOM: 3px; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; BACKGROUND-COLOR: #f7f3f0
}
.perDay .pic {
	MARGIN: 5px
}
.perDay H2 {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; MARGIN: 5px 0px 0px; WIDTH: 121px
}
.perDay UL {
	MARGIN: 0px 0px 0px 20px; LIST-STYLE-TYPE: none; TEXT-ALIGN: left
}
.perDay LI {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: left 10px; PADDING-LEFT: 15px; BACKGROUND-IMAGE: url(../img/blue_li.gif); PADDING-BOTTOM: 0px; PADDING-TOP: 6px; BACKGROUND-REPEAT: no-repeat
}
.perDay H3 {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 2px; COLOR: #db0000; PADDING-TOP: 4px; HEIGHT: 16px; BACKGROUND-COLOR: #f1f1f1; TEXT-ALIGN: center
}
.hotReview {
	CLEAR: both; BORDER-RIGHT: #384a94 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #384a94 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 9px 0px 0px; BORDER-LEFT: #384a94 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #384a94 1px solid; BACKGROUND-COLOR: white
}
.hotReview .title {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 2px; COLOR: white; PADDING-TOP: 4px; HEIGHT: 16px; BACKGROUND-COLOR: #284eb1; TEXT-ALIGN: left
}
.hotReview .content {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; BACKGROUND-COLOR: #eff8ff; TEXT-ALIGN: left
}
.newReview {
	BORDER-RIGHT: #2d8bbf 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #2d8bbf 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 9px 0px 0px; BORDER-LEFT: #2d8bbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #2d8bbf 1px solid; BACKGROUND-COLOR: white
}
.newReview .title {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 2px; COLOR: white; PADDING-TOP: 4px; HEIGHT: 16px; BACKGROUND-COLOR: #206e9c; TEXT-ALIGN: left
}
.newReview .content {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; BACKGROUND-COLOR: #eef3f7; TEXT-ALIGN: left
}
.name {
	PADDING-RIGHT: 0px; PADDING-LEFT: 16px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 305px; COLOR: #7a7977; PADDING-TOP: 8px
}
.function {
	PADDING-RIGHT: 0px; PADDING-LEFT: 4px; FLOAT: right; PADDING-BOTTOM: 0px; WIDTH: 140px; PADDING-TOP: 8px
}
.date {
	PADDING-RIGHT: 0px; PADDING-LEFT: 4px; FLOAT: right; PADDING-BOTTOM: 0px; WIDTH: 120px; PADDING-TOP: 8px
}
.review {
	CLEAR: both; TABLE-LAYOUT: fixed; PADDING-RIGHT: 30px; PADDING-LEFT: 30px; PADDING-BOTTOM: 5px; OVERFLOW: hidden; WORD-BREAK: break-all; LINE-HEIGHT: 140%; PADDING-TOP: 5px; HEIGHT: 100%! important; WORD-WRAP: break-word
}
.endReview {
	MARGIN: 9px 0px 0px; WIDTH: 100%
}
.inputReview {
	BORDER-RIGHT: #1c6bba 1px solid; BORDER-TOP: #1c6bba 1px solid; MARGIN: 0px 216px 0px 0px; BORDER-LEFT: #1c6bba 1px solid; BORDER-BOTTOM: #1c6bba 1px solid; BACKGROUND-COLOR: #e7e7e7; TEXT-ALIGN: center
}
.inputReview .total {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 4px; MARGIN: 0px 0px 5px; PADDING-TOP: 8px; BORDER-BOTTOM: #da0001 2px solid; TEXT-ALIGN: left
}
.inputReview INPUT {
	WIDTH: 70px
}
.inputReview .btn {
	WIDTH: 45px
}
.inputReview TEXTAREA {
	FONT-SIZE: 12px; MARGIN: 3px 0px 3px 4px; WIDTH: 363px; HEIGHT: 139px
}
.topReview {
	BORDER-RIGHT: #0d0c45 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #0d0c45 1px solid; PADDING-LEFT: 3px; FLOAT: right; PADDING-BOTTOM: 3px; BORDER-LEFT: #0d0c45 1px solid; WIDTH: 206px; PADDING-TOP: 3px; BORDER-BOTTOM: #0d0c45 1px solid; BACKGROUND-COLOR: #fff
}
.topReview .title {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 14px; PADDING-BOTTOM: 2px; PADDING-TOP: 4px; BACKGROUND-COLOR: #dad4b0; TEXT-ALIGN: left
}
.topReview OL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; MARGIN: 3px 0px 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: decimal; BACKGROUND-COLOR: #f0f0f0; TEXT-ALIGN: left
}
.topReview LI {
	MARGIN: 2px 3px 0px 25px; LINE-HEIGHT: 150%
}
.no1 {
	BACKGROUND-POSITION: left 50%; BACKGROUND-IMAGE: url(../img/end/no_1.gif); BACKGROUND-REPEAT: no-repeat
}
.no2 {
	BACKGROUND-POSITION: left 50%; BACKGROUND-IMAGE: url(../img/end/no_2.gif); BACKGROUND-REPEAT: no-repeat
}
.no3 {
	BACKGROUND-POSITION: left 50%; BACKGROUND-IMAGE: url(../img/end/no_3.gif); BACKGROUND-REPEAT: no-repeat
}
.hr {
	FONT-SIZE: 1px; BACKGROUND: url(../img/dashed_d_bg.gif) #f0f1f6 repeat-x center 50%; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 1px; BORDER-BOTTOM-STYLE: none; border-spacing: 0
}
#bar {
	FLOAT: right; WIDTH: 150px
}
.picNewsTitle {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; MARGIN: 0px 2px 10px 3px; COLOR: white; PADDING-TOP: 4px; BACKGROUND-COLOR: #372f94
}
.picNews IMG {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid
}
.picNews H2 {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; MARGIN: 3px auto; WIDTH: 125px; LINE-HEIGHT: 130%
}
#wireless {
	CLEAR: both; WIDTH: 150px
}
#wireless .content {
	BORDER-RIGHT: #99a194 1px solid; BORDER-TOP: #99a194 1px solid; BORDER-LEFT: #99a194 1px solid; BORDER-BOTTOM: #99a194 1px; BACKGROUND-COLOR: #f6f6f6
}
#wireless IMG {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; FLOAT: left; MARGIN: 0px 0px 0px 2px; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid
}
#wireless UL {
	FLOAT: left; MARGIN: 2px; TEXT-ALIGN: left
}
#wireless LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; COLOR: #03c; PADDING-TOP: 2px; LIST-STYLE-TYPE: none
}
.blank {
	DISPLAY: none; FONT-SIZE: 1px; HEIGHT: 3px
}
.ad360 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 12px 0px 0px; WIDTH: 360px; PADDING-TOP: 0px
}
.ad140 {
	MARGIN: 0px auto; WIDTH: 140px
}
.adTitle {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; MARGIN: 0px 2px 0px 3px; COLOR: white; PADDING-TOP: 4px; BACKGROUND-COLOR: #372f94
}
.ad {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 4px
}
.ad UL {
	MARGIN: 8px 0px 0px 7px; LIST-STYLE-TYPE: none; TEXT-ALIGN: left
}
.ad LI {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: left 7px; PADDING-LEFT: 8px; BACKGROUND-IMAGE: url(../img/blue_li.gif); PADDING-BOTTOM: 0px; PADDING-TOP: 3px; BACKGROUND-REPEAT: no-repeat
}
.ad LI A:link {
	TEXT-DECORATION: none
}
.ad HR {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 2px 0px 3px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 1px; BACKGROUND-COLOR: gray; BORDER-BOTTOM-STYLE: none
}
.adBorder {
	BORDER-RIGHT: #c6c7c9 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #c6c7c9 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 7px; MARGIN: 10px 10px 0px; BORDER-LEFT: #c6c7c9 1px solid; PADDING-TOP: 7px; BORDER-BOTTOM: #c6c7c9 1px solid
}
.adBorder UL {
	LIST-STYLE-TYPE: none
}
.adBorder LI {
	FLOAT: left; MARGIN: 4px 0px; WIDTH: 185px; TEXT-ALIGN: center
}
.ad2 {
	FONT-SIZE: 12px; COLOR: #0000c8; LINE-HEIGHT: 120%
}
.ad2 UL {
	MARGIN: 0px 0px 0px 7px; LIST-STYLE-TYPE: none; TEXT-ALIGN: left
}
.ad2 LI {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: left 7px; PADDING-LEFT: 8px; BACKGROUND-IMAGE: url(http://news.163.com/img/blue_li.gif); PADDING-BOTTOM: 0px; PADDING-TOP: 3px; BACKGROUND-REPEAT: no-repeat
}
.ad2 LI A:visited {
	COLOR: #0000c8; TEXT-DECORATION: none
}
.ad2 LI A:link {
	COLOR: #0000c8; TEXT-DECORATION: none
}
.ad3 {
	FONT-SIZE: 12px; COLOR: #0000c8
}
.ad3 UL {
	MARGIN: 8px 0px 0px 7px; LIST-STYLE-TYPE: none; TEXT-ALIGN: left
}
.ad3 LI {
	PADDING-RIGHT: 3px; BACKGROUND-POSITION: left 7px; PADDING-LEFT: 8px; BACKGROUND-IMAGE: url(http://news.163.com/img/blue_li.gif); PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BACKGROUND-REPEAT: no-repeat
}
.ad4 {
	FONT-SIZE: 12px; COLOR: #000000
}
.ad4 UL {
	MARGIN: 8px 0px 0px 7px; LIST-STYLE-TYPE: none; TEXT-ALIGN: left
}
.ad4 LI A:visited {
	COLOR: #000000
}
.ad4 LI A:link {
	COLOR: #000000
}
.ad4 LI {
	PADDING-RIGHT: 1px; BACKGROUND-POSITION: left 7px; PADDING-LEFT: 8px; BACKGROUND-IMAGE: url(http://news.163.com/img/blue_li.gif); PADDING-BOTTOM: 1px; PADDING-TOP: 3px; BACKGROUND-REPEAT: no-repeat
}
.rightTitle {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #06c; PADDING-BOTTOM: 0px; MARGIN: 0px 2px 0px 3px; COLOR: #fff; PADDING-TOP: 3px
}
.rightTitle A {
	COLOR: #fff; TEXT-DECORATION: none
}
.rightTitle A:hover {
	COLOR: #f00; TEXT-DECORATION: underline
}
.rightList {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; PADDING-TOP: 3px; TEXT-ALIGN: left
}
.rightList UL {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FLOAT: left; PADDING-BOTTOM: 4px; PADDING-TOP: 4px
}
.rightList LI {
	CLEAR: both; PADDING-RIGHT: 1px; BACKGROUND-POSITION: left 7px; PADDING-LEFT: 8px; BACKGROUND-IMAGE: url(http://news.163.com/img/blue_li.gif); PADDING-BOTTOM: 1px; COLOR: #0000c7; PADDING-TOP: 3px; BACKGROUND-REPEAT: no-repeat; LIST-STYLE-TYPE: none
}
.rightList LI H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 3px; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; LINE-HEIGHT: 160%; PADDING-TOP: 0px
}
.rightList LI P {
	CLEAR: both; PADDING-RIGHT: 2px; PADDING-LEFT: 1px; PADDING-BOTTOM: 0px; COLOR: #000; PADDING-TOP: 0px
}
.rightList LI P IMG {
	BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; MARGIN: 0px 2px 0px 1px; BORDER-LEFT: #666 1px solid; BORDER-BOTTOM: #666 1px solid
}
.rightList LI A {
	COLOR: #0000c7
}
.rightList LI A:hover {
	COLOR: #f00; TEXT-DECORATION: none
}