自己整理在项目中经常用到的一些样色
/**//* 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;}
扫一扫
5万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
