/* html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } body { line-height:1; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; outline:none; } /* change colours to suit your needs */ ins { background-color:#ff9; color:#000; text-decoration:none; } /* change colours to suit your needs */ mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } table { border-collapse:collapse; border-spacing:0; } /* change border colour to suit your needs */ hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } /* VAR'S ---------------*/ @base-url: '../img/layout/'; @font-url: '../font/'; @base-width: 990px; /* MIXING ---------------*/ .left { float:left;} .right { float:right;} .clear { clear:both;} .hide { display:none;} .show { display:block;} .roundedBottom(@radius: 5px) { -moz-border-radius-bottomleft: @radius; -moz-border-radius-bottomright: @radius; webkit-border-bottom-left-radius: @radius; webkit-border-bottom-right-radius: @radius; border-bottom-left-radius: @radius; border-bottom-right-radius: @radius; } /* FONT'S ---------------*/ @font-face { font-family: 'HelveticaNeueLTProRegular'; src: url('@{font-url}helveticaneue_medium_cond_1-webfont.eot'); src: url('@{font-url}helveticaneue_medium_cond_1-webfont.eot?#iefix') format('embedded-opentype'), url('@{font-url}helveticaneue_medium_cond_1-webfont.woff') format('woff'), url('@{font-url}helveticaneue_medium_cond_1-webfont.ttf') format('truetype'), url('@{font-url}helveticaneue_medium_cond_1-webfont.svg#HelveticaNeueLTProRegular') format('svg'); font-weight: normal; font-style: normal; } /* DEFAULT ---------------*/ body { background:url('@{base-url}bgBody.png') repeat; text-shadow:0 0 1px transparent; } body, select, input, textarea, button { font:13px/1.231 Arial, Helvetica,sans-serif; color:#ccc; } #container { margin:0 auto; width:@base-width; } a { text-decoration: none; &:hover { color:#FFD700 !important;} } .ie7 .less-error-message, .ie8 .less-error-message { display:none; } #main { overflow:hidden;} /* HEADER ---------------*/ #container > header { background:url('@{base-url}bgHeader.png') no-repeat center top; height: 320px; position: relative; a#logo { background:url('@{base-url}logotipo.png') no-repeat 0 0; .left; height: 107px; margin-top: 155px; text-indent: -9999px; width: 352px; &:hover { background-image:url('@{base-url}logotipo-hover.png'); } } #boxValid { position: absolute; text-align: center; top: 0; width:100%; z-index:9999; #msg { background: none repeat scroll 0 0 #FFF1A8; .roundedBottom(); color: #000000; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; font-size: 12px; font-weight: bold; padding: 10px 10px 0; } } } /* ASIDE ---------------*/ aside { width:@base-width * .25;} .asideModel { padding:10px 0; position:relative; div.title { background:#ab955d; color:#000; font-family: 'HelveticaNeueLTProRegular'; font-size:24px; margin-bottom:9px; padding:2px 20px; width:130px; } div.shadow { background:url('@{base-url}asideShadow.png') repeat-y -1px 0; border-left: 1px solid #171717; left: 0; position: absolute; top: 0; width: 27px; z-index: 999; } } #nav { overflow:hidden; margin-bottom:48px; li { .left; margin-bottom: 8px; position:relative; width: 100%; } a { color:#ab965d; font-family: 'HelveticaNeueLTProRegular'; font-size:18px; background:#141414; .left; padding:4px 20px; &.active { color:#FFD700;} } div.shadow { height: 315px;} } #newsletters { margin-bottom:40px; input { background:#111111; border:1px solid #242424; color:#777777; display: block; margin-bottom:7px; padding: 9px 0 9px 20px; width: 132px; &:focus { border:1px solid #AB955D; } } button { background:url('@{base-url}bgButton.gif') repeat-x 0 0; border-color: #212121 #111111; border-style: solid; border-width: 1px; color: #938664; cursor: pointer; font-family: 'HelveticaNeueLTProRegular'; font-size: 12px; font-style: italic; height: 24px; padding: 0 20px; text-transform: uppercase; } div.shadow { height: 173px;} } #anuncios { img { display:block; } div.shadow { height: 246px;} } /* CONTENT ---------------*/ #content { padding-top:10px; width:@base-width * .74; } .modbox { background:url('@{base-url}bgModbox.png') repeat; position:relative; div.cent { width:660px; margin: 0 auto 10px; text-align: center; width: 691px; } h2 { color: #ab955d; font-size: 16px; font-weight:normal; font-weight: bold; } .edicoesanteriores { widht:600px: .left; } .edicoesanteriores section { margin: 0 9.7px 15px; vertical-align:top; width:750px; } .edicoesAnt { width:142px; height: 220px; .left; padding: 0 30px 16px 0; a, div { color:#ccc; font-size: 10px; } } .edicoesanteriores section img { display:inline-block; zoom:1; *display:inline; margin: 0 0px 7px; vertical-align: middle; } h3 { color: #ab955d; font-weight:normal; font-weight: bold; text-align:center; } a{ color:#ccc; } /*-----------noticias-----------*/ .post { width:680px; border-bottom:1px solid #343434; height: 113px; .left; padding: 6px 0 0 0; margin-top:10px; h2 { display: inline; font-size: 20px; } .img { margin-right: 18px; } div.descricao { width:510px; height:73px; .left; margin-top:12px; a{ color:#ccc; } } } div.left.news { width:670px; h1{ font-size:18px; } } .thumbGaleria { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; margin:10px 6px; border:1px solid #333; padding:4px; vertical-align: top; } } /*-----------destaque------*/ #destaque { .left; margin-bottom: 9px; padding:11px 14px 12px; width:@base-width * .74 - 28px; div.left.destaque { color: #000000; position:relative; img { display:block; height:422px; width:317px; } span { background:#AB955D; border:1px solid #AB955D; bottom: 8px; color: #000000; font-family: 'HelveticaNeueLTProRegular'; font-size: 24px; left: -24px; padding: 2px 12px; position: absolute; z-index:9999; } } #runCycle { height:422px; width:317px; } } #destaque div.right { padding-right: 4px; position:relative; width:@base-width * .37; a{ color:#666; } #banner { img { display:block;} } > h1 { background:#AB955D; color: #000000; font-family: 'HelveticaNeueLTProRegular'; font-size: 24px; font-weight: normal; margin: 10px 0 16px; padding: 2px 12px; position: relative; width: 372px; } article { border-bottom: 1px solid #484848; margin-bottom: 10px; padding-bottom: 10px; &.last { border-bottom:none; margin:0; padding:0; } h1 { margin-bottom: 4px; a { color:#ccc; font-size:16px; } } h2 { a { color:#ccc; } } span{ font-size:11px; color:#666; } span.fonte { color:#6d6d6d; display:block; font-size:11px; margin-bottom:6px; } p { font-size:12px; line-height:18px; } } } #twitter { .left; padding: 12px 16px 20px; width:@base-width * .44; h2 { .left; left: -26px; } ul { .left; font-size: 12px; list-style: none; margin-top: 18px; width:100%; li { border-bottom:1px solid #343434; padding-bottom:12.5px; margin-bottom:12px; a { color:#6d6d6d; display:block; font-size:11px; } span { a { display:inline; font-size:12px; } } &.lastTweet { border-bottom:none; padding-bottom:0; margin-bottom:0; } } } p.preLoader { background:url(../img/layout/twitter-loader.gif) no-repeat left center; float: left; height: 16px; margin-top: 8px; padding-left: 20px; } p.profileLink { .left; a { color:#6d6d6d;} } } #facebook { .right; padding: 12px 8px 14px; width:@base-width * .24; h2 { right:-20px; } } /* PÁGINAS INTERNAS ---------------*/ #content.modbox { margin-top:10px; padding: 10px 20px; width:@base-width * .70; > h1 { background: none repeat scroll 0 0 #AB955D; color: #000000; font-family: 'HelveticaNeueLTProRegular'; font-size: 24px; font-weight: normal; left: -30px; margin-bottom: 20px; padding: 2px 12px; position: relative; width: 100%; } } /* EDIÇÕES ANTERIORES -----------------------*/ #content.edicoesanteriores{ p{ margin-bottom:14px; font-size:18px; color:gold; text-align:center; } } /* REVISTA ONLINE -------------------------*/ #content2{ h1{ margin:0 0 16px 0; } p{ margin:0 0 30px 0;} .revistas{ width:748px; margin:0 auto;} } #container{ a{ text-decoration:none; color:#ccc; &:hover{ color:#FFD700; text-decoration:none; } } } /* FALE CONOSCO ---------------*/ #content.faleConosco { p { margin-bottom:20px; em { font-size:11px; span { color:#FFD700;} } } ul { margin:0 0 25px 16px; } ul li{ margin-bottom:2px; } form { .left; width:@base-width * .41; div { .left; margin-bottom: 10px; width:100%; } label { cursor:pointer; .left; font-weight: bold; padding: 9px 0; width: 100px; span { color:#FFD700;} } input, textarea { background:#141414; border:1px solid #242424; color:#777777; .left; padding:8px 0 8px 8px; width: 294px; &:focus { border:1px solid #AB955D; } } button { background:#141414; border:none; color: #AB965D; cursor:pointer; .right; font-family: 'HelveticaNeueLTProRegular'; font-size: 18px; padding: 4px 15px; &:hover { color:#FFD700; } } } div.description { border-left:1px solid #242424; line-height: 18px; padding: 10px 15px 10px 27px; h3 { color:#CCCCCC; margin-bottom:4px; font-size:18px; text-align:left; } address { font-style:normal; } h2 a{ color:#fff; } } } /* FOOTER ---------------*/ #container > footer { float: left; padding: 30px 0; text-align: center; width: 100%; a { color:#00e8e5; } }