css_common.htm

Discuz功能源码（开源）

		.titlelist li cite a { padding: 0 0 0 5px; color: {MIDTEXT}; }

/*数据表*/
.datalist{ zoom: 1; }
	.datalist table { margin-bottom: 30px; width: 100%; border: 1px solid {COMMONBORDER}; }
		.datalist th, .datalist td { padding: 4px 5px; border: 1px solid {COMMONBORDER}; font-weight: 400; }
			.datalist th img { vertical-align: top; }
		.datalist table .stat_subject { border-right: none; }
		.datalist table .stat_num { padding-right: 15px; text-align: right; border-left: none; }

	.datalist .datatable { margin-bottom: 10px; }
		.datalist .datatable, .datalist .datatable th, .datalist .datatable td { border-width: 1px 0; }

	.filterform { margin-bottom: 15px; padding: 10px; border: 1px solid {SPECIALBORDER}; background-color: {SPECIALBG}; }
		.filterform table, .filterform table th, .filterform table td { margin-bottom: 0; border: none; }
/*交替换色中的深色背景*/
	.colplural, .colplural th, .colplural td { background-color: {INTERLEAVECOLOR}; }

/* 48px 头像列表，需配合 s_clear */
.avt_list li { float: left; margin-right: 9px; width: 64px; height: 54px; text-align: center; }
	.side .avt_list li { margin: 0; width: 33.3% }
	.postmessage .avt_list li { height: 70px; } 
	.avt_uname li { height: 80px; }
	.avt_list img { display: block; margin: 0 auto; }
	.avt_list p { width: 96%; white-space: nowrap; overflow: hidden; }
		.avt_list .cornerlayger p { white-space:normal; text-align: left; }
	.avt_list .minicorner { background: url({IMGDIR}/attachinfobg.gif) no-repeat -30px 0; }
.avt_title { margin: 8px; }

/*评分窗口*/
.rateopt { overflow: auto; margin-bottom: 10px; height: 100px; }
	.ratelist { margin-bottom: 3px; }
		.ratelist .dropdownbtn { margin-right: 5px; }
		.ratelist .txt { width: 45px; }
		.ratelist label { float: left; white-space: nowrap; overflow: hidden; width: 120px; }

.list { border-top: 3px solid {COMMONBORDER}; }
	.content .list h3 { padding-left: 6px; color: {MIDTEXT}; line-height: 35px; }
	.list td, .list th { height: 50px; padding: 6px 0; border-top: 1px dashed {COMMONBORDER}; color: {MIDTEXT}; }
		.list th { background: url({IMGDIR}/forum.gif) 5px 10px no-repeat; padding-left: 45px !important; }
		.narrowlist th { vertical-align: top; }
		.list th.new { background-image: url({IMGDIR}/forum_new.gif); }
			.list th h2 em { font-weight: 400; }
				.list th h2 em strong { color: {NOTICETEXT} }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FORUMDISPLAY 页面特有元素 ~~~~ */

/*forumdisplay.php header*/
#forumheader { line-height: 24px; }
#forumheader h1 { float: left; margin-right: 1em; font-weight: 700; }
#forumheader .forumstats { float: left; margin-right: 1em; }
	#forumheader .forumstats strong { color: {NOTICETEXT}; }
.forumaction { float: left; }	
	.forumaction a { padding-left: 20px; padding-right: 1em; background: url({IMGDIR}/icon_fav.gif) no-repeat 0 50%; }
	.forumaction .feed { background-image: url({IMGDIR}/icon_feed.gif); }
	.forumaction .digest { background-image: url({IMGDIR}/digest_3.gif); }
	.forumaction .recyclebin { background-image: url({IMGDIR}/recyclebin.gif); }
#forumheader #modedby { clear: both; }
	#forumheader #modedby a { color: {HIGHLIGHTLINK}; }

