css.css

留言 留言本采用asp+access数据结构

   <style type="text/css">
<!--
* { margin:0; padding:0; font-family:Tahoma, Helvetica, sans-serif;}
* html * { font-family:Arial, sans-serif;}
html { overflow-y:scroll;}
body  {
font-size: 12px; margin:8px 0px 16px 0px;padding:0px;text-align:center;background:url(bg.gif) repeat-x; font-size:12px; line-height:150%;color:#04271B;font-family: Verdana, Arial, "宋体";}

/*  超连接样式 */
a:link {color: #000000;text-decoration: none;}
a:visited {color: #000000;text-decoration: none;}
a:hover{ color:#FF3300;text-decoration:none;}

#container { width: 800px;  background: #FFFFFF;margin: 0 auto; text-align: left; font-size: 12px;} 
#header { float:left; width:100%; padding:.25em 0 0em; clear:both;  font-size:12px; line-height:150%; background-color:#C7E2F4;}
#header h1 { float:left; width:225px;}
#header h1 a { display:block; text-decoration:none;}
#header h1 a span { display:none; margin-left:.5em; font-size:13px; font-weight:normal;}
#header h1 a:hover span { display:inline; color:#fff;}
#header #blogname {margin: 0; padding: 30px 20px 0px 40px; font-size: 24px;font-weight:bold;font-family: "微软雅黑" Verdana, Arial, Helvetica, sans-serif;color: #0472BC;	}
/*  留言本副标题 */
#blogtitle {margin: 0; padding: 15px 80px 10px 80px ;font-size: 12px;}
#blogskin {margin: 0; padding: 0px 50px 0px 80px ;font-size: 12px;}
/*  留言本导航菜单 */
#menu {background:#cbe4f0; border: 1px solid #5eabd0; height:25px;}
#menu ul {margin:0; padding:2px 0px 0px 0px;list-style:none;}
#menu li { display:inline; margin:0;}
#menu a { float:left;margin:0;padding:0px 5px 0px 5px; text-decoration:none;}  
#menu a span {float:none;}
#menu a:hover span {color:#FFF;}
#menu a:hover {background-position:0% -42px;}
#menu .menuright{ float:right; padding:0px 10px 0px 10px;}
#gonggao{ margin:10px 0px 0px 0px; background:#ffffff; border: 1px solid #5eabd0; height:22px; padding:2px 0px 0px 5px;}
#ads{ margin:5px 0px 0px 0px; background:#ffffff; border: 1px solid #5eabd0; display:none;}

#page{height:40px;background: #fff;line-height:40px;text-align:center;clear:both;text-align:center;width:auto;}
#page a{padding-left:4px;	padding-right:4px;color:#000000;	}
.page_hover{padding-left:4px;	padding-right:4px;color:blue;	}
#page a:hover{padding-left:4px;	padding-right:4px;color:#ff0000;	}
   
.contents{border: 1px solid #D5E4F4;background:#FFF;padding:10px 10px 16px 10px;margin:0px;}
.contents span{color:#666;}

form{border: 1px solid #D5E4F4;background:#FFF;padding:10px 10px 16px 10px;margin:0px;}
form span{color:#666;}
input {font:9pt Verdana;padding:2px;}
textarea {padding:6px;font:9pt Verdana;width: 300px;height: 86px;}
#sbutton{margin-left: 125px;height:22px;margin-top: 5px;width:80px;}
#reply_textarea{padding:6px;height:80px;margin-left: 65px;width:300px;}
label{text-align:right;margin-left:28px;float: left;padding:3px;width: 100px;}
input,textarea,select{color: #333333;border:1px #a5b1d8 solid;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
.input {height: 0px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;}

br{clear: left;}
img {border:none;}

#alertmsg {width:660px;margin:0 auto;text-align:center;border: 3px solid #C0DDFC;border-top:20px;background:#F4FAFF;padding:12px;
margin-top:25px;}
#alertmsg a{color:#175CBB;}

#main{width:800px;margin:0 auto;background:#FFF;padding:10px 0px 20px 0px;}
#top,#pages {width:700px;margin:0 auto;background:#FFF;padding:8px;}
#top {height:60px;}
#submit,#list {background-image: url(../images/list_bg.gif);background-repeat: repeat-x;background-color:#F0F8FF;padding:20px 13px 13px 13px;}
#submit img{margin-left:8px;}
#submit_div {width:320px;margin:0 auto;padding:22px;}
#submit_set_left {width:120px;margin-left:50px;text-align:center;float:left;}
#submit_set_left ul{margin:0px;}
#submit_set_left li {list-style:none;line-height:38px;background:url(../images/class_folder.gif) no-repeat left 12px;}
#submit_set_right {width:442px;float:left;}
#submit .submitleft{}
#submit .submitright{margin-right:20px;margin:20px 20px 0px 0px;padding:0px 0px 0px 0px;float:right; }
.faceselect{padding:0px 0px 5px 0px;}
.faceimg{padding:5px 0px 0px 0px;}

#listmain{border: 1px solid #D5E4F4;background:#FFF;padding:5px;margin:0px;padding-bottom:20px;}
#listmain h2,#submit h2{font:8pt Verdana;color:#175CBB;border-top:1px solid #EBF5FE;border-bottom:1px solid #EBF5FE;background:#F4FAFF;padding:3px;font-weight: normal;height:20px;}
.leftarea,.midarea,.rightarea {height:20px;line-height:20px;float:left;overflow:hidden;}
.leftarea {padding-left:8px;width:480px;}
.rightarea {width:100px;text-align:right;}
.midarea {width:150px;text-align:right;}
.ftcolor_175 {color:#175CBB;}
.ftcolor_666 {color:#666;}
.ftcolor_999 {color:#999;}
.ftcolor_FF9 {color:#FF9933;}

.content{margin-left:10px;width:610px;text-indent: 24px;word-wrap: break-word;padding:6px 12px 10px 12px;}
.contentleft{margin-right:10px;padding:6px 0px 10px 0px; float:left;}
.contentright{margin-left:20px;padding:0px 0px 10px 0px; }


.reply{margin-left:80px;border:2px dashed #F8E9E9;background:#f8f8f8;width:520px;text-indent:24px;word-wrap:break-word;padding:8px;margin-bottom:10px;}

#logoarea{height:60px;width:200px;float:left;}


/*  留言本底部 */
#footer { margin:0px;background:#F9F9F9;padding-top:12px;color:#000000;border-top:3px ;} 
#footer p {margin: 0; padding: 10px 0; }
.copyright{ background:#cbe4f0; border: 1px solid #5eabd0; height:20px; padding:5px 0px 0px 0px;}

-->
</style>