style.css

企业管理系统,黑色风格

/*基本样式*/
*{margin:0px; padding:0px; }
ul{ list-style-type:none;}
li{list-style-type:none;}
h1,h2,h3,h4,h5,h6,h7{display:inline;font-size:14px;font-weight:normal}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-style: normal;
	line-height: normal;
	text-decoration: none;
	text-align:center;
	font-size:14px;
	background-color:#CCCCCC;
}
td  {
	font-style: normal;
	text-decoration: none;
}
div {
	font-style: normal;
	text-decoration: none;
}
font {
	font-style: normal;
	text-decoration: none;
}
a {
	font-style: normal;
	text-decoration: none;
}
A:hover {
	 TEXT-DECORATION: underline
}
.clear{
clear:both;}
.red{
	color:#FF3300;
}
.grey{
color:#bdbbbb;
}
.blue{
color:#CCCCCC;
}
#page{
text-align:left;
width:945px;
margin:0px auto;
padding:0px 10px;
background-color:#000000;
}
/*--------------------TreeMenu----------------------*/
.Closed ul {display:none;}
#TreeMenu ul {margin:0 0 0 8px;}
#TreeMenu img.s {cursor:pointer;vertical-align:middle;width:17px;height:15px;}
#TreeMenu .Opened img.s {background:url(opened.gif) no-repeat 4px 6px;}
#TreeMenu .Closed img.s {background:url(closed.gif) no-repeat 3px 6px;}
#TreeMenu .Child img.s {cursor:default;background:url(child.gif) no-repeat 3px 5px;}
#TreeMenu2 ul {margin:0 0 0 8px;}
#TreeMenu2 img.s {cursor:pointer;vertical-align:middle;width:17px;height:15px;}
#TreeMenu2 .Opened img.s {background:url(opened.gif) no-repeat 4px 6px;}
#TreeMenu2 .Closed img.s {background:url(closed.gif) no-repeat 3px 6px;}
#TreeMenu2 .Child img.s {cursor:default;background:url(child.gif) no-repeat 3px 5px;}
/*----------------------nav--------------------*/
#nav{
clear:both;
height:26px;
position:relative;
}
#nav ul li{
float:left;
}
#nav ul li.cn a{
display:block;
width:72px;
height:25px;
color:#BBBBBB;
font-weight:bold;
text-indent:-10000px;
background-image:url(top_cn.gif);
background-repeat:no-repeat;
background-position:left top;
}
#nav ul li.cn a:hover{
background-position:-87px top ;
}
#nav ul li.mail{
margin-left:8px;
}
#nav ul li.mail a{
display:block;
margin-left:8px;
margin-top:6px;
width:16px;
height:13px;
color:#BBBBBB;
font-weight:bold;
text-indent:-10000px;
background-image:url(top_mail.gif);
background-repeat:no-repeat;
background-position:left top;
}
#nav ul li.mail a:hover{
background-position:-26px top ;
}
#nav ul li.fav a{
display:block;
margin-left:15px;
margin-top:6px;
width:15px;
height:13px;
color:#BBBBBB;
font-weight:bold;
text-indent:-10000px;
background-image:url(top_fav.gif);
background-repeat:no-repeat;
background-position:left top;
}
#nav ul li.fav a:hover{
background-position:-25px top ;
}
#nav ul li.tel{
position:absolute;
right:5px;
}
#nav ul li.tel a{
font-size:12px;
line-height:25px;
color:#BBBBBB;
}
/*--------------------top----------------------*/
#top{
position:relative;
height:80px;
background-image:url(top.gif);
background-repeat:no-repeat;
border-bottom:1px solid #BBBBBB;
}
#top .logo{
position:absolute;
text-indent:-10000px;
top:20px;;
left:20px;
}
#top .menu{
	position:absolute;
	top:53px;
	right:10px;
}
#top .menu li{
float:left;
padding:0px 8px;
margin:0px 4px;
border:1px solid #BBBBBB; 
background-color:#FFFFFF;
border-bottom-width:0px;
}
#top .menu li a{
line-height:26px;
color:#114464;
white-space:nowrap;
}
/*--------------------left----------------------*/
#body{
height:auto;
margin-top:8px;
}
#left{
float:left;
width:200px;
}
#right{
margin-left:8px;
float:left;
width:734px;
}
#search{
clear:both;
border:1px solid #BBBBBB;
background-color:#000000;
height:20px;
padding:8px 5px;
}
#search .keyword{
float:left;
width:120px;
}
#search .sousuo{
float:left;
margin-left:5px;
width:50px;
height:22px;
}
#classlist{
clear:both;
margin-top:8px;
border:1px solid #BBBBBB;
}
#classlist .title{
height:18px;
background-image:url(title_bg.gif);
background-repeat:repeat-x;
padding:5px;
font-weight:bold;
color:#CCCCCC;
}
#classlist .content{
padding:5px 5px 5px 0px;
}
#classlist .content li{
margin:8px 5px;
}
#classlist .content a{
color:#c2bdbd;
}
#contactus{
clear:both;
margin-top:8px;
border:1px solid #BBBBBB;
}
#contactus .title{
height:18px;
background-image:url(title_bg.gif);
background-repeat:repeat-x;
padding:5px;
font-weight:bold;
color:#CCCCCC;
}
#contactus .content{
padding:8px 5px;
font-size:12px;
}
#contactus .content .t{
display:inline-block;
width:40px;
text-align:left;
padding-left:5px;
padding-right:5px;
color:#CCCCCC;
}
#contactus .content .n{
padding-right:3px;
color:#999898;
}
#Categoryslist{
clear:both;
margin-bottom:8px;
border:1px solid #BBBBBB;
}
#Categoryslist .title{
height:18px;
background-image:url(title_bg.gif);
background-repeat:repeat-x;
padding:5px;
font-weight:bold;
color:#CCCCCC;
}
#Categoryslist .content{
padding:5px 5px 5px 0px;
}
#Categoryslist .content li{
margin:5px 0px;
}
#Categoryslist .content a{
color:#c2bdbd;
}
/*--------------------right----------------------*/
#notice{
clear:both;
line-height:22px;
table-layout:fixed;
word-wrap:break-word;
padding:5px;

