ws_babyblue_style.css

一个漂亮的OA 界面d

@charset "gb2312";
/*-- 全局宏观定义 --*/
* {margin:0 auto; padding:0; font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif, 宋体; font-size:12px; text-decoration:none; color:#000;}
body {background-color:#fff; overflow-x:hidden;}
div,tr,th,td,ul,li,img,form,h2,h3,h4 {list-style-type:none;border:0;}
div,td,li {word-break:break-all;}
fieldset{border:2px groove;}
br.c_b{clear:both;}br.c_l{clear:left;}br.c_r{clear:right;}

/*-- 全局链接定义--*/
a,	a:link{text-decoration:none; color:#000000;}	
	a:visited{text-decoration:none; color:#000000;}
	a:hover{text-decoration:underline; color:red;}
/*-- 全局表单定义--*/
input.TEXT	{height:20px;border:1px solid #73A0AF;padding-top:3px;}
input.BUTT{padding:1,4,0,4;height:23;width:55;text-align:center;background-color:#D9E6EA;border-width:1;LJM:expression(onfocus=function(){this.blur()});}
textarea{border:1px #DACBAD solid;overflow:auto;scrollbar-face-color:#f7f7ef;scrollbar-highlight-color:#f7f7ef;scrollbar-shadow-color:#eae4d5;scrollbar-arrow-color:#8d887a;scrollbar-3dlight-color:#e0e0e0;scrollbar-track-color:#deebf6;scrollbar-darkshadow-color:#ded6bd;}
/*-- 全局END--*/

.BG_COLOR{background:#E0E9EC ! important;border:none;}
.S_F_C{color:#7D7D7D; cursor:default;}
.f_l{float:left;}.f_r{float:right;}

/*-- 登录页--*/
#UI_LOGIN_IMG {width:424px;height:70px;background:#FFF url(../images/ui_public/logo_lo.gif) no-repeat left center;}
#UI_LOGIN_USER{text-align:center;margin-top:25px;margin-right:20px;}
#UI_LOGIN_PASS{text-align:center;margin-top:18px;margin-right:20px;}
#UI_LOGIN_SAVE{margin-top:5px;padding-left:143px;}
#UI_LOGIN_BUTT{margin-top:18px;text-align:center;}

/*-- TOP页--*/
#UI_TOP_BOX{
	width:100%;
}
#UI_TOP_BOX #U_T_T{
	height:31px;
	background:url(../images/ui_babyblue/UI_F_T_L_BG.gif) repeat-x;
}
#U_T_T #U_T_T_LOGO{
	float:left;
	width:120px;
	height:31px;
	background:url(../images/ui_babyblue/UI_F_T_L_LOGIN.gif) no-repeat left center;
}
#U_T_T #U_T_T_TIME{
	float:right;
	width:240px;
	text-align:right;
	margin-top:13px;
	margin-right:4px;
	cursor:default;
}
#U_T_MENU{
	width:100%;
	border-top:1px solid #7d7d7d;
	border-bottom:1px solid #7d7d7d;
	background:url(../images/ui_babyblue/UI_F_T_M_BG.gif) repeat;
}
#U_T_MENU #M_BEGIN{
	float:left;
	width:4px;
	height:26px;
	margin-left:1px;
	background:url(../images/ui_babyblue/UI_F_T_M_BE.gif) no-repeat left center;
}
#U_T_MENU #M_END{
	float:right;
	width:4px;
	height:26px;
	background:url(../images/ui_babyblue/UI_F_T_M_BE.gif) no-repeat left center;
}
#U_T_MENU #M_BODY{
	float:left;
	margin-left:8px;
	margin-top:3px;
	cursor:default;
}


/*-- LEFT页--*/
#UI_LEFT_BOX{
	float:left;
	width:158px;
	margin:6px auto 6px 3px;
	border:1px solid #7d7d7d;
	background:#FFF;
}
#UI_TOP_BOX #UI_LEFT{}
#UI_LEFT #MENU_TOP{
	height:17px;
	border-bottom:1px solid #7d7d7d;
	background:url(../images/ui_babyblue/UI_F_L_T_BG.gif) repeat-x left center;
}
#UI_LEFT #MENU_TOP #M_TOP_ICO{
	float:left;
	width:130px;
	height:13px;
	margin:1px auto auto 2px;
	padding-left:13px;
	background:url(../images/ui_public/UI_F_L_T_ICO.gif) no-repeat left center;
}
#UI_LEFT #MENU_TOP #UI_JT{
	float:right;
	width:12px;
	height:12px;
	margin:-1px 1px auto auto;
	background:url(../images/ui_public/UI_FRAME_LEFT_TOP_X.gif) no-repeat bottom center;
}
#UI_LEFT #MENU_BODY_GROUP{}
#UI_LEFT #MENU_HR{
	font-size:0;
	height:7px;
	background:url(../images/ui_public/UI_F_L_T_ML_HR.gif) no-repeat left center;
}
#UI_LEFT_BOX #MENU_EXP{
	height:120px;
	cursor:default;
}
#UI_LEFT_BOX #MENU_EXP div.SYS_TS_IMG{
	width:100%;
	height:20px;
	color:blue;
	margin:auto 8px;
	padding-left:25px;
	padding-top:4px;
	border-bottom:1px solid #B5B5B5;
	background:url(../images/ui_public/UI_SYS_TS.gif) no-repeat left top;
}
#UI_LEFT_BOX #MENU_EXP div.SYS_MODULE{
	width:100%;
	margin:3px 9px auto 10px;
	color:#808080;
}
#UI_LEFT_BOX #MENU_EXP div.SYS_MODULE div{
	float:left;
	color:#808080;
}
#UI_LEFT_BOX #MENU_EXP div.SYS_MODULE div.F_C6{
	color:#000;
}

