style.css

一套完整的OA办公系统（JSP）的

/*------------------通用---------------------*/
body{
	font-size:12px;
	padding:0px;
	color:#666666;
	background-color: #FFFFFF;
	font-family: Verdana, Arial;    
	/*滚动条及上下箭头面板主体颜色*/
  	scrollbar-face-color: #D7F0FF; 
	/*滚动条及上下箭头面板右、下边颜色*/
	scrollbar-shadow-color: #76BDFF;
	/*滚动条及上下箭头面板左、上边颜色*/
	scrollbar-highlight-color: #76BDFF;
	/*滚动条及上下箭头面板左、上边阴影颜色*/
	scrollbar-3dlight-color: #ffffff;
	/*滚动条及上下箭头面板右、下边阴影颜色*/
	scrollbar-darkshadow-color: #ffffff;
	/*滚动条轨道颜色*/
	scrollbar-track-color: #F2FAFF;
	/*滚动条上、下箭头颜色*/
	scrollbar-arrow-color: #ffffff; 
	/*background-image: url(../bg.gif);*/
}
td{
	font-size:12px;
}
.td1 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #5CA628;
	border-right-color: #5CA628;
	border-bottom-color: #5CA628;
	border-left-color: #5CA628;
}
img {
	border: none;
}
select{
	font-family: Verdana, Arial;
}
.num,.numt,.nump{
	font-family: Verdana, Helvetica;
	font-size:9px;
}
.nump{
	padding-bottom:10px !important;
	padding-bottom:0px;
	float:left;
	background: url(icon_musiclist.gif) no-repeat center center;
	height: 12px;
	width: 12px;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
}
.numt{
	padding-bottom:10px !important;
	padding-bottom:0px;
	float:left;
	height: 12px;
	width: 12px;
	text-align: center;
	font-weight: bold;
	color:#FF9600;
}
.red{
	color:#ff3300;
}
.blue{
	color:#2993D1;
}
.rednum {
	font-family: Verdana, Helvetica;
	font-size:9px;
	color:#ff3300;
}
.bluenum {
	font-family: Verdana, Helvetica;
	font-size:9px;
	color:#2993D1;
}
.orangenum {
	font-family: Verdana, Helvetica;
	font-size:9px;
	color:#FF9600;
}
.hit{
	color:#e07819;
}
#spacename{
	color:#ffffff;
	font-family: Verdana, Helvetica;
	font-size:12px;
	font-weight: bold;
}
#qzoneurl{
	color:#ffffff;
	font-family: Verdana, Helvetica;
	font-size:9px;
	margin: 0px 0px 0px 26px;
}
.clear{
	font: 0px/0px sans-serif;
	clear:both;
	display: block;
}
.s_word{
	font-size: 9px;
	height: 18px;
}
.right{
	margin-top:-2px;
	float: right;
	display: block;
}
.left{
	margin-top:-1px;
	float: left;
	display: block;
}
.center{
	text-align:center;
}
form{
	margin:0px;
	padding:0px;
}
ul{
	line-height: normal;
	list-style-type: none;
	padding:0px;
	margin:0px;
}
.mylw{
	color:#3BA06E;
	line-height: 20px;
}
.singer{
	color:#A1A1A1;
}
.mtitle{
	background-color: #f5f5f5;
	border-top: 1px dashed #b0b0b0;
}
/*------------------外框模块---------------------*/
.mode_table{
	/*外框边线（宽度另外设置）*/
	border: 1px solid #ACDFF2;
	background-color: #FFFFFF;
	margin:0px 0px 5px;
	word-break:break-all;
}
.mode_title{
	/*标题（主要）*/
	font-weight: bold;
	color:#1974C8;
}
.mode_table_back{
	/*左边菜单栏底色*/
	background-color: #FFFFFF;
}
.mode_table_set{
	/*无外框边线设置*/
	border: 1px dashed #ACDFF2;
	background-color: #FFFFFF;
	margin:0px 0px 6px;
}
.mode_table_none{
	/*无外框边线显示*/
	margin:0px 0px 6px;
}
.mode_table_title_set{
	/*无外框标题设置*/
	height:12px;
	background: #F5F5F5 url(icon_title_lw.gif) no-repeat left top;
	padding:6px 3px 4px 24px;
	font-weight: bold;
	text-align: left;
	color:#1974C8;
	border-bottom: 1px dotted #ACDFF2;
}
.mode_table_title_none{
	/*无外框标题*/
	height:12px;
	padding:6px 3px 4px 24px;
	font-weight: bold;
	text-align: left;
	color:#1974C8;
}
.mode_table_title{
	/*外框标题（主要）*/
	height:12px;
	background: #EEF7FF url(icon_title_lw.gif) no-repeat left top;
	padding:6px 3px 4px 24px;
	font-weight: bold;
	text-align: left;
	color:#1974C8;
}
.mode_table_title_guest{
	/*外框标题（客人或没有icon的）*/
	background: #F5F5F5;
	padding:6px 3px 4px 10px;
	text-align: left;
	color:#666;
}
.mode_table_main{
	/*外框主要内容边界较大*/
	padding:5px 20px;
	margin: 5px 0px;
	line-height: 1.5em;
}
.mode_table_mains{
	/*外框主要内容边界较小*/
	padding:5px 10px;
	margin: 5px 0px;
	line-height: 1.5em;
}
.mode_table_quote{
	/*引用*/
	padding:3px 10px;
	margin: 5px 10px;
	border: 1px dotted #ACDFF2;
}
.mode_table_quote_title{
}
.mainl{
	/*内容左至*/
	margin:1px;
	padding:4px 3px 2px 3px;
	text-align: left;
}
.mainm{
	/*内容右至*/
	text-align:center;
	margin:1px;
	padding:4px 3px 2px 3px;
}
.bt_page{
	/*翻页按钮外框*/
	margin:4px;
	text-align: center;
}
/*form的样式*/
.mode_all_form{
	border: 1px solid #E6F1F9;
	margin:8px 4px;
}
.mode_all_form form{
	background:#E6F1F9;
	margin:2px;
	padding:10px 20px;
}
.ubb{
	padding:3px;
	background:#E6F1F9;
}
.mode_all_form textarea{
	margin:10px 0px;
	width:100%;
	border:0px;
	background:#ffffff;
}
.mode_all_form .right{
	margin:20px 11px 0px 0px;
	color:#4B7EAA;
	font-weight: bold;
}
.mode_small_form{
	/*border: 1px solid #ACDFF2;*/
	background:#F5F5F5;
}
.mode_small_form textarea{
	margin:0px 0px 5px;
	width:100%;
	border:0px;
	background:#ffffff;
}
.mode_small_form .center{
	margin:3px 5px;
	width:99%;
}
.mode_sign{
	/*签名外框*/
	border-top: 1px dashed #dadada;
	padding:4px 10px;
}
.snsstar{
	/*这里访客还到过*/
	background: url(icon_star.gif) no-repeat left center;
	padding:3px 3px 0px 15px;
	margin-left:5px;
	font-weight: normal;
	text-align: left;
	cursor: hand;
	line-height: 1.7em;
}
/*外框内的菜单*/
.mode_t_menu{
	margin:4px;
	height:24px;
}
.mode_t_menu .right{
	margin-top:0px;
	float: right;
	display: block;
}
.mode_t_menu img{
	margin:0px 4px;
}

