css_editor.htm

Discuz功能源码（开源）

/*
Editor Official Style for Discuz!(R)
URL: http://www.discuz.net
(C) 2001-2009 Comsenz Inc.
*/
.floatboxswf { margin-left:5px; }
	.floatboxswf div { margin-left: 10px; width:570px; height: 318px; border: 1px solid #CCC; }

.float_postinfo { height: 22px; line-height: 22px; }
	.float_postinfo em { float: left; margin-right: 5px; padding-left: 3px; height: 20px; border: 1px solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; background-color: {INPUTBG}; cursor: pointer; }
	.float_postinfo em img { margin-top: 2px; }
	.float_postinfo input { float: left; margin-right: 5px; }
	.float_postinfo #subject { width: 255px; }
.specialpost { overflow: hidden; margin: 15px 0 5px;  }
.specialinfo { float: left; overflow-x: hidden; overflow-y: auto; padding-right: 14px; width: 370px; height: 285px; border-right: 1px dashed #CCC; }
	.specialpost p { padding: 2px 0; height: 30px; line-height: 30px; }
	.specialinfo textarea { width: 360px; height: 80px; }
	.optionnum, .optioninfo { float:left; width: 16px; margin-right: 6px; }
	.optioninfo { width: 300px; }
	.specialinfo dl, .specialaddons dl { margin: 5px 0; }
		.specialinfo dl dt, .specialaddons dl dt { float: left; width: 62px; font-weight: 700; clear: left; }
		.specialaddons dl dt{ font-weight: 400; }
		.specialinfo dl dd, .specialaddons dl dd { margin: 5px 0 15px 65px; display: inherit; }
		.specialinfo dl dd strong { padding: 0 8px; }
.specialaddons { float: left; margin-left: 10px; width: 170px; overflow: hidden; }
	.spaoptlist p { height: 20px; line-height: 20px; }
	.spaoptlist input[type=radio] { margin: 0 3px 0 0; }
.spslonginput { width: 280px; }
.splonginput { width: 150px; }
.spmediuminput { width: 90px; }
	.specialaddons select.spmediuminput { width: 96px; }
.spshortinput{ width: 30px; }

/* poll */
.sppoll { height: 247px; overflow: auto; }
	.sppoll p{ clear: both; *padding: 1px 0 2px; height: auto; line-height: auto !important; }

/* trade */
.goodsimg { margin: 0 10px 0 0; width: 120px; height: 120px; border: 1px solid #AAA; }

/* classifieds */
.classifieds { margin: 10px 0; height: 275px; overflow-x: hidden; overflow-y: auto; }
	.classifieds .formtable th { vertical-align: top; width: 70px; }
	.classifieds .txt { width: 600px; }
	.classifieds .txtarea { width: 600px; height: 58px; }
	.classifieds .inlinelist { float: left; width: 610px; }
		.classifieds .inlinelist li { float: left; margin-bottom: 5px; width: 33%; }
.classifieds_narrow { margin: 0; height: auto; }
	.classifieds_narrow .formtable th { width: 60px; }
	.classifieds_narrow .txt, .classifieds_narrow .txtarea { width: 150px; }
	.classifieds_narrow .inlinelist { width: 160px; }
		.classifieds_narrow .inlinelist li { float: left; width: 50%; }

.post_tablelist {}
	.post_tablelist table { *table-layout: fixed; }
		.post_tablelist table td { height: 28px; line-height: 28px; border-bottom: 1px solid #CCC; }
			.attachnum { width: 16px; }
			.attachctrl { width: 40px; }
			.attachname {}
				.attachname input { margin-top: 2px; }
				* html .attachname p { margin-top: 6px; }
					* html .attachname p input { margin-top: -4px; }
				.attachname .txt, .attachname_swf .txt { width: 300px; }
				.attachname p img, .attachname_swf p img { vertical-align: middle; height: 16px; }
			.attachview, .attachpr { width: 60px; text-align: center; }
				.attachview .txt, .attachpr .txt { width: 40px; }
			.attachdel { width: 40px; }
	.upfilelist { height: 140px; overflow: auto; overflow-x: hidden; }

.sim_upfile{ overflow: hidden; margin-left: 10px; *margin-left: 15px; }
	.sim_upfile input { position: absolute; margin-left: -19px; *margin: 3px 0 0 -24px; width: 70px; height: 20px; filter: alpha(opacity=0); opacity: 0; cursor: pointer; }
	.sim_upfile .sitenote { z-index: 15; bottom: 29px !important; bottom: 21px; left: 1px; }
	.sim_upfile .sitenote .minicorner { background-position: 70px 0; }

.extcreditbox { height: 350px; width: 100%; overflow: auto; }
	.extname { width: 100px; }
	.extcredits { width: 80px; }

.columntype { margin-top: 15px; }
	.posttags strong, .columntype strong { font-weight: 700; }
	.posttags p, .columntype p { margin-bottom: 5px; }
	.posttags .txt { margin-right: 8px; width: 280px; }
	.columntype .txt { vertical-align: baseline; width: 40px; }
	.columntype table { margin: 5px 0 0 -12px; width: 85%; }
		.columntype td { padding: 0 10px; vertical-align: top; border-left: 1px dashed #CCC; }
		.firstlist { border: none !important; }

/*PostForm & Editor*/
.editor_cell { vertical-align: top; }
#editor { border: solid; border-color: {SPECIALBORDER}; border-width: 1px 1px 0; background: {COMMONBG}; }
	#editor td { border: none; padding: 2px; }
.editortoolbar table { width: auto; }
.editortoolbar a, .editortoolbar .a { display: block; cursor: pointer; }
	.editortoolbar a.hover, .editortoolbar a:hover, .editortoolbar .a1 { background-color: {ALTBG2}; text-decoration: none; }
.editor_switcher_bar {  position: relative; }
	.editor_switcher_bar a { float: right; padding: 0 3px; margin-right: 5px; }
	.editor_switcher_bar button { border: 1px solid; border-color: {SPECIALBORDER} {SPECIALBORDER} {WRAPBG} {SPECIALBORDER}; font-weight: bold; height: 30px; he\ight: 28px; line-height: 28px; background: {WRAPBG}; margin: 0 2px; position: relative; cursor: pointer; }
		*+html .editor_switcher_bar button { top: 1px; }
		* html .editor_switcher_bar button { top: 1px; }
		.editor_switcher_bar .editor_switcher { border-bottom-color: {SPECIALBORDER}; font-weight: normal; }
.editor_text { border: 1px solid; border-color: {SPECIALBORDER} {SPECIALBORDER} {SPECIALBORDER} {SPECIALBORDER}; }
	.editor_text textarea { border: none; width: 99%; font: {MSGFONTSIZE}/1.6em {FONT}; }
.editor_button { background: {COMMONBG}; border: solid {SPECIALBORDER}; border-width: 0 1px 0; margin-bottom: {BOXSPACE}; }
	.editor_button button { background: transparent; border-width: 0 0 0 1px; color: {HIGHLIGHTLINK}; }
.editor_attach {  border: 1px solid {SPECIALBORDER}; }
#wysiwyg { background: {INPUTBG} !important; font: {MSGFONTSIZE}/1.6em {FONT} !important; }
	#wysiwyg * { line-height: normal; }
	#wysiwyg a { text-decoration:underline; color: {HIGHLIGHTLINK} !important; color: {HIGHLIGHTLINK}; }
	#wysiwyg li { margin-left: 2em; }
	#wysiwyg strong, #wysiwyg b { font-weight: bold; }
	#wysiwyg em, #wysiwyg i { font-style: italic; }
	#wysiwyg p { margin: 0 !important; }
	#wysiwyg table td { padding: 4px; border: 1px solid {BORDERCOLOR}; }
.fontname_menu { width: 97px; }
.fontsize_menu { width: 27px; line-height: normal; }
.fontsize_menu ul li{ line-height: normal; }
#e_popup_table_menu { width: 220px; }
.fontname_menu li, .fontsize_menu li { cursor: pointer; }
.editor_colornormal, .editor_colorhover { border: none !important; padding: 2px !important; }
	.editor_colornormal div { width: 10px; height: 10px; overflow: hidden; cursor: pointer; border: 1px solid {WRAPBG}; }
		.editor_colorhover div { width: 10px; height: 10px; overflow: hidden; cursor: pointer; border: 1px solid {TABLETEXT}; }

.swfwin { border: 3px solid #7FCAE2; }

#e_iframe { width: 100%; border: none; margin: 0; padding: 0; }
#e_textarea { width: 100%; padding: 0; }

.editorrow { margin-top:5px; padding: 3px; height:21px; overflow: hidden; line-height:18px; border:1px solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; clear:both; background: {COMMONBG}; }
	.editor { text-align: left; }
		.editorbtn { margin-right: 50px; }
			.editor em { margin: 0 5px; float: left; display: block; height: 20px; width: 3px; background:url(../../images/common/editor.gif) no-repeat 0 -701px; border: 1px solid {COMMONBG}; }
			.editor a { margin: 1px 0; float: left; text-align: left; text-decoration: none; display: block; height: 21px; width: 20px; background:url(../../images/common/editor.gif) no-repeat 0 30px; text-indent: -9999px; overflow: hidden; border: 1px solid {COMMONBG};  }
				a.oneditor, .editor a:hover { background: {DROPMENUBGCOLOR} url(../../images/common/editor.gif) no-repeat 0 21px; border: 1px solid {DROPMENUBORDER}; }
				#e_cmd_bold { background-position: 0 0; }
				#e_popup_simple { background: url({IMGDIR}/newarow.gif) -7px -2px; width: 8px; }
				#e_popup_fontname { background-position: 0 -21px;}
				#e_popup_fontsize { background-position: 0 -41px;}
				#e_popup_forecolor { background-position: 0 -81px;}
				#e_popup_justify { background-position: 0 -61px;}
				#e_cmd_createlink { background-position: 0 -121px;}
				#e_cmd_email { background-position: 0 -141px;}
				#e_cmd_insertimage { background-position: 0 -161px;}
				#e_popup_media { background-position: 0 -541px;}
				#e_cmd_quote { background-position: 0 -441px;}
				#e_cmd_code { background-position: 0 -461px;}
				#e_popup_list { background-position: 0 -261px;}
				#e_popup_dent { background-position: 0 -301px;}
				#e_popup_float { background-position: 0 -341px;}
				#e_cmd_table { background-position: 0 -381px;}
				#e_cmd_free { background-position: 0 -401px;}
				#e_cmd_hide { background-position: 0 -421px;}
				#e_popup_smilies { background-position: 0 -101px;}
				#e_popup_tools { background-position: 0 -181px;}
				a.editormode { float: right; right: 20px; width: 50px; background: {COMMONBG}; text-align: right; text-decoration: none !important; }
				*html a.editormode {right: 50px; }
				a.plugeditor { text-indent: 0; background-position: 0 40px; }
				a.editormode:hover { background: {DROPMENUBGCOLOR}; border-color: {DROPMENUBORDER}; }
				a.upmedia { width: 68px; }
				#e_cmd_bold { font-weight: 700; text-decoration: none; }
				#e_cmd_italic { font-style: italic; text-decoration: none; }
				#e_cmd_underline { text-decoration: underline; }

.newediter { border-style: solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; border-width: 0px 1px 1px; padding: 0px 0px 0px 4px; background: {INPUTBG}; }
	.newediter .autosave{ padding: 0 2px; width: 562px; height: 87px; border-width: 1px; border: none; background: {INPUTBG}; }
	.newediter .max { height: 257px; }
a.customedit { text-indent: 0 !important; }
.popupfix { min-width: 330px; white-space: nowrap; }
*+html .popupfix { min-width: 280px; }
#e_cmd_table_menu { width: 220px !important; min-width: 220px !important; }
#e_cmd_insertimage_menu { *width: 380px; }
#e_cmd_insertimage_menu li { clear: none; }
#uch_photoes { margin: 5px;}
	#uch_photoes table { border-collapse: separate; }
	#uch_photoes table td { padding: 2px; width: 82px; height: 82px; border: 1px solid {CONTENTSEPARATE}; vertical-align: middle; text-align: center; }
	 #uch_photoes table td img { padding: 3px; max-width: 80px; max-height: 80px; }
		* html #uch_photoes table td img { width: expression(this.width > 80 && this.height < this.width ? 80 : true); height: expression(this.height > 80 ? 80 : true); }