border:1px solid #BBBBBB;
background-color:#000000;
padding:8px;
}
#producttuijian{
margin-top:10px;
background-image:url(title_bg2.gif);
background-repeat:repeat-x;
background-position:0px 2px;
border:1px solid #BBBBBB;
height:100%;
}
#producttuijian .title{
position:relative;
padding-left:15px;
padding-right:15px;
}
#producttuijian .title .t{
position:relative;
font-weight:bold;
margin-top:-2px;
display:block;
padding-left:26px;
width:78px;
height:27px;
background-image:url(title_bg_left.gif);
background-repeat:no-repeat;
background-position:left top;
}
#producttuijian .title .t span{
display:block;
height:19px;
padding-left:5px;
padding-top:8px;
padding-right:10px;
background-image:url(title_bg_right.gif);
background-repeat:no-repeat;
background-position:right top;
}

#producttuijian .title .more{
float:right;
padding-top:5px;
font-weight:normal;
}
#producttuijian .title .more a{
color:#c2bdbd;
}

#producttuijian .content{
padding:8px 24px;
}
#producttuijian .content ul li{
float:left;
width:112px;
height:135px;
margin-left:30px;
margin-top:15px;
}
#producttuijian .content ul li.first{
margin-left:0px;
}
#producttuijian .content ul li .box {
 /*非IE的主流浏览器识别的垂直居中的方法*/
 display: table-cell;
 vertical-align:middle; 
 /*设置水平居中*/
 text-align:center;
 /* 针对IE的Hack */
 *display: block;
 *font-family:Arial;
 *font-size: 97px;
 width:112px;
 height:112px;
 background-repeat:no-repeat;
 background-position:center  center;
}
#producttuijian .content ul li .box img {
 vertical-align:middle;
 border:1px solid #BBBBBB;
}
#producttuijian .content ul li .txt,
#producttuijian .content ul li .txt a{
font-size:12px;
line-height:26px;
color:#BBBBBB;
text-align:center;
}
#infotuijian{
clear:both;
margin-top:8px;
border:1px solid #BBBBBB;
}
#infotuijian .title{
height:18px;
background-image:url(title_bg.gif);
background-repeat:repeat-x;
padding:5px;
font-weight:bold;
color:#CCCCCC;
}
#infotuijian .title .more{
float:right;
font-weight:normal;
}
#infotuijian .title .more a{
color:#BBBBBB;
}
#infotuijian .content{
padding:8px;
}
#infotuijian .content ul li{
margin:5px;
color:#BBBBBB;
}
#infotuijian .content ul li .t a{
color:#BBBBBB;
font-weight:bold;
}
/*--------------------link----------------------*/
#link{
margin-top:8px;}
#link ul li{
float:left;
margin:8px;
}
#link ul li a{
white-space:nowrap;
}
/*--------------------bottom----------------------*/
#bottom{
margin-top:8px;
font-size: 12px;
text-align:center;}
#bottom .title ul{
margin-left:320px;}
#bottom .title ul li{
float:left;
padding:2px 10px;}
#bottom .title{
position:relative;
height:26px;
background-color:#000000;
color: #CCCCCC;
border:1px solid #BBBBBB;
}	
#bottom .title a{
color: #CCCCCC;
line-height:22px;
}	
#bottom .content{
line-height:20px;
color:#c2bdbd;
padding:10px;
}
#bottom .content a{
color:#c2bdbd;
}
/*------------------list-------------------*/
#list_content{
background-image:url(title_bg2.gif);
background-repeat:repeat-x;
background-position:0px 2px;
border:1px solid #eeeeee;
}
#list_content .title{
position:relative;
padding-left:15px;
padding-right:15px;
}
#list_content .title .t{
position:relative;
font-weight:bold;
margin-top:-2px;
display:block;
padding-left:26px;
width:90px;
height:27px;
background-image:url(title_bg_left.gif);
background-repeat:no-repeat;
background-position:left top;
}
#list_content .title .t span{
display:block;
height:19px;
padding-left:5px;
padding-top:8px;
padding-right:10px;
background-image:url(title_bg_right.gif);
background-repeat:no-repeat;
background-position:right top;
}

