*/
#outer-wrapper {
}
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
/*-- (Generales) --*/
* {
margin: 0;
padding: 0;
}
body {
margin: 0px;
background: #000000 url() repeat-y fixed;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
color: $textocolor;
}
h1, h2, h3 {
margin-bottom: 1.5em;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1em;
}
img {
border: 0px;
}
p, ul, ol {
margin-bottom: 1.5em;
line-height: 120%;
}
ul, ol {
margin-left: 3em;
}
blockquote {
margin-left: 3em;
margin-right: 3em;
}
a {
text-decoration: none;
color: $enlacecolor;
}
a:hover {
text-decoration: underline;
}
strong {
color: #D7D7D7;
}
img.left {
float: left;
margin: 5px 25px 0px 0px;
}
img.right {
float: right;
margin: 5px 0px 0px 25px;
}
center {
float: center;
}
/*-- (Mensagem de status) --*/
.status-message {
height:21px;
margin-bottom:15px;
font: bold 70%/110% "Lucida Grande", Arial, sans-serif;
color:#000000;
text-align:center;
}
#main-wrapper {overflow:hidden;}
.clear {clear:both;}
#blog-pager-newer-link {float: left;}
#blog-pager-older-link {float: right;}
#blog-pager {text-align: center; }
/*-- (Cabecera) --*/
#header-wrapper {
background: url(http://i27.tinypic.com/2eoh2rb.jpg) no-repeat center top;
}
#header-inner {
width: 960px;
background: url(images/topo.jpg) no-repeat right;
height: 189px;
margin: -16px auto;
color: $colortituloblog;
}
#header-wrapper h1 {
float: left;
margin-left: 90px;
padding: 70px 0px 0px 25px;
font-size: 0px;
}
#header-wrapper p {
float: right;
margin: 0px;
padding: 95px 25px 0px 0px;
font-size: 14px;
}
#header-wrapper a {
text-decoration: none;
color: $colortituloblog;
}
/*-- (Menu) --*/
#bg2 {
background: url(http://i44.tinypic.com/ifbhfp.jpg) no-repeat center top;
}
#header2 {
width: 960px;
margin: 0px auto;
}
#menu {
float: left;
}
#menu ul {
margin: 0px;
padding: 10px 0px 0px 0px;
list-style: none;
}
#menu li {
float: left;
padding-left: 30px;
}
#menu a {
text-decoration: none;
font-size: 16px;
font-weight: bold;
color: $colormenu;
}
#menu a:hover {
text-decoration: underline;
color: $colormenu;
}
#search {
float: right;
}
#search form {
margin: 0px;
padding: 10px 40px 0px 0px;
}
#search fieldset {
margin: 0px;
padding: 0px;
border: none;
}
#search input.text {
width: 200px;
background:#222222;
border: 1px solid #444444;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 16px;
color: #AEC38B;
}
#search input.button {
display: none;
}
/*-- (Contenedor) --*/
#content-wrapper {
background: url() repeat-y right top;
}
#bg4 {
background: url() no-repeat center top;
}
#bg5 {
background: url() no-repeat center bottom;
}
#page {
width: 1000px;
margin: 0px auto;
padding: 0px 0px 0px 0px;
}
/*-- (Principal) --*/
#main-wrapper {
background:#000000;
background:url(http://i32.tinypic.com/28tbdxk.jpg) repeat-y;
width:525px;
float:left;
margin:0px 0px 0px 10px;
}
.post-title {
height: 100px;
background: url(http://i29.tinypic.com/5odzme.jpg) no-repeat;
}
.post-title h3 {
float: left;
padding: 20px 0px 0px 150px;
font-size: 17px;
}
.post-title h3 a {
text-decoration: none;
color: $colortituloentrada;
}
.post-title h3 a:hover {
text-decoration: underline;
}
.post-title .post-timestamp {
float: right;
padding: 12px 24px 0px 0px;
font-size: 15px;
font-weight: bold;
color: #343434;
}
.post-body {
padding: 30px 23px 0px 23px;
}
.date-header {
}
.post-footer {
height: 46px;
clear: left;
margin: 0px 0px;
padding: 20px 0px 0px 0px;
background:url(http://i30.tinypic.com/wjujhy.jpg) no-repeat;
}
.post-footer-line-1 {
float: left;
padding: 15px 0px 0px 15px;
}
.post-footer-line-3 {
float: right;
margin: 10px 30px;
}
.post-footer-line-3 a.comment-link {
padding-left: 19px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid2wlU5FzsrAzxC7frEoLMEws0Pc46pzrBaYFZZgSsjB73MTvO8njDC7IuEPyjMJGhjzpkxPEJXAp4oiBZl1dVbC9UxMsL_QZevyzrJitq5r9k5ojsK4Ss1lg0Em3yY6L-mq51c8Mjv1Hu/s1600/img04.gif) no-repeat left center;
}
/*-- (Lateral) --*/
#sidebar-wrapper {
float: left;
width: 212px;
margin-right: 3px;
margin-left: 15px;
}
#sidebar-wrapper ul{
margin-left: 0px;
padding: 0px;
list-style: none;
}
#sidebar-wrapper li{
padding:0px 0px 0px 15px;
background:url(http://img38.imageshack.us/img38/8687/buletseta.jpg) no-repeat left;
font:bold 12px Arial, Helvetica, sans-serif;
color: #666666;
}
#sidebar-wrapper h2 {
margin: 0px;
width: 211px;
background: url(http://i32.tinypic.com/24wvp00.jpg) no-repeat scroll 0 0;
padding: 40px 0px 20px 40px;
font-size: 14px;
color: $colortituloslateral;
}
/*-- (Lateral2) --*/
#sidebar-wrapper2 {
float: right;
width: 212px;
margin-right: 15px;
}
#sidebar-wrapper2 ul{
margin: 0px;
padding: 0px;
list-style: none;
}
#sidebar-wrapper2 li{
padding:0px 0px 0px 15px;
background:url(http://img38.imageshack.us/img38/8687/buletseta.jpg) no-repeat left;
font-weight: bold;
background: none;
border-bottom: 1px solid #262626;
}
#sidebar-wrapper2 h2 {
margin: 0px;
background: url(http://i32.tinypic.com/24wvp00.jpg) no-repeat;
width: 211px;
padding: 40px 0px 20px 0px;
text-align:center;
font-size: 14px;
color: $colortituloslateral;
}
.widget {
padding: 0px 0px 16px 0px;
}
.sidebar {
padding: 0px 10px 0px 0px;
background:url(http://i29.tinypic.com/35a3sxe.jpg) repeat-y;
width: 211px;
}
.sidebar2 {
padding: 0px 0px 0px 0px;
background:url(http://www.downgratis.com/wp-content/themes/Down-Gratis/images/repeat-widgth.jpg) repeat-y;
width: 211px;
}
.sidebar .widget {
background:transparent url(http://www.downgratis.com/wp-content/themes/Down-Gratis/images/rodape-widgth.jpg) repeat-x bottom left;
}
.widget-content {
font: normal normal 98% Trebuchet, Trebuchet MS, Arial, sans-serif;
margin: -6px 0px -20px 0px;
padding: 20px;
}
.sidebar2 .widget {
background:transparent url(http://www.downgratis.com/wp-content/themes/Down-Gratis/images/rodape-widgth.jpg) repeat-x bottom left;
}
.widget-content {
font: normal normal 98% Trebuchet, Trebuchet MS, Arial, sans-serif;
margin: -6px 0px -20px 0px;
padding: 20px;
}
/*-- (Pie de pagina) --*/
#footer-wrapper {
width:100%;
background:url(http://www.downgratis.com/wp-content/themes/Down-Gratis/images/geral-rodape.jpg) no-repeat center top;
}
#footer-wrapper {
width:1000px;height:189px;margin:0 auto;
background:url(http://i32.tinypic.com/2h3bxpt.jpg) no-repeat;
}
#footer-wrapper .links {
margin: 0px;
padding: 20px 0px;
text-align: center;
color: #566D77;
}
#footer-wrapper a {
color: #8097A1;
}
/*-- (Comentarios) --*/
#comments h4 {
background:transparent url() no-repeat scroll 0 0;
height:49px;
font-size:22px;
padding:12px 0 0 24px;
}
#comments dl {
padding:20px 23px 0;
border: 0px solid #444444;
}
.comment-author {
font-size:12px;
}
.comment-body {
padding:5px 0;
background:#333333;
}
p.comment-footer {
text-align:center;
font-size:13;
}
dd.comment-footer, dd.comment-body {
margin:1px;
}
dd.comment-footer {
margin-bottom:15px;
}
body#layout #content-wrapper {
margin: 50px;
}
body#layout #footer-wrapper p.links, body#layout #menu, body#layout #search {
display:none;
}
/* -- MENU TOPO -- */
ul#navigation-1
{ background: url('http://i42.tinypic.com/fcs8bc.png'); margin:0; padding:1px 0; list-style:none; width:100%; height:32px; border-top:1px solid #444444; border-bottom:1px solid #444444; font:normal 8pt verdana, arial, helvetica;}
ul#navigation-1 li
{ margin:0; padding:0; display:block; float:left; position:relative; width:148px; }
ul#navigation-1 li a:link,
ul#navigation-1 li a:visited
{ padding:10px 0; display:block; text-align:center; text-decoration:none; background: none; color:#ffffff; width:148px; height:14px; border-left:1px solid #444444; border-right:1px solid #444444; }
ul#navigation-1 li:hover a,
ul#navigation-1 li a:hover,
ul#navigation-1 li a:active
{ padding:10px 0; display:block; text-align:center; text-decoration:none; background:none; color:#FFF; width:146px; height:14px; }
ul#navigation-1 li ul.navigation-2
{ margin:0; padding:1px 1px 0; list-style:none; display:none; background:#000; width:146px; position:absolute; top:32px; left:-1px; border:1px solid #999; border-top:none; }
ul#navigation-1 li:hover ul.navigation-2
{ display:block; }
ul#navigation-1 li ul.navigation-2 li
{ width:146px; clear:left; width:146px; }
ul#navigation-1 li ul.navigation-2 li a:link,
ul#navigation-1 li ul.navigation-2 li a:visited
{ clear:left; background:#000; padding:10px 0; width:146px; border:1px solid #999999; border-bottom:1px solid #000; position:relative; z-index:1000; color:#FFF; }
ul#navigation-1 li ul.navigation-2 li:hover a,
ul#navigation-1 li ul.navigation-2 li a:active,
ul#navigation-1 li ul.navigation-2 li a:hover
{ clear:left; background:#444; padding:10px 0; width:146px; border-bottom:1px solid #666; position:relative; z-index:1000; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3
{ display:none; margin:0; padding:0; list-style:none; position:absolute; left:145px; top:-2px; padding:1px 1px 0 1px; border:1px solid #999; background:#000; z-index:900; }
ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3
{ display:block; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited
{ background:none; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active
{ background:#444; }
ul#navigation-1 li ul.navigation-2 li a span
{ position:absolute; top:0; left:132px; font-size:12pt; color:#fe676f; }
ul#navigation-1 li ul.navigation-2 li:hover a span,
ul#navigation-1 li ul.navigation-2 li a:hover span
{ position:absolute; top:0; left:132px; font-size:12pt; color:#000; }
#menu-topo{
width:960px;
height:42px;
background:url(http://i41.tinypic.com/wvz5eb.jpg) no-repeat;
}
#menu-topo ul{
padding:15px 0px 0px 20px;
text-align:left !important;
}
#menu-topo ul li{
list-style:none;
display:inline;
}
#menu-topo li a{
font:13px Arial, Helvetica, sans-serif;
color:#FFFFFF;
border-right:2px solid #000000;
padding:0px 5px 0px 5px;
}
#menu-topo li a:hover{
text-decoration:underline;
}
#busca{
width:871px;
height:37px;
float:left;
background:url(http://i41.tinypic.com/153b1nc.jpg) no-repeat left;
}
#txt-busca{
float:left;
margin:6px 0px 0px 411px;
width:370px;
padding:3px;
font:12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
background:#000000;
border:0px;
}
#bt-buscar{
width:84px;
float:right;
}
#lateral-busca{
width:89px;
height:37px;
float:right;
background:url(http://img8.imageshack.us/img8/7706/lateralbusca.jpg) no-repeat;
text-indent:-9999px;
}
.menu-salto{
text-indent:-9999px;
overflow:hidden;
width:0px;
height:0px;
}
.both{
clear:both;
text-indent:-9999px;
}
]]>
Imagem da lateral da busca
Limpa os float da busca
Nenhum comentário:
Postar um comentário