📄 css.htm

📁 很漂亮的ECshop 模板希望大家能够喜欢。
💻 HTM
📖 第 1 页 / 共 4 页
字号:
	.specialpost .postmessage { text-align: left; min-height: 30px; border-bottom: 1px solid {CATBORDER}; }
		* html .specialpost .postmessage { height: 30px; overflow: visible; }
		p.imicons { margin: 8px auto; width: 160px;}
/* [ Poll ] */
.pollpanel { margin: 1em 0; border-width: 1px 0 0; }
	.pollpanel h4 span { float: left;line-height:30px;}
	.pollpanel h4 a { float: right;line-height:30px; font-weight:normal; }
	.pollpanel tbody td { vertical-align: middle; }
		.pollpanel tbody td a { color: {HIGHLIGHTLINK} }
		.optionbar { float: left; margin-right: 0.5em; border: 1px solid {BGBORDER}; {HEADERBGCODE}; background-repeat: repeat-x; background-position: 0 100%; height: 12px; }
			.optionbar div { float: left; border: 1px solid {TABLEBG}; height: 10px; overflow: hidden; }
/* [ Reward ] */
.rewardthread .postcontent label { background-image: url({IMGDIR}/rewardsmallend.gif); padding-left: 25px; }
	.rewardthread .postcontent label.unsolved { background-image: url({IMGDIR}/rewardsmall.gif); float:right; }
	#bestpost { padding-top: 10px; margin-top: 10px; border-top: 1px solid {CATBORDER}; }
/* [ Activity ] */
.activitythread .box th { width: 7em; }
	#activityjoin label { float: none; border: none; background: transparent; padding: 0; margin: 0; }
/* [ Trade ] */
.tradethread .postmessage { min-height: 160px; }
	* html .tradethread .postmessage { height: 360px !important; }
	.tradethread .postauthor dt, .tradethread .postauthor dd { height: 20px; overflow: hidden; }
