Web/kzcms/themes/blue/css/style.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

/* global css */
body{ margin:0 auto; background:#FFF url(../images/top.jpg) repeat-x 200px 0; color:#555; font:12px/20px Arial,Verdana,Tahoma,Sans-Serif,"宋体";}
div,form,ul,ol,li,span,p{margin:0 auto; padding:0; border:0;}
img,a img{margin:0; padding:0; border:none;}
ul,ol,li{list-style:none;}
table,td,th,input{ margin:0; padding:0; font-size:12px;}
h1,h2,h3,h4,h5,h6{ margin:0 auto;}
h1{font-size:28px;}
h2{font-size:22px;}
h3{font-size:16px;}
h4{font-size:14px;}
h5,h6 {font-size:12px;}

.inner{ width:960px; overflow:hidden;}
.clearfix{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;margin-top:0px!important;*margin-top:-1px;line-height:0}
.dotline{clear:both;font-size:1px;width:100%;height:1px;margin-top:0px!important;*margin-top:-1px;line-height:0;background:url(../images/dotline.gif) repeat-x 0 0;}

/* default link style */
a:link, a:visited{ outline-style:none; color:#505050; text-decoration:none;}
a:hover{color:#1B3582; text-decoration:underline;}

/* Wrapper */
.wrapper{ clear:both;}

/* Header */
.header{ height:95px;}
.logo{ float:left; margin-top:10px; font-size:28px; text-indent:-9999px;}
.logo a{ width:450px; height:70px; background:url(../images/logo.png) no-repeat 0 center; display:block;}
.headerR{ float:right; margin-top:12px; width:450px; text-align:right;}
.headerR #searchform{ float:right; margin-top:15px; width:210px; height:25px; background:url(../images/search.gif) no-repeat 0 0;}
.headerR .searchInput{ float:left; padding:0 10px; width:150px; height:25px; line-height:25px; font-size:13px; border:none; color:#999; background:none;}
.headerR .searchBtn{ float:right; width:35px; height:25px; text-indent:-9999px; border:none; background:none; cursor:pointer;}
.headerR a:link, .headerR a:visited{ padding-left:26px; color:#888; background:url(../images/icon.gif) no-repeat 11px -46px; *background-position:11px -48px;}
.headerR a:hover{ color:#666;}
.headerR a.fav{ background:none !important;}

/* Main Menu */
.mainmenu{ padding-bottom:12px; height:42px; background:url(../images/menu.png) repeat-x 0 0; overflow:visible;}
.navi{ position:relative; z-index:300; clear:both; overflow:visible;}
.navi li{ float:left; padding:0 10px; line-height:48px; font-size:14px; color:#FFF; background:url(../images/icon.gif) no-repeat 0 -83px; text-transform:capitalize;}
.navi li.nb{ background:none;}
.navi li a:link, .navi li a:visited{ padding-left:18px; color:#FFF; text-shadow:1px 1px 0 #1B3582; display:block;}
.navi li a:hover{ color:#0060A4; background:url(../images/hover.png) no-repeat 0 0; text-shadow:1px 1px 0 #FFF; text-decoration:none;}
.navi li a span{ padding-right:16px; display:inline-block; cursor:pointer;}
.navi li a:hover span{ background:url(../images/hover.png) no-repeat right 0;}

.navi li{ position:relative;}
.navi li ul{ position:absolute; width:176px; top:42px; left:11px; border:1px solid #5696C3; border-top:none; background:#F4F9FF; z-index:300; display:none;}
.navi li ul li{ margin:0 auto; padding:0; width:176px; height:33px; line-height:32px; font-size:13px; border-bottom:1px solid #FFF; background:none;}
.navi li ul li a:link, .navi li ul li a:visited, .navi li:hover ul li a:link, .navi li:hover ul li a:visited{ padding-left:12px; border-bottom:1px solid #D0E3FF; color:#555; background:none; text-shadow:none;}
.navi li ul li a:hover, .navi li ul li a:hover span, .navi li:hover ul li a:hover, .navi li:hover ul li a:hover span{ color:#0060A4; background:#E3EEFF;}

.navi li.current-menu-item a:link, .navi li.current-menu-item a:visited{ font-weight:bold; color:#0060A4; background:url(../images/hover.png) no-repeat 0 0; text-shadow:1px 1px 0 #FFF;}
.navi li.current-menu-item a span{ background:url(../images/hover.png) no-repeat right 0;}
.navi li.current-menu-item ul li a:link, .navi li.current-menu-item ul li a:visited{ font-weight:normal; color:#555; background:none;}
.navi li.current-menu-item ul li a:hover{ color:#0060A4; background:#E3EEFF;}
.navi li.current-menu-item ul li a span{ background:none;}

.navi li:hover a{ color:#0060A4; background:url(../images/hover.png) no-repeat 0 0; text-shadow:1px 1px 0 #FFF;}
.navi li:hover a span{ background:url(../images/hover.png) no-repeat right 0;}