css.htm

很漂亮的ECshop 模板 希望大家能够喜欢。

		.mainbox tbody th, .mainbox tbody td { border-top: 1px solid {BGBORDER}; padding: 5px; }
			.mainbox tbody cite, .mainbox tbody em { line-height: 1.3em; }
				.forumlist tbody strong, .threadlist tbody strong , .formbox tbody strong  { color: {NOTICETEXT}; }
	/*Tabel Footer: Button Operation*/
	.footoperation { background: {CATCOLOR}; padding: 5px; border-top: 1px solid {CATBORDER}; }
		.threadlist .footoperation { padding-left: 61px; }
		.footoperation * { vertical-align: middle; }
		.footoperation label { margin-right: 1em; cursor: pointer; }
		.footoperation button { line-height: 1em; display: inline; width: 0; overflow: visible; padding: 3px 5px 2px; border: 1px solid {BGBORDER}; background: {TABLEBG}; color: {HIGHLIGHTLINK}; cursor: pointer; margin-left: 2px; }
			.footoperation>button { width: auto; }
	/*Forum & Thread List*/
	.forumlist tbody th, .forumlist tbody td, .threadlist tbody th, .threadlist tbody td { color: {TEXT}; padding: 1px 5px; border-bottom: 1px solid {TABLEBG}; background-color: {ALTBG1}; }
		.forumlist tbody th { height: 40px; }
		.forumlist th, .threadlist th { text-align: left; }
				.forumlist th { padding-left: 55px !important; }
					.forumlist h2 em { color: {HIGHLIGHTLINK}; }
				.forumlist tbody th { background-image: url({IMGDIR}/forum.gif); background-repeat: no-repeat; background-position: 13px 50%; }
					.forumlist tbody th.new { background-image: url({IMGDIR}/forum_new.gif); }
					.moderators a { color: {HIGHLIGHTLINK}; }
					.moderators a strong { font-weight: bold; color: {HIGHLIGHTLINK}; }
				.threadlist th label { float: right; }
				.threadpages { background: url({IMGDIR}/multipage.gif) no-repeat 0 100%; font-size: 11px; margin-left: 5px; white-space: nowrap; }
					.threadpages a { padding-left: 8px; }
						.threadpages a:hover { text-decoration: underline; }
				.threadlist th a.new { color: {NOTICETEXT}; text-transform: uppercase; font-size: 9px; white-space: nowrap; }
				.threadlist th input { float: left; margin-right: 5px; }
				.threadlist th em, .threadlist th em a { color: {LIGHTTEXT}; }
				.threadlist th img.icon { float: left; margin-left: -22px; }
				.threadlist th img.attach, .threadlist th img.icon { margin-bottom: -3px; }
				.threadlist .target { float: left; display: block; width: 20px; height: 20px; margin-left: -28px; text-indent: -9999px; overflow: hidden;  }
					* html .threadlist .target  { margin-left: -14px; margin-right: 5px; }
	.forumlist tbody tr:hover th, .forumlist tbody tr:hover td, .threadlist tbody tr:hover th, .threadlist tbody tr:hover td { background-color: {ALTBG2}; }
		.forumlist td.lastpost { width: 260px; }
		.threadlist td.folder { text-align: center; width: 30px; }
		.threadlist td.icon { text-align: center; padding: 3px 0; width: 16px; }
		.threadlist td.author { width: 120px; }
		.threadlist td.lastpost { text-align: right; width: 120px; padding-right: 15px; }
			.threadlist td.lastpost cite a { color: {LIGHTTEXT}; }
		.forumlist cite, .threadlist cite { display: block; }
		.threadlist td.author em, .threadlist td.lastpost em { font-size: {SMFONTSIZE}; }
		label.highlight { width: 40px; margin-right: 30px; }
		label.highlight, label.highlight input { float: left; }
		label.highlight em { float: right; width: 16px; height:16px;  }
		.quickmanage label.highlight { width: 40px; margin: 3px 18px 3px 0; }

		#updatecircles th { background-image: none; }
			#updatecircles .circlelogo { float: left; margin-left: -40px; margin-top: 10px;  max-height: 32px; max-width: 32px; width: expression(this.width > 32 && this.height < this.width ? 32: true); height: expression(this.height > 32 ? 32: true); }

	/*Viewthread*/
	.viewthread { padding-bottom: 1px; }
		.viewthread table, #pmprompt table, #forumlinks, #pmlist, #specialpost, #newpost, #editpost { table-layout: fixed; }
		.viewthread ins, .mainbox ins { display: block; text-align: center; text-decoration: none; margin-bottom: 1px; background: {COMMONBOXBG}; border-bottom: 1px solid {CATBORDER}; line-height: 26px; }
			ins.logininfo { background: {CATCOLOR}; padding: 2px 5px; line-height: 22px; color: {TEXT}; text-align: left; border: none; }
			.viewthread ins, .viewthread ins a { color: {NOTICETEXT}; }
			.viewthread td.postcontent, .viewthread td.postauthor { vertical-align: top; padding: 0 1px; border: none; overflow: hidden; background: {TABLEBG}; }
			.postinfo { color: {TEXT}; border-bottom: 1px solid {BGBORDER}; padding: 0 5px; line-height: 26px; height: 26px; overflow: hidden; }
				.postinfo strong, .postinfo em { float: right; line-height: 26px !important; cursor: pointer; padding: 0 3px; color: {HIGHLIGHTLINK}; }
					.postinfo strong { margin-left: 5px; color: {NOTICETEXT}; font-weight: bold; }
						* html .postinfo strong { margin-top: -2px; }
						.postinfo strong sup { font-weight: normal; margin-left: 1px; color: {LIGHTTEXT}; }
				.postinfo a { color: {HIGHLIGHTLINK}; }
				.postinfo label { color:{NOTICETEXT}; cursor: pointer; }
			.postmessage { padding: 10px; overflow-x: hidden; }
				.postmessage *, .pmmessage *, .register *  { line-height: normal; }
			.defaultpost {  height: auto !important; height:{POSTMINHEIGHT}px; min-height:{POSTMINHEIGHT}px !important; }
				.postmessage h2 {font-size: 1.17em; margin-bottom: 0.5em; }
				.t_msgfont, .t_msgfont td { font-size: {MSGFONTSIZE}; line-height: 1.6em; }
				.t_smallfont, .t_smallfont td { font-size: {MSGSMALLSIZE}; line-height: 1.6em; }
				.t_bigfont, .t_bigfont td { font-size: {MSGBIGSIZE}; line-height: 1.6em; }
					.t_msgfont *, .t_smallfont *, .t_bigfont * { line-height: normal; }
					.t_msgfont a, .t_smallfont a, .t_bigfont a { color: {HIGHLIGHTLINK}; }
				.postratings { float: right; }
			.signatures { overflow: hidden; height: expression(signature(this)); max-height: {MAXSIGROWS}px; background: url({IMGDIR}/sigline.gif) no-repeat 0 0; margin: 10px; padding-top: 20px; color: {TEXT}; line-height: 1.6em; }
				.signatures * { line-height: normal; }
				.signatures strong { font-weight: bold; }
			.postactions { border-top: 1px solid {COMMONBOXBORDER}; background: {COMMONBOXBG}; line-height: 30px; height: 30px; padding: 0 10px; }
				.postactions strong { cursor: pointer; }
				.postactions input { float: right; margin: 5px 0 0 5px; }
				.postactions p { float: right; }
			.postmessage .box { border-width: 0; margin: 5px 0; }
			.postmessage .typeoption { width: 500px; }
			 	.typeoption tbody th { width: 100px; }
				.typeoption tbody td, .typeoption tbody th { border-top: 0px; border-bottom: 1px dashed {COMMONBOXBORDER}; }
				.postmessage .box tbody th, .postmessage .box tbody td { border-top-color: {COMMONBOXBORDER}; }
		.postmessage fieldset { font-size: 12px; width: 500px; padding: 10px; border: 1px solid {BGBORDER}; margin-top: 2em; }
			.postmessage fieldset li { color: {LIGHTTEXT}; line-height: 1.6em; }
			.postmessage fieldset li cite, .postmessage fieldset li em { margin: auto 10px; }
		.t_msgfont li, .t_bigfont li, .t_smallfont li, .faq li { margin-left: 2em; }
		.postattach { width: 500px; margin: 10px 0; }
		.postattachlist { width: 500px; font-size: 12px; margin-top: 2em; }
		.t_attach { border: 1px solid {COMMONBOXBORDER}; background: {TABLEBG}; font-size: 12px; padding: 5px; }
			.t_attach em { color: {LIGHTTEXT}; }
		.t_attachlist { border-bottom: 1px dashed {COMMONBOXBORDER}; padding: 5px 0; }
			.t_attachlist dt { font-weight: bold; }
				.t_attachlist dt img { margin-bottom: -4px; }
			.t_attachlist dd { padding-left: 20px; color: {LIGHTTEXT}; }
		.t_attachinsert { margin: 1em 0; font-size: 12px; }
			.t_attachinsert p img { margin-bottom: -4px; }
		.t_table { border: 1px solid {CATBORDER}; empty-cells: show; border-collapse: collapse; }
			.t_table td { padding: 4px; border: 1px solid {CATBORDER}; }
		/* Discuz! Code */
		/*CODE & Quote*/
		.blockcode, .quote { font-size: 12px; margin: 10px 20px; border: solid {CATBORDER}; border-width: 4px 1px 1px; {PORTALBOXBGCODE}; background-repeat: repeat-x; background-position: 0 0; overflow: hidden; }
			.blockcode h5, .quote h5 { border: 1px solid; border-color: {TABLEBG} {TABLEBG} {CATBORDER} {TABLEBG}; line-height: 26px; padding-left: 5px; color: {TEXT}; }
				.blockcode code, .quote blockquote { margin: 1em 1em 1em 3em; line-height: 1.6em; }
					.blockcode code { font: 14px/1.4em "Courier New", Courier, monospace; display: block; padding: 5px; }
					.blockcode .headactions { color: {TEXT}; font-size: {MSGSMALLSIZE}; cursor: pointer; padding-top: 5px; }
		p.posttags { margin: 2em 0em 0.5em 0em; }
			p.posttags a, .footoperation span.posttags a { color: #F00; font-weight: bold; }
					p.posttags .postkeywords a, { color: {NOTICETEXT}; }
		.postmessage strong { font-weight: bold; }
		.postmessage em { color:{TEXT}; }
		.postmessage span.t_tag { cursor: pointer; border-bottom: 1px solid #F00; white-space: nowrap; }
		.mainbox td.postauthor { width: 180px; background: {ALTBG2}; padding: 5px; overflow: hidden; }
			.postauthor cite { font-weight: bold; display: block; border-bottom: 1px solid {BGBORDER}; height: 21px; overflow: hidden; margin-bottom: 5px; }
				.postauthor cite label a { float: right; padding: 3px; }
			div.avatar { margin: 5px; text-align: center; width: 160px; overflow: hidden }
			.postauthor dt { float: left; margin-right: 0.5em; color: {TEXT}; }
			.postauthor dd, .postauthor dt { height: 1.6em; line-height: 1.6em; }
			.postauthor dd { overflow: hidden; }
			.postauthor p { margin: 0 10px; }
				.postauthor p.customstatus { color: {TEXT} }
				.postauthor p em, .postauthor dt em { color: {NOTICETEXT}; }
			.postauthor ul { margin: 5px 10px; line-height: 1.6em; overflow: hidden; }
				.postauthor li { text-indent: 22px; width: 49.5%; height: 1.6em; overflow: hidden; float: left; background-position: 0 50%; background-repeat: no-repeat; }
					.postauthor li.pm { background-image: url({IMGDIR}/buddy_sendpm.gif); }
					.postauthor li.buddy { background-image: url({IMGDIR}/user_add.gif); }
					.postauthor li.space { background-image: url({IMGDIR}/forumlink.gif); }
					.postauthor li.online { background-image: url({IMGDIR}/user_online.gif); color: {NOTICETEXT}; }
					.postauthor li.offline { color: {TEXT}; background-image: url({IMGDIR}/user_offline.gif); }
					.postauthor li.magic { background-image: url({IMGDIR}/magic.gif);}
			.postauthor dl.profile, .postauthor div.bio { margin: 5px 10px; padding-top: 5px; }
/*Common Box*/
.box { background: {TABLEBG}; border: {BORDERWIDTH} solid {CATBORDER}; padding: {TABLESPACE}; margin-bottom: {BOXSPACE}; }
	.box h4 { {PORTALBOXBGCODE}; background-repeat: repeat-x; background-position: 0 0; line-height: 30px; padding: 0 10px; }
	.box table { width: 100%; }
		.box td { border-top: 1px solid {COMMONBOXBORDER}; }
		.box .box li { list-style: none;}
	.postattachlist h4, .tradethumblist h4, .pollpanel h4, .activitythread h4, .typeoption h4 { border-top: 1px solid {BGBORDER}; }
	#pmprompt { border-color: {NOTICEBORDER}; }
		#pmprompt h4 { background: {NOTICEBG}; border-top: none; }
		#pmprompt th, #pmprompt td { border-top-color: {NOTICEBORDER}; }
/*List*/
td.user { width: 120px; }
td.nums { width: 80px; text-align: center; }
td.time { width: 120px; }
td.selector { width: 20px; text-align: center; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Spacial Threads ~~~~ */

.specialthread h1 { background: {TABLEBG}; font-size: 1.5em; color: {TABLETEXT}; padding: 10px 5px; border-bottom: 1px solid {COMMONBOXBORDER}; }
	.specialthread h1 a { color: {HIGHLIGHTLINK}; }
.specialthread .postcontent label { float: right; display: inline; margin: 12px 12px 0; border: 1px solid {CATBORDER}; padding: 3px 5px; background: {CATCOLOR} no-repeat 3px 50%; }
	.specialthread .postcontent label strong { color: {NOTICETEXT}; }
	.specialthread .postcontent label a { color: {HIGHLIGHTLINK}; }
.specialthread .postauthor { width: 180px; }
.specialpostcontainer { padding: 0 1px; }
.specialpost { border-bottom: 4px solid {ALTBG1}; text-align: right; }
	.specialpost .postinfo h2  { float: left; font-weight: normal; padding-left: 8px; font-size: {SMFONTSIZE}; }
	.specialpost .postinfo h2 em {}
		.specialpost .postinfo { border-color: {ALTBG2}; height: 1.8em; }
		.specialpost strong { border: none; }
		.specialpost .postinfo h2 a { font-size: 12px; }