www.gusucode.com > 200套html5精品模板151_200 > 200套html5精品模板151_200/171/css/style-desktop.css

    
/*
	Untitled: A responsive HTML5 website template by HTML5Templates.com
	Released for free under the Creative Commons Attribution 3.0 license (html5templates.com/license)
	Visit http://html5templates.com for more great templates or follow us on Twitter @HTML5T
*/

/*********************************************************************************/
/* Desktop (>= 480px)                                                            */
/*********************************************************************************/

/* Header */

#header-wrapper {
	min-height: 5.2em;
	background: url(images/img02.jpg) repeat;
}

.homepage #header-wrapper {
}

#header {
	overflow: hidden;
	height: 5.2em;
}

/* Logo */

#logo {
	overflow: hidden;
	height: 5.2em;
}

#logo h1 a {
	float: left;
	padding: 0.5em 0.25em 0em 0em;
	text-decoration: none;
	text-transform: none;
	font-family: 'Oswald', sans-serif;
	font-size: 2.5em;
	font-weight: 200;
	color: #1C1C1C;
}

#logo p {
	padding: 2em 0em 0em 0em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-style: italic;
	color: #545454;
}

/* Menu */

#menu {
	overflow: hidden;
	height: 5.2em;
	margin-bottom: 1.25em;
}

#menu ul {
	float: right;
	text-align: center;
}

#menu li {
	display: inline-block;
	line-height: 5.2em;
}

#menu a {
	display: block;
	float: left;
	height: 5.0em;
	margin-right: 0.12em;
	padding: 0em 1.5em;
	text-decoration: none;
	text-transform: none;
	font-family: 'Abel', sans-serif;
	font-size: 1.25em;
	color: #2C2C2C;
}

#menu .current_page_item {
	color: #2C2C2C;
}

#menu .current_page_item a {
	background: #212121;
	color: #FFFFFF;
	box-shadow: inset 0px -15px 10px 0px rgba(0,0,0,0.25);
}

#menu a:hover {
}


/* Wrapper */

#wrapper {
	overflow: hidden;
	margin-bottom: 5em;
	padding: 6em 0em 3em 0em;
	background: #FFFFFF;
}

/* Page Wrapper */

#page-wrapper {
	overflow: hidden;
}

/* Banner */

#banner {
	overflow: hidden;
	margin: 3em 0em;
}

#banner .container {
	padding: 1.87em;
	background: #FFFFFF url(images/img02.png) repeat;
}

#banner a img {
	display: block;
	width: 100%;
}

/* Content */

#content {
}

.twocolumn2 #content {
}

.onecolumn #content {
}

#content h2 {
	text-transform: none;
	font-size: 3em;
	color: #2A2A2A;
}

#content .subtitle {
	padding: .5em 0em .8em 0em;
	letter-spacing: -.05em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-style: italic;
	color: #7D7D7D;
}

#content img {
	padding: 0em 0em 1.25em 0em;
}

#content a img {
	display: block;
	width: 100%;
}

#content .post {
	padding: 0em 0em 2.5em 0em;
}

/* Sidebar1 */

#sidebar1 {
}

#sidebar1 h2 {
	padding: 0em 0em 1em 0em;
	text-transform: none;
	font-size: 2em;
	color: #2A2A2A;
}

/* Sidebar2 */

#sidebar2 {
}

.twocolumn2 #sidebar2 {
}

#sidebar2 h2 {
	padding: 0em 0em 1em 0em;
	text-transform: none;
	font-size: 2em;
	color: #2A2A2A;
}

#sidebar2 .sbox1 {
	margin-bottom: 3.12em;
}

#sidebar2 .sbox2 {
	margin-bottom: 3.12em;
}

#sidebar2 .sbox3 {
}

/** Footer Column Content */

#footer-wrapper {
	background: url(images/img0s4.png) repeat;
}

#footer-content {
	overflow: hidden;
	padding: 2em 0em 3.12em 0em;
	color: #777777;
}

#footer-content h2 {
	padding: 0em 0em 1.5em 0em;
	text-transform: none;
	font-size: 2em;
	color: #FFFFFF;
}

#footer-content strong {
	color: #A0A09F;
}

#footer-content #box1 {
}

#footer-content #box2 {
	overflow: hidden;
}

#footer-content #box3 {
}

/* Marketing */

#marketing {
	overflow: hidden;
}

#marketing .divider {
	margin-bottom: 3em;
	padding-bottom: 3em;
	border-bottom: 0.063em solid #D4D6D8;
}

#marketing .title {
	padding-bottom: .75em;
	font-size: 2em;
	color: #272727;
}

#marketing .subtitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-bottom: 1.75em;
	font-style: italic;
	color: #464646;
	color: #7D7D7D;
}

#marketing a img {
	display: block;
	width: 100%;
}

/* Featured */
#featured-area {
	overflow: hidden;
}

#featured-area .divider {
	margin-bottom: 3em;
	padding-bottom: 3em;
	border-bottom: 1px solid #303030;
}

#featured-area .box-style {
	overflow: hidden;
	padding: 2em;
	background: url(images/img07.png) repeat;
}

#featured-area .box-style h3 {
	padding-bottom: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #171717;
}

#featured-area .box-style img {
	float: left;
	margin-right: 1.56em;
}

#featured-area .box-style a img {
	display: block;
	width: 40%;
}