*>.tradeinfo { overflow: hidden; }
	* html .tradeinfo { height: 1%; }
	.tradeinfo h1 { background: {ALTBG2}; font-size: 1.5em; color: {TABLETEXT}; padding: 10px 5px; border-bottom: 1px solid {COMMONBOXBORDER}; margin-bottom: 1em; }
	.tradethumb, .tradeattribute { float: left; }
		.tradethumb { width: 260px; text-align: center;}
		.tradeattribute { padding-left: 1em; }
		.tradeattribute img { vertical-align: middle; }
			.tradeattribute dl { overflow: hidden; padding-bottom:2em !important;  }
				.tradeattribute dt { float: left; width: 5em; padding: 0.5em; line-height: 2em; clear: left; }
				.tradeattribute dd { border-bottom: 1px dotted {COMMONBOXBORDER}; padding: 0.5em 1.5em; line-height: 2em; }
					.tradeattribute em, .tradeattribute del { color: {LIGHTTEXT}; }
					.tradeattribute strong { font-size: 1.6em; font-weight: bold; color: #F00; }
	.sellerinfo { float: right; display: inline; margin-right: 1em; width: 180px; }
		.sellerinfo h4 { border-bottom: 1px dotted {COMMONBOXBORDER}; }
		.sellerinfo dl { margin: 1em; }
	.tradeinfo .postinfo { clear: both; }
	.tradeinfo .postmessage { min-height: 100px; }
		* html .tradethread .postmessage { height: 100px; }

	*>.tradethumblist { overflow: hidden; }
		* html .tradethumblist { height: 1%; }
		.tradethumblist dl { float: left; text-align: center; padding: 10px; width: 170px; height: 220px; w\idth: 150px; he\ight: 200px; }
			.tradethumblist dd.thumblist { height: 100px; overflow: hidden; }
				.tradethumblist dd img { vertical-align: middle; cursor: pointer; }
			.tradethumblist dl p { height: 1.6em; overflow: hidden; }
			.tradethumblist p.tradename { height: 45px; line-height: 18px; margin-top: 5px; }
			.tradethumblist del { color: {LIGHTTEXT}; }
			.tradethumblist strong { font-weight: bold; color: #F00; }
	 #ajaxtradelist .price { text-align: right; }
	 	#ajaxtradelist strong { font-weight: bold; color: #F00; }
	 	#ajaxtradelist .popupmenu_popup { white-space: nowrap;overflow: visible; }
	 	#ajaxtradelist .popupmenu_popup a { color: {HIGHLIGHTLINK}; }
/* [ Debate ] */
.debatethread .postmessage { min-height: inherit; height: auto; }
.debatethread .box { margin: 0;}
.debatethread .debatepoints { border-width: 1px 0 0; padding-bottom: 0; border-top: none; margin-bottom: 10px; }
	.debatepoints tbody td { border: 0px; width: 50%; border-bottom: none; vertical-align: top; }
		.debatepoints .message td.stand1 { border:1px solid {NOTICEBORDER}; background: {NOTICEBG}; border-bottom: none; }
		.debatepoints .message td.stand2 { border:1px solid {BGBORDER}; background: {ALTBG1}; border-bottom: none; }
		.debatepoints .button td.stand1 { border:1px solid {NOTICEBORDER}; background: {NOTICEBG}; border-top: none; }
		.debatepoints .button td.stand2 { border:1px solid {BGBORDER}; background: {ALTBG1}; border-top: none; }
	.debatepoints h2 { padding-left: 40px; line-height: 2em; background-position: 5px 1px; background-repeat: no-repeat; }
		.stand1 h2 { background-image: url({IMGDIR}/debate_stand_1.gif); }
		.stand2 h2 { background-image: url({IMGDIR}/debate_stand_2.gif); }
		.poststand0, .poststand1, .poststand2 { font-size: 1.17em; text-align: center; display: block; float: left; border: 1px solid {COMMONBOXBORDER}; background: {COMMONBOXBG}; color: {LIGHTTEXT}; width: 40px; height: 22px; line-height: 22px; margin-right: 12px; }
		.poststand1 { border: 1px solid {NOTICEBORDER}; background: {NOTICEBG}; color: {NOTICETEXT}; }
		.poststand2 { border: 1px solid {BGBORDER}; background: {ALTBG1}; color: {HIGHLIGHTLINK}; }
	.debatepoints p { padding: 0 10px; overflow: hidden; }
	.debatepoints a { margin: 0 auto; display: block; width: 80px; text-align: center; border: 1px solid; padding: 0.3em 1em; }
		.debatepoints #affirmbutton { border-color: {NOTICEBORDER}; background: {NOTICEBG}; color: {NOTICETEXT}; }
		.debatepoints #negabutton { border-color: {BGBORDER}; background: {ALTBG1}; color: {HIGHLIGHTLINK}; }
.debatethread .optionbar div { float: none; }

.payinfo dt { float: left; width: 10em; padding: 0.5em; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Control Panel ~~~~ */
.container { width: 100%; overflow: hidden; }
	.content { float: right; width: 80%; }
		.content .mainbox { padding-bottom: 5px; }
		.content .footoperation, .content .mainbox thead th, .content .mainbox thead td,
		.content .mainbox tbody th, .content .mainbox tbody td { border-top: none; border-bottom: 1px solid {BGBORDER}; }
	.side { float: left; width: 18%;}
		.side div { border: 1px solid {CATBORDER};{PORTALBOXBGCODE}; background-repeat: repeat-x; background-position: 0 0; margin-bottom: {BOXSPACE}; }
			.side h2 { padding-left: 10px; line-height: 2.4em; font-size: 1.17em; border: 1px solid; border-color: {TABLEBG} {TABLEBG} {COMMONBOXBORDER} {TABLEBG};}
			.side ul { padding: 1px; }
				.side li{ text-indent: 26px; line-height: 2.4em; }
					.side h3 { font-weight: normal; background:url({IMGDIR}/arrow_right.gif) no-repeat 14px 46%; }
						.side_on h3 { font-weight: bold; border: solid {BGBORDER}; border-width: 1px 0; background: {ALTBG2} url({IMGDIR}/arrow_down.gif) no-repeat 14px 46%; }
					.side li ul { border-bottom: 1px solid {COMMONBOXBORDER}; }
						.side li li { padding-left: 1em;}
				.side li.current { font-weight: bold; }
					.side li.current a { color: {TEXT}; }
			.side li.first h3 { border-top: none; }
			.side li.last ul { border-bottom: none; }
	#memberinfo { }
		#memberinfo .memberinfo_avatar { text-align: center; width: 170px; font-weight: bold; }
			#memberinfo li label { color: {TEXT}; margin-right: 0.5em; }
			#memberinfo .memberinfo_forum label { float: left; width: 7em; text-align: right; }
	.mysearch { float: left; display: block; margin-top: -10px; margin-left: 10px;}
		/* Message Tabs*/
		.msgtabs { border-bottom: 1px solid {CATBORDER}; padding-bottom: 23px; padding-right: 5px; margin-top: 0.8em;}
			.msgtabs strong { float: right; padding: 0 12px; border: 1px solid {CATBORDER}; border-bottom: 1px solid {CATCOLOR};  margin-right: 5px; text-decoration: none; height: 22px; line-height: 22px; font-weight: bold; background: {CATCOLOR}; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ DropMenu ~~~~ */

.dropmenu { padding-right: 15px !important; background-image: url({IMGDIR}/arrow_down.gif) !important; background-position: 100% 50% !important; background-repeat: no-repeat !important; cursor: pointer; }
.popupmenu_popup { text-align: left; line-height: 1.4em; padding: 10px; overflow: hidden; border: 1px solid {CATBORDER}; {PORTALBOXBGCODE}; background-repeat: repeat-x; background-position: 0 1px;  }
.headermenu_popup { width: 170px; }
	.headermenu_popup li { float: left; width: 7em; line-height: 24px; height: 24px; overflow: hidden; border-bottom: 1px solid {COMMONBOXBORDER}; }
.newspecialmenu { width: 100px; }
	.newspecialmenu li { background: url({IMGDIR}/folder_s.gif) no-repeat 3px 50%; float: left; }
		.newspecialmenu li.poll { background-image: url({IMGDIR}/pollsmall.gif); }
		.newspecialmenu li.trade { background-image: url({IMGDIR}/tradesmall.gif); }
		.newspecialmenu li.reward { background-image: url({IMGDIR}/rewardsmall.gif); }
		.newspecialmenu li.activity { background-image: url({IMGDIR}/activitysmall.gif); }
		.newspecialmenu li.debate { background-image: url({IMGDIR}/debatesmall.gif); }
		.newspecialmenu li.video { background-image: url({IMGDIR}/videosmall.gif); }
		.newspecialmenu a { float: left; width: 75px; border-bottom: 1px solid {COMMONBOXBORDER}; padding: 5px 0 5px 25px; }
			.newspecialmenu a:hover { text-decoration: none; color: {HIGHLIGHTLINK}; border-bottom-color: {CATBORDER}; }
#forumlist_menu { padding: 10px 30px 10px 20px; }
	#forumlist_menu dl { padding: 5px 0; }
		#forumlist_menu dt a { font-weight: bold; color: {TEXT}; }
		#forumlist_menu dd { padding-left: 1em; }
			#forumlist_menu li.sub { padding-left: 1em; }
			#forumlist_menu li.current a { font-weight: bold; }
			#forumlist_menu li a { font-weight: normal; color: {HIGHLIGHTLINK}; }
.userinfopanel { border: 1px solid {CATBORDER}; width: 140px; {PORTALBOXBGCODE}; background-repeat: repeat-x; background-position: 0 0; padding: 10px; }
	.imicons { text-align: center; border: 1px solid {COMMONBOXBORDER}; background: {TABLEBG}; padding: 4px 1px; }
		.imicons img { vertical-align: middle; }
	.userinfopanel p { text-align: left; margin: 0; }
		.userinfopanel p a { color: {HIGHLIGHTLINK}; }
	.userinfopanel dl { border-bottom: 1px solid {COMMONBOXBORDER}; margin: 5px 0; padding: 5px 0; }
	.postauthor cite a { float: left; padding: 5px; border: solid {ALTBG2}; border-width: 1px 1px 0; height: 10px; overflow: hidden; }
		.postauthor cite a.hover { border-color: {CATBORDER}; background-color: {TABLEBG}; }
	.popupmenu_popup .postauthor { width: 180px; }
		.popupmenu_popup .postauthor a { color: {HIGHLIGHTLINK}; }
/*Popup Calendar*/
#calendar { border: 1px solid {BORDERCOLOR}; background: {ALTBG1}; margin-bottom: 0.8em;}
	#calendar td { padding: 2px; font-weight: bold;}
	#calendar_week td { height: 2em; line-height: 2em; border-bottom: 1px solid {CATBORDER};}
	#hourminute td {padding: 4px 2px; border-top: 1px solid {CATBORDER};}
		.calendar_expire, .calendar_expire a:link, .calendar_expire a:visited {	color: {TEXT}; font-weight: normal; }
		.calendar_default, .calendar_default a:link, .calendar_default a:visited { color: {HIGHLIGHTLINK};}
		.calendar_checked, .calendar_checked a:link, .calendar_checked a:visited { color: {NOTICETEXT}; font-weight: bold;}
		td.calendar_checked, span.calendar_checked{ background: {CATBORDER};}
		.calendar_today, .calendar_today a:link, .calendar_today a:visited { color: {TABLETEXT}; font-weight: bold; }
	#calendar_header td{ width: 30px; height: 20px; border-bottom: 1px solid {CATBORDER}; font-weight: normal; }
	#calendar_year { display: none;	line-height: 130%; background: {ALTBG1}; position: absolute; z-index: 10; }
		#calendar_year .col { float: left; background: {ALTBG1}; margin-left: 1px; border: 1px solid {CATBORDER}; padding: 4px; }
	#calendar_month { display: none; background: {ALTBG1}; line-height: 130%; border: 1px solid #DDD; padding: 4px; position: absolute; z-index: 11; }
#styleswitcher_menu { overflow: visible; }
	#styleswitcher_menu, #styleswitcher_menu ul li, #styleswitcher_menu ul li.current a, #styleswitcher_menu ul li a { white-space: nowrap; }
	#styleswitcher_menu ul li.current { font-weight: bold; }
		#styleswitcher_menu ul li.current a { color: {TEXT}; }
#styleswitcher_menu {}
	#styleswitcher_menu li.current { font-weight: bold; }
.tagthread { width: 360px; }
	.tagthread .close { float: right; padding-top: 5px; }
	.tagthread h4 { line-height: 26px; border-bottom: 1px solid {COMMONBOXBORDER}; }
	.tagthread ul { padding: 5px; }
		.tagthread li { line-height: 1.8em; }
⌨️ 快捷键说明

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