#list_content .title .t h1{
font-weight:bold;
}
#list_content .content{
padding:15px 24px;}
#list_content .content,
#list_content .content a,
#list_content .content font{
line-height:24px;
}
#list_content .content ul li {
margin:5px;
padding-top:5px;
padding-bottom:5px;
border-bottom:1px dashed #CCCCCC;
}
#list_content .content ul li a {
color:#666666;
}
#list_content .content ul li .time {
float:right;
color:#666666;
}

#list_content .content ul li.a a,
#list_content .content ul li.a .time {
color:#f26722;
}
#list_content .content .page{
clear:both;
color:#c2bdbd;
text-align:center;
margin-top:15px;
padding:5px;
height:20px;
border-top:2px solid #adaeb0;
}
#list_content .content .page a{
color:#c2bdbd;
}

#list_product{
background-image:url(title_bg2.gif);
background-repeat:repeat-x;
background-position:0px 2px;
border:1px solid #eeeeee;
}
#list_product .title{
position:relative;
padding-left:15px;
padding-right:15px;
}

#list_product .title .t{
position:relative;
font-weight:bold;
margin-top:-2px;
display:block;
padding-left:26px;
width:150px;
height:27px;
background-image:url(title_bg_left.gif);
background-repeat:no-repeat;
background-position:left top;
}
#list_product .title .t span{
display:block;
height:19px;
padding-left:5px;
padding-top:8px;
padding-right:10px;
background-image:url(title_bg_right.gif);
background-repeat:no-repeat;
background-position:right top;
}

