215 lines
3.1 KiB
CSS
215 lines
3.1 KiB
CSS
/*
|
|
* css style for my bss
|
|
* use ms visual studio 2005
|
|
* author:wxy,email:leixiaoli@126.com
|
|
*/
|
|
*
|
|
{
|
|
font-size:15px;
|
|
font-family:Verdana;
|
|
text-decoration:none;
|
|
|
|
}
|
|
img {
|
|
vertical-align: middle
|
|
}
|
|
html{
|
|
width:100%;
|
|
height:100%;
|
|
position:absolute;
|
|
}
|
|
body
|
|
{
|
|
padding:0;
|
|
margin:0;
|
|
text-align:center;
|
|
background:url(bg.gif) repeat-x;
|
|
background-color:white
|
|
}
|
|
a
|
|
{
|
|
font-weight:900;
|
|
color:#4ca8e5;
|
|
text-decoration:none;
|
|
}
|
|
a:hover
|
|
{
|
|
color:#6C7E4A;
|
|
text-decoration:underline;
|
|
}
|
|
form{padding:0; margin:0;}
|
|
fieldset{border:solid 1px #ccc; padding:5px;}
|
|
#top{width:760px;height:100px;background:url(logo2.png) no-repeat;}
|
|
#menu
|
|
{
|
|
font-size:13px;
|
|
color:White;
|
|
line-height:25px;
|
|
margin-top:4px;
|
|
text-align:right;
|
|
height:25px;
|
|
font-weight:900;
|
|
}
|
|
#menu2 {
|
|
float: left;
|
|
margin-left: 500px;
|
|
margin-top: 8px;
|
|
}
|
|
#menu a {
|
|
color: black;
|
|
}
|
|
#menu a:hover{
|
|
color: skyblue;
|
|
}
|
|
#main
|
|
{
|
|
text-align:left;
|
|
height:350px;
|
|
width:100%;
|
|
}
|
|
.main
|
|
{
|
|
width:550px;
|
|
border:solid 1px #ddd;
|
|
float:left;
|
|
margin-left:251px;
|
|
background:url(mainBg.gif) no-repeat;
|
|
background-position:0 5px;
|
|
padding-top:25px;
|
|
margin-top:5px;
|
|
}
|
|
.mainFoot
|
|
{
|
|
background:url(mainBg2.gif) no-repeat bottom;
|
|
height:5px;
|
|
padding-top:5px;
|
|
padding-bottom:15px;
|
|
margin-bottom:5px;
|
|
}
|
|
#mainContent{padding:2px 8px;}
|
|
#foot {
|
|
position: absolute;
|
|
bottom: 0px;
|
|
height: 50px;
|
|
width: 100%;
|
|
line-height: 50px;
|
|
clear: both;
|
|
background: url(bg.gif) repeat-x;
|
|
background-position: -30px;
|
|
}
|
|
#nav
|
|
{
|
|
border:solid 1px #ddd;
|
|
float:left;
|
|
width:200px;
|
|
height:100%;
|
|
position:relative;
|
|
background:white;
|
|
padding:10px 0;
|
|
}
|
|
#nav ul
|
|
{
|
|
margin:0;
|
|
padding:0;
|
|
list-style-type:none;
|
|
}
|
|
#nav ul li{margin:2px 12px;display:block;}
|
|
#nav li a {
|
|
display: block;
|
|
color: #4ca8e5;
|
|
text-decoration: underline;
|
|
padding-bottom: 2px;
|
|
}
|
|
#nav li a:hover{
|
|
text-decoration:none;
|
|
border-bottom:1px solid #ccc;
|
|
padding-bottom:1px;
|
|
}
|
|
.lable
|
|
{
|
|
font-size:12px;
|
|
color:#8CA464;
|
|
font-family:Verdana;
|
|
}
|
|
h3 {
|
|
font-size: 16px;
|
|
font-weight: 900;
|
|
color: white;
|
|
line-height: 18px;
|
|
background: #4ca8e5;
|
|
text-align: left;
|
|
margin: 0 10px;
|
|
padding: 8px 12px;
|
|
text-indent: 5px;
|
|
}
|
|
h2 {
|
|
text-indent: 10px;
|
|
border-bottom: 1px dotted #ccc;
|
|
color: #4ca8e5;
|
|
font-size: 16px;
|
|
font-family: Arial;
|
|
margin: 0 20px;
|
|
margin-top: 5px;
|
|
}
|
|
.table{margin:0 10px;padding:2px;}
|
|
|
|
.table a {
|
|
color: #4ca8e5;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.table a:hover{color:#030;}
|
|
.content {
|
|
color: #4ca8e5;
|
|
text-indent: 10px;
|
|
font-family: Verdana;
|
|
background: #f9f9f9;
|
|
margin: 0 20px;
|
|
padding: 10px;
|
|
}
|
|
.tool
|
|
{
|
|
margin:0 20px;
|
|
padding-top:3px;
|
|
padding-left:5px;
|
|
}
|
|
.tool a {
|
|
color: #4ca8e5;
|
|
}
|
|
.tool a:hover{color:#030;}
|
|
.infor{text-align:right;color:#666;margin:0 20px;}
|
|
hr{width:520px;text-align:center;color:#ddd;}
|
|
.comment
|
|
{
|
|
background:#f9f9f9;
|
|
padding:10px;
|
|
margin:0 20px;
|
|
}
|
|
.replay table{text-align:left;padding:10px;}
|
|
fieldset{
|
|
border:1px solid #ccc;padding:5px;
|
|
}
|
|
/*
|
|
warning style
|
|
*/
|
|
#warning {
|
|
padding: 5px;
|
|
width: 50%;
|
|
margin: 5px auto;
|
|
border: 1px solid #6C7E4A;
|
|
background: #4ca8e5
|
|
}
|
|
/*hidden for gridview*/
|
|
.hidden{display:none}
|
|
|
|
table{
|
|
color:#4ca8e5 !important
|
|
}
|
|
tr {
|
|
background-color: #4ca8e5
|
|
currentColor:white !important
|
|
}
|
|
|
|
textarea{
|
|
height:40px !important
|
|
} |