www.gusucode.com > 200套html5精品模板1_50 > 200套html5精品模板1_50/018/css/style.css
@import url(http://fonts.googleapis.com/css?family=Abel|Satisfy); @import url(http://fonts.googleapis.com/css?family=Oswald:400,300); @import url(http://fonts.googleapis.com/css?family=Petit+Formal+Script|Archivo+Narrow); /* 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 */ /*********************************************************************************/ /* Global */ /*********************************************************************************/ html, body { height: 100%; } body { margin: 0px; padding: 0px; background: #DEDEDE url(images/img01.png) repeat; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #8A8A8A; } h1, h2, h3 { margin: 0px; padding: 0px; font-family: 'Oswald', sans-serif; font-weight: 300; } p { line-height: 180%; } a { color: #D1551F; } strong { font-weight: 700; color: #2A2A2A; } /* Copyright */ #copyright { overflow: hidden; padding: 50px 0px; border-top: 1px solid #E8E8E3; } #copyright p { text-align: center; font-family: 'Abel', sans-serif; font-size: 11pt; color: #999999; } #copyright a { color: #858585; } #copyright a:hover { text-decoration: none; } /** LIST STYLE 1 */ ul.style1 { margin: 0px; padding: 0px 0px 0px 0px; list-style: none; } ul.style1 li { padding: 15px 0px 15px 0px; border-top: 1px solid #E6E6E6; line-height: 160%; } ul.style1 a { display: block; padding: 0px 0px 0px 0px; text-decoration: none; color: #525252; } ul.style1 a:hover { text-decoration: underline; } ul.style1 .first { border-top: none; padding-top: 0px; } /** LIST STYLE 3 */ ul.style3 { margin: 0px; padding: 0px; list-style: none; } ul.style3 li { padding: 20px 0px 25px 0px; border-top: 1px solid #E7E5DA; } ul.style3 a { display: block; text-decoration: none; color: #525252; } ul.style3 a:hover { text-decoration: underline; } ul.style3 .date { width: 100px; margin: 0px 0px 20px 0px; padding: 7px 0px 7px 0px; background: #CEC3A0; border-radius: 5px; line-height: normal; text-align: center; text-transform: uppercase; text-shadow: 1px 1px 1px #8A8B71; font-family: 'Abel', sans-serif; font-size: 14px; color: #FFFFFF; } ul.style3 .date b { } ul.style3 .date a { color: #FFFFFF; } ul.style3 .date a:hover { text-decoration: none; } ul.style3 .first { padding-top: 0px; border-top: none; } /** BUTTON STYLE */ .button-style { margin: 20px 0px 20px 0px; } .button-style a { padding: 7px 20px 7px 20px; background: #CEC3A0; border-radius: 5px; line-height: normal; text-align: center; text-transform: uppercase; text-decoration: none; text-shadow: 1px 1px 1px #8A8B71; font-family: 'Abel', sans-serif; font-size: 14px; color: #FFFFFF; }