/*------------------连接模块---------------------*/
a:link,a:visited{text-decoration:none;color:#666;}
a:hover{color:#FB7800;text-decoration:underline;}
a.username:link,a.username:visited,a.username:hover{font-weight: bold;}
a.userblog:link,a.userblog:visited{color:#436EB5;}
a.userblog:hover{color:#0000FF;text-decoration:underline;}
a.blogclass:link,a.blogclass:visited{color:#0066A1;text-decoration:none;}
a.blogclass:hover{color:#0066A1;text-decoration:underline;}
a.blogtitle:link,a.blogtitle:visited{color:#0066A1;text-decoration:none;}
a.blogtitle:hover{color:#0066A1;text-decoration:none;}
a.blogname:link,a.blogname:visited{color:#404040;}
a.blogname:hover{color:#FE8502;}
a.ouxiang:link,a.ouxiang:visited{color:#175EBE;}
a.ouxiang:hover{color:#175EBE;}
a.guestname:link,a.guestname:visited,a.guestname:hover{
	color:#2993D1;
}
a.a:link,a.a:visited{text-decoration:none;color:#666;}
a.a:hover{color:#666;text-decoration:underline;}
a.blue:link,a.blue:visited,a.blue:hover{text-decoration:underline;color:#2F92D8;}

/*日志的tmenu样式*/
a.floder_blog{
	background: url(icon_floder_blog.gif) no-repeat left center;
	padding:3px 3px 0px 15px;
	margin-left:5px;
	font-weight: normal;
	text-align: left;
	line-height: 1.7em;
}
a.file_blog{
	background: url(icon_file_blog.gif) no-repeat left center;
	padding:3px 3px 0px 15px;
	margin-left:10px;
	font-weight: normal;
	text-align: left;
	line-height: 1.7em;
}
a.file_blog:hover{
color:#FB7800;
text-decoration:underline;
}
a.floder_blog:hover{
color:#FB7800;
text-decoration:underline;
}
/*音乐盒的tmenu样式*/
a.floder_music{
	padding:3px 3px 0px 3px;
	margin-left:15px;
	font-weight: normal;
	text-align: left;
	line-height: 1.7em;
}
a.floder_music img{
	margin-right:3px;
}
a.floder_music:hover{
	color:#FB7800;
	text-decoration:underline;
}
a.file_friend{
	background: url(icon_file_friend.gif) no-repeat left center;
	padding:3px 3px 0px 15px;
	margin-left:22px;
	font-weight: normal;
	text-align: left;
	line-height: 1.7em;
}
a.file_friend:hover{
	color:#FB7800;
	text-decoration:underline;
}
/*------------------按钮模块---------------------*/
.button{
	cursor: hand;
}
.hand{
	cursor: hand;
}
img.errpic{
	cursor: hand;
	background-image: url(noneofpic.gif);
	height: 75px;
	width:101px;
}
img.new{
	background-image: url(new.gif);
	height: 9px;
	width:28px;
	margin-top:18px;
}
img.shop{
	cursor: hand;
	background-image: url(bt_shop.gif);
	height: 17px;
	width: 76px;
	margin: 0px 10px 2px;
}
img.myshop{
	cursor: hand;
	background-image: url(bt_myshop.gif);
	height: 17px;
	width: 108px;
	margin: 0px 10px 2px;
}
img.set{
	cursor: hand;
	background-image: url(bt_set.gif);
	height: 17px;
	width: 56px;
	margin: 1px 10px 3px;
}
img.help{
	cursor: hand;
	background-image: url(bt_help.gif);
	height: 11px;
	width: 40px;
	margin: 1px 10px 3px;
}
img.guan{
	cursor: hand;
	background-image: url(bt_guan.gif);
	height: 17px;
	width: 70px;
	margin: 0px 10px 2px;
}
img.ctrl{
	cursor: hand;
	background-image: url(bt_ctrl.gif);
	height: 17px;
	width: 49px;
	margin: 1px 10px 3px;
}
img.indexmore{
	float: right;
	display: block;
	cursor: hand;
	background-image: url(bt_more_index.gif);
	height: 7px;
	width: 34px;
	margin: 1px 0px;
}
img.indexedit{
	float: right;
	display: block;
	cursor: hand;
	background-image: url(bt_edit_index.gif);
	height: 7px;
	width: 32px;
	margin: 1px 3px;
}
img.qme{
	float: right;
	display: block;
	cursor: hand;
	background-image: url(bt_qme.gif);
	height: 9px;
	width: 25px;
	margin: 6px 0px;
}
img.indexbh{
	float: right;
	display: block;
	cursor: hand;
	background-image: url(bt_indexbh.gif);
	height: 14px;
	width: 40px;
	margin: -1px 0px;
}
img.indexqme{
	float: right;
	display: block;
	cursor: hand;
	background-image: url(bt_qme.gif);
	height: 9px;
	width: 25px;
	margin: 1px 0px;
}
img.blogedit{
	float: right;
	display: block;
	cursor: hand;
	background-image: url(../client/bt_edit_blog.gif);
	height: 18px;
	width: 18px;
	margin: -1px 0px;
}
img.blogadd{
	cursor: hand;
	background-image: url(bt_wblog.gif);
	height: 22px;
	width: 83px;
	margin: 4px 6px;
}
img.zoneedit{
	cursor: hand;
	background-image: url(bt_wqzone.gif);
	height: 24px;
	width: 109px;
	margin: 6px 0px 12px;
}
img.music{
	cursor: hand;
	background-image: url(../client/bt_img_music.gif);
	height: 12px;
	width: 12px;
	margin: 0px 2px;
}
img.qusic{
	cursor: hand;
	background-image: url(../client/bt_img_qusic.gif);
	height: 16px;
	width: 17px;
	margin: 0px 2px;
}
img.qusicn{
	cursor: hand;
	background-image: url(../client/bt_img_qusicn.gif);
	height: 16px;
	width: 17px;
	margin: 0px 2px;
}
img.edit{
	cursor: hand;
	background-image: url(../client/bt_img_edit.gif);
	height: 12px;
	width: 12px;
	margin: 0px 2px;
}
img.del{
	cursor: hand;
	background-image: url(../client/bt_img_del.gif);
	height: 12px;
	width: 12px;
	margin: 0px 2px;
}
img.deln{
	cursor: hand;
	background-image: url(../client/bt_img_deln.gif);
	height: 12px;
	width: 12px;
	margin: 0px 2px;
}
img.fav{
	cursor: hand;
	background-image: url(../client/bt_img_fav.gif);
	height: 12px;
	width: 12px;
	margin: 0px 2px;
}
img.favn{
	cursor: hand;
	background-image: url(../client/bt_img_favn.gif);
	height: 12px;
	width: 12px;
	margin: 0px 2px;
}
img.star{
	background-image: url(../client/icon_star.gif);
	height: 10px;
	width: 11px;
	margin: 2px;
}
img.musicadd{
	background-image: url(bt_wmusic.gif);
	height: 22px;
	width: 83px;
	margin: 6px 0px 12px;
}
img.musicpay{
	background-image: url(bt_wmusicpay.gif);
	height: 22px;
	width: 110px;
	margin: 6px 0px;
}
img.musicsearch{
	background-image: url(bt_music_search.gif);
	height: 22px;
	width: 104px;
	margin: 6px 0px;
}
img.musicad{
	background-image: url(bt_music_add.gif);