自己整理在项目中经常用到的一些样色
/**/
/* CSS Document */
/**/
/*----------------------------------整体框架自适应宽度布局（注：这部分不能修改）---------------------------------*/
*
{...}
{ margin:0; padding:0;}
#Wrapper
{...}
{ width:auto; min-width:900px; text-align:left; margin-left:auto; position:relative;}
#Outer
{...}
{ margin-left:251px;}
#Header
{...}
{ position:absolute; top:0; left:0; width:100%; height:132px; overflow:hidden;}
#Footer
{...}
{ width:100%; clear:both; position:relative;}
#ClearHeader
{...}
{ height:132px;}
#CenterContent
{...}
{ float:right; width:99%;}
html>body #CenterContent
{...}
{ margin:0 -0.5%}
/**/
/*ff兼容*/
#Left
{...}
{position:relative;width:251px;float:left;left:0px;margin-left:-248px;}
* html #Outer, * html #Wrapper,* html #CenterContent
{...}
{ height:1%}
* html #Left
{...}
{ margin-right:-3px;}
* html #Outer
{...}
{margin-left:248px;}
.Outerwrap
{...}
{ float:left; width:99%;}
.Clearer
{...}
{ height:1px; overflow:hidden; margin-top:-1px; clear:both;}
/**/
/*----------------------------------整体框架自适应宽度布局（注：这部分不能修改）---------------------------------*/
/**/
/*-----------------------------页面基本效果--------------------------------------*/
body
{...}
{ font-size:12px; font-family:"",""; color:#666666; background:url(../image/sub_r1_c3.jpg) repeat-x }
li
{...}
{ list-style:none}
table
{...}
{text-align:left;}
p
{...}
{margin: 15px 0px 15px 0px;padding: 3px 0px 3px 0px;}
hr
{...}
{border:#000000 0px solid;border-top: #D1D7DC 1px solid;height: 0px;}
img
{...}
{border:0px;}
form
{...}
{margin:0;padding:0;}
input,select,textarea
{...}
{ font: 12px Tahoma, Verdana; color: #000000; font-weight: normal;}
input
{...}
{height:17px; background-color:#FFFFEE; color:#993300;border:expression((!(this.type=="checkbox" || this.type=="radio")) ?"1px solid #8EC1DB":"style");}
input
{...}
{ cursor:expression((this.type=="button" || this.type=="submit")?"pointer":"auto");}
textarea
{...}
{ border:1px solid #8EC1DB;}
a:visited,a:Link
{...}
{
font-size:12px; color:#000099; text-decoration:none;
}
a:hover
{...}
{ color:#005681; text-decoration:underline;}
a:active
{...}
{ color:#666666; text-decoration:underline;}
#Footer
{...}
{ height:110px; background:url(../image/foot01.gif) no-repeat center; clear:both}
#Header
{...}
{ height:132px; background:url(../image/sub_r1_c1.jpg) no-repeat}
.com_h1
{...}
{ width:70%; float:left; height:50px;}
.com_h2
{...}
{ width:30%; float:left; height:50px; text-align:right;}
.com_h3
{...}
{ width:100%; float:left; height:72px; text-align:right;}
#SideBar
{...}
{ width:251px; float:left; height:600px ;background:#666666 ;background:url(../image/sub_r2_c1.jpg) no-repeat}
/**/
/*------------------------欢迎页------------------------------*/
#home
{...}
{ width:100%; background:url(../image/main_r1_c2.jpg) repeat-x top}
.logo
{...}
{ width:900px; height:90px; margin:0px auto}
.logo li
{...}
{ float:left; list-style:none}
.logo .L_1
{...}
{ width:400px;}
.logo .L_2
{...}
{ width:500px;text-align:right; padding-top:35px}
#home .main
{...}
{ width:900px; height:645px; background:url(../image/main_r2_c1.jpg) no-repeat; margin:0px auto; padding-top:0px;}
#home .index_flash
{...}
{ width:640px; height:72px; margin:0px auto; margin-left:150px; margin-bottom:60px; }
#home .login
{...}
{ width:300px; height:150px; margin:0px auto; margin-left:550px }
#home .login li
{...}
{ height:30px; line-height:30px; list-style:none }
#home .main .mes
{...}
{ width:400px; margin-left:500px}
#home .main .mes li
{...}
{ list-style:none}
#home .main .bq
{...}
{ padding-top:140px; padding-left:570px; font-size:14px}
/**/
/*-----------------------------左边菜单--------------------------------------*/
#SideBar .text1
{...}
{height:170px;}
#SideBar li
{...}
{list-style:none; width:150px ;height:25px; line-height:25px; border-bottom:#CCCCCC dashed 1px; margin:0px auto;}
#SideBar li a
{...}
{display: block;width: 150px;text-decoration: none; font-size: .8em;}
#SideBar li a:hover
{...}
{text-decoration: none; background:#DDF4FC;}
#SideBar .lm
{...}
{ width:169px;margin-left:auto; margin-right:auto; border-left:#CCCCCC solid 1px;border-right:#CCCCCC solid 1px; text-align:center;}
#SideBar .lm_dl
{...}
{width:99%; list-style:url(../image/sub_r3_c2.gif);line-height:30px; text-align:center; font-size:16px; font-weight:bold; cursor:pointer; background-color:#999999; color:#FFFFFF; }
.lm_dl_check
{...}
{ width:99% ;list-style:url(../image/sub_r3_c2.gif);line-height:30px; text-align:center; font-size:16px; font-weight:bold; cursor:pointer; background-color:#005681; color:#FFFFFF; }
.lm_xl_check
{...}
{color:#005681; background-color:#BBDDFF; }
#SideBar .sidebar_f
{...}
{ background:url(../image/sub_r3_c1.jpg) no-repeat bottom; padding-bottom:80px}
#SideBar a:visited, #SideBar a:Link
{...}
{ font-size:12px; color:#6A2D28; text-decoration:none;}
#SideBar a:hover
{...}
{ color:#005681; text-decoration:underline;}
#SideBar a:active
{...}
{ color:#666666; text-decoration:underline;}
/**/
/*----------------- tip页面连接提示-------------------*/
.tip
{...}
{position:relative; text-decoration:none;}
.tip:hover
{...}
{background:none;color:#000000; text-decoration:none;}
.tip span
{...}
{ display: none;}
.tip:hover span
{...}
{display:block;position:absolute; width:auto;top:10px;left:50px;}
.tip:hover span p
{...}
{background-color:#FFFFFF; color:#FF9F71;text-align:left;padding:5px;border:1px solid #CCCCCC;}
/**/
/*------------------------带标题的框------------------------------*/
fieldset
{...}
{border:1px solid #CCCCCC; background:#fff; width:89%;}
fieldset legend
{...}
{color:#005681; font-weight:bold; padding:3px 20px 3px 20px; margin-left:20px; border:0px solid #CCCCCC; background:#fff;}
fieldset label
{...}
{float:left; width:120px; text-align:right; padding:4px; margin:1px;}
fieldset div
{...}
{clear:left; margin-bottom:2px; text-align:left;}
/**/
/*--------------------Searche搜索页----------------------------*/
.common_shou
{...}
{ border:#CCCCCC solid 1px; margin:5px auto; text-align:center}
.common_shou ul li
{...}
{ height:30px; line-height:30px; list-style:none}
.Search_text
{...}
{border:#666666 solid 1px;}
.Search_button
{...}
{background-color:#999999; color:#FFFFFF; border:#666666 solid 1px;}
/**/
/*--------------------页面主要部分----------------------------*/
#CenterContent .zlm
{...}
{width:100%; border-bottom:#990000 solid 3px; margin-top:20px}
#CenterContent .zlm li
{...}
{width:50px;height:25px;padding-left:5px;padding-right:5px; line-height:25px;text-align:center;float:left; list-style:none;color:#999999;display:inline;white-space:nowrap; border-left:#C08181 solid 1px;border-top:#C08181 solid 1px;border-right:#C08181 solid 1px; margin-left:10px; background:#CCCCCC; margin-bottom:5px}
#CenterContent .zlm .on
{...}
{ background:#990000;border-left:#990000 solid 1px;border-top:#990000 solid 1px;border-right:#990000 solid 1px;}
#CenterContent .zlm a:visited, #CenterContent .zlm a:Link
{...}
{ font-size:12px; color:#FFFFFF; text-decoration:none;}
#CenterContent .zlm a:hover
{...}
{ color:#005681; text-decoration:underline;}
#CenterContent .zlm a:active
{...}
{ color:#666666; text-decoration:underline;}
/**/
/*-----------------------------------------分页-----------------------------------------------*/
.p_bar
{...}
{CLEAR: both; MARGIN: 1px 0px;}
.p_bar A
{...}
{PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-SIZE: 12px; FLOAT: left; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; TEXT-DECORATION: none; height:16px;}
.p_input
{...}
{WIDTH: 40px; height:19px; text-align:center;}
.p_total
{...}
{BORDER-RIGHT: #8EC1DB 0px solid; BORDER-TOP: #8EC1DB 1px solid; FONT-WEIGHT: bold; BORDER-LEFT: #8EC1DB 1px solid; BORDER-BOTTOM: #8EC1DB 1px solid; BACKGROUND-COLOR: #EDF4FC}
.p_pages
{...}
{FONT-WEIGHT: bold; VERTICAL-ALIGN: middle; BACKGROUND-COLOR: #EDF4FC}
.p_num
{...}
{BORDER-RIGHT: #8EC1DB 1px solid; BORDER-TOP: #8EC1DB 1px solid; VERTICAL-ALIGN: middle; BORDER-LEFT: #8EC1DB 1px solid; MARGIN-RIGHT: 1px; BORDER-BOTTOM: #8EC1DB 1px solid; BACKGROUND-COLOR: #ffffff}
A.p_num:hover
{...}
{BORDER-RIGHT: #8EC1DB 1px solid; BORDER-TOP: #8EC1DB 1px solid; BORDER-LEFT: #8EC1DB 1px solid; BORDER-BOTTOM: #8EC1DB 1px solid; BACKGROUND-COLOR: #f2f3f7; TEXT-DECORATION: none}
.p_redirect
{...}
{BORDER-RIGHT: #8EC1DB 1px solid; BORDER-TOP: #8EC1DB 1px solid; FONT-SIZE: 13px; BORDER-LEFT: #8EC1DB 1px solid; MARGIN-RIGHT: 1px; BORDER-BOTTOM: #8EC1DB 1px solid; BACKGROUND-COLOR: #ffffff}
A.p_redirect:hover
{...}
{BORDER-RIGHT: #8EC1DB 1px solid; BORDER-TOP: #8EC1DB 1px solid; BORDER-LEFT: #8EC1DB 1px solid; BORDER-BOTTOM: #8EC1DB 1px solid; BACKGROUND-COLOR: #f2f3f7; TEXT-DECORATION: none}
.p_curpage
{...}
{BORDER-RIGHT: #8EC1DB 1px solid; BORDER-TOP: #8EC1DB 1px solid; FONT-WEIGHT: bold; VERTICAL-ALIGN: middle; BORDER-LEFT: #8EC1DB 1px solid; COLOR: #000000; MARGIN-RIGHT: 1px; BORDER-BOTTOM: #8EC1DB 1px solid; BACKGROUND-COLOR: #DDF4FC}
/**/
/*--------------------个人档案----------------------------*/
.new_per
{...}
{border: 1px solid #8EC1DB;background:#EDF4FC; margin-top:30px; text-align:center}
.new_per ul
{...}
{ width:95%; border:#CCCCCC solid 1px; padding:10px; background:#FFFFFF}
.new_per ul li
{...}
{ text-align:left; height:30px; line-height:30px; list-style:none}
.new_per .new_t
{...}
{ list-style:30px; text-align:center;color: #005681;background: #D0E6F1;font-weight:bold; padding:4px 4px 3px 4px;border-bottom:1px solid #8EC1DB}
.per_main
{...}
{ background:#EEF7FF;border:1px solid #8EC1DB; margin-top:10px}
.per_main .main_bt
{...}
{ height:20px; line-height:20px; font-size:14px; text-align:center ;border-bottom:1px solid #8EC1DB; background:#D0E6F1;color: #005681; font-weight:bolder}
.new_per .new_main li
{...}
{ text-align:center}
.new_per .new_main i
{...}
{ width:33%; text-align:right; float:left;font-style:normal;}
/**/
/*---------慢性病--------*/
.per_main .mxb_t
{...}
{ width:99%; margin:10px auto}
.per_main .mxb_t li
{...}
{ width:150px ;line-height:20px; list-style:none; float:left; background:#EFE0E0; border-top:#990000 solid 1px; border-bottom: solid #990000 1px; border-left:#990000 solid 1px; text-align:center}
.per_main .mxb_t .a1
{...}
{ width:350px}
.per_main .mxb_t .a2
{...}
{width:100px}
.per_main .mxb_t .a3
{...}
{width:88px}
.per_main .mxb_t .a4
{...}
{width:88px;border-right:#990000 solid 1px;}
.per_main .mxb_l li
{...}
{ width:99% ;height:25px; line-height:25px; border-bottom:#CCCCCC solid 1px; margin:0px auto}
.per_main .mxb_l li a
{...}
{width:350px;float:left;display:inline;}
.per_main .mxb_l li address
{...}
{ width:100px; float:left;font-style:normal; text-align:center;}
.per_main .mxb_l li i
{...}
{ width:88px;float:left;display:inline; font-style:normal;text-align:center;}
.per_main .mxb_l li u
{...}
{width:88px;float:left;display:inline;font-style:normal; text-align:center; text-decoration:none}
/**/
/*-------儿童键康----------*/
.per_main .rtjk_t li
{...}
{ width:150px ;line-height:20px; list-style:none; float:left; background:#EFE0E0; border-top:#990000 solid 1px; border-bottom: solid #990000 1px; border-left:#990000 solid 1px; text-align:center}
.per_main .rtjk_t .a1
{...}
{ width:350px}
.per_main .rtjk_t .a2
{...}
{width:100px}
.per_main .rtjk_t .a3
{...}
{width:88px}
.per_main .rtjk_t .a4
{...}
{width:88px;border-right:#990000 solid 1px;}
/**/
/*-----------------------------------------社区档案管理-----------------------------------------------*/
/**/
/*-------------------------管理员------------------------*/
.per_main .gl_ul
{...}
{ width:98%; margin:5px auto; border:#79BCFF solid 1px}
.glyxx
{...}
{ background:#9BCDFF; color:#FFFFFF; line-height:25px}
.gly_mc li
{...}
{width:50px;height:25px;padding-left:5px;padding-right:5px; line-height:25px;text-align:center;float:left; list-style:none;color:#999999;display:inline;white-space:nowrap; margin-left:10px; margin-bottom:5px}
/**/
/*--------------------右边列表----------------------------*/
.listmain
{...}
{ margin:10px auto}
.listmain li
{...}
{ width:95% ;border-bottom:#E3E3E3 solid 1px; line-height:25px; list-style:url(../image/sub3_r3_c2.gif); margin-left:20px; clear:both; >clear:inherit}
.listmain .c
{...}
{ float:left; text-align:center; color:#990000; font-weight:bolder; font-size:14px;background:#ECEFF1; border-bottom:#5C6A6F solid 1px;border-left:#5C6A6F solid 1px;border-top:#5C6A6F solid 1px; list-style:none; clear:inherit; margin-left:0px }
.listmain .li_1
{...}
{ width:30%;}
.listmain .li_2
{...}
{width:10%;}
.listmain .li_3
{...}
{width:10%;}
.listmain .li_4
{...}
{width:25%;}
.listmain .li_5
{...}
{width:10%;}
.listmain .li_6
{...}
{width:14%; border-right:#5C6A6F solid 1px}
.listmain li a
{...}
{width:30%;float:left;display:inline; }
.listmain li img
{...}
{float:left; margin:5px 4%;}
.listmain li address
{...}
{ width:11%; float:left;font-style:normal; text-align:center;}
.listmain li i
{...}
{ width:26%;float:left;display:inline; font-style:normal;text-align:center;}
.listmain li u
{...}
{width:11%;float:left;display:inline;font-style:normal; text-align:center;}
.listmain li s
{...}
{width:11%;float:left;display:inline;text-decoration:none;text-align:center;}
.new_ul ul
{...}
{ width:95%; margin:10px auto;}
.new_ul ul li
{...}
{height:30px; text-align:center}
.adddiv_li li
{...}
{ width:95%; margin:0px auto; height:25px; line-height:25px; border-bottom:dashed #CCCCCC 1px; padding-left:10px}
.adddiv_li .on
{...}
{ background:#FFFFFF}
.adddiv_li li u
{...}
{width:80%;float:left;display:inline;font-style:normal; text-decoration:none }
.adddiv_li li i
{...}
{width:20%;float:left;display:inline; font-style:normal;}
/**/
/*----------------- table页面效果参考系统管理-------------------*/
.tab_tip
{...}
{ color:#FFFFFF;background-color:#999999;font-weight:bold; padding:4px 4px 3px 4px; margin:1px}
.tip_table
{...}
{border: 1px solid #CCCCCC; width:98%; margin:0px auto}
.doing_table
{...}
{ background-color:#005681; color:#FFFFFF;}
.tab_head
{...}
{ color: #005681;background: #D0E6F1;font-weight:bold; padding:4px 4px 3px 4px; margin:1px}
.tab_new
{...}
{ background-color:#FF9F71; color:#FFFFFF;}
.new_table
{...}
{border: 1px solid #FF6633;background:#EDF4FC;}
.tab_content
{...}
{ background: #FFFFFF;}
.i_table
{...}
{border: 1px solid #8EC1DB;background:#EDF4FC; width:98%; margin:0px auto}
.i_table .tab_head
{...}
{border-bottom:1px solid #8EC1DB}
.hr
{...}
{border-top: 1px solid #739ACE; border-bottom: 0; border-left: 0; border-right: 0; }
.r_table
{...}
{border: 1px solid #FF8080;background:#FFE8D0;}
.r_head
{...}
{ color:#005681;background:#FFCA95;}
.r_table .r_head
{...}
{border-bottom:1px solid #FF8080;}
.tab_onmouseover
{...}
{ background-color:#D0E6F1; cursor:pointer;}
.tab_onmouseout
{...}
{}
.tab_onclick
{...}
{ background-color:#77BBFF; color:#993300;}
.tab_onclick td
{...}
{ color:#FFFFFF;}
.Default_BG
{...}
{background-color:#EEEEEE;}
.td_right
{...}
{ border-right:#8EC1DB solid 1px;}
4万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