/*主题分类*/
.threadtype { padding: 8px 6px; border-top: 3px solid {COMMONBORDER}; line-height: 2em; }
	.threadtype a, .threadtype strong { margin-right: 6px; padding-right: 6px; border-right: 1px solid {COMMONBORDER}; white-space: nowrap; }
		.threadtype .popupmenu_popup a { margin-right: 0; padding-right: 0; border: none; }
		.threadtype strong { font-weight: 700; color: {HIGHLIGHTLINK}; 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, .subject a:hover { color: {HIGHLIGHTLINK}; }

.datatable .subject { padding: 7px 5px; }

.threadpages { white-space: nowrap; }
	.threadpages a { color: {TABLETEXT}; }
.forum, .author, .lastpost { width: 100px; }
	.lastpost, .lastpost cite, .lastpost em { text-align: right; }
	.author cite, .lastpost cite { display: block; margin-bottom: -5px; width: 95px; height: 1.6em; overflow: hidden; }
		thead .lastpost cite { margin-bottom: 0; }
	.author em, .lastpost em, .lastpost em a { font-size: 9px; font-family: Arial, sans-serif; color: {LIGHTTEXT}; }
	.lastpost cite, .lastpost em { display: block; margin-right: 5px; }
.nums { width: 80px; color: {LIGHTTEXT}; text-align: right; }
	thead .nums { color: {TABLETEXT}; }
	.nums strong { padding-right: 2px; color: {HIGHLIGHTLINK}; font-weight: 400; }
	.nums em { padding-left: 2px; color: {TABLETEXT}; }
.forumnums { width: 90px; padding-right: 10px !important; color: {LIGHTTEXT}; text-align: center; }
	.forumnums em { color: {HIGHLIGHTLINK}; }
.forumlast { width: 225px; text-align: left; }
.num { width: 120px; text-align: center; color: red; }

.threadlist td { padding: 0 !important; }
	.threadlist .colplural th, .threadlist .colplural td { padding: 3px 0 !important; background: {SPECIALBG}; }
	.threadlist th em { margin-right: 4px; }
	.threadlist th em, .threadlist th em a { color: {HIGHLIGHTLINK}; }
	.threadlist th .new { color: {HIGHLIGHTLINK}; font-size: 9px; text-transform: uppercase; white-space: nowrap; }
	.threadlist th .attach { vertical-align: middle; }
		* html .threadlist th .attach { vertical-align: baseline; }
 	.threadlist th a { text-decoration: none; }

.rule { margin: 0 8px; }
#modarea, #subforum { margin: 1em 0; }
	#modarea .list h3 { margin-bottom: 6px; border-bottom: 1px dashed {COMMONBORDER}; font-weight: 400; }
		#modarea .list h3 .current { font-weight: 700; color: {HIGHLIGHTLINK}; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ DROPMENU 各种下拉菜单 ~~~~ */

.dropmenu { padding-right: 15px; background: url({IMGDIR}/arrow_down.gif) 100% 50% no-repeat; cursor: pointer; }
.popupmenu_popup { overflow: hidden; padding: 10px; text-align: left; line-height: 1.4em; border: 1px solid {DROPMENUBORDER}; {DROPMENUBGCODE}; }
.headermenu_popup { width: 100px; }
	.headermenu_popup li { width: 100px; line-height: 24px; border-bottom: 1px solid {COMMONBORDER}; }
		.headermenu_popup .active { font-weight: 700; }
.filter_popup { width: 5em; }
	.filter_popup li { width: 60px; }
.postmenu { width: 100px; }
	#visitedforums_menu { width: 140px; }
	.postmenu li, #visitedforums_menu li { float: left; background: url({IMGDIR}/folder_s.gif) no-repeat 3px 50%; }
		.postmenu li.poll { background-image: url({IMGDIR}/pollsmall.gif); }
		.postmenu li.trade { background-image: url({IMGDIR}/tradesmall.gif); }
		.postmenu li.reward { background-image: url({IMGDIR}/rewardsmall.gif); }
		.postmenu li.activity { background-image: url({IMGDIR}/activitysmall.gif); }
		.postmenu li.debate { background-image: url({IMGDIR}/debatesmall.gif); }
		.postmenu li.video { background-image: url({IMGDIR}/videosmall.gif); }
		.postmenu a, #visitedforums_menu a { display: block; width: 75px; border-bottom: 1px solid {COMMONBORDER}; padding: 5px 0 5px 25px; }
			.postmenu a:hover, #visitedforums_menu a:hover { text-decoration: none; color: {HIGHLIGHTLINK}; border-bottom-color: {SPECIALBORDER}; }
		#visitedforums_menu li { background: none; }
			#visitedforums_menu li a { padding: 5px 0; width: 140px; }
#fjump_menu { padding: 10px 30px 10px 20px; }
	#fjump_menu dl { padding: 5px 0; }
		#fjump_menu dt a { font-weight: 700; color: {MIDTEXT}; }
		#fjump_menu dd { padding-left: 1em; }
			#fjump_menu li.sub { padding-left: 1em; }
			#fjump_menu li.current a { font-weight: 700; }
			#fjump_menu li a { font-weight: 400; color: {HIGHLIGHTLINK}; }
.showselect_menu { margin-bottom: 0.8em; padding: 5px; text-align: left; border: 1px solid {DROPMENUBORDER}; background: {DROPMENUBGCOLOR}; }
/*解析 TAG 弹出菜单*/
.tagthread { width: 360px; }
	.tagthread .close { float: right; }
	.tagthread h4 { line-height: 26px; border-bottom: 1px solid {COMMONBORDER}; }
	.tagthread ul { padding: 5px; }
		.tagthread li { line-height: 1.8em; }
	.tagthread li.more { padding-right: 10px; text-align: right; background: url({IMGDIR}/arrow_right.gif) no-repeat 100% 50%; }

.headactions .popupmenu_popup a, .headactions .popupmenu_popup strong { color: {MIDTEXT}; background: none; white-space: nowrap; }
	.headactions .popupmenu_popup { overflow: visible; }

.moderators {  width: 115px; }

#threadtypesmenu_menu ul li { height: 1.4em; _line-height: 1.4em; width: 100px; }
.hasdropdownbtn {}
	.hasdropdownbtn input { float: left; width: 129px; }
	.hasdropdownbtn .spmediuminput { width: 115px; }
	.dropdownbtn { float: left; overflow: hidden; text-indent: -9999px; width: 20px; height: 20px; border-width: 1px 1px 1px 0; border-style: solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; background:{INPUTBG} url({IMGDIR}/newarow.gif) no-repeat 0 0; }
		.dropdownbtn:hover { background-position: 0 -20px; }
/*风格切换*/
#style_switch { position: absolute; right: 0px; bottom: -25px; }
	#style_switch li { float: left; padding-left: 5px; }
	#style_switch a { float: left; width: 8px; height: 8px; border: 1px solid #DDD; background: #FFF; line-height: 100px; overflow: hidden; }
		#style_switch a:hover, #style_switch .current a { border-color: #FFF; }
			#style_switch .current a { margin-top: -1px; border-width: 2px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Advertisments ~~~~ */
#ad_headerbanner { float: right; margin: 5px 0 10px; }
.ad_text { margin: 0 auto 5px; padding: 10px 0; width: {WRAPWIDTH}; background: {WRAPBG}; }
.ad_text table { width: 100%; }
	.ad_text td { padding: 3px 20px; text-align: left; }
.ad_textlink1, .ad_textlink2 { margin: 10px 0; padding-left: 20px; background: url({IMGDIR}/icon_ad.gif) no-repeat 0 50%; }
.ad_pip { clear: right; float: right; padding: 10px; background: {WRAPBG}; color: {LIGHTTEXT}; line-height: 130%; }
	.ad_pip li { margin-bottom: 1em; }
	.ad_pip a { color: {HIGHLIGHTLINK}; }
.ad_topicrelated { clear: both; float: right; display: inline; margin: 0 10px 10px; padding: 10px 10px 10px 30px; border: 1px solid #78A73D; background: #CAEEC0; }
.ad_column { text-align: center; }
.ad_footerbanner { text-align: center; clear: both; margin: 5px; }

/*HEADACTION*/
.headactions { float: right; line-height: 1em; padding: 12px 0 0 0; }
	.headactions img { vertical-align: middle; cursor: pointer; padding: 0 5px; }
	.headactions a { margin-left: 4px; }
		.mainbox .headactions { color: {LIGHTTEXT}; }
			.mainbox .headactions strong { font-weight: 700;}