body.css

基于ASP的SQL小区物业管理系统课程设计

/* 整体*/
body {
    scrollbar-face-color : #008000;
	scrollbar-arrow-color : threedhighlight;
	scrollbar-shadow-color : threedhighlight;
    font-size:12px;
	background-color: #EBEBEB;
}
* {
    margin:0px;
	padding:0px;
}
a {
   color:#0099FF;
   text-decoration:none;
}
a:hover { 
   color:#339900;
   text-decoration:underline;
}
#head,#bottom,#abody {
    margin:0px auto;
	width:800px;
	background-color:#FFFFFF;
}
#head {
	height:100px;
}
#head .h1 {
	float:left;
}
#head .h1 {
    width:600px;
	height:74px;
}
#head .h2 {
    height:15px;
	margin-top:59px;
	text-align:right;
}
#bottom {
	height:80px;
	padding-top:50px;
	border-top:1px dashed #000000;
}
#abody,#lbody,#rbody {
   height:600px;
}
#lbody {
	width:220px;
	height:100%;
	float:left;
	background-color:#E5E5E5;
	padding-bottom:10px;
}
#rbody {
    width:580px;
	float:left;
}
#bottom ul li {
	margin-left:50px;
}
/*index.asp body*/

.bleft {
    width:200px;
	height:200px;
	background-color:#d8d8d8;
	margin-left:10px;
	margin-top:10px;
	line-height:30px;
	color:#FFFFFF;
	font-weight:bolder;
}
.bleft .xia {
	width:100%;
	height:170px;
	color:#000000;
	background-color:#FFFFFF;
}
#reg-1 {
	list-style:none;
	margin-left:25px;
	margin-top:20px;
}
#reg-1 li {
    height:20px;
	margin-top:10px;
}
#reg-1-1 {
    margin-top:0px;
	margin-left:20px;
	color:#FF0000;
	font-size:12px;
	font-weight:100;
}
#reg-2 {
    margin:5px;
	line-height:20px;
	font-weight:100;
}
#reg-2 li {
	list-style-position: inside;
	list-style-type:square;
}
#reg-2 li a {
    margin-left:5px;
	color:#515151;
}
#reg-2 li a:hover {
    color:#009900;
	list-style-image: url(../image/nav_li.gif);
}
#reg-3 {
    line-height:20px;
	font-weight:100;
	padding:10px;
	text-indent:1.2em;
}
.bdiv {
    width:558px;
	height:150px;
	margin:10px auto;
	border:1px solid #999999;
}
.bdiv img {
    margin-left:52px;
	margin-top:10px;
}
.mima {
   background-color:#CCCCCC;
   border: 1px groove #009900;
}
.submitB {
    width:70px;
	height:20px;
	font-size:12px;
	background-color:#9FB6CD;
}
/*bbs.asp  body*/

#cont,#btop,#bbs {
	width:600px;
	margin:0px auto;
	border: 1px solid #009900;
	margin-top:10px;
}
#btop {
    height:20px;
	padding-top:7px;
}
#cont .c1-1 {
    width:280px;
	height:18px;
	padding-top:5px;
	padding-left:20px;
	float:left;
	background-color:#F08080;
	overflow:hidden;
}
#cont .c1-1 img {
    margin-left:100px;
}
#cont #c2 {
     float:left;
	 width:159px;
	 height:176px;
	 border-right:1px solid #CCCCCC;
	 text-align:center;
}
#cont #c2 #c2-1,#c2-2{
     width:100%;
	 float:left;
	 margin-top:20px;
}
#cont #c2 #c2-1 {
     height:80px;
}
#cont #c2 #c2-2 {
     height:50px;
}
#cont #c3,#c4 {
     float:left;
	 width:440px;
	 overflow:hidden;
	 line-height:20px;
	 letter-spacing:1px;
}
#cont #c3 {
	height:80px;
	margin-top:7px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #0099FF;
}
#cont #c4 {
	 height:80px;
}
#cont #c4 ul {
     list-style:none;
	 margin:0px;
}
#cont #c4 ul .col {
     color:#CC0000;
}
#bbs {
     border:none;
	 margin:40px auto 40px;
}
#bbs_0 {  
    width:400px;
    float:left;
	height:100%;
}
#bbs_1,#bbs_2,#bbs_3 {
	float:left;
	width:400px;
}
.fsub {
	width:50px;
	margin-left:150px;
	margin-top:10px;
}
#bbs_4 { 
    float:left;
	width:200px;
	height:100%;
}
#bbs_4 .img {
    width:66px;
	height:66px;
	float:left;
}
#bbs_4 .img img {
    margin-left:10px;
}
.intp {
   margin-left:22px;
}
/*inside.asp body*/

.rbin {
	width:500px;
	margin:20px auto 0px;
}
.r1,.r2 {
	float:left;
	line-height:20px;
	font-size:14px;
	color:#708090;
	font-family:Arial;
	font-weight:normal;
}
.rbin span {
    border-bottom:1px dashed #008B00;
}
.r1 {
    width:50%;
}
.r1 img {
    margin-left:100px;
}
.r1 p {
    font-size:12px;
	margin-left:130px;
	margin-top:10px;
	color:#FF0000;
}
.r2 {
    width:100%;
}
.rbin ul {
    display:block;
    list-style-type:none;
	text-indent:20px;
}
.rbin ul li {
	margin-top:10px;
}
h5 {
   width:100%;
   height:15px;
   padding-top:5px;
   filter: Glow(Color="#CCCCCC", Strength=5);
}
/*fycx.asp*/
.fy {
   width:500px;
   margin:20px auto;
}
.fyb,#fanye {
    width:500px;
	margin:20px auto;
}
.fyb {
	border-collapse:collapse;
	text-align:center;
}
.fyb a {
    color:#FF9900;
}
.fyb th,td {
    border:1px solid #FFA500;
	background-color:#FFFFFF;
	height:20px;
}
.fyb th {
    background-color:#B4CDCD;
}
.fyb .b1 {
    border-left:none;
}
.fyb .b2 {  
    border-right:none;
}
#fanye {
	height:25px;
	background-color:#B9D3EE;
}
#fanye p {
    margin-top:7px;
}
#fy-1 {
    margin:10px;
}
/*表单输入框*/
.input {
	background-color:#CCCCCC;
	border: 1px groove #009900;
	width: 300px;
}
textarea {
	width:300px;
	height:120px;
	background-color: #CCCCCC;
}
/*register.asp*/
#lay {
    width:550px;
	margin:0px auto;
	border:1px solid #CCCCCC;
}
#top {
    height:20px;
	width:552px;
	margin:30px auto 0px;
	text-align:center;
	font-weight:bolder;
	font-size:14px;
	color:#EAEAEA;
}
#top .a {
     width:20px;
	 height:20px;
	 float:left;
}
#top .b {
     width:512px;
	 height:18px;
	 float:left;
     background-color:#9AC0CD;
	 padding-top:2px;
}
/*new.asp*/
#n-0 {
     height:30px;
	 margin-top:30px;
	 font-size:14px;
	 font-weight:bolder;
	 text-align:center;
}
#n-1 {
     float:left;
     width:500px;
	 margin-left:20px;
	 text-indent:2em;
	 line-height:20px;
}
#n-2 {
     float:left;
     height:20px;
	 padding-left:400px;
	 margin-top:30px;
}
#n-3 {
    width:500px;
	height:100px;
	margin:10px auto;
	background-color:#999999;
}
/*quanxian.asp*/
#err {
   text-align:center;
   color:#FF0000;
   font-size:16px;
   margin-top:200px;
}