css_float.htm

Discuz功能源码（开源）

.floatwinmask { {FLOATMASKBGCODE}; }
.floatwin { {FLOATBGCODE}; }
.float { display:block; overflow: hidden; color: {TABLETEXT}; text-align: left; }
	.float_ctrl { margin: 15px; height: 20px; line-height: 20px; }
		.float_ctrl em { float: left; font-size: 14px; font-weight: 700; color: {HIGHLIGHTLINK}; }
		.float_ctrl em.needverify { margin-left: 8px; padding-left: 13px; width: 45px; height: 21px; line-height: 21px; background: url({IMGDIR}/re_unsolved.gif) no-repeat 0 0; font-size: 12px; color: {MIDTEXT}; font-weight: 400; }
		.float_ctrl em a { text-decoration: none; }
		.float_ctrl span { float: right; color: {LIGHTTEXT}; }
		.float_ctrl span a, .float_ctrl strong { float: left; text-decoration: none; margin-left: 8px; font-weight: 400; color: {TABLETEXT}; }
			.float_ctrl span a:hover { color: {LIGHTTEXT}; }
		.float_ctrl span a.float_close, .float_ctrl span a.float_max, .float_ctrl span a.float_min, .float_ctrl span a.float_newwindow { float: left; width: 20px; height: 20px; overflow: hidden; text-indent: -9999px; background: url({IMGDIR}/newclose.gif) no-repeat 0 0; }
			.float_ctrl span a.float_close:hover { background-position: 0 -20px; }
		.float_ctrl span a.float_max { background-position: 0 -40px; }
			.float_ctrl span a.float_max:hover { background-position: 0 -60px; }
		.float_ctrl span a.float_min { background-position: 0 -80px; }
			.float_ctrl span a.float_min:hover { background-position: 0 -100px; }
		.float_ctrl span a.float_newwindow { background-position: 0 -120px; }
			.float_ctrl span a.float_newwindow:hover { background-position: 0 -140px; }
	.floatbox { float: left; height: 300px; width: 600px; text-align: left; }
	.floatbox1 { height: 410px; }
	.floatboxnarrow { overflow-x: hidden; width: 250px; }
		.floatwrap { overflow: auto; overflow-x: hidden; height: 310px; }
		.floatbox li, .floatboxnarrow li { list-style: none; }
		.floatbox a, .floatboxnarrow a { color: {HIGHLIGHTLINK}; text-decoration: underline; }
		.floatbox table.list { margin:0 auto; width: 570px; border-top: 3px solid {COMMONBORDER}; border-bottom: 3px solid {COMMONBORDER}; }
		.floatbox table.list th, .floatbox table.list td { padding: 3px; height: auto; border-bottom: 1px dashed {COMMONBORDER}; }
		.floatbox table.list tr.btns th, .floatbox table.list tr.btns td { border-bottom: none; }
		.floatbox table.list th { width: 150px; background: none; }
		.float_message { text-align: center; padding: 10px; }
		.gateform { padding-left: 50px; }
			.gateform h3 { margin-bottom: 20px; color: {HIGHLIGHTLINK}; font-size: 14px; font-weight: 700; }
			.loginform { float: left; overflow: auto; margin-bottom: 10px; *margin-bottom: -10px; padding-top: 20px; width: 285px; height: 210px; border-right: 1px solid {CONTENTSEPARATE}; }
			.regform { padding-top: 0; height: 230px; }
				.regsec { margin-bottom: 10px; }
				* html .regsec { height: 22px; }
			.norights .loginform { border: none; }
				.gateform h3.onerror, .multinfo h3.onerror, .float_ctrl em.onerror, .gateform h3.onright, .multinfo h3.onright, .float_ctrl em.onright { white-space: nowrap; height: auto; line-height: 140%; color: {TABLETEXT}; font-size: 12px; font-weight: 400; }
				.channelinfo .onerror, .channelinfo .onright { background-position: 2px 0; }
				.loginform label { clear: both; overflow: hidden; display:block; margin: 0 0 10px; line-height: 22px; }
				.loginform .txt { width: 170px; }
				.loginform select { width: 175px; }
				.fsubmit { clear: both; margin-top: 8px; }
					.fsubmit .submit { margin-right: 8px; }
					.loginform label em, .fsubmit em { float: left; width: 60px; }
						.fsubmit .regpre { *margin-top: 4px; }
		.nolabelform .txt{ width:220px; }
		.clause { overflow: auto; margin-bottom: 10px; width: 510px; height: 230px; }
		.selectinput { margin-bottom: 10px; width: 224px; height: 20px; background-color: {INPUTBG}; border: 1px solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR};; }
			.selectinput a { float: left; text-indent: 4px; width: 65px; text-decoration: none; color: {TABLETEXT}; background:{INPUTBG} url({IMGDIR}/newarow.gif) no-repeat 100% 0; }
				.selectinput a:hover{ text-decoration: none; background-position: 100% -20px; }
			.selectinput .txt { float: left; width: 155px; border: none; }
			.selectinput ul { position: absolute; margin: -1px 0 0 -1px; *margin: -1px 0 0 -225px; width: 64px; border: 1px solid {HIGHLIGHTLINK}; background:{INPUTBG} url({IMGDIR}/newarow.gif) no-repeat 100% -20px; }
				.selectinput ul li { line-height: 20px; *line-height: 17px; text-indent: 3px; color: {TABLETEXT}; cursor: pointer; }
				.selectinput ul li:hover { color: {HIGHLIGHTLINK}; }
		.selecttype { margin-top: 10px; height: 32px; clear: both; }
			.selecttype a { display: block; text-indent: 4px; margin: 1px 0 0 1px; width: 224px; height: 20px; line-height: 20px; text-decoration: none; color: {LIGHTTEXT}; background: url({IMGDIR}/newarow.gif) no-repeat 100% 0; }
				.selecttype a:hover{ text-decoration: none; background-position: 100% -20px; }
			.selecttype ul { position: absolute; margin: -21px 0 0; width: 224px; border: 1px solid {HIGHLIGHTLINK}; background: {INPUTBG} url({IMGDIR}/newarow.gif) no-repeat 100% -20px; }
				.selecttype ul li { margin: 2px 4px; line-height: 16px; *line-height: 15px; color: {TABLETEXT}; cursor: pointer; }
				.selecttype ul li:hover { color: {HIGHLIGHTLINK}; }
		.loginpsw label { float: left; display: inline; margin: 0 0 0 4px; width: 61px; height: auto; line-height: 150%; }
		.capslock { background: url({IMGDIR}/capslock.gif) no-repeat 98% 50%; }

		.logininfo { float: left; overflow: hidden; margin-left: 60px; width: 195px; height: 210px; }
		.norights .logininfo { border-right: 1px dashed {COMMONBORDER}; }
			.logininfo h4 { margin-bottom: 20px; font-weight: 400; font-size: 14px; }
			.singleinfo { margin-top: 100px; height: 100px; }
			.multinfo h4 { margin-top: 60px; }

		.validateinfo { margin: 10px 50px; padding-left: 40px; background: url({IMGDIR}/newright.gif) no-repeat 0 3px; }
			.validateinfo h1 { line-height: 40px; color: {HIGHLIGHTLINK}; font-size: 14px; }

		.postbox { margin: 0 16px 10px; clear: both; }

		.moreconf { position: absolute; bottom: 10px; left: 15px; }
			.moreconf button, .moreconf a { margin-right: 3px; }

 			.custominfoarea { position: absolute; top: 3px; left: 548px; }
			.sitenote { position: absolute; bottom: 33px; right: 0; width: 240px; text-align: left; }
				* html .sitenote { bottom: 18px; right: 3px; }
				*+html .sitenote { bottom: 26px; right: 4px; }
				.sitenote .minicorner { background-position: 164px 0; }
			.sitemsg .custominfoarea { top: -58px; }
				.sitemsg .sitenote { bottom: 25px; right: -4px; }
					 * html .sitemsg .sitenote { bottom: 18px; right: 0; }
					 *+html .sitemsg .sitenote { bottom: 26px; }
				.sitemsg a { margin-right: 0; }

		.switchnav { float: left; white-space: nowrap; overflow: hidden; width: 450px; }
		.postboardlist { overflow: hidden; margin: 9px 0; width: 567px; border-width: 1px 0 1px 1px; border-style: solid; border-color: {DROPMENUBORDER}; background: #FFF; }
			.postboardlist li { float: left; overflow-x: hidden; overflow-y: auto; padding: 5px; width: 178px; height: 300px; border-right: 1px solid {DROPMENUBORDER}; }
			.postboardlist p { height: 25px; line-height: 25px; }
				.postboardlist a { display: block; white-space: nowrap; overflow: hidden; padding: 0 4px; text-decoration: none; color: {TABLETEXT}; }
					.postboardlist a:hover { text-decoration: none; background-color: {INTERLEAVECOLOR}; }
				.postboardlist .highlightlink { color: {HIGHLIGHTLINK}; }
				.hassubboard { background: url({IMGDIR}/arrow_right.gif) right center no-repeat; }
			.pbl_selected a, .pbl_selected a:hover { background-color: {HIGHLIGHTLINK}; color: #FFF !important; font-weight: 700; }