⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 style_1_common.css

📁 DM642的入门级源程序,适合初学者学习
💻 CSS
📖 第 1 页 / 共 5 页
字号:
.c_header H3 A {
	COLOR: #09c
}
.c_header H3 SPAN {
	FONT-WEIGHT: 400; FONT-SIZE: 12px; COLOR: #666
}
.c_header H2 EM {
	FONT-WEIGHT: 400; FONT-SIZE: 12px; MARGIN-LEFT: 8px; COLOR: #999
}
.c_header H3 EM {
	FONT-WEIGHT: 400; FONT-SIZE: 12px; MARGIN-LEFT: 8px; COLOR: #999
}
.c_header_action {
	FLOAT: right
}
.c_header .c_header_ctrlbtn {
	DISPLAY: none
}
.c_header .c_header_ext {
	DISPLAY: block
}
.closenode {
	BACKGROUND: url(../../images/default/dashline.gif) repeat-x 0px 10px
}
.closenode H3 {
	BACKGROUND-IMAGE: url(../../images/default/arrow_right_big.gif)
}
.closenode .c_header_ctrlbtn {
	DISPLAY: block; CURSOR: pointer; COLOR: #666; BACKGROUND-COLOR: #fff
}
.closenode .c_header_ext {
	DISPLAY: none
}
.itemtitle {
	CLEAR: both; MARGIN-BOTTOM: 10px; OVERFLOW: hidden; LINE-HEIGHT: 23px
}
.itemtitle H1 {
	FLOAT: left; MARGIN: 0px 20px 0px 0px
}
.itemtitle UL {
	FLOAT: left
}
.itemtitle LI {
	FLOAT: left; MARGIN-RIGHT: 5px
}
.itemtitle LI.pipe {
	MARGIN-LEFT: 0px
}
.itemtitle UL A {
	DISPLAY: block; OVERFLOW: hidden; CURSOR: pointer; HEIGHT: 23px
}
 HTML .itemtitle UL A {
	FLOAT: left
}
.itemtitle UL A SPAN {
	PADDING-RIGHT: 7px; DISPLAY: block; PADDING-LEFT: 7px; PADDING-BOTTOM: 0px; LINE-HEIGHT: 22px; PADDING-TOP: 1px
}
.itemtitle UL A:hover {
	BACKGROUND: url(../../images/default/btn_block.gif) #f5f5f5 no-repeat 0px -46px; TEXT-DECORATION: none
}
.itemtitle UL A:hover SPAN {
	BACKGROUND: url(../../images/default/btn_block.gif) no-repeat 100% -69px
}
.itemtitle UL A.dropmenu {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px -161px
}
.itemtitle UL A.dropmenu SPAN {
	PADDING-RIGHT: 12px; BACKGROUND: url(../../images/default/btn_block.gif) no-repeat 100% -138px
}
.itemtitle UL A.dropmenu:hover {
	BACKGROUND-POSITION: 0px -46px
}
.itemtitle UL A.dropmenu:hover SPAN {
	BACKGROUND-POSITION: 100% -115px
}
.itemtitle UL .current A {
	BACKGROUND: url(../../images/default/btn_block.gif) #09c no-repeat 0px 0px
}
.itemtitle UL .current A:hover {
	BACKGROUND: url(../../images/default/btn_block.gif) #09c no-repeat 0px 0px
}
.itemtitle UL .current A.dropmenu:hover {
	BACKGROUND: url(../../images/default/btn_block.gif) #09c no-repeat 0px 0px
}
.itemtitle UL .current A SPAN {
	BACKGROUND: url(../../images/default/btn_block.gif) no-repeat 100% -23px; COLOR: #fff
}
.itemtitle UL .current A:hover SPAN {
	BACKGROUND: url(../../images/default/btn_block.gif) no-repeat 100% -23px; COLOR: #fff
}
.itemtitle UL .current A.dropmenu SPAN {
	BACKGROUND-POSITION: 100% -92px
}
.itemtitle UL .current A.dropmenu:hover SPAN {
	BACKGROUND-POSITION: 100% -92px
}
.titlemenu_popup {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.titlemenu_popup A {
	PADDING-RIGHT: 8px; DISPLAY: block; PADDING-LEFT: 8px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
 HTML .titlemenu_popup A {
	DISPLAY: inline-block
}
.titlemenu_popup .current A {
	BACKGROUND: #f1f5fa
}
.seccode {
	MARGIN-TOP: 5px
}
.seccodecontent {
	BORDER-RIGHT: #7fcae2 1px solid; BORDER-TOP: #7fcae2 1px solid; Z-INDEX: 11; BACKGROUND: #fefefe; LEFT: 50px; BORDER-LEFT: #7fcae2 1px solid; WIDTH: 224px; BORDER-BOTTOM: #7fcae2 1px solid; POSITION: absolute; TOP: 80px; HEIGHT: 52px
}
 HTML .seccodecontent {
	TOP: 81px; HEIGHT: 56px
}
UNKNOWN {
	TOP: 81px; HEIGHT: 54px
}
.popupcredit {
	
}
.pc_l {
	BACKGROUND: url(../../images/default/popupcredit_bg.gif) no-repeat 0px 0px; WIDTH: 29px; LINE-HEIGHT: 56px; HEIGHT: 56px
}
.pc_c {
	BACKGROUND: url(../../images/default/popupcredit_bg.gif) no-repeat 0px 0px; WIDTH: 29px; LINE-HEIGHT: 56px; HEIGHT: 56px
}
.pc_inner {
	BACKGROUND: url(../../images/default/popupcredit_bg.gif) no-repeat 0px 0px; WIDTH: 29px; LINE-HEIGHT: 56px; HEIGHT: 56px
}
.pc_r {
	BACKGROUND: url(../../images/default/popupcredit_bg.gif) no-repeat 0px 0px; WIDTH: 29px; LINE-HEIGHT: 56px; HEIGHT: 56px
}
.pc_c {
	BACKGROUND-POSITION: 0px -56px; WIDTH: 200px; BACKGROUND-REPEAT: repeat-x
}
.pc_inner {
	BACKGROUND-POSITION: 50% -112px; WIDTH: auto; WHITE-SPACE: nowrap; TEXT-ALIGN: center
}
.pc_inner SPAN {
	FONT-WEIGHT: 700; FONT-SIZE: 14px; COLOR: #ffea97; MARGIN-RIGHT: 15px
}
 HTML .pc_inner SPAN {
	DISPLAY: inline-block
}
.pc_inner SPAN EM {
	FONT-WEIGHT: 400; FONT-SIZE: 18px; COLOR: #fff
}
.pc_inner SPAN EM.desc {
	COLOR: #930
}
.pc_btn IMG {
	opacity: 0.5
}
.pc_btn:hover IMG {
	opacity: 1
}
.pc_r {
	BACKGROUND-POSITION: -30px 0px
}
.optionbar {
	BACKGROUND: url(../../images/default/header.gif) #09c repeat-x; FLOAT: left; MARGIN: 3px 4px 0px -6px; OVERFLOW: hidden; HEIGHT: 14px
}
.taskbar {
	BORDER-RIGHT: #5aaf4a 1px solid; BORDER-TOP: #5aaf4a 1px solid; BACKGROUND: #fff; MARGIN: 5px 0px; BORDER-LEFT: #5aaf4a 1px solid; WIDTH: 200px; BORDER-BOTTOM: #5aaf4a 1px solid; POSITION: relative; HEIGHT: 14px
}
.taskbar_text {
	FONT-SIZE: 10px; Z-INDEX: 7; RIGHT: 5px; POSITION: absolute; TOP: -3px
}
.taskbar .optionbar {
	BACKGROUND: #5aaf4a; FLOAT: none; MARGIN: 0px; POSITION: absolute
}
.nojs {
	LEFT: 50%; POSITION: absolute
}
.nojs .float {
	MARGIN-LEFT: -300px; OVERFLOW: hidden
}
.nojs .moreconf {
	LEFT: -94.5%; WIDTH: 194.5%
}
#floatwinnojs {
	POSITION: absolute
}
 HTML .nojs {
	LEFT: 25%
}
 HTML .nojs .float {
	MARGIN-LEFT: 0px
}
 HTML .nojs .moreconf {
	LEFT: 0px
}
.side_poll LI {
	LINE-HEIGHT: 1.8em
}
.side_trade LI {
	PADDING-BOTTOM: 5px
}
.side_trade LI STRONG {
	FLOAT: left; WIDTH: 80px; HEIGHT: auto; TEXT-ALIGN: center
}
.side_type {
	MARGIN: 0px 4px; BORDER-BOTTOM: #b0e4ef 1px solid; HEIGHT: 23px
}
.side_type H4 {
	BORDER-RIGHT: #b0e4ef 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #b0e4ef 1px solid; PADDING-LEFT: 4px; FONT-WEIGHT: 300; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 0px -1px 4px; BORDER-LEFT: #b0e4ef 1px solid; CURSOR: pointer; COLOR: #999; LINE-HEIGHT: 22px; PADDING-TOP: 0px; BORDER-BOTTOM: #b0e4ef 1px solid; HEIGHT: 22px
}
.side_type H4.ontype {
	FONT-WEIGHT: 700; BACKGROUND: #ebf2f8; BORDER-BOTTOM-WIDTH: 1px; MARGIN-BOTTOM: 1px; BORDER-BOTTOM-COLOR: #ebf2f8; COLOR: #09c; HEIGHT: 23px
}
.combine H4 {
	DISPLAY: none
}
H3.requesttabs {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: 700; PADDING-BOTTOM: 4px; COLOR: #09c; LINE-HEIGHT: 22px; PADDING-TOP: 4px; HEIGHT: 22px
}
.requesttabs SPAN {
	FONT-WEIGHT: 300; FLOAT: right; COLOR: #999
}
.with_side .side H3.requesttabs A {
	FONT-WEIGHT: 300; MARGIN: 0px 4px; COLOR: #999; TEXT-DECORATION: none
}
.with_side .side H3.requesttabs A:hover {
	TEXT-DECORATION: underline
}
.with_side .side H3.requesttabs A.ontype {
	FONT-WEIGHT: 700; COLOR: #444
}
.deloption {
	BACKGROUND: url(../../images/default/close.gif) no-repeat 0px 0px; FLOAT: left; MARGIN: 4px; OVERFLOW: hidden; WIDTH: 12px; TEXT-INDENT: -9999px; HEIGHT: 12px
}
.deloption:hover {
	BACKGROUND-POSITION: 0px -12px
}
.color_menu {
	Z-INDEX: 9999; LEFT: 96px; OVERFLOW: hidden; WIDTH: 63px; POSITION: absolute; TOP: 109px
}
.color_menu A {
	DISPLAY: block; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 20px! important; HEIGHT: 20px! important
}
.chosemagic {
	MARGIN-BOTTOM: 9px; WIDTH: 220px
}
.topicadminhigh {
	HEIGHT: 200px
}
.topicadminhigh .tah_body {
	MARGIN: 5px 0px 15px
}
.topicadminhigh .tah_body SELECT {
	WIDTH: 217px
}
.topicadminlow {
	HEIGHT: 50px
}
.topicadminlow TABLE {
	WIDTH: 100%
}
.topicadminlow TD {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.topicadminlow .txt {
	WIDTH: 100px
}
.topicadminlow .wide .txt {
	WIDTH: 50px
}
.topicadminlog {
	
}
.topicadminlog H4 {
	FONT-WEIGHT: 400
}
.topicadminlog .dropdownbtn {
	BORDER-LEFT-WIDTH: 1px
}
.topicadminlog .txtarea {
	MARGIN: 5px 0px; WIDTH: 212px; HEIGHT: 40px
}
.smilieslist {
	BORDER-RIGHT: #7fcae2 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #7fcae2 1px solid; PADDING-LEFT: 10px; BACKGROUND: #fefefe; PADDING-BOTTOM: 10px; BORDER-LEFT: #7fcae2 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #7fcae2 1px solid; TEXT-ALIGN: center
}
.smilieslist TD {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 8px; CURSOR: pointer; BORDER-TOP-STYLE: none; PADDING-TOP: 8px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.smilieslist_page {
	TEXT-ALIGN: right
}
.pags_act {
	FLOAT: left
}
.pags_act A {
	DISPLAY: inline! important
}
.smilieslist_page A {
	DISPLAY: inline; MARGIN: 0px 4px; COLOR: #09c; TEXT-DECORATION: underline
}
.smilieslist_table {
	BORDER-RIGHT: #e6e7e1 1px solid; BORDER-TOP: #e6e7e1 1px solid; BACKGROUND: #fff; LEFT: -100px; BORDER-LEFT: #e6e7e1 1px solid; WIDTH: 100px! important; BORDER-BOTTOM: #e6e7e1 1px solid; POSITION: absolute; TOP: -1px; HEIGHT: 100px
}
.smilieslist_preview {
	VERTICAL-ALIGN: middle; TEXT-ALIGN: center
}
.smiliesgroup {
	OVERFLOW: hidden; WIDTH: 300px; HEIGHT: 32px
}
.smiliesgroup UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 8px; PADDING-BOTTOM: 24px; MARGIN: 6px 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #d3e8f2 1px solid
}
.imguptype {
	PADDING-RIGHT: 0px; PADDING-LEFT: 8px; PADDING-BOTTOM: 24px; MARGIN: 6px 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #d3e8f2 1px solid
}
.smiliesgroup LI {
	DISPLAY: inline
}
.imguptype LI {
	DISPLAY: inline
}
.smiliesgroup LI A {
	BORDER-RIGHT: #d3e8f2 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #d3e8f2 1px solid; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 2px; BORDER-LEFT: #d3e8f2 1px solid; COLOR: #09c; MARGIN-RIGHT: 6px; PADDING-TOP: 2px; BORDER-BOTTOM: #d3e8f2 1px solid; HEIGHT: 19px
}
.imguptype LI A {
	BORDER-RIGHT: #d3e8f2 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #d3e8f2 1px solid; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 2px; BORDER-LEFT: #d3e8f2 1px solid; COLOR: #09c; MARGIN-RIGHT: 6px; PADDING-TOP: 2px; BORDER-BOTTOM: #d3e8f2 1px solid; HEIGHT: 19px
}
.smiliesgroup LI A:unknown {
	outline: none
}
.imguptype LI A:unknown {
	outline: none
}
.smiliesgroup LI A.current {
	FONT-WEIGHT: 700; BORDER-BOTTOM-COLOR: #fefefe; COLOR: #444
}
.imguptype LI A.current {
	FONT-WEIGHT: 700; BORDER-BOTTOM-COLOR: #fefefe; COLOR: #444
}
#down_block {
	BORDER-RIGHT: #a4cfff 10px solid; BORDER-TOP: #a4cfff 10px solid; Z-INDEX: 100000; BACKGROUND: #fdfdff; LEFT: 50%; MARGIN-LEFT: -190px; OVERFLOW: hidden; BORDER-LEFT: #a4cfff 10px solid; WIDTH: 380px; BORDER-BOTTOM: #a4cfff 10px solid; POSITION: absolute; TOP: 150px; HEIGHT: 280px
}
#down_block IMG.pop_ad {
	DISPLAY: block; MARGIN: 10px auto
}
#down_block H2 {
	FONT-WEIGHT: 600; FONT-SIZE: 14px; MARGIN: 10px; OVERFLOW: hidden; COLOR: #0066ff; WHITE-SPACE: nowrap
}
#down_block P {
	MARGIN: 10px; TEXT-ALIGN: left
}
#down_block P IMG {
	MARGIN-RIGHT: 20px
}
#down_block A.down_pop_close {
	DISPLAY: block; RIGHT: 10px; BACKGROUND: url(../../images/default/close.gif) no-repeat 0px 0px; OVERFLOW: hidden; WIDTH: 12px; BOTTOM: 15px; TEXT-INDENT: -9999px; POSITION: absolute; HEIGHT: 12px
}
#down_block A.down_pop_close:hover {
	BACKGROUND-POSITION: 0px -12px
}
.floatboxswf {
	MARGIN-LEFT: 5px
}
.floatboxswf DIV {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; MARGIN-LEFT: 10px; BORDER-LEFT: #ccc 1px solid; WIDTH: 570px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 318px
}
.float_postinfo {
	LINE-HEIGHT: 22px; HEIGHT: 22px
}
.float_postinfo EM {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #999 1px solid; PADDING-LEFT: 3px; FLOAT: left; BORDER-LEFT: #999 1px solid; CURSOR: pointer; MARGIN-RIGHT: 5px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: #fff
}
.float_postinfo EM IMG {
	MARGIN-TOP: 2px
}
.float_postinfo INPUT {
	FLOAT: left; MARGIN-RIGHT: 5px
}
.float_postinfo #subject {
	WIDTH: 255px
}
.specialpost {
	MARGIN: 15px 0px 5px; OVERFLOW: hidden
}
.specialinfo {
	BORDER-RIGHT: #ccc 1px dashed; PADDING-RIGHT: 14px; OVERFLOW-Y: auto; FLOAT: left; OVERFLOW-X: hidden; WIDTH: 370px; HEIGHT: 285px
}
.specialpost P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; LINE-HEIGHT: 30px; PADDING-TOP: 2px; HEIGHT: 30px
}
.specialinfo TEXTAREA {
	WIDTH: 360px; HEIGHT: 80px
}
.optionnum {
	FLOAT: left; WIDTH: 16px; MARGIN-RIGHT: 6px
}
.optioninfo {
	FLOAT: left; WIDTH: 16px; MARGIN-RIGHT: 6px
}
.optioninfo {
	WIDTH: 300px
}
.specialinfo DL {
	MARGIN: 5px 0px
}
.specialaddons DL {
	MARGIN: 5px 0px
}
.specialinfo DL DT {
	CLEAR: left; FONT-WEIGHT: 700; FLOAT: left; WIDTH: 62px
}
.specialaddons DL DT {
	CLEAR: left; FONT-WEIGHT: 700; FLOAT: left; WIDTH: 62px
}
.specialaddons DL DT {
	FONT-WEIGHT: 400
}
.specialinfo DL DD {
	MARGIN: 5px 0px 15px 65px
}
.specialaddons DL DD {
	MARGIN: 5px 0px 15px 65px
}
.specialinfo DL DD STRONG {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.specialaddons {
	FLOAT: left; MARGIN-LEFT: 10px; OVERFLOW: hidden; WIDTH: 170px
}
.spaoptlist P {
	LINE-HEIGHT: 20px; HEIGHT: 20px
}
UNKNOWN {
	MARGIN: 0px 3px 0px 0px
}
.spslonginput {
	WIDTH: 280px
}
.splonginput {
	WIDTH: 150px
}

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -