style_1_common.css

DM642的入门级源程序,适合初学者学习

 {
	WORD-WRAP: break-word
}
BODY {
	BACKGROUND: url(../../images/default/bodybg.gif) #0d2345 repeat-x 0px 90px; TEXT-ALIGN: center
}
BODY {
	FONT: 12px/1.6em Verdana,Helvetica,Arial,sans-serif; COLOR: #444
}
TD {
	FONT: 12px/1.6em Verdana,Helvetica,Arial,sans-serif; COLOR: #444
}
INPUT {
	FONT: 12px/1.6em Verdana,Helvetica,Arial,sans-serif; COLOR: #444
}
TEXTAREA {
	FONT: 12px/1.6em Verdana,Helvetica,Arial,sans-serif; COLOR: #444
}
SELECT {
	FONT: 12px/1.6em Verdana,Helvetica,Arial,sans-serif; COLOR: #444
}
BUTTON {
	FONT: 12px/1.6em Verdana,Helvetica,Arial,sans-serif; COLOR: #444
}
INPUT {
	VERTICAL-ALIGN: middle
}
SELECT {
	VERTICAL-ALIGN: middle
}
BUTTON {
	VERTICAL-ALIGN: middle
}
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H4 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H5 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H6 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
FORM {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
FIELDSET {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H1 {
	FONT-SIZE: 1em
}
H2 {
	FONT-SIZE: 1em
}
H3 {
	FONT-SIZE: 1em
}
H4 {
	FONT-SIZE: 1em
}
H5 {
	FONT-SIZE: 1em
}
H6 {
	FONT-SIZE: 1em
}
UL LI {
	LIST-STYLE-TYPE: none
}
A {
	COLOR: #000; TEXT-DECORATION: none
}
A:hover {
	TEXT-DECORATION: underline
}
.lightlink {
	COLOR: #09c
}
.lightlink A {
	COLOR: #09c
}
A IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
EM {
	FONT-STYLE: normal; TEXT-ALIGN: left
}
CITE {
	FONT-STYLE: normal; TEXT-ALIGN: left
}
STRONG {
	FONT-STYLE: normal; TEXT-ALIGN: left
}
TH {
	FONT-STYLE: normal; TEXT-ALIGN: left
}
.emfont {
	COLOR: #f60
}
TABLE {
	BORDER-COLLAPSE: collapse; empty-cells: show
}
TH {
	FONT-WEIGHT: 400
}
.txt {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 2px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; BORDER-LEFT: #999 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 20px
}
.txtarea {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 2px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; BORDER-LEFT: #999 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 20px
}
.txtarea {
	HEIGHT: auto
}
.checkbox {
	MARGIN: 0px; WIDTH: 15px
}
.radio {
	MARGIN: 0px; WIDTH: 15px
}
.pipe {
	MARGIN: 0px 5px
}
.lighttxt {
	COLOR: #999
}
.lighttxt A {
	COLOR: #999
}
.pipe {
	COLOR: #999
}
.smalltext {
	FONT-SIZE: 0.83em; FONT-FAMILY: Verdana,Helvetica,Arial,sans-serif
}
.noborder {
	BORDER-TOP-STYLE: none! important; BORDER-RIGHT-STYLE: none! important; BORDER-LEFT-STYLE: none! important; BORDER-BOTTOM-STYLE: none! important
}
.noborder TD {
	BORDER-TOP-STYLE: none! important; BORDER-RIGHT-STYLE: none! important; BORDER-LEFT-STYLE: none! important; BORDER-BOTTOM-STYLE: none! important
}
.nobg {
	BACKGROUND: none transparent scroll repeat 0% 0%
}
.right {
	FLOAT: right
}
.left {
	FLOAT: left
}
.onerror {
	CLEAR: both; PADDING-RIGHT: 2px; PADDING-LEFT: 22px; BACKGROUND: url(../../images/default/check_error.gif) no-repeat 2px 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
.onright {
	CLEAR: both; PADDING-RIGHT: 2px; PADDING-LEFT: 22px; BACKGROUND: url(../../images/default/check_error.gif) no-repeat 2px 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
.onright {
	BACKGROUND: url(../../images/default/check_right.gif) no-repeat 2px 2px
}
.notice {
	CLEAR: both; PADDING-RIGHT: 5px; PADDING-LEFT: 20px; BACKGROUND: url(../../images/default/notice.gif) no-repeat 2px 6px; PADDING-BOTTOM: 3px; MARGIN: 5px 0px; PADDING-TOP: 3px
}
.nodata {
	FONT-WEIGHT: 700; FONT-SIZE: 16px; MARGIN: 99px auto; COLOR: #999; TEXT-ALIGN: center
}
.external {
	PADDING-RIGHT: 10px; BACKGROUND: url(../../images/default/external_link.gif) no-repeat 100% 49.5%
}
#ajaxwaitid {
	DISPLAY: none; Z-INDEX: 100; RIGHT: 0px; BACKGROUND: #d00; OVERFLOW: hidden; WIDTH: 100px; COLOR: #fff; LINE-HEIGHT: 1.6em; POSITION: absolute; TOP: 0px; HEIGHT: 1.6em
}
#checksecanswer IMG {
	VERTICAL-ALIGN: middle
}
#checksecanswer3 IMG {
	VERTICAL-ALIGN: middle
}
#checkseccodeverify IMG {
	VERTICAL-ALIGN: middle
}
#checkseccodeverify3 IMG {
	VERTICAL-ALIGN: middle
}
.warning IMG {
	VERTICAL-ALIGN: middle
}
.autosave {
	BEHAVIOR: url(#default#userdata)
}
.s_clear:unknown {
	CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "."
}
.s_clear {
	ZOOM: 1
}
HR {
	CLEAR: both; BORDER-RIGHT: #e6e7e1 0px solid; BORDER-TOP: #e6e7e1 0px solid; BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN: 1em 0px; BORDER-LEFT: #e6e7e1 0px solid; BORDER-BOTTOM: #e6e7e1 0px solid
}
.solidline {
	BORDER-TOP: #fff 1px solid; BORDER-BOTTOM-WIDTH: 1px
}
.dashline {
	BORDER-TOP-STYLE: dashed; BORDER-BOTTOM: 1px dashed; BORDER-RIGHT-STYLE: dashed; BORDER-LEFT-STYLE: dashed; HEIGHT: 0px
}
.shadowline {
	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #fff; MARGIN: 2px 0px; BORDER-TOP-COLOR: #c8dcec; BORDER-RIGHT-WIDTH: 0px
}
.side .shadowline {
	MARGIN: 2px 0px
}
.cornerlayger {
	BORDER-RIGHT: #09c 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #09c 1px solid; PADDING-LEFT: 8px; BACKGROUND: #ebf2f8; PADDING-BOTTOM: 6px; BORDER-LEFT: #09c 1px solid; LINE-HEIGHT: 1.6em; PADDING-TOP: 6px; BORDER-BOTTOM: #09c 1px solid
}
.minicorner {
	MARGIN-TOP: -1px; BACKGROUND: url(../../images/default/attachinfobg.gif) no-repeat 50% 0px; HEIGHT: 6px
}
.wrap {
	MARGIN: 0px auto; TEXT-ALIGN: left
}
#wrap {
	CLEAR: both; BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; MIN-HEIGHT: 450px; PADDING-BOTTOM: 10px; BORDER-LEFT: 0px solid; BORDER-BOTTOM: 0px solid; BACKGROUND-COLOR: #fff
}
 HTML #wrap {
	HEIGHT: 450px
}
.wrap {
	WIDTH: 960px
}
#nav {
	WIDTH: 960px
}
#header {
	BACKGROUND: url(../../images/default/header.gif) #00a2d2 repeat-x 0px 100%; MARGIN-BOTTOM: 8px; WIDTH: 100%; BORDER-BOTTOM: #00b2e8 1px solid
}
#header .wrap {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 22px; PADDING-TOP: 24px; POSITION: relative
}
#header H2 {
	FLOAT: left
}
#umenu {
	RIGHT: 0px; LINE-HEIGHT: 20px; POSITION: absolute; TOP: 0px
}
#umenu A {
	MARGIN: 0px 6px
}
#umenu CITE {
	FONT-WEIGHT: 700
}
#umenu CITE SPAN A {
	FONT-WEIGHT: 400; MARGIN: 0px
}
.new#pm_ntc {
	PADDING-LEFT: 22px; BACKGROUND: url(../../images/default/notice_newpm.gif) no-repeat 0px 50%
}
.new#task_ntc {
	PADDING-LEFT: 22px; BACKGROUND: url(../../images/default/notice_newpm.gif) no-repeat 0px 50%
}
.new#task_ntc {
	PADDING-LEFT: 15px; BACKGROUND-IMAGE: url(../../images/default/icon_task.gif)
}
#pm_ntc_menu {
	BACKGROUND: url(../../images/default/pm_ntc.gif) no-repeat 0px 0px; MARGIN-LEFT: -27px; WIDTH: 250px; PADDING-TOP: 10px; TEXT-ALIGN: left; opacity: 0.98
}
#pm_ntc_view {
	BACKGROUND: url(../../images/default/pm_ntc.gif) no-repeat -250px 100%; PADDING-BOTTOM: 10px
}
#pm_ntc_menu UL {
	BORDER-RIGHT: #91c8e2 2px solid; PADDING-RIGHT: 10px; BORDER-TOP: #91c8e2 0px solid; PADDING-LEFT: 10px; BACKGROUND: #fefefe; PADDING-BOTTOM: 0px; BORDER-LEFT: #91c8e2 2px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #91c8e2 0px solid
}
#pm_ntc_menu LI {
	LINE-HEIGHT: 29px; BORDER-BOTTOM: #f4f4f4 1px solid; HEIGHT: 29px
}
#pm_ntc_menu A {
	DISPLAY: block; OVERFLOW: hidden; WIDTH: 100%; COLOR: #999; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis; webkit-text-overflow: ellipsis; moz-text-overflow: ellipsis; o-text-overflow: ellipsis
}
#pm_ntc_menu A EM {
	PADDING-RIGHT: 8px; COLOR: #333
}
#pm_ntc_menu A:hover {
	COLOR: #09c; TEXT-DECORATION: none
}
#uchome_ntc {
	PADDING-RIGHT: 10px; PADDING-LEFT: 15px; BACKGROUND: url(../../images/default/notify_bg_m.gif) no-repeat 0px 50%; PADDING-BOTTOM: 2px; COLOR: #fff! important; PADDING-TOP: 2px
}
#uchome_ntc A {
	MARGIN: 0px
}
#umenu {
	COLOR: #97f2ff
}
#umenu A {
	COLOR: #97f2ff
}
#umenu .pipe {
	COLOR: #97f2ff
}
#footer {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 1em; PADDING-TOP: 1em
}
#rightinfo {
	FLOAT: left
}
#footlink {
	FLOAT: right; TEXT-ALIGN: right
}
#footer {
	COLOR: #8691a2
}
#footer A {
	COLOR: #8691a2
}
.content {
	PADDING-RIGHT: 25px; PADDING-LEFT: 25px; PADDING-BOTTOM: 20px; PADDING-TOP: 20px
}
.content H1 {
	FONT-WEIGHT: 400; FONT-SIZE: 16px; MARGIN-BOTTOM: 10px
}
#menu {
	RIGHT: 0px; BOTTOM: -2px; POSITION: absolute; HEIGHT: 26px
}
#menu LI {
	DISPLAY: inline; BACKGROUND: url(../../images/default/mtabbg.gif) #ebf4fd repeat-x 0px 100%; FLOAT: left; MARGIN-LEFT: 5px
}
#menu A {
	BORDER-RIGHT: #b0e4ef 1px solid; PADDING-RIGHT: 14px; BORDER-TOP: #b0e4ef 1px solid; PADDING-LEFT: 14px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; BORDER-LEFT: #b0e4ef 1px solid; COLOR: #666; LINE-HEIGHT: 25px; PADDING-TOP: 0px; BORDER-BOTTOM: #b0e4ef 0px solid; HEIGHT: 25px; TEXT-DECORATION: none
}
#menu A.dropmenu {
	PADDING-RIGHT: 20px; BACKGROUND-POSITION: 95% 50%; BACKGROUND-IMAGE: url(../../images/default/arrow_down.gif); BACKGROUND-REPEAT: no-repeat
}
#menu A:hover {
	BORDER-LEFT-COLOR: #00b2e8; BORDER-BOTTOM-COLOR: #00b2e8; COLOR: #c3d3e4; BORDER-TOP-COLOR: #00b2e8; BACKGROUND-COLOR: #1e4b7e; BORDER-RIGHT-COLOR: #00b2e8
}
#menu LI.current A {
	BORDER-LEFT-COLOR: #00b2e8; BORDER-BOTTOM-COLOR: #00b2e8; COLOR: #c3d3e4; BORDER-TOP-COLOR: #00b2e8; HEIGHT: 26px; BACKGROUND-COLOR: #1e4b7e; BORDER-RIGHT-COLOR: #00b2e8
}
#nav {
	BACKGROUND: url(../../images/default/icon_nav.gif) no-repeat 0px 50%; MARGIN: -8px auto 0px; TEXT-INDENT: 25px; LINE-HEIGHT: 3em; TEXT-ALIGN: left
}
#nav {
	COLOR: #c3d3e4
}
#nav A {
	COLOR: #c3d3e4
}
.mainbox TABLE {
	WIDTH: 100%
}
.foruminfo {
	MARGIN-TOP: 5px; LINE-HEIGHT: 30px
}
#ann DT {
	FONT-WEIGHT: 700; BACKGROUND: url(../../images/default/ann_icon.gif) no-repeat 0px 50%; FLOAT: left; WIDTH: 5em; TEXT-INDENT: 2em
}
#ann DD {
	MARGIN-LEFT: 30px
}
#ann LI {
	PADDING-LEFT: 10px; WHITE-SPACE: nowrap
}
#ann EM {
	FONT-SIZE: 0.83em; MARGIN-LEFT: 5px; COLOR: #666
}
#annbody {
	PADDING-RIGHT: 16px; OVERFLOW: hidden; HEIGHT: 30px
}
.forumcount {
	MARGIN-LEFT: 16px
}
.blocktitle {
	FONT-WEIGHT: 700; FONT-SIZE: 16px; MARGIN-BOTTOM: 0.5em
}
.channelinfo {
	CLEAR: both; MARGIN: 5px 0px; COLOR: #666
}
.channelinfo IMG {
	VERTICAL-ALIGN: middle
}
.channelinfo .onerror {
	BACKGROUND-POSITION: 2px 0px
}
.pages_btns {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 1em; LINE-HEIGHT: 30px; PADDING-TOP: 5px
}
.postbtn {
	FLOAT: left; CURSOR: pointer; COLOR: #09c; MARGIN-RIGHT: 10px
}
.replybtn {
	FLOAT: left; CURSOR: pointer; COLOR: #09c; MARGIN-RIGHT: 10px
}
#modopt {
	FLOAT: left; CURSOR: pointer; COLOR: #09c; MARGIN-RIGHT: 10px
}
#modopttmp {
	FLOAT: left; CURSOR: pointer; COLOR: #09c; MARGIN-RIGHT: 10px
}
#modopt {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 16px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 0px; BORDER-LEFT: #999 1px solid; LINE-HEIGHT: 20px; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-COLOR: #fff
}
#modopttmp {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 16px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 0px; BORDER-LEFT: #999 1px solid; LINE-HEIGHT: 20px; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-COLOR: #fff
}
.threadlist TFOOT A {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 16px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 0px; BORDER-LEFT: #999 1px solid; LINE-HEIGHT: 20px; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-COLOR: #fff
}
.threadlist TFOOT A {
	PADDING-RIGHT: 16px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN-RIGHT: 5px; PADDING-TOP: 3px
}
#modopt:hover {
	COLOR: #09c; TEXT-DECORATION: none
}
#modopttmp:hover {
	COLOR: #09c; TEXT-DECORATION: none
}