www.gusucode.com > 200套html5精品模板1_50 > 200套html5精品模板1_50/018/css/style-mobile.css

    
/*
	Synchronous: 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
*/

/*********************************************************************************/
/* Mobile (<= 480px)                                                             */
/*********************************************************************************/

/* Wrapper */

#wrapper {
	overflow: hidden;
	min-height: 1000px;
	padding: 0px 0px 50px 0px;
	background: #FFFFFF;
}

/* Header */

#header {
	display: none;
}

#mobileUI-site-titlebar {
	background: url(images/img01.png) repeat;
	border-bottom: 1px solid #CFCFCF;
}

#mobileUI-site-title {
	display: block;
	letter-spacing: -1px;
	text-align: center;
	text-decoration: none;
	text-transform: lowercase;
	font-family: 'Petit Formal Script', cursive;
	font-size: 16pt;
	font-weight: 200;
	color: #2A2A2A;
}

#mobileUI-site-nav-opener {
	width: 15px;
	height: 15px;
	background: url(images/img04.png) no-repeat left top;
	top: 15px;
	left: 10px;
	text-indent: -999999em;
}

#mobileUI-site-nav-opener:active {
}

#mobileUI-site-nav {
}

#mobileUI-site-nav nav {
}

#mobileUI-site-nav nav a {
	padding: 10px 0px 10px 20px;
	background: url(images/img08.png) repeat-x left bottom;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-size: 13pt;
	font-weight: 200;
	color: #2A2A2A;
}

/* Banner */

#banner {
	overflow: hidden;
	margin: 30px 20px 30px 20px;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .3);
}

#banner .banner-border {
	padding: 10px;
	background: #FFFFFF;
}

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

/* Page Wrapper */

.homepage #page {
	overflow: hidden;
	padding: 0px 0px 30px 0px;
}

#page {
	overflow: hidden;
	padding: 50px 0px 30px 0px;
}

/* Content */

#content {
	padding: 0px 0px 0px 0px;
}

#content h2 {
	padding: 0px 0px 5px 0px;
	letter-spacing: -1px;
	text-transform: uppercase;
	font-size: 20pt;
	color: #2A2A2A;
}

#content .subtitle {
	padding: 0px 0px 20px 0px;
	line-height: 120%;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-size: 12pt;
	font-weight: 300;
	color: #D1551F;
}

#content img {
	padding: 0px 0px 10px 0px;
}

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

#content .post {
	padding: 0px 0px 40px 0px;
}

#content section {
	padding: 0px 30px;
}

/* Sidebar1 */

#sidebar1 {
	padding: 0px 0px 0px 0px;
}

#sidebar1 h2 {
	padding: 0px 0px 30px 0px;
	text-transform: uppercase;
	font-size: 20pt;
	color: #2A2A2A;
}

#sidebar1 img {
}

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

#sidebar1 section {
	padding: 0px 30px;
}

/* Sidebar2 */

#sidebar2 {
	padding: 0px 0px 0px 0px;
}

#sidebar2 h2 {
	padding: 0px 0px 30px 0px;
	text-transform: uppercase;
	font-size: 20pt;
	color: #2A2A2A;
}

#sidebar2 section {
	padding: 0px 30px;
}

#sidebar2 .sbox1 {
	margin-bottom: 50px;
}

#sidebar2 .sbox2 {
	margin-bottom: 50px;
}

#sidebar2 .sbox3 {
}

/** Footer Column Content */

#footer-content {
	overflow: hidden;
	padding: 50px 0px 0px 0px;
}

#footer-content h2 {
	padding: 0px 0px 40px 0px;
	text-transform: uppercase;
	font-size: 20pt;
	color: #616161;
}

#footer-content section {
	padding: 0px 30px 30px 30px;
}

#footer-content #box1 {
}

#footer-content #box2 {
}

#footer-content #box2 .border-img {
	margin-bottom: 20px;
	padding: 10px;
	background: #FFFFFF;
}

#footer-content #box2 img {
}

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

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