天天看点

一个系统的base.css,兼容IE7,IE8,IE9,IE10,IE11,firefox,safari,谷歌,360,世界之窗等浏览器起的公共css

/*

 * name       :tuzuoquan

 * mail       :tuzq@xxxxx

 * date       :2013/12/13

 * version    :0.1

 * description:xxxx系统通用css

 * copyright (c) 2013-12

 */

html,html *{

 margin:0px;

 padding:0px;

 border:0px;

 list-style-type:none;

}

body{

 font-family: "helvetica neue",helvetica,arial,sans-serif,"宋体";

 height:auto;

 color: #8a8a8a;

 background:url(../images/img01.gif) repeat-x left top;

div,span,h1,h2,h3,h4,h5,h6,pre,code,em,small,strong,sub,sup,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label{margin:0;padding:0;border:0;outline:0;font-size:13px;vertical-align:baseline;background:transparent}

/**

div,span,h1,h2,h3,h4,h5,h6,p,pre,a,code,em,img,small,strong,sub,sup,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}

**/

:focus{outline:none;}

a{

 color:#999999;

 text-decoration:none;

 cursor:pointer;

a img{border:0px;}

a:hover{

p{

 line-height:1.3em;

 text-align:left;

.text-indent2em{

 text-indent:2em;

form,ol,ul,li,dl,dd{

/** form表单 **/

img{

 outline:none;

.hidden{

 display:none;

.clearfloat{

 overflow:auto;

.title{

 height:35px;

 line-height:35px;

 font-size:15px;

 margin-left:10px;

 margin-right:10px;

 padding-left:10px;

 font-weight:bolder;

 border:1px solid #cdcdcd;

 color: #618c04;

 background:url(../images/title_bg.png) repeat 0 0;

.titleoverload{

 height:32px;

 line-height:32px;

 margin-top:10px;

 padding-left:5px;

 border:none;

 color:#ffffff;

 background:url(../images/titleoverload_bg1.png) repeat-x 0 0;

 background:url(../images/titleoverload_bg2.png) repeat-x 1 0;

.titleoverload2{

 border-bottom:1px solid #cdcdcd;

 background:none;

 clear:left;

.titleoverload3{

 margin-left:0px;

 margin-right:0px;

 color: #618c04 !important;

 border-left:none;

 border-right:none;

.color618c04{

.titlesecond{

.inner-title{

 width:200px;

 height:33px;

 float:left;

 font-size:12px;

 margin-left:-10px;

.boxofimage{

 width:25px;

 text-align:center;

.boxofimage img{

 margin-top:12px;

.title-width-125{

 width:125px;

.padding-top-none{

 padding-top:0px;

.title-top-dash{

 border-top:1px dashed #cccccc;

.title-bottom-dash{

 border-bottom:1px dashed #cccccc;

.more{

 padding-top:5px;

 height:25px;

 line-height:25px;

 width:50px;

 float:right;

.more *{

 font-weight:normal;

 color:rgb(80,199,175);

h4{

 margin-right:5px;

.detailinfo,.detailinfo *{

 text-align:right;

.buttonstyle{

 height:65px;

 color:#333333;

 padding-left:15px;

 background:url(../images/buttonstyleblue.png) no-repeat 0 0;

.buttonstyle #buttonleft,#misps .buttonstyle #buttonright{

 width:70px;

 height:80px;

.buttonstyle #buttonright{

 width:110px;

.buttonstyle #buttonleft #rate{

 height:30px;

 font-family:"黑体";

 font-size:25px;

 margin-top:20px;

.buttonstyle #buttonleft #property{

 height:23px;

 font-family:"微软雅黑";

 font-size:10px;

 margin-bottom:7px;

.buttonstyle #buttonright #unfinish{

 width:80px;

 height:40px;

 line-height:40px;

.buttonstyle #buttonright #unfinish a{

 text-decoration:underline;

.buttonstyle #buttonright #unfinish a:hover{

.buttonstyle #buttonright #finish{

.buttonstyle #buttonright #finish a:hover{

.stat-boxes{

 display: inline-block;

    list-style: none outside none;

    margin: 0px 0 10px;

    text-align: center;

 overflow:hidden;

.stat-boxes,.stat-boxes *{

 outline:medium none !important;

.stat-boxes li{

 line-height:18px;

 background-color: #f6f6f6;

    background-image: -moz-linear-gradient(center top , #f9f9f9 0%, #ededed 100%);

    border: 1px solid #d5d5d5;

    border-radius: 4px;

    box-shadow: 0 1px 0 0 #ffffff inset, 0 1px 0 rgba(255, 255, 255, 0.4);

    display: inline-block;

    line-height: 18px;

    margin: 0 10px 10px;

    padding: 0 10px;

.stat-boxes li:hover{

    background-color: #fcfcfc;

 background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#fcfcfc), to(#f1f1f1));

 background-image: -webkit-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%);

    background-image: -moz-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%);

    background-image: -ms-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%);

    background-image: -o-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%);

    background-image: linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%);

.stat-boxes .left, .stat-boxes .right {

 text-shadow: 0 1px 0 #ffffff;

    float:left;

.stat-boxes .left {

    border-right: 1px solid #dcdcdc;

    box-shadow: 1px 0 0 0 #ffffff;

    margin-right: 12px;

    padding: 10px 14px 6px 4px;

    font-size: 10px;

    font-weight: bold;

.stat-boxes .right {

    font-size: 12px;

    padding: 9px 10px 7px 0;

    width: 70px;

    color: #666666;

.stat-boxes .left span, .stat-boxes .right strong {

 display: block;

.stat-boxes .right strong {

 font-size: 13px;

 margin-bottom: 3px;

 margin-top: 6px;

.stat-boxes .peity_bar_good, .stat-boxes .peity_line_good  {

 color: #459d1c;

.stat-boxes .peity_bar_neutral, .stat-boxes .peity_line_neutral  {

 color: #757575;

.stat-boxes .peity_bar_bad, .stat-boxes .peity_line_bad  {

 color: #ba1e20;

.online-graph{

 height:45px;

 line-height:45px;

 font-size:25px !important;

 width:120px !important;

.common{

 line-height:65px;

 font-size:30px;

 font-family:"微软雅黑","宋体";

.text-align-left{

.text-align-right{

 padding-right:5px;

.width150{

 width:150px;

.width80{

.box-emptyheight5px{

 height:5px;

.box-emptyheight15px{

 height:15px;

 width:1000px;

.box-emptyheight33px{

.box-grayheight1px{

 height:0px;

 border-top:1px solid #cccccc;

.box-whiteheight1px{

 border-top:1px solid #ffffff;

.float-left{

.margin-left-5px{

 margin-left:5px;

.margin-right-5px{

.float-right{

.height200{

 height:200px;

.width130{

 width:130px;

.height131px{

 height:131px;

.items{

 margin-top:5px;

 border-bottom:1px dashed #cdcdcd;

.items img{

 height:50px;

 margin:10px 5px;

.name{

 height:17px;

 text-overflow:ellipsis;

 -webkit-text-overflow:ellipsis;

 -o-text-overflow:ellipsis;

 white-space:nowrap;

.description{

.height34{

 height:34px;

.height100px{

 height:100px;

.margin-left40{

 margin-left:40px;

.width160px{

 width:160px;

.boder-top-solid{

#bg #bg-top,#bg #bg-center,#bg #bg-bottom{

 width:1118px;

#bg #bg-top {

 background:url(../images/graph_bg.png) no-repeat center bottom;

.map-address{

 padding-left:59px;

.breadcrumb {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

    border: medium none;

    border-radius: 0;

    box-shadow: none;

    font-size: 13px;

    margin-bottom: 20px;

    padding: 0px;

 list-style: none outside none;

 display:inline;

.breadcrumb li{

 margin:auto 3px;

.active{

 color:rgb(173,220,97);

#bg #bg-center{

 background:url(../images/graph_container_gb.png) repeat-y center top;

#bg #bg-bottom{

 background:url(../images/graph_container_bottom.png) no-repeat center top;

.margin-padding-none{

.font-size-13px{

 font-size:13px;

.color-common{

 background:rgb(138,183,2);

.link-address{

 width:625px;

 line-height:33px;

.toggle-button{

 width:350px;

 clear:right;

.button-common2 {

 height: 33px;

 background:url(../images/issue-item-bg.png) repeat 0 0;

 padding:0 7px;

 border-bottom:none;

 border:1px solid #dddddd;

#misps #header #log-info .top-main-pannel,#misps #header #banner,#misps #container #graph,#misps #container #word,#misps #container #micaps,#misps #container #esb,#misps #footer #container,#misps #container #statistics,#misps #container #statistics-num,#misps

#container #search-list-products{