Web/Templates/default/css/style.css

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

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

@charset "utf-8";
@import url(reset.css);

body { font-family:"微软雅黑", Arial; font-size: 12px; background-image: url(../images/body_bg.jpg); background-repeat: no-repeat; background-position: center top; color: #666; }
a { color: #333; text-decoration: none; }
a:hover { color: #069; text-decoration: none; }
h1,h2,h3,h4 { color:#000; }

b { font-weight: bold; color: #000; }

hr { margin: 30px 0px; padding: 0px; height: 1px; background-color: #bcbcbc; }

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* Clear Fix */ 
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 
.clearfix{display:inline-block;} 
/* Hide from IE Mac */ 
.clearfix {display:block;} 
/* End hide from IE Mac */ 
/* end of clearfix */ 

/* 顶部框 logo 导航
----------------------------------------------------------------- */
.top { background-image: url(../images/top_bg.png); background-repeat: no-repeat; background-position: left top; clear: left; height: 46px; width: 900px; margin: 16px auto 15px auto; padding: 0 50px; position: relative; }/* h1 通过绝对定位展示于导航下面, 其包裹框 top 相对定位 */

h1 a { position: absolute; background-image: url(../images/logo.png); background-repeat: no-repeat; background-position: left top; text-indent: -6000px; top: 92px; height: 46px; width: 133px; }

.dt_logo { background-image: url(../images/dt.png); background-repeat: no-repeat; background-position: left top; float: right; height: 29px; width: 56px; text-indent: -6000px; margin: 9px 0 0 0; }

.nav { float: left; height: 46px; list-style-type: none; }
.nav li { float: left; height: 46px; }
.nav li a { line-height: 44px; color: #666; margin-right: 20px; font-size: 14px; }
.nav li a:hover { color: #069; }
.nav li #now { color: #000; }

/* 右上角搜索框
----------------------------------------------------------------- */
.search_box { float: right; height: 32px; width: 261px; margin: 40px 0; }
.search_box .text { line-height: 22px; background-image: url(../images/search_box.gif); background-repeat: no-repeat; background-position: left top; margin: 0px; padding: 5px; float: left; height: 22px; width: 210px; border: 0px none #FFF; }
.search_box .button { background-image: url(../images/search_button.gif); background-repeat: no-repeat; background-position: left top; text-indent: -6000px; margin: 0px; padding: 0px; float: left; height: 32px; width: 41px; border: 0px none #FFF; cursor: pointer; }

/* 主内容框
----------------------------------------------------------------- */
.container { margin: 0 auto; padding: 0 50px 35px 50px; width: 900px; clear: left; background-image: url(../images/main_bg.png); background-repeat: repeat-y; background-position: left top; }

.banner { margin-bottom: 30px; }

.ad_text h2 { font-size: 30px; color: #000; font-weight: normal; margin-bottom: 20px; }
.ad_text p { font-size: 15px; margin-bottom: 20px; }
.ad_text a { line-height: 32px; background-image: url(../images/button.gif); background-repeat: repeat; background-position: left top; display: block; height: 32px; width: 140px; text-align: center; border: 1px solid #FFF; }
.ad_text a:hover { line-height: 32px; background-image: none; display: block; height: 32px; width: 140px; text-align: center; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #dddddd; border-right-color: #bcbcbc; border-bottom-color: #bcbcbc; border-left-color: #dddddd; }