/*-- 右边--*/
#UI_RIGHT_BOX{float:right; margin:auto 3px auto auto;}
#UI_RIGHT_TOP{}
#UI_RIGHT_TOP #UI_TOC{
	float:left;
	width:42px;
	height:12px;
	margin-top:8px;
	background:url(../images/ui_public/UI_right.gif) no-repeat left center;
	display:none;
}
#UI_RIGHT_TOP #UI_POSITION {float:left;margin:8px auto auto 3px;}
#UI_RIGHT_TOP #UI_USERS {float:right;margin:8px 3px auto auto;}
#UI_BODY{background:#FFF;border:1px #7d7d7d solid;}

/*-- 顶部菜单 --*/
.M_DIV_1{
	float:left;
	height:20px;
	margin-right:5px;
	border:1px solid #AACDD8;
}
.M_IMG_1{
	float:left;
	width:16px;
	height:16px;
	margin:1px;
	overflow:hidden;
}
.M_FON_1{
	float:left;
	margin:2px 2px 0px 3px;
	cursor:default;
}

/*-- 左二级部菜单 --*/
.M_DIV_2{
	width:135px;
	height:21px;
	background:#F2FCFF;
	margin:0px auto 8px 11px;
	border:1px solid #A2C6D1;
	text-align:center;
}
.M_IMG_2{
	float:left;
	width:16px;
	height:16px;
	margin:2px auto 2px 3px;
	overflow:hidden;
}
.M_FON_2{
	float:left;
	margin:2px auto auto 6px;
	cursor:default;
}

/*-- 左下一级菜单 --*/
.L_M_BOX{
	height:32px;
	border-bottom:1px solid #7d7d7d;
	background:url(../images/ui_babyblue/UI_F_L_T_ML_BG.gif) repeat-x left center;
}
.L_M_FON{
	float:left;
	margin-top:8px;
	margin-left:8px;
	cursor:default;
}
.L_M_IMG{
	float:left;
	width:24px;
	height:24px;
	margin:4px auto auto 3px;
	overflow:hidden;
}
.L_M_ACT{
	float:left;
	display:none;
}

/*-- 浮动菜单 --*/
.F_MD{
	position:absolute;
	z-index:100;
	width:150px;
	background:#A1BEC7;
	border: 2px outset;
}
.F_HR{
	width:100%;
	height:10px;
	margin-left:22px;
	background:#FFF;
	cursor:default;
}
.F_HR div{
	font-size:0;
	height:1px;
	margin:5px auto auto 2px;
	background:#88B0BD;
	overflow:hidden;
	cursor:default;
}
.F_IMG{
	width:16px;
	height:16px;
	margin:1px 3px 2px 2px;
	overflow:hidden;
}
.F_IMGBOX{
	float:left;
	border:1px #A1BEC7 solid;
	border-right:none;
}
.F_FONT{
	float:left;
	height:100%;
	padding:2px 0px 2px 3px;
	background:#FFF;
	border:1px #FFF solid;
	border-left:none;
	cursor:default;
}