#list_product .title  .t h1{
font-weight:bold;
}
#list_product .content{
padding:15px 24px;}

#list_product .content ul li{
float:left;
width:112px;
height:135px;
margin-left:30px;
margin-top:15px;
}
#list_product .content ul li.first{
margin-left:0px;
}
#list_product .content ul li .box {
 /*非IE的主流浏览器识别的垂直居中的方法*/
 display: table-cell;
 vertical-align:middle; 
 /*设置水平居中*/
 text-align:center;
 /* 针对IE的Hack */
 *display: block;
 *font-family:Arial;
 *font-size: 97px;
 width:112px;
 height:112px;
 background-repeat:no-repeat;
 background-position:center  center;
}
#list_product .content ul li .box img {
 border:1px solid #666666;
 vertical-align:middle;
}
#list_product .content ul li .txt,
#list_product .content ul li .txt a{
font-size:12px;
line-height:26px;
color:#818285;
text-align:center;
}
#list_product .content ul li .txt h2{
display:inline;
font-weight:normal;
}
#list_product .content .page{
clear:both;
color:#c2bdbd;
text-align:center;
margin-top:15px;
padding:5px;
height:20px;
border-top:2px solid #adaeb0;
}
#list_product .content .page a{
color:#c2bdbd;
}
/*------------------show-------------------*/
#show_content{
background-image:url(title_bg2.gif);
background-repeat:repeat-x;
background-position:0px 2px;
border:1px solid #BBBBBB;
}
#show_content .title{
position:relative;
padding-top:10px;
padding-left:15px;
padding-right:15px;
}
#show_content .title .t{
font-weight:bold;
}
#show_content .title .t h1{
font-weight:bold;
}
#show_content .content{
padding:15px 15px;}
#show_content .content,
#show_content .content a,
#show_content .content font{
line-height:24px;
}
#show_content .content .pre,
#show_content .content .next{
padding:5px;}
#path{
padding:5px 15px;
color:#BBBBBB;
}
#path a{
color:#BBBBBB;
}

#Related{
clear:both;
margin-top:8px;
border:1px solid #BBBBBB;
}
#Related .title{
height:18px;
background-image:url(title_bg.gif);
background-repeat:repeat-x;
padding:5px;
font-weight:bold;
color:#CCCCCC;
}

#Related .content{
padding:8px 24px;
height:100%;
}
#Related .content ul li{
float:left;
width:112px;
height:135px;
margin-left:30px;
margin-top:15px;
}
#Related .content ul li.first{
margin-left:0px;
}
#Related .content ul li .box {
 /*非IE的主流浏览器识别的垂直居中的方法*/
 display: table-cell;
 vertical-align:middle; 
 /*设置水平居中*/
 text-align:center;
 /* 针对IE的Hack */
 *display: block;
 *font-family:Arial;
 *font-size: 97px;
 width:112px;
 height:112px;
 background-repeat:no-repeat;
 background-position:center  center;
}
#Related .content ul li .box img {
 border:1px solid #BBBBBB;
 vertical-align:middle;
}
#Related .content ul li .txt,
#Related .content ul li .txt a{
font-size:12px;
line-height:26px;
color:#BBBBBB;
text-align:center;
}
/*------------------*/
body.home #top .menu li.home,
body.about #top .menu li.about,
body.news #top .menu li.news,
body.product #top .menu li.product,
body.request #top .menu li.request{
position:relative;
background-color:#c2bdbd;
}
body.home #top .menu li.home a,
body.about #top .menu li.about a,
body.news #top .menu li.news a,
body.product #top .menu li.product a,
body.request #top .menu li.request a{
line-height:27px;
}