www.gusucode.com > 界面漂亮的JSP论坛系统源码程序 > 界面漂亮的JSP论坛系统/Helloer/Helloer/Helloer(2.5.0)安装程序/images/admincp.css

    /*(C) 2001-2008 Comsenz Inc.*/

*{ word-wrap:break-word; outline:none; }
body{ background:#FFF; text-align:center; }
body, td, input, textarea, select, button{ color:#555; font:12px "Lucida Grande", Verdana, Lucida, Helvetica, Arial, "宋体", sans-serif; }
body, ul, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset { margin:0; padding:0; }
ul{ list-style:none; }
h1, h2, h3, h4, h5, h6{ font-size:12px; }
a{ color:#2366A8; text-decoration:none; }
	a:hover { text-decoration:underline; }
	a img{ border:none; }
em, cite, th{ font-style:normal; font-weight:normal; }
table{ border-collapse:collapse; }
th{ text-align:left; }
label{ cursor:pointer; }

/* form */
textarea, input, select{ padding:2px; border:1px solid; border-color:#666 #ccc #ccc #666; background:#F9F9F9; color:#333; }
.txt, select{ vertical-align:middle; }
.txt:hover, .txt:focus, textarea:hover, textarea:focus{ border-color:#09C; background:#F5F9FD; }
.txtnobd{ border:1px solid #FFF; background:#FFF; cursor:pointer; }
.radio, .checkbox{ border:none; background:none; vertical-align:middle; }
.checkbox{ height:14px; }
.btn{ margin:3px 0; padding:2px 5px; padding:4px 5px 1px; border-color:#ddd #666 #666 #ddd; background:#DDD; color:#000; cursor:pointer; vertical-align:middle; }
.uploadbtn{ width:250px; border-color:#999; }

/* title */
h3{ margin-bottom:10px; font-size:14px; color:#DDD; }
.spectitle{ border-bottom:1px dashed #F66; }

/* mainbox */
.mainhd{ position:relative; overflow:hidden; text-align:left; height:90px; line-height:88px; background:url(bg_repx.gif) repeat-x; }
	.logo{ text-indent:-9999px; width:135px; height:80px; background:url(logo.gif) no-repeat 15px 13px; }
	.uinfo{ position:absolute; z-index:4; line-height:32px; top:10px; right:20px; }
		.uinfo a{ color:#666; }
		.uinfo em{ margin-right:5px; font-weight:700; }
			.uinfo em a{ text-decoration:underline; }
		.uinfo p{ float:left; }
			.btnlink a{ display:block; margin-left:15px; width:63px; height:32px; text-align:center; background:url(bg_repno.gif) no-repeat -50px -150px; }
	.navbg{ position:absolute; z-index:1; top:52px; left:153px; width:6px; height:37px; background:#F7FAFD; }
	.nav{ position:absolute; z-index:2; top:14px; left:159px; width:100%; height:75px; }
		.nav ul{ overflow:hidden; position:relative; z-index:4; font-size:14px; }
			.nav li{ float:left; height:43px; line-height:43px; background:url(btn_block.gif) right -115px no-repeat; }
				.nav li em{ display:block; }
				.nav li a{ padding:5px 12px; color:#639BB0; font-weight:700; }
				.nav li a:hover{ color:#09C; text-decoration:none; }
				.nav li .diffcolor{ color:#F60; }
			.nav li.navon{ line-height:33px; background:url(btn_block.gif) no-repeat; }
				.nav li.navon em{ display:block; background:url(btn_block.gif) right -50px no-repeat; }
				.nav li.navon em a{ display:block; background:url(btn_block.gif) center bottom no-repeat; color:#FFF; }
					.nav li.navon em a:hover{ color:#FFF; }
		.navbd{ overflow:hidden; clear:both; position:absolute; z-index:3; top:38px; width:100%; height:5px; background:#09C; }
	.currentloca{ clear:both; height:32px; border-left:1px solid #B5CFD9; }
		.currentloca p{ padding-left:10px; line-height:25px; border-top:5px solid #FFF; border-bottom:2px solid #FFF; border-left:1px solid #FFF; background:#F2F9FD; }
		.sitemapbtn{ position:absolute; right:180px; *right:175px; top:50px; line-height:100%; }
			.sitemapbtn span{ margin-right:3px; }

.menutd{ background:#FFF right top no-repeat;border-top:1px solid #DDD; border-right:8px solid #DDD;}
.menu{ position:relative; z-index:20; width:180px; }
	.menu ul{ position:absolute; top:5px; right:6px !important; right:5px; list-style:none; width:170px;  }
		.menu li{ margin:3px 0; *margin:0; height:auto !important; height:25px; overflow:hidden; }
		.menu li a{ display:block; padding:4px 0 3px 30px; *padding:5px 0 3px 30px; background:url(bg_repno.gif) no-repeat 15px -43px; color:black; }
			.menu li a:hover{ text-decoration:none; background:#EAF4FB url(bg_repno.gif) no-repeat 15px -43px; color:#2366A8; }
			.menu li a.tabon,.menu li a.tabon:hover{ text-decoration:none; background:#DEEFFA url(bg_repno.gif) no-repeat 15px -43px; color:#2366A8; }

.mask{ padding-top:10px; border:1px solid #DDD; }

/* tab */
.tab1{ overflow:hidden; clear:both; margin-bottom:10px; }
	.tab1 li{ float:left; margin-right:3px; text-align:center; font-weight:700; }
	.tab1 a{ display:block; line-height:26px; color:#666; }
		.tab1 a span{ display:block; padding:0 7px; }
		.tab1 a:hover{ text-decoration:none; background:url(btn_block_2.gif) no-repeat 0 -52px; color:#09C; }
			.tab1 a:hover span{ display:block; background:url(btn_block_2.gif) no-repeat right -78px; }
	.tab1 .current{}
		.tab1 .current a{ background:url(btn_block_2.gif) no-repeat 0 0; color:#FFF; }
		.tab1 .current a span{ background:url(btn_block_2.gif) no-repeat right -26px; }
		.tab1 .current a em{ margin-left:3px; * margin-right:-5px; background:url(bg_repno.gif) no-repeat 0 -145px !important; background:url(bg_repno.gif) no-repeat 0 -147px; color:#666; }
	.tab1 .hasdropmenu{ margin-top:-1px; }
		.tab1 .hasdropmenu a em{ margin-left:3px; * margin-right:-5px; background:url(bg_repno.gif) no-repeat 0 -195px !important; background:url(bg_repno.gif) no-repeat 0 -197px; color:#FFF; }
	.dropmenu, .dropmenu1 { position:absolute; margin-top:3px; white-space:nowrap; border:3px solid #A6C9D7; background:#F2F9FD; text-align:left; opacity:0.9; filter:Alpha(opacity=90); }
		.dropmenu1 { padding: 5px; }
		.tab1 .dropmenu a{ padding:2px 7px; background:none !important; color:#666 !important; font-weight:400; }
		.tab1 .dropmenu a:hover{ background:#DEEFFA !important; }

/* box */
.copyright{ position:absolute; z-index:10; left:5px; bottom:3px; padding-top:3px; border-top:1px dashed #DDD; text-align:left; line-height:150%; font-family:Tahoma; font-size:11px; }


.logintb{ text-align:left; margin:120px auto 0; width:600px; }
.login{ padding-right:30px; width:310px; background:url(bg_login.gif) right 50% no-repeat; }
	.login h3{ font-size:25px; margin-bottom:10px; font-weight:800;  }
	.login p{ line-height:150%; }
.logintitle{ float:left; clear:left; width:60px; line-height:180%; font-weight:700; font-size:14px; color:#666; }
.loginform{ float:left; line-height:180%; font-size:14px; width:160px; }
	.loginform .txt{ margin-top:2px; width:160px; }
.loginnofloat{ clear:both; }
	.loginnofloat .btn{ margin-left:60px; }
.logintips{ line-height:160%; margin-left:25px; }
	.logintips a{ margin:0 5px; text-decoration:underline; }
.footer{}
	.footer .copyright{ position:static; margin-top:120px; border:none; text-align:center; font-size:12px; }
	.footer p{ display:inline; }

.container{ padding:9px 20px 20px; text-align:left; }
.itemtitle{ clear:both; overflow:hidden; margin-bottom:0 !important; *margin-bottom:5px !important; margin-bottom:-5px; line-height:20px; }
	.itemtitle h3{ float:left; margin-right:20px; }
	.itemtitle ul{ float:left; line-height:18px; }
	.itemtitle .tab1{ clear:none; }
		.itemtitle .tab1 a{ line-height:20px; }
			.itemtitle .tab1 a span{ padding:0 7px; *padding:1px 7px 0; *line-height:19px; }
			.itemtitle .tab1 a:hover{ background:#F5F5F5 url(btn_block_3.gif) no-repeat 0 -40px; color:#09C; }
				.itemtitle .tab1 a:hover span{ background:url(btn_block_3.gif) no-repeat right -60px; }
		.itemtitle .tab1 .hasdropmenu a:hover{ color:#666; }
		.itemtitle .tab1 .current a{ background:url(btn_block_3.gif) no-repeat 0 0 !important; }
			.itemtitle .tab1 .current a span, .itemtitle .tab1 .current a:hover span{ background:url(btn_block_3.gif) no-repeat right -20px; color:#FFF; }
		.itemtitle .tab1 .dropmenu a{ background:none !important; }
			.itemtitle .tab1 .dropmenu a:hover{ background:#DEEFFA !important; }
.stepstat{ *margin-bottom:10px; }
	.stepstat li{ float:left; margin-right:15px; color:#CCC; }
	.stepstat .current{ color:#090; }
.infobox{ clear:both; margin-bottom:10px; padding:30px; text-align:center; border-top:4px solid #DEEFFA; border-bottom:4px solid #DEEEFA; background:#F2F9FD; zoom:1; }
	.infotitle1{ margin-bottom:10px; color:#09C; font-size:14px; font-weight:700; }
	.infotitle2{ margin-bottom:10px; color:#090; font-size:14px; font-weight:700; }
	.infotitle3{ margin-bottom:10px; color:#C00; font-size:14px; font-weight:700; }
	.cachelist{ overflow:hidden;}
		.cachelist li{ float:left; margin-right:10px; }
.colorbox{ clear: both; padding:10px; border-top:4px solid #DEEFFA; border-bottom:4px solid #DEEFFA; background:#F2F9FD; zoom:1; }
	.extcredits{ margin:-5px 0 10px; }
		.extcredits a{ margin-right:5px; padding:2px 5px; line-height:220%; border:1px solid #B6CFD9; background:#FFF; white-space:nowrap; }
	.jswizard{ margin-bottom:20px; }
.fileperms{ list-style:disc; margin:15px; }
	.fileperms li{ line-height:180%; }
.tips{ margin-left:15px; color:#999; }
.tips2{ line-height:180%; color:#999; word-break:break-all; }
.tb2 .tipsblock{ background:none; margin-bottom:-10px; }
	.tipsblock ul{ margin-bottom:-11px; }
		.tipsblock li{ margin-bottom:5px; padding:0 0 5px 20px; line-height:160%; border-bottom:1px dashed #E6F2FB; background:url(bg_repno.gif) no-repeat -340px 6px; }
.tips a, .tips2 a, .tipsblock a{ margin:0 3px; text-decoration:underline; color:#666; }
	.tips a:hover, .tips2 a:hover, .tipsblock a:hover{ color:#09C; }

/* table */
.tb{ clear:both; width:100%; border-top:4px solid #DEEFFA; border-bottom:5px solid #DEEFFA; }
	.tb th, .tb td{ padding:5px; }
.tb1{}
	.th11, .th12{ width:60px; font-weight:700; }
	.tb1 .th12{ padding-top:7px; vertical-align:top; }
		.tb1 .tb2 th{ padding-top:0; }
	.tb1 .txt{ width:150px; }
	.tb1 strong{ margin-right:5px; color:#F60; }
	.first td{ padding-top:13px; }
	.first .th12{ padding-top:15px; }
	.bdtop td{ border-top:1px dashed #CAE4F7; }
	.bdbot td{ border-bottom:1px dashed #CAE4F7; }
	.td11{ width:350px; vertical-align:top; }
		.td11 li{ float:left; margin:0 10px 7px 0; *margin:-3px 10px 7px 0; }
		.td11 .clear{ margin:0; }
		.listtitle,	.listtitlelong{ padding-top:3px; *padding-top:6px; width:80px; color:#09C; }
		.listtitlelong{ width:100px; }
		.td11 .txt{ width:70px; }
		.td11 .sginput .txt{ width:150px; }
	.td12{}
		.td12 li{ float:left; margin-right:10px; }
		.td12 .radio{ float:left; margin-top:4px; *float:none; *margin-top:0; }
		.td12 label{ float:left; margin-top:2px; *float:none; *margin-top:0; }
		.td12 .txt{ width:50px; }
	.checkboxlist{ width:720px; }
		.checkboxlist li{ float:left; width:90px; line-height:180%; white-space:nowrap; cursor:pointer; }
	.longtxt .txt{ width:400px; }
	.tarea{ width:400px; height:75px; }

/* tb2主要用在数据列表 */
.tb2{}
	.tb2 tr:hover .tips2{ color:#333; }
	.tb2 th, .tb2 td{ padding:5px 5px 5px 0; background:url(bg_repx.gif) repeat-x 0 bottom; }
	.tb2 th{ line-height:21px; }
	.tb2 .txt, .tb2 .txtnobd{ width:100px; margin-right:10px; }
	.td21{ width:150px; font-weight:700; }
	.td22{ width:100px; font-weight:700; }
	.td23{ width:100px; }
	.td24{ width:120px; }
	.td25{ width:50px; }
		.td25 .txt{ width:40px; }
	.td26{}
		.td26 .txt, .td26 .txtnobd{ width:90%; *width:280px; }
	.tb2 .td27{ padding:10px 0 3px; font-weight:700; }
	.td28 .txt{ width:40px; }
	.td29 .txt{ width:200px; }
	.staton{ text-indent:-9999px; width:20px; height:17px; background:url(bg_repno.gif) no-repeat -280px -250px; }
	.statoff{ text-indent:-9999px; background:url(bg_repno.gif) no-repeat -250px -347px; }
	.rowform{ width:306px; overflow:auto; }
		.tb2 .rowform{ padding-left:5px; }
		.rowform .txt, .rowform textarea{ margin-right:10px; width:250px; }
		.rowform select{ margin-right:10px; width:256px; }
		.rowform .radio{ margin-top:-2px !important; *margin-top:0 !important; *margin-top:-2px; }
		.rowform li{ float:left; margin-right:10px; white-space:nowrap; }
			.rowform .clear{ clear:both; float:none; margin-bottom:10px; }
		.rowform .nofloat{ clear:both; }
			.rowform li{ cursor:pointer; }
			.rowform .nofloat li{ float:none; margin-bottom:10px; cursor:pointer; }
	.partition, .partition2{ line-height:20px; font-weight:700; color:#09C; }
		.tb2 .partition{ background:url(bg_repx_hc.gif) repeat-x 0 -40px; board:1px}
	.dblist{}
		.dblist li{ float:left; margin-bottom:5px; width:168px; height:20px; white-space:nowrap; cursor:pointer; }

	/* 文件校验 */
	.cfolder, .ofolder{ display:block; padding-left:50px; line-height:30px; background:url(bg_repno.gif) no-repeat -260px -50px; font-weight:700; }
	.ofolder{ background:url(bg_repno.gif) no-repeat -260px -100px; }
	.filenum{ margin:8px 0 0 20px; }
	.files{ padding:1px 0 1px 50px; background:url(bg_repno.gif) no-repeat -260px -150px; }
	.del{ padding-left:18px; background:url(bg_repno.gif) no-repeat 0 -285px; *background:url(bg_repno.gif) no-repeat 0 -286px; color:#E8594D; }
	.edited{ padding-left:18px; background:url(bg_repno.gif) no-repeat -100px -385px; *background:url(bg_repno.gif) no-repeat -100px -386px; color:#E8594D; }
	.unknown{ padding-left:18px; background:url(bg_repno.gif) no-repeat -50px -435px; *background:url(bg_repno.gif) no-repeat -50px -436px; color:#6189B8; }
	.correct{ padding-left:18px; background:url(bg_repno.gif) no-repeat 0 -485px; *background:url(bg_repno.gif) no-repeat 0 -486px; color:#70B759; }

	/* crons */
	.crons{ width:200px; }
		.crons .txt{ margin-bottom:3px; width:150px; }

	/* faqlist & boardlist */
	.node, .board{ padding-left:55px; background:url(bg_repno.gif) no-repeat -240px -550px; }
		.node .txt, .lastnode .txt, .newnode .txt{ width:250px; }
		.parentnode .txt{ width:150px; font-weight:700; }
		.parentboard .txt{ font-weight:700; }
	.lastnode, .lastboard{ padding-left:55px; background:url(bg_repno.gif) no-repeat -240px -600px; }
	.childboard{ padding-left:110px; background:url(bg_repno.gif) no-repeat -185px -550px; }
	.lastchildboard{ padding-left:110px; background:url(bg_repno.gif) no-repeat -185px -600px; }
	.boardattr{ position:absolute; left:340px; margin-top:-20px !important; margin-top:-19px; color:#999; }

	/* pick window */
	.colorwd{ float:left; width:40px; height:21px; border-color:#ccc #666 #666 #ccc; }

.tb3{ margin-top:-15px; border:none; }
	.tb3 th{ padding:10px 0 5px; }
	.tb3 td{ padding:0; line-height:180%; }

/* custom menu */
.custom{ overflow:hidden; position:relative; width:900px; border:6px solid #A6C9D7; background:#FFF url(bg_custom.gif) repeat-y right top; }
	.cmain{ margin-right:160px; }
		.cnote{ margin:15px; line-height:20px; color:#CCC; }
			.cnote li{ float:left; margin-right:15px; }
		.cmlist{ clear:left; margin:10px 0 10px 15px; width:710px; table-layout:fixed; }
			.cmblock{ margin-bottom:10px; }
				.cmblock li{ line-height:150%; white-space:nowrap; }
			.cmlist a{ color:#666; }
			.cmlist h4{ margin-bottom:3px; color:#09C;  }
	.cside{ float:right; display:inline; margin-right:5px; width:151px; text-align:left; }
		.cside h3{ position:relative; margin-bottom:0; padding:6px 0 0 5px; height:28px; line-height:28px; border-bottom:1px solid #A6C9D7; background:url(bg_custom_t.gif) repeat-x; }
		.ctitle1{ display:block; padding-left:25px; height:28px; background:url(btn_add2menu.gif) no-repeat 0 5px; color:#090; font-size:12px; }
			.ctitle1:hover{ text-decoration:none; }
		.cadmin{ position:absolute; top:-4px; right:-5px; padding:10px 10px 0; color:#666; font-size:12px; font-weight:400; }
		.cslist li{ height:1%; }
			.cslist li a{ display:block; padding:5px 5px 5px 30px; }
				.cslist li a:hover{ text-decoration:none; background:#DEEFFA; }
		.cslist li .pages{ margin-left:27px; }
			.cslist li .pages a{ display:inline; padding:2px 5px; }
			.cslist li .pages a:hover{ background:#09C; }
		.cfixbd{ position:absolute; right:5px; bottom:0; width:151px; height:5px; line-height:5px; font-size:1px; background:#FFF; overflow:hidden; }

/* list */
.tpllist{ list-style:disc; margin:10px 15px; line-height:180%; }
.tpllist2{ list-style:circle; margin:5px 25px; }
.tpllist3{ list-style:square; margin:0 25px; }
.userlist{ overflow:hidden; margin:10px 0; }
	.userlist li{ float:left; margin:0 10px 10px 0; white-space:nowrap; }
	.unum{ clear:both; display:block; width:100%; font-weight:700; }
.safelist{ padding:10px 0; border-top:4px solid #DEEFFA; }
	.safelist li{ margin-bottom:5px; padding-left:20px; line-height:160%; background:url(bg_repno.gif) no-repeat -340px 6px; }
		.safelist p{ margin-bottom:5px; }
		.safelist .txt{ width:150px; }
.infolist{}
	.infolist li{ clear:both; line-height:180%; }
		.infolist em{ float:left; width:120px; }
.tb2 .threadopt{ border-bottom:1px solid #B5CFD9; background:none; }
.threadtitle{ padding:10px !important; }
.nowrap li{ float:left; white-space:nowrap; margin-right:5px; }

/* pages */
.pages{ clear:both; margin:10px 0; }
	.pages em, .pages a, .pages strong{ text-decoration:none; margin-left:3px; padding:2px 5px; border:1px solid #E5E5E5; }
		.pages a:hover{ text-decoration:none; border:1px solid #09C; background:#09C; color:#FFF; }
	.pages strong{ border:none; font-weight:700; }
	.pages kbd input{ margin-left:5px; width:20px; vertical-align:middle; }
.cuspages{ margin:3px 0; line-height:200%; }
	.cuspages .pages{ display:inline; clear:none; margin-right:10px; }
.fixsel select{ margin:3px 5px 3px 0; }

/* link */
.addtr{ padding-left:17px; line-height:25px; background:url(bg_repno.gif) no-repeat 0 1px; *background:url(bg_repno.gif) no-repeat 0 0; color:#F60; }
.act{ margin:0 5px; text-decoration:underline; }
.addchildboard{ padding-left:17px; line-height:25px; background:url(bg_repno.gif) no-repeat 0 -599px; *background:url(bg_repno.gif) no-repeat 0 -600px; color:#FFF; }
	.addchildboard:hover{ text-decoration:none; color:#F60; }
.switch{ color:#09C; }
	.switch:hover{ text-decoration:none; }
	.switch img{ margin-right:5px; vertical-align:middle; }
.lightlink{ color:#666; text-decoration:underline;}
.lightlink2{ color:#666; }
.parentlink{ color:#09C; text-decoration:underline; }
.menulink{ background:none !important; text-decoration:underline; }
	.menulink:hover{ text-decoration:underline !important; }

/* admincp default */
.anno{ width:200px; }
	.anno p{ margin:4px 0; }
	.anno .txt{ margin-left:3px; width:105px; }
.difflink{ margin:10px 0; }
	.difflink a{ margin-left:10px; color:#666; text-decoration:underline; }
.devteam{ width:350px; }

/* widget */
.checked, .checked .txt{ color:#090; }
.lightfont{ color:#CCC; }
.lightnum{ color:#F60; }
.error{ color:#F00; }
.diffcolor2{ color:#090; }
.diffcolor3{ color:#09C; }
.nomargin{ margin:0; }
.marginleft{ margin-left:20px; }
.marginright{ margin-right:10px; }
.margintop{ margin-top:10px; }
.marginbot{ margin-bottom:10px; }
.nobg, .nobg td{ background:none; }
	.nobg .td27{ padding-left:5px; }
.nobdb{ border-bottom:none; }
.nobdt{ border-top:none; }
.vtop{ vertical-align:top; }
.lineheight{ line-height:150%; }
.left{ float:left; }
.right{ float:right; }
.center{ text-align:center; }
.bold{ font-weight:700; }
.normal{ font-weight:400; }
.clear{ clear:both; }
.smallfont{font-size:12px!important; font-size: 11px}
.smallfont h3{ font-size:12px; }
.fixpadding th, .fixpadding td{ padding-left:5px !important; }

.news{ padding:10px 0; border-top:4px solid #DEEFFA; }
#boardnews{ padding-bottom:10px; }

.diff-deleted{ background:#FCC !important; }
.diff-changed{ background:#FF9 !important; }
.diff-added{ background:#CFC !important; }

/* calendar */
#calendar_week .dropmenu{ position:relative; margin-top:0; border:none; text-align:left; text-decoration:underline; }
.calendar_checked, .calendar_checked a:link, .calendar_checked a:visited{ color:#333; }

/* sub table */
.sub, .sub .td27{ padding-left:25px !important; }
.sub .rowform{ padding-left:25px; width:281px; }
	.sub .rowform .txt, .sub .rowform textarea{ width:225px; }
	.sub select{ width:231px; }