www.gusucode.com > 纯CSS3模拟开关按钮,超逼真源码程序 > 纯CSS3模拟开关按钮,超逼真/CSS3按钮/CSS3按钮/css/base.css

    @charset "utf-8";
@import url("http://www.w3cplus.com/download/reset.css");
/* -------------------------------------------------
 * common
 * -------------------------------------------------
*/
.page{
    text-align:left;
	padding-top:40px;
}
.wrap_top_nav{
    background-color:#333;
	box-shadow:0 1px 3px rgba(0, 0, 0, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
	height:40px;
}
#top_nav{
    width:1000px;
	margin:0 auto;
	position:relative;
}
#top_nav a{
    font-size:16px;
	line-height:40px;
	float:left;
	margin-right:20px;
	color:#999;
	text-decoration:none;
}
#top_nav a:hover{
    color:#fff;
}
#top_nav li:nth-child(1) a{
    background-image:url(http://www.w3cplus.com/sites/all/themes/marvin/logo.png);
	background-position: 0 -12px;
    background-repeat: no-repeat;
    background-size: 68px 60px;
	padding-left:74px;
	color:#fff;
	width:74px;
	overflow:hidden;
}
#read{
    position:absolute;
	right:0;
	top:0;
	font-family:'宋体';
}
#header{
    text-align:center;
}
#header .white{
    color:#fff;
}
#header .blank{
    color:#444;
}
#header h1{
    font-size:24px;
}
#header h2{
	font-weight:normal;
}
#ad_w3cplus {
	width: 750px;
	margin: 100px auto;
	text-align: center;
}
#ad_w3cplus .grid-ad {
 float:left;
}