dntmanager.css

Discuz的后台菜单。我把它单独扣出来

/*css document start*/

*{ margin:0; padding:0; word-break: break-all;}
*html{ overflow-x:hidden;}
body { font: 12px/160% Tahoma, Verdana,snas-serif; color:#666; scrollbar-darkshadow-color: #808080; scrollbar-face-color: #DDDDDD; scrollbar-highlight-color: #EEEEEE; scrollbar-shadow-color: #DEE3E7;
scrollbar-3dlight-color: #D1D7DC; scrollbar-arrow-color:  #000000; scrollbar-track-color: #EDEDED; background-color: #fff; margin:10px 20px;}
h1,h2,h3,h4,h5{ font-size:12px;}
img{ border:0;}
select option{ padding-left:4px;}
ul,li{ list-style:none;}
a { color: #036; text-decoration: none;}
a:hover { color: #258DC9; text-decoration: underline;}
em, cite, strong, th { font-style: normal; font-weight: normal;}
table { empty-cells: show; border-collapse: collapse; }

/*MenuTab*/
#MenuTab {width:100%; border-bottom:1px solid #666; height:42px; position:relative; text-align:right; background:url(../images/topbarbg.gif) repeat-x left top;}
#MenuTab ul {list-style: none; padding-top:7px;text-algin:left; background:url(../images/topbar.jpg) no-repeat left top; height:35px!important;height:42px; position:absolute; top:0; left:0;}
#MenuTab ul li { display: block; float: left; position: relative; margin: 0 0 0 -28px; height: 35px; line-height: 35px;}
*html #MenuTab ul li { width:123px; text-align:center;}
#MenuTab ul li a {display:block; height: 29px; line-height: 29px; text-decoration: none; color: #000; margin-left:6px; padding-top:6px;}

#MenuTab ul li.MenuDrop{width:163px; margin:0; margin-right:35px;}
	#MenuTab ul li .MenuDropOut{ text-align:center; cursor:pointer;background: url(../images/Menuon.gif) no-repeat 15px 0;}
	#MenuTab ul li .MenuDropOn{ text-align:center; cursor:pointer;background: url(../images/Menudown.gif) no-repeat 15px 0;}

#MenuTab ul li .tab1,#MenuTab ul li .tab2,#MenuTab ul li .tab3,#MenuTab ul li .tab4,#MenuTab ul li .tab5,#MenuTab ul li .tab6,#MenuTab ul li .tab0 { background-image:url(../images/tabbg.gif); background-position:no-repeat;}
#MenuTab ul li .tab1 a:link,#MenuTab ul li .tab1 a:visited,#MenuTab ul li .tab2 a:link,#MenuTab ul li .tab2 a:visited,#MenuTab ul li .tab3 a:link ,#MenuTab ul li .tab3 a:visited,#MenuTab ul li .tab4 a:link,#MenuTab ul li .tab4 a:visited,#MenuTab ul li .tab5 a:link,#MenuTab ul li .tab5 a:visited,#MenuTab ul li .tab6 a:link,#MenuTab ul li .tab6 a:visited,#MenuTab ul li .tab0 a:link,#MenuTab ul li .tab0 a:visited {background-image: url(../images/tabbg.gif); background-repeat: no-repeat; padding:6px 45px 0 14px;}
a.CurrentHoverTab1,a.CurrentHoverTab2,a.CurrentHoverTab3,a.CurrentHoverTab4,a.CurrentHoverTab5,a.CurrentHoverTab6,a.CurrentHoverTab0 {background-image: url(../images/tabbg.gif); background-repeat: no-repeat; font-size:14px;margin-top:1px; padding:6px 45px 6px 14px;}
.Currenttab1,.Currenttab2,.Currenttab3,.Currenttab4,.Currenttab5,.Currenttab6,.Currenttab0 {background-image: url(../images/tabbg.gif);background-repeat: no-repeat; margin-top:1px;}

#MenuTab ul li .tab1{ background-position: 0 6px; z-index: 10;}
	#MenuTab ul li .tab1 a:link,#MenuTab ul li .tab1 a:visited { background-position: 100% -29px;}
	a.CurrentHoverTab1 {background-position:100% -35px;}
	.Currenttab1{ background-position: 0 0;}

#MenuTab ul li .tab2{background-position: 0 -70px; z-index: 9;}
	#MenuTab ul li .tab2 a:link,#MenuTab ul li .tab2 a:visited {background-position: 100% -105px;}
	a.CurrentHoverTab2 {background-position: 100% -111px;}
	.Currenttab2 {background-position: 0 -76px; }

#MenuTab ul li .tab3{background-position: 0 -146px; z-index: 8;}
	#MenuTab ul li .tab3 a:link ,#MenuTab ul li .tab3 a:visited{background-position: 100% -181px;}
	a.CurrentHoverTab3 {background-position: 100% -187px;}
	.Currenttab3 {background-position: 0 -152px;}

#MenuTab ul li .tab4{background-position: 0 -222px; z-index: 7;}
	#MenuTab ul li .tab4 a:link,#MenuTab ul li .tab4 a:visited {background-position: 100% -257px;}
	a.CurrentHoverTab4 {background-position: 100% -263px;}
	.Currenttab4  {background-position: 0 -228px;}

#MenuTab ul li .tab5{background-position: 0 -298px; z-index: 6;}
	#MenuTab ul li .tab5 a:link,#MenuTab ul li .tab5 a:visited {background-position: 100% -333px;}
	a.CurrentHoverTab5 {background-position: 100% -339px; }
	.Currenttab5  {background-position: 0 -304px;}

#MenuTab ul li .tab6{background-position: 0 -374px; z-index: 5;}
	#MenuTab ul li .tab6 a:link,#MenuTab ul li .tab6 a:visited {background-position: 100% -409px;}
	a.CurrentHoverTab6 {background-position: 100% -415px;}
	.Currenttab6  {background-position: 0 -380px;}

#MenuTab ul li .tab0{background-position: 0 -450px; z-index: 4;}
	#MenuTab ul li .tab0 a:link,#MenuTab ul li .tab0 a:visited {background-position: 100% -485px;}
	a.CurrentHoverTab0 {background-position: 100% -491px;}
	.Currenttab0  {background-position: 0 -456px;}

.SearchBar { position:absolute; top:10px; right:6px; width:190px; border:1px solid #999; text-align:left; line-height:180%; padding:0 3px; background:#fff;}
    .SearchBar input {border:0px; padding:0.45em 0 0.35em 0; width:123px;}
		*html  .SearchBar input {padding:0.48em 0 0.32em 0;}
	.SearchBar .OutButton,.SearchBar .SubmitButton { margin-top:2px; border:0px solid #fff; width:15px; height:21px; background:url(../images/serchbutton.gif) no-repeat top left; cursor:pointer; margin-bottom:4px;}
	.SearchBar .OverButton {margin-top:2px; border:0px solid #ccc; width:21px; height:21px; background:url(../images/serchbutton2.gif) no-repeat top left; cursor:pointer; margin-bottom:4px;}
		*html .SearchBar .OutButton,*html .SearchBar .OverButton {margin-bottom:0;}
		*+html .SearchBar .OutButton,*+html .SearchBar .OverButton {margin-bottom:0;}
	.SearchBar .SubmitButton { background:url(../images/searchbutton.jpg) no-repeat top left; width:21px;}

	.SearchBar dt,.SearchBar dd { float:left;}
	    .SearchBar dt {width:45px}
	    .popupmenu-new{width:175px;text-align:left;margin-top:5px !important;margin-top:6px; padding-left:1px;}
	    .popupmenu-item-last{border:1px solid #ccc;padding: 5px;white-space: nowrap;font-weight: normal;background:#eee url(../images/td_bg3.gif) no-repeat left top;}
			.popupmenu-item-last a {color:#000;}
	    .popupmenu-item{white-space:nowrap;color:  #000;}

		
	    .popupmenu-new{width:175px;text-align:left;margin-top:5px !important;margin-top:6px; padding-left:1px;}
	    .popupmenu-item-last{border:1px solid #ccc;padding: 5px;white-space: nowrap;font-weight: normal;background:#eee url(../images/td_bg3.gif) no-repeat left top;}
			.popupmenu-item-last a {color:#000;}
/*MenuTab*/

/*ManagerBody*/

	#ManagerBodyMenu { float:left; width:163px; overflow:hidden; zoom:1;}

/*bodycolor*/	
		.NavBody {overflow:hidden; zoom:1; margin:0 auto;border:1px solid #000;border-top:0;}	
		.NtTab1 .NavBody {background-color:#C5DEF5;background-image: url(../images/tab1leftbg.gif);}
		.NtTab2 .NavBody {background-color:#ffdd7b;background-image: url(../images/tab2leftbg.gif);}	
		.NtTab3 .NavBody {background-color:#bca8e1;background-image: url(../images/tab3leftbg.gif);}
		.NtTab4 .NavBody {background-color:#9dc2b7;background-image: url(../images/tab4leftbg.gif);}
		.NtTab5 .NavBody {background-color:#F6FA7D;background-image: url(../images/tab5leftbg.gif);}
		.NtTab6 .NavBody {background-color:#a0a0b3;background-image: url(../images/tab6leftbg.gif);}
		.NtTab0 .NavBody {background-color:#becea1;background-image: url(../images/tab0leftbg.gif);}
/*bodycolor*/
		.InnerBody{ overflow:hidden; zoom:1; padding:11px; padding-left:0;}
		.InnerBodyMenu {overflow:hidden; zoom:1; padding:11px; padding-right:0; background-image: url(../images/tableftbg.gif); background-repeat:no-repeat;}
			.NtTab1 .InnerBodyMenu { background-position: 0 0;}
			.NtTab2 .InnerBodyMenu { background-position: -163px 0;}
			.NtTab3 .InnerBodyMenu { background-position: -326px 0;}
			.NtTab4 .InnerBodyMenu { background-position: -489px 0;}
			.NtTab5 .InnerBodyMenu { background-position: -652px 0;}
			.NtTab6 .InnerBodyMenu { background-position: -815px 0;}
			.NtTab0 .InnerBodyMenu { background-position: -978px 0;}
/*ManagerBody*/
/*DropWindow*/
	.DropWindow dl{ overflow:hidden; zoom:1; width:163px; background:url(../images/droptop.gif) no-repeat left bottom; padding:10px 0 15px 0;}
		.DropWindow dt,.DropWindow dd {text-align:center;  line-height:200%;}
		.DropWindow a:link,.DropWindow a:visited {display:block; color:#fff; text-decoration:none;}
		.DropWindow a:hover,.DropWindow a:active {display:block; margin:0 15px; color:#000; text-decoration:none; background:#8e8e8e; }
		.line {border-top:1px solid #000;border-bottom:1px solid #4d4d4d; width: 90%; margin:1px auto;}
/*DropWindow*/
#LoginBar {
	MARGIN-TOP: -210px; Z-INDEX: 1; LEFT: 50%; MARGIN-LEFT: -220px; WIDTH: 600px; POSITION: absolute; TOP: 50%; HEIGHT: 420px
}
#LoginBar .LoginTop {
	FONT-SIZE: 0px; LINE-HEIGHT: 15px; HEIGHT: 15px
}
#copyright {
	LEFT: 44%; MARGIN-BOTTOM: -180px; MARGIN-LEFT: -220px; BOTTOM: 50%; POSITION: absolute; HEIGHT: 100px; TEXT-ALIGN: center
}
.FormNav {
	BACKGROUND: url(../images/login-center.gif) repeat-y left top
}
.FormNav DL {
	PADDING-RIGHT: 30px; PADDING-LEFT: 100px; BACKGROUND: url(../images/key.gif) no-repeat 0px 22px; PADDING-BOTTOM: 30px; PADDING-TOP: 30px
}
.FormNav DT {
	LINE-HEIGHT: 35px; HEIGHT: 40px
}
.FormNav DD {
	LINE-HEIGHT: 35px; HEIGHT: 40px
}
.FormNav LABEL {
	PADDING-RIGHT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #666
}
.FormNav DD IMG {
	MARGIN-BOTTOM: -18px; MARGIN-LEFT: 20px
}