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

📄 style_1_common.css

📁 DM642的入门级源程序,适合初学者学习
💻 CSS
📖 第 1 页 / 共 5 页
字号:
.threadlist TFOOT A:hover {
	COLOR: #09c; TEXT-DECORATION: none
}
.postbtn {
	FONT-WEIGHT: 700; FONT-SIZE: 14px; BACKGROUND: url(../../images/default/newtopic.gif) no-repeat 0px 0px; OVERFLOW: hidden; WIDTH: 67px; LINE-HEIGHT: 32px; HEIGHT: 30px; TEXT-ALIGN: center
}
.replybtn {
	FONT-WEIGHT: 700; FONT-SIZE: 14px; BACKGROUND: url(../../images/default/newtopic.gif) no-repeat 0px 0px; OVERFLOW: hidden; WIDTH: 67px; LINE-HEIGHT: 32px; HEIGHT: 30px; TEXT-ALIGN: center
}
.replybtn {
	BACKGROUND-IMAGE: url(../../images/default/reply.gif)
}
.postbtn A {
	DISPLAY: block; PADDING-LEFT: 5px; COLOR: #fff; LETTER-SPACING: 5px
}
.replybtn A {
	DISPLAY: block; PADDING-LEFT: 5px; COLOR: #fff; LETTER-SPACING: 5px
}
.postbtn A:hover {
	TEXT-DECORATION: none
}
.replybtn A:hover {
	TEXT-DECORATION: none
}
.pages {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
.pageback {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
.pages A {
	BORDER-RIGHT: 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: 1px solid; PADDING-LEFT: 6px; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; BORDER-LEFT: 1px solid; LINE-HEIGHT: 20px; MARGIN-RIGHT: 2px; PADDING-TOP: 0px; BORDER-BOTTOM: 1px solid; HEIGHT: 20px
}
.pages STRONG {
	BORDER-RIGHT: 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: 1px solid; PADDING-LEFT: 6px; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; BORDER-LEFT: 1px solid; LINE-HEIGHT: 20px; MARGIN-RIGHT: 2px; PADDING-TOP: 0px; BORDER-BOTTOM: 1px solid; HEIGHT: 20px
}
.pageback A {
	BORDER-RIGHT: 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: 1px solid; PADDING-LEFT: 6px; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; BORDER-LEFT: 1px solid; LINE-HEIGHT: 20px; MARGIN-RIGHT: 2px; PADDING-TOP: 0px; BORDER-BOTTOM: 1px solid; HEIGHT: 20px
}
.pages A {
	BORDER-LEFT-COLOR: #e6e7e1; BORDER-BOTTOM-COLOR: #e6e7e1; COLOR: #09c; BORDER-TOP-COLOR: #e6e7e1; BACKGROUND-COLOR: #fff; BORDER-RIGHT-COLOR: #e6e7e1
}
.pageback A {
	BORDER-LEFT-COLOR: #e6e7e1; BORDER-BOTTOM-COLOR: #e6e7e1; COLOR: #09c; BORDER-TOP-COLOR: #e6e7e1; BACKGROUND-COLOR: #fff; BORDER-RIGHT-COLOR: #e6e7e1
}
.pages A:hover {
	TEXT-DECORATION: none
}
.pageback A:hover {
	TEXT-DECORATION: none
}
.pages STRONG {
	FONT-WEIGHT: 700; BORDER-LEFT-COLOR: #09c; BORDER-BOTTOM-COLOR: #09c; COLOR: #fff; BORDER-TOP-COLOR: #09c; BACKGROUND-COLOR: #09c; BORDER-RIGHT-COLOR: #09c
}
.pages A.prev {
	BACKGROUND-REPEAT: no-repeat
}
.pages A.next {
	BACKGROUND-REPEAT: no-repeat
}
.pages A.prev {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: 30% 50%; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(../../images/default/arrow_left.gif); PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 22px; TEXT-INDENT: -9999px; PADDING-TOP: 0px
}
.pages A.next {
	PADDING-RIGHT: 16px; BACKGROUND-POSITION: 90% 50%; BACKGROUND-IMAGE: url(../../images/default/arrow_right.gif)
}
.pageback A {
	PADDING-LEFT: 16px; BACKGROUND: url(../../images/default/arrow_left.gif) #fff no-repeat 0px 50%
}
.pages A:hover {
	BORDER-LEFT-COLOR: #09c; BORDER-BOTTOM-COLOR: #09c; BORDER-TOP-COLOR: #09c; BORDER-RIGHT-COLOR: #09c
}
.pageback A {
	BORDER-LEFT-COLOR: #09c; BORDER-BOTTOM-COLOR: #09c; BORDER-TOP-COLOR: #09c; BORDER-RIGHT-COLOR: #09c
}
.pages A.next {
	BORDER-LEFT-COLOR: #09c; BORDER-BOTTOM-COLOR: #09c; BORDER-TOP-COLOR: #09c; BORDER-RIGHT-COLOR: #09c
}
.taglist {
	MARGIN: 20px 10px
}
.taglist A {
	WORD-BREAK: keep-all; LINE-HEIGHT: 30px; MARGIN-RIGHT: 20px; HEIGHT: 30px
}
#infoside .taglist A {
	LINE-HEIGHT: 22px; MARGIN-RIGHT: 10px; HEIGHT: 22px
}
A.tagl1 {
	FONT-SIZE: 12px; COLOR: #666! important
}
A.tagl2 {
	FONT-SIZE: 12px; COLOR: #666! important
}
A.tagl2 {
	COLOR: #999! important
}
A.tagl3 {
	FONT-SIZE: 14px; COLOR: #090! important
}
A.tagl4 {
	FONT-SIZE: 16px; COLOR: #09c! important
}
A.tagl5 {
	FONT-SIZE: 18px; COLOR: #f60! important
}
.formtable {
	WIDTH: 100%
}
.formtable TH {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 5px; WIDTH: 100px; PADDING-TOP: 5px
}
.formtable TH A {
	FONT-WEIGHT: 400; COLOR: #09c; TEXT-DECORATION: underline
}
.formtable TD {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.formtable .sep_space TH {
	HEIGHT: 40px
}
.formtable .txt {
	WIDTH: 270px
}
.formtable .txtarea {
	FLOAT: left; MARGIN: -1px 8px 0px 0px; WIDTH: 270px; BORDER-TOP-COLOR: #ccc; HEIGHT: 60px
}
.float_typeid {
	FLOAT: left; MARGIN-RIGHT: 6px
}
.float_typeid SELECT {
	FLOAT: left; HEIGHT: 20px
}
.float_typeid A {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 17px; BORDER-TOP: #999 1px solid; DISPLAY: block; BACKGROUND: url(../../images/default/newarow.gif) #fff no-repeat 100% 0px; OVERFLOW: hidden; BORDER-LEFT: #999 1px solid; WIDTH: 77px; COLOR: #444! important; TEXT-INDENT: 4px; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 18px; TEXT-DECORATION: none! important
}
.float_typeid A:hover {
	BORDER-RIGHT: #09c 1px solid; BACKGROUND-POSITION: 100% -20px; BORDER-TOP: #09c 1px solid; BORDER-LEFT: #09c 1px solid; BORDER-BOTTOM: #09c 1px solid; TEXT-DECORATION: none
}
.float_postinfo .float_typeid A {
	LINE-HEIGHT: 18px
}
.float_typeid UL {
	BORDER-RIGHT: #09c 1px solid; BORDER-TOP: #09c 1px solid; BACKGROUND: url(../../images/default/newarow.gif) #fff no-repeat 100% -20px; MARGIN: -22px 0px 0px; BORDER-LEFT: #09c 1px solid; BORDER-BOTTOM: #09c 1px solid
}
 HTML .float_typeid UL {
	MARGIN-TOP: -23px
}
.float_typeid UL LI {
	MARGIN: 0px 4px; CURSOR: pointer; COLOR: #444
}
.float_typeid UL LI:hover {
	COLOR: #09c
}
.newselect .current {
	FONT-WEIGHT: 700
}
.float_typeid SELECT {
	WIDTH: 94px
}
.short_select A {
	WIDTH: 43px
}
.short_select SELECT {
	WIDTH: 60px
}
.commonlist LI {
	MARGIN: 4px 0px
}
.inlinelist LI {
	FLOAT: left; WIDTH: 33%
}
.inlinelist LI.wide {
	WIDTH: 49.5%
}
.titlelist LI {
	BACKGROUND: url(../../images/default/dot.gif) no-repeat 8px 9px; MARGIN: 3px 0px; OVERFLOW: hidden; HEIGHT: 1.6em
}
.titlelist LI A {
	PADDING-LEFT: 1.5em
}
.titlelist LI CITE {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.titlelist LI CITE A {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; COLOR: #666; PADDING-TOP: 0px
}
.datalist {
	ZOOM: 1
}
.datalist TABLE {
	BORDER-RIGHT: #e6e7e1 1px solid; BORDER-TOP: #e6e7e1 1px solid; MARGIN-BOTTOM: 30px; BORDER-LEFT: #e6e7e1 1px solid; WIDTH: 100%; BORDER-BOTTOM: #e6e7e1 1px solid
}
.datalist TH {
	BORDER-RIGHT: #e6e7e1 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e6e7e1 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: 400; PADDING-BOTTOM: 4px; BORDER-LEFT: #e6e7e1 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #e6e7e1 1px solid
}
.datalist TD {
	BORDER-RIGHT: #e6e7e1 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e6e7e1 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: 400; PADDING-BOTTOM: 4px; BORDER-LEFT: #e6e7e1 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #e6e7e1 1px solid
}
.datalist TH IMG {
	VERTICAL-ALIGN: top
}
.datalist TABLE .stat_subject {
	BORDER-RIGHT-STYLE: none
}
.datalist TABLE .stat_num {
	PADDING-RIGHT: 15px; BORDER-LEFT-STYLE: none; TEXT-ALIGN: right
}
.datalist .datatable {
	MARGIN-BOTTOM: 10px
}
.datalist .datatable {
	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 1px; BORDER-RIGHT-WIDTH: 0px
}
.datalist .datatable TH {
	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 1px; BORDER-RIGHT-WIDTH: 0px
}
.datalist .datatable TD {
	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 1px; BORDER-RIGHT-WIDTH: 0px
}
.filterform {
	BORDER-RIGHT: #e3edf5 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #e3edf5 1px solid; PADDING-LEFT: 10px; MARGIN-BOTTOM: 15px; PADDING-BOTTOM: 10px; BORDER-LEFT: #e3edf5 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #e3edf5 1px solid; BACKGROUND-COLOR: #ebf2f8
}
.filterform TABLE {
	MARGIN-BOTTOM: 0px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.filterform TABLE TH {
	MARGIN-BOTTOM: 0px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.filterform TABLE TD {
	MARGIN-BOTTOM: 0px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.colplural {
	BACKGROUND-COLOR: #f5f5f5
}
.colplural TH {
	BACKGROUND-COLOR: #f5f5f5
}
.colplural TD {
	BACKGROUND-COLOR: #f5f5f5
}
.avt_list LI {
	FLOAT: left; WIDTH: 64px; MARGIN-RIGHT: 9px; HEIGHT: 54px; TEXT-ALIGN: center
}
.side .avt_list LI {
	MARGIN: 0px; WIDTH: 33.3%
}
.postmessage .avt_list LI {
	HEIGHT: 70px
}
.avt_uname LI {
	HEIGHT: 80px
}
.avt_list IMG {
	DISPLAY: block; MARGIN: 0px auto
}
.avt_list P {
	OVERFLOW: hidden; WIDTH: 96%; WHITE-SPACE: nowrap
}
.avt_list .cornerlayger P {
	WHITE-SPACE: normal; TEXT-ALIGN: left
}
.avt_list .minicorner {
	BACKGROUND: url(../../images/default/attachinfobg.gif) no-repeat -30px 0px
}
.avt_title {
	MARGIN: 8px
}
.rateopt {
	MARGIN-BOTTOM: 10px; OVERFLOW: auto; HEIGHT: 100px
}
.ratelist {
	MARGIN-BOTTOM: 3px
}
.ratelist .dropdownbtn {
	MARGIN-RIGHT: 5px
}
.ratelist .txt {
	WIDTH: 45px
}
.ratelist LABEL {
	FLOAT: left; OVERFLOW: hidden; WIDTH: 120px; WHITE-SPACE: nowrap
}
.list {
	BORDER-TOP: #e6e7e1 3px solid
}
.content .list H3 {
	PADDING-LEFT: 6px; COLOR: #666; LINE-HEIGHT: 35px
}
.list TD {
	PADDING-RIGHT: 0px; BORDER-TOP: #e6e7e1 1px dashed; PADDING-LEFT: 0px; PADDING-BOTTOM: 6px; COLOR: #666; PADDING-TOP: 6px; HEIGHT: 50px
}
.list TH {
	PADDING-RIGHT: 0px; BORDER-TOP: #e6e7e1 1px dashed; PADDING-LEFT: 0px; PADDING-BOTTOM: 6px; COLOR: #666; PADDING-TOP: 6px; HEIGHT: 50px
}
.list TH {
	PADDING-LEFT: 45px! important; BACKGROUND: url(../../images/default/forum.gif) no-repeat 5px 10px
}
.narrowlist TH {
	VERTICAL-ALIGN: top
}
.list TH.new {
	BACKGROUND-IMAGE: url(../../images/default/forum_new.gif)
}
.list TH H2 EM {
	FONT-WEIGHT: 400
}
.list TH H2 EM STRONG {
	COLOR: #f60
}
#forumheader {
	LINE-HEIGHT: 24px
}
#forumheader H1 {
	FONT-WEIGHT: 700; FLOAT: left; MARGIN-RIGHT: 1em
}
#forumheader .forumstats {
	FLOAT: left; MARGIN-RIGHT: 1em
}
#forumheader .forumstats STRONG {
	COLOR: #f60
}
.forumaction {
	FLOAT: left
}
.forumaction A {
	PADDING-RIGHT: 1em; PADDING-LEFT: 20px; BACKGROUND: url(../../images/default/icon_fav.gif) no-repeat 0px 50%
}
.forumaction .feed {
	BACKGROUND-IMAGE: url(../../images/default/icon_feed.gif)
}
.forumaction .digest {
	BACKGROUND-IMAGE: url(../../images/default/digest_3.gif)
}
.forumaction .recyclebin {
	BACKGROUND-IMAGE: url(../../images/default/recyclebin.gif)
}
#forumheader #modedby {
	CLEAR: both
}
#forumheader #modedby A {
	COLOR: #09c
}
.threadtype {
	PADDING-RIGHT: 6px; BORDER-TOP: #e6e7e1 3px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 8px; LINE-HEIGHT: 2em; PADDING-TOP: 8px
}
.threadtype A {
	BORDER-RIGHT: #e6e7e1 1px solid; PADDING-RIGHT: 6px; MARGIN-RIGHT: 6px; WHITE-SPACE: nowrap
}
.threadtype STRONG {
	BORDER-RIGHT: #e6e7e1 1px solid; PADDING-RIGHT: 6px; MARGIN-RIGHT: 6px; WHITE-SPACE: nowrap
}
.threadtype .popupmenu_popup A {
	PADDING-RIGHT: 0px; BORDER-TOP-STYLE: none; MARGIN-RIGHT: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.threadtype STRONG {
	FONT-WEIGHT: 700; COLOR: #09c; WHITE-SPACE: nowrap
}
.folder {
	WIDTH: 25px; TEXT-ALIGN: center
}
TD.icon {
	WIDTH: 28px; TEXT-ALIGN: center
}
.icon .solved {
	FILTER: alpha(opacity=30); opacity: 0.3
}
.subject LABEL {
	FLOAT: right
}
.threadlist TH A:hover {
	COLOR: #09c
}
.subject A:hover {
	COLOR: #09c
}
.datatable .subject {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 7px; PADDING-TOP: 7px
}
.threadpages {
	WHITE-SPACE: nowrap
}
.threadpages A {
	COLOR: #444
}
.forum {
	WIDTH: 100px
}
.author {
	WIDTH: 100px
}
.lastpost {
	WIDTH: 100px
}
.lastpost {
	TEXT-ALIGN: right
}
.lastpost CITE {
	TEXT-ALIGN: right
}
.lastpost EM {
	TEXT-ALIGN: right
}
.author CITE {
	DISPLAY: block; MARGIN-BOTTOM: -5px; OVERFLOW: hidden; WIDTH: 95px; HEIGHT: 1.6em
}
.lastpost CITE {
	DISPLAY: block; MARGIN-BOTTOM: -5px; OVERFLOW: hidden; WIDTH: 95px; HEIGHT: 1.6em
}
THEAD .lastpost CITE {
	MARGIN-BOTTOM: 0px
}
.author EM {
	FONT-SIZE: 9px; COLOR: #999; FONT-FAMILY: Arial,sans-serif
}
.lastpost EM {
	FONT-SIZE: 9px; COLOR: #999; FONT-FAMILY: Arial,sans-serif
}
.lastpost EM A {
	FONT-SIZE: 9px; COLOR: #999; FONT-FAMILY: Arial,sans-serif
}
.lastpost CITE {
	DISPLAY: block; MARGIN-RIGHT: 5px
}
.lastpost EM {
	DISPLAY: block; MARGIN-RIGHT: 5px
}
.nums {
	WIDTH: 80px; COLOR: #999; TEXT-ALIGN: right
}
THEAD .nums {
	COLOR: #444
}
.nums STRONG {
	PADDING-RIGHT: 2px; FONT-WEIGHT: 400; COLOR: #09c
}
.nums EM {
	PADDING-LEFT: 2px; COLOR: #444
}
.forumnums {
	PADDING-RIGHT: 10px! important; WIDTH: 90px; COLOR: #999; TEXT-ALIGN: center
}

⌨️ 快捷键说明

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