mycss.css

php留言板 div+css布局 代码详细完整

@charset "utf-8";
body {
font-size:12px;
color:#003366;
}
input {
font-size:12px;
color:#003366;
}
option {
font-size:12px;
color:#003366;
}
div a {
color:#003366;
}
#topbg {
background:#317082;
border:1px solid #317082;
margin:10px 10px 0px 10px;
}
#top_left {
border:1px solid;
border-bottom:0px;
padding:20px 0px 20px 0px;
border-color:#317082;
border-left-color:#FFFFFF;
border-right-color:#FFFFFF;
margin:0px 10px 0px 10px;
float:left;
}
#top_right {
border:1px #317082 solid;;
padding:20px 0px 20px 0px;
border-left-color:#FFFFFF;
border-right-color:#FFFFFF;
margin:0px 10px 0px 10px;
text-align:right;
}
#page {
background:#FFFFFF;
margin:5px;
margin-top:0px;
text-align:center;
clear:both;
}
#page_title {
margin:10px;
text-align:left;
}
.posts {
line-height:24px;
margin-left:5px;
clear:both;
}
#post_mode {
width:5%;
padding:5px;
border:1px solid #317082;
background:#E2EBED;
float:left;
}
#post_face {
width:5%;
border:1px solid #317082;
border-left:0px;
padding:5px;
float:left;
}
#post_title {
width:30%;
border:1px solid #317082;
border-left:0px;
padding:5px;
background:#E2EBED;
float:left;
}
#post_title_op {
width:25%;
border:1px solid #317082;
border-left:0px;
padding:5px;
background:#E2EBED;
float:left;
}
#post_user {
width:15%;
border:1px solid #317082;
border-left:0px;
padding:5px;
float:left;
}
#post_rep {
width:5%;
border:1px solid #317082;
border-left:0px;
padding:5px;
background:#E2EBED;
float:left;
}
#post_pop {
width:5%;
border:1px solid #317082;
border-left:0px;
padding:5px;
float:left;
}
#post_last_rep {
width:25%;
border:1px solid #317082;
border-left:0px;
padding:5px;
background:#E2EBED;
float:left;
clear:right;
}
#post_last_rep_admin {
width:20%;
border:1px solid #317082;
border-left:0px;
padding:5px;
background:#E2EBED;
float:left;
}
#post_op {
width:5%;
height:24px;
line-height:24px;
border:1px solid #317082;
border-left:0px;
padding:5px;
float:left;
clear:right;
}
.post_mode_b {
width:5%;
padding:5px;
border:1px solid #317082;
border-top:0px;
background:#E2EBED;
float:left;
}
.post_face_b {
width:5%;
border:1px;
border-left:0px;
border-top:0px;
padding:5px;
border-style:solid;
border-color:#317082;
float:left;
}
.post_title_b {
width:30%;
border:1px solid #317082;
border-left:0px;
border-top:0px;
padding:5px;
background:#E2EBED;
float:left;
}
.post_title_op_b {
width:25%;
border:1px solid #317082;
border-left:0px;
border-top:0px;
padding:5px;
background:#E2EBED;
float:left;
}
.post_user_b {
width:15%;
border:1px solid #317082;
border-left:0px;
border-top:0px;
padding:5px;
float:left;
}
.post_rep_b {
width:5%;
border:1px solid #317082;
border-left:0px;
border-top:0px;
padding:5px;
background:#E2EBED;
float:left;
}
.post_pop_b {
width:5%;
border:1px solid #317082;
border-left:0px;
border-top:0px;
padding:5px;
float:left;
}
.post_last_rep_b {
width:25%;
border:1px solid #317082;
border-left:0px;
border-top:0px;
padding:5px;
background:#E2EBED;
float:left;
clear:right;
}
.post_last_rep_badmin {
width:20%;
border:1px solid #317082;
border-left:0px;
border-top:0px;
padding:5px;
background:#E2EBED;
float:left;
}
.post_op_b {
width:5%;
height:24px;
border:1px solid #317082;
border-left:0px;
border-top:0px;
padding:5px;
float:left;
clear:right;
}
.post_op_b input {
width:12px;
height:12px;
}
#list_admin {
height:20px;
clear:both;
}
#list {
padding:10px;
float:left;
clear:left;
}
#admin_op {
padding:10px;
float:right;
text-align:right;
width:65%;
clear:right;
}
#search {
border:1px solid #317082;
padding:10px 0px 20px 0px;
border-left-color:#FFFFFF;
border-right-color:#FFFFFF;
border-top-color:#FFFFFF;
margin:0px 10px 0px 10px;
clear:both;
text-align:center;
}
#footer {
padding:10px;
text-align:center;
clear:both;
}
#footer p {
height:16px;
margin:5px;
}
#page_r {
border:1px solid #317082;
margin:10px;
}
#page_top_r {
border-bottom:1px solid #317082;
background:#317082;
color:#B7DFEB;
line-height:25px;
text-align:center;
padding:5px;
clear:both;
font-weight: bold;
}
.row_r {
border-bottom:1px solid #317082;
text-align:center;
clear:both;
}
.row_r_l {
border-right:1px #317082 solid;
text-align:left;
padding:13px;
width:20%;
float:left;
}
.row_r_r {
text-align:left;
padding:10px 10px 10px 260px;;
clear:right;
}
.row_pl {
border-right:1px solid #317082;
width:240px;
height:30px;
line-height:30px;
float:left;
}
.row_pr {
text-align:left;
height:30px;
background:#E2EBED;
clear:right;
}
.row_pr input {
margin-top:5px;
margin-left:20px;
}
.row_plc {
border-right:1px solid #317082;
width:240px;
height:400px;
line-height:400px;
float:left;
}
.row_prc {
background:#E2EBED;
clear:right;
}
.row_show {
border:1px solid #317082;
background:#E2EBED;
border-top:0px;
margin-top:10px;
clear:both;
}
.row_plc_show {
border-right:1px solid #317082;
width:240px;
height:165px;
line-height:160px;
float:left;
}
.row_prc_show textarea {
font-size:12px;
color:#003366;
width:700px;
height:160px;
overflow-y:auto;
}
.row_prc textarea {
font-size:12px;
color:#003366;
width:660px;
height:395px;
overflow-y:auto;
}
#row_face {
border-bottom:1px solid #317082;
text-align:center;
clear:both;
}
#face_l {
border-right:1px #317082 solid;
width:20%;
line-height:80px;
padding:0px 13px 0px 13px;
text-align:left;
float:left;
}
#face_r {
text-align:left;
height:80px;
}
#face_r_l {
text-align:left;
height:80px;
position:relative;
float:left;
}
#face_r_l select {
margin:0 auto;
position:absolute;
top:30%; 
left:40px;;
}
#face_r_r {
position:relative;
}
#face_r_r img {
margin:0 auto;
position:absolute;
top:15px; 
left:45%;
}
#r_submit {
border-bottom:1px solid #317082;
background:#317082;
color:#B7DFEB;
text-align:center;
height:35px;
clear:both;
}
#r_submit input {
margin-left:50px;
background:#317082;
border:#317082 0px;;
color:#B7DFEB;
margin-top:9px;
}
#log_top {
background:#317082;
border:1px solid #317082;
margin:auto;
margin-top:100px;
width:60%;
line-height:40px;
clear:both;
}
#log_top a {
color:#B7DFEB;
text-decoration:none;
}
#log_test {
font-size:14px;
color:#B7DFEB;
margin-left:20px;
}
#log_body {
background:#E2EBED;
margin:auto;
border:1px solid #317082;
width:60%;
}
.log_b_t {
border-bottom:1px solid #317082;
line-height:30px;
clear:both;
}
.log_left {
border-right:1px solid #317082;
width:100px;
margin-left:15px;
float:left;
}
.log_right {
height:30px;
clear:right;
}
.log_right input {
margin-left:25px;
margin-top:5px;
}
#log_b_b {
clear:both;
height:25px;
}
#log_b_b input {
margin-top:5px;
margin-left:150px;
background:#317082;
border:#317082 0px;;
color:#B7DFEB;
width:40px;
height:16px;
}
#info_body_top {
text-align:center;
margin:10px;
clear:both;
color:#FF0000;
font-weight:bold;
}
#info_body_b {
margin-bottom:10px;
}
#info_text {
text-align:center;
color:#FF0000;
}
#info_submit {
background:#E2EBED;
margin-top:5px;
margin-bottom:5px;
margin-left:40%;
}
#info_submit input {
background:#317082;
border:0px;
color:#B7DFEB;
margin-left:50px;
}
#info_page {
background:#E2EBED;
border:1px solid #317082;
margin:10px 10px 0px 10px;
}
#show_page {
margin:10px 10px 0px 10px;
border-top:15px solid #317082;
}
.show_row {
border:1px solid #317082;
margin-top:5px;
background:#E2EBED;
clear:both;
}
.show_row_left {
width:20%;
background:#E2EBED;
float:left;
}
.pfont {
font-weight: bold;
}
.show_row_left p {
margin:5px;
}
.show_row_right {
line-height:15px;
width:80%;
background:#FFFFFF;
float:left;
clear:right;
}
.show_row_right p {
height:30px;
margin:15px;
border-bottom:1px solid #317082;
}
.span_right {
margin-left:300px;
text-align:right;
}
.show_right_text  {
margin:20px 15px 30px 15px;
}
.show_right_text p {
border:0px;
margin:0px;
height:20px;
font-weight: bold;
}
.clear {
clear:both;
}
.show_sub {
margin-top:5px;
margin-bottom:5px;
margin-left:40%;
}
.show_sub input {
background:#317082;
border:0px;
color:#B7DFEB;
margin-left:50px;
}
.lists {
border:1px solid #317082;
background:#E2EBED;
margin-top:10px;
line-height:25px;
clear:both;
}
.list_in {
width:25px;
height:25px;
float:left;
}
.list_in_num {
background:#317082;
color:#B7DFEB;
width:25px;
height:25px;
text-align:center;
float:left;
}
.list_in_num a {
color:#B7DFEB;
}
.list_num {
width:25px;
height:25px;
text-align:center;
float:left;
}
.lists input {
width:50px;
height:14px;
margin:1px;
}
.info_user_id {
width:5%;
border:1px solid #317082;
background:#E2EBED;
float:left;
}
.info_user_name {
width:10%;
border:1px solid #317082;
border-left:0px;
float:left;
}
.info_user_mail {
width:17%;
border:1px solid #317082;
border-left:0px;
background:#E2EBED;
float:left;
}
.info_user_page {
width:21%;
border:1px solid #317082;
border-left:0px;
float:left;
}
.info_user_qq {
width:9%;
border:1px solid #317082;
border-left:0px;
background:#E2EBED;
float:left;
}
.info_user_type {
width:7%;
border:1px solid #317082;
border-left:0px;
float:left;
}
.info_user_posts {
width:5%;
border:1px solid #317082;
border-left:0px;
background:#E2EBED;
float:left;
}
.info_user_regtime {
width:13%;
border:1px solid #317082;
border-left:0px;
float:left;
}
.info_user_regip {
width:8%;
border:1px solid #317082;
border-left:0px;
background:#E2EBED;
float:left;
}
.info_user_mod {
width:5%;
border:1px solid #317082;
border-left:0px;
background:#E2EBED;
float:left;
}
.info_user_mod_noadmin {
width:10%;
border:1px solid #317082;
border-left:0px;
background:#E2EBED;
float:left;
clear:right;
}
.info_user_op {
width:6%;
border:1px solid #317082;
border-left:0px;
float:left;
clear:right;
}
.info_user_idb {
width:5%;
border:1px solid #317082;
border-top:0px;
background:#E2EBED;
float:left;
}
.info_user_nameb {
width:10%;
border:1px solid #317082;
border-top:0px;
border-left:0px;
float:left;
}
.info_user_mailb {
width:17%;
border:1px solid #317082;
border-top:0px;
border-left:0px;
background:#E2EBED;
float:left;
}
.info_user_pageb {
width:21%;
border:1px solid #317082;
border-top:0px;
border-left:0px;
float:left;
}
.info_user_qqb {
width:9%;
border:1px solid #317082;
border-top:0px;
border-left:0px;
background:#E2EBED;
float:left;
}
.info_user_typeb {
width:7%;
border:1px solid #317082;
border-top:0px;
border-left:0px;
float:left;
}
.info_user_postsb {
width:5%;
border:1px solid #317082;
border-top:0px;
border-left:0px;
background:#E2EBED;
float:left;
}
.info_user_regtimeb {
width:13%;
border:1px solid #317082;
border-top:0px;
border-left:0px;
float:left;
}
.info_user_regipb {
width:8%;
border:1px solid #317082;
border-top:0px;
border-left:0px;
background:#E2EBED;
float:left;
}
.info_user_modb {
width:5%;
border:1px solid #317082;
border-top:0px;
border-left:0px;
background:#E2EBED;
float:left;
}
.info_user_modb_noadmin {
width:10%;
border:1px solid #317082;
border-top:0px;
border-left:0px;
background:#E2EBED;
float:left;
clear:right;
}
.info_user_opb {
width:6%;
border:1px solid #317082;
border-top:0px;
border-left:0px;
float:left;
clear:right;
}
.info_user_op input {
margin:2px;
}
.info_user_opb input {
height:20px;
margin:2px;
}
#user_show_face {
margin-left:30px;
}