/*HELP*/
#UI_HELP{
	height:8px;
	font-size:1px;
	background:url(../images/ui_public/UI_HELP_BG.gif) repeat left top;
	border-left:1px solid #7d7d7d;
	border-right:1px solid #7d7d7d;
	border-bottom:1px solid #4C4C4C;
	text-align:center;
	overflow:hidden;
}
#HELP_BODY{
	height:83px;
	display:none;
	border:1px solid #7d7d7d;
	border-top:none;
	padding:3px;
	background:#F2F2F2 url(../images/ui_public/UI_HELP_BODY_BG.gif) no-repeat right center;
	color:#767676;
	cursor:default;
}

/*lock*/
#UI_LOCK{
	width:355px;
	height:215px;
	background:url(../images/ui_babyblue/UI_LOCK_BG.gif) no-repeat left center;
}
#UI_LOCK div{
	margin-top:100px;
	text-align:center;
}

/*edit pass*/
#UI_EDIT_PASS{
	width:355px;
	height:215px;
	background:url(../images/ui_babyblue/UI_EDIT_PASS_BG.gif) no-repeat left center;
}
#UI_EDIT_PASS #PASS_BODY{margin-top:70px;text-align:center;}
#UI_EDIT_PASS #PASS_BODY div{margin:6px auto;}
#UI_EDIT_PASS #PASS_BODY #PASS_BUTT{margin-top:10px;width:140px; text-align:justify; text-justify:distribute-all-lines;}

/*SYS_SEARCH*/
#UI_SYS_SEARCH{
	width:355px;
	height:215px;
	background:url(../images/ui_babyblue/UI_SEARCH_BG.gif) no-repeat left center;
}
#UI_SYS_SEARCH #SEARCH_BODY{margin-top:75px;text-align:center;}
#UI_SYS_SEARCH #SEARCH_BODY div{margin:6px auto;}
#UI_SYS_SEARCH #SEARCH_BODY div select{width:180px;}
#UI_SYS_SEARCH #SEARCH_BODY #SEARCH_BUTT{margin-top:10px;width:140px; text-align:justify; text-justify:distribute-all-lines;}

/*frame*/
#UI_FUNCTIONS_BOX{
	float:left;
	width:680px;
	margin:6px auto auto 3px;
}
#UI_REQUEST_BOX{
	float:right;
	width:320px;
	margin:6px 3px auto auto;
}
.UI_VES{border:1px solid #7d7d7d;}
.UI_VES .BOX_TOP{
	height:17px;
	background:url(../images/ui_babyblue/UI_F_L_T_BG.gif) repeat-x left top;
	border-bottom:1px solid #7d7d7d;
}
.UI_VES .BOX_BOD{
	height:10px;
	padding:3px 3px 0px 3px;
	background:#FFF;
}
.BOX_JG{font-size:1px;height:8px;}
.UI_VES .BOX_TOP .BOX_TOP_MENU{
	float:left;width:16px;height:16px;
	margin:auto auto auto 1px;
	overflow:hidden;
}
.UI_VES .BOX_TOP .BOX_TOP_TEXT{
	float:left;
	color:#000;
	margin:1px auto auto 3px;
	cursor:default;
}
.UI_VES .BOX_TOP .BOX_TOP_CLAS{
	float:right;
	width:11px;
	height:7px;
	font-size:1px;
	margin:5px 2px auto auto;
	background:url(../images/ui_public/UI_BOX_JT.gif) no-repeat left center;
}
.UI_P_List{
	height:16px;
	margin-left:3px;
	padding-left:12px;
	background:url(../images/ui_public/UI_LIST_BT_JT.gif) no-repeat left center;
}
.UI_P_List span{
	color:#7d7d7d;
}
.UI_P_List_GD{float:right;}

.UI_GNK{
	float:left;
	width:100px;
	margin:16px 20px 10px 11px;
	padding:6px 4px 4px 4px;
	border:1px solid #FFF;
	text-align:center;
}
.UI_GNK .GNK_IMG{
	width:64px;
	height:64px;
	overflow:hidden;
}
.UI_GNK .GNK_TXT{
	margin-top:4px;
	cursor:default;
}