/* **************************
Name: Quietude
Blogger by: http://blogandweb.com/
Distributed by: http://btemplates.com/
Designer: http://templates.arcsin.se/
Date: Jul 09
*****************************
*//* Definicion de variables
====================
type="color" default="#111122" value="#111122">
type="color" default="#CC0099" value="#CC0099">
type="color" default="#FF0066" value="#FF0066">
type="color" default="#882288" value="#882288">
type="color" default="#888888" value="#888888">
type="color" default="#777777" value="#777777">
type="color" default="#444444" value="#444444">
*/
#outer-wrapper {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrASRPxeSvGJsqdsZI8weTowxWVwHPJWVP3-RaCk3wJ8UrMoavC-j5twgx4i-mnGgGnQEOlo3sg7VkddanxTTACkTHCPSz_VQniA4ijvblNlOVZSIbbkCahnhitk7tCL7b6Yp_CRCmzDyB/s0/wrapper.jpg) no-repeat left top;
}
#wrap2 {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1aUxnTxATxxzpDydYKPbTKk6917NAky3jXfhFt79fTVQJni3ZoBnWOQBqonWaPcewdKuobJkFzKdg7lg_h3xi20RDvcc8dVaRMzYap42OplkKe1wpcMlkiE6L7psf5euPdsEOA8KvTV2u/s0/wrapper_inner.jpg) no-repeat right top;
}
#navbar-iframe {
height:0;
visibility:hidden;
display:none;
}
/*-- (Generales) --*/
/*
Reset (http://meyerweb.com/eric/tools/css/reset/)
------------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
ol,ul {
list-style:none;
}
blockquote,q {
quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after {
content:'';
content:none;
}
:focus {
outline:0;
}
ins {
text-decoration:none;
}
del {
text-decoration:line-through;
}
table {
border-collapse:collapse;
border-spacing:0;
}
/*
General
------------------------------------------------------------------- */
html {
font-size:62.5%;
/* reset 1em to 10px */
min-height:100%;
}
body {
background:#FAFAFA url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGqxZ0_9Wxg47QBHK_bAFC3Ppr0caGsQpoNwtGkibIlx63FDSOs1ErShTcfHz8pBNF1-UQ3jt4VVYxd7EqBH1cpqssuo5KBOPvrxLWwY2E-14TsMUNzWxmeW1CYwN_oR9RA-GUY-SFOaCz/s0/body.jpg) no-repeat left bottom;
border-top:3px solid #660083;
color:$textocolor;
font:normal 1.4em sans-serif;
padding-bottom:1px;
/* force scrollbars */
}
/*
Links
------------------------------------------------------------------- */
a {
color:$enlacecolor;
text-decoration:none;
}
a:hover {
color:$colorenlaceencima;
text-decoration:underline;
}
#main-wrapper {
overflow:hidden;
}
.clear {
clear:both;
}
#blog-pager-newer-link {
float:left;
}
#blog-pager-older-link {
float:right;
}
#blog-pager {
text-align:center;
}
p {
line-height:1.4em;
padding:.2em 0 1.2em;
}
h1 {
font:normal 2em sans-serif;
}
h2 {
font:normal 1.6em sans-serif;
}
h3 {
font:normal 1.4em sans-serif;
}
h4 {
font:bold 1.2em sans-serif;
}
h5 {
font:bold 1.1em sans-serif;
}
h6 {
font:bold .9em sans-serif;
}
h1,h2,h3,h4,h5,h6 {
margin-bottom:.2em;
}
h1,h2,h3,h4,h5,h6 {
color:#4A404F;
}
blockquote {
background:#F6F6F6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjziXRkLRe6HanRu6mckUkIfH97vS7c1irt7tk491n-Z4iGnUTb4B7YEHDVzB0R2EMfYQChMHWGeaKAECcBeMwqzL2YmhFKfJFuLgd4It_-yXPfyO5mf9GF5aT-ef_KZCTaMTYdWjpDi9k8/s0/quote.gif) no-repeat;
border-bottom:1px solid #EAEAEA;
border-top:1px solid #EAEAEA;
color:#555;
display:block;
font:normal 1.1em sans-serif;
margin:1em 0;
padding:.6em 1em 0 46px;
}
/* Specific */
h1 {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKpiKLUneXLL5Zn4zpYUD285Wx6-aBf8bA6maMM42Cmh11pjRFLX5H06XiLsgjzr7LhwANmrqLKUmo0tp2HzBSXi38K05ymiVITagmByiQBJb9blo687y8lZPBFmBHlboC9B5kAgAmLvAE/s0/h1.gif) no-repeat left 1px;
padding-left:32px;
}
h2 {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfdqB8quVLL_84YKI229Y02ro2lbiHp8T2F_aImuJ5PNXHsrWUIWbZ_wV_IQR9L1MQPaj2QG70C2FR5srVJyR3I8iSuoQnhXs9ScwvhCDGVYRsTmvw3zV5LEPMJk0BLePy_b50hLR1srhf/s0/h2.gif) no-repeat left 2px;
padding-left:26px;
}
h3 {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJd2F5BwwtI-ATNnvuoeEgDphuPrOjFsvUkDQFpgjl4jUBsB2xfnW1yMYNo16o8trYoNZiYNgNH1_PLOablbXsN5_efj9IOlV42ScD4RpLaJl9030YDaZ06EPv2KZJ-t0V6hHbgP2oiBcx/s0/h3.gif) no-repeat left 3px;
padding-left:22px;
}
/*
Tables, lists
------------------------------------------------------------------- */
table {
border:1px solid #DDD;
width:100%;
}
table th,dt {
background-color:#EEE;
color:#555;
font:bold .85em Verdana,sans-serif;
text-align:left;
}
table tr {
border-bottom:1px solid #DDD;
}
table td,#content table th {
border:none;
padding:10px;
border:1px solid #DDD;
}
dl {
margin-bottom:1.2em;
}
/*-- (Cabecera) --*/
#header-wrapper {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0edosq5oGGR3adYHmGsha7tymDtr5uZX7DArfv7YAppz73nIN9xVXkXq3_PE7O9BBrxT7-xQTIqSZ9YeDdosVjqnKA1fTl3Yw5WXxTos_uJ_jcRvt1sIrmZDV5e11us4Qdo-AF5MZO2g_/s0/transp-trans.png);
border-bottom:1px solid #EEE;
border-top:1px solid #EEE;
}
#header-inner {
margin:0 0 0 260px;
padding:28px 0 10px;
}
#header-wrapper h1 {
background:none;
padding-left:0;
}
#header h1,#header h1 a {
color:$colortituloblog;
}
#header-wrapper p {
color:$descripcioncolor;
}
/*-- (Menu) --*/
#toplinks {
float:right;
font-size:.85em;
height:32px;
}
#toplinks ul {
display:inline;
float:right;
margin:9px 12px 0 0;
}
#toplinks li {
background-color:#FAFAFA;
color:#CCC;
float:left;
padding-left:6px;
}
#toplinks li a {
color:#777;
margin-right:2px;
}
#toplinks li a:hover {
color:#012;
}
#navigation {
background-color:#FFB2F3;
left:85px;
padding:0 4px 4px;
position:absolute;
top:3px;
}
#navigation_inner {
background:#8000AA url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA7fJ4oPVU-N7hK_dWUbSMTBXpmLbaAgGD_XQHBX-ZJ7r3CNojgunjuCKIjwe_jNkDxxrzyqDSKwLFLDvjUqWoRUI0nMTmb2yJraSgv-ZhYkSVmibif1BM7KWaNmpJuU4XB8_Cfk76FNLx/s0/navigation.jpg) repeat-x left top;
border:1px solid #EEE;
border-top:none;
width:140px;
}
#navigation li a {
border-bottom:1px solid #5B0079;
border-top:1px solid #8900B4;
color:#DCD;
display:block;
padding:10px 7%;
text-decoration:none;
width:86%;
}
#navigation li:first-child a {
border-top:none;
}
#navigation li a:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg09MpVnnFJCEEWUf_20s0SqOb1RNHD6MSuFlyz4bYmB8Tndp3OBvosDJh7OHYkgSVlBTT0TuzdUkpqyUpNrlBarJzRpQQRg5a-GLTggbGfY55UNJmSd6LxeZns3D2E8_dWeyGjnUwg-feV/s0/transpnav-trans.png) repeat-x left bottom;
color:#FFF;
}
#navigation li.current_page_item a {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg09MpVnnFJCEEWUf_20s0SqOb1RNHD6MSuFlyz4bYmB8Tndp3OBvosDJh7OHYkgSVlBTT0TuzdUkpqyUpNrlBarJzRpQQRg5a-GLTggbGfY55UNJmSd6LxeZns3D2E8_dWeyGjnUwg-feV/s0/transpnav-trans.png) repeat-x left top;
color:#FFE;
padding:10px 4% 10px 10%;
}
#navigation h2 {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg09MpVnnFJCEEWUf_20s0SqOb1RNHD6MSuFlyz4bYmB8Tndp3OBvosDJh7OHYkgSVlBTT0TuzdUkpqyUpNrlBarJzRpQQRg5a-GLTggbGfY55UNJmSd6LxeZns3D2E8_dWeyGjnUwg-feV/s0/transpnav-trans.png) repeat-x left top;
border-bottom:1px solid #5B0079;
color:#FFE;
font:bold .9em Verdana,sans-serif;
margin:0;
padding:6px 12px;
}
/*-- (Contenedor) --*/
#content-wrapper {
padding:28px 24px 0 260px;
}
/*-- (Principal) --*/
#main-wrapper {
width:69%;
float:left;
}
#main {
padding:8px 12px 8px 0;
}
#main-wrapper ul,#main-wrapper ol {
margin:0 0 1.2em 1.6em;
}
#main-wrapper ul li {
list-style-image:url(img/li.gif);
}
#main-wrapper ol li {
list-style:decimal;
}
#main-wrapper li {
padding:3px 0;
}
.post {
margin-bottom:24px;
}
.post-title a,.post-header-line-1 a {
text-decoration:none;
}
.post-header-line-1 a:hover,.post-footer a:hover {
text-decoration:underline;
}
.post-header-line-1 {
color:$dateHeaderColor;
margin-bottom:14px;
}
.post-header-line-1 a {
color:#444;
}
.post-body {
}
.date-header {
}
.post-footer {
background:#F0F6FA;
border-top:1px solid #E0E6EA;
color:#789;
font-size:.9em;
padding:8px 10px;
}
.post-footer a {
color:#223;
}
.post-footer a:hover {
color:#001;
}
#blog-pager {
}
.blog-pager-older-link {
}
.blog-pager-newer-link {
}
#main-wrapper fieldset {
background-color:#F2F6FA;
border:1px solid #E2E6FA;
margin:1em 0 1.2em;
padding:1em;
}
#main-wrapper fieldset h1,#main-wrapper fieldset h2,#main-wrapper fieldset h3 {
background:none;
border-bottom:1px solid #BCD;
margin-bottom:.6em;
padding-bottom:.3em;
padding-left:0;
}
label {
display:block;
font:bold .9em Verdana,sans-serif;
margin:1em 0 .2em;
}
label em {
font-style:normal;
}
input,textarea,select {
border-color:#777 #CCC #CCC #777;
border-style:solid;
border-width:1px;
font:normal 1em Verdana,sans-serif;
padding:4px;
}
input.button {
background:#E9E8E8 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCcdK_Z-JvFVhO49WIOHnAIMlCHJlpMDbFm9Mm5v62j_2SHjfHEFfZQ3TZm0ynG1Igy2ispVYMA8WlYG0QiGV7s6-Zx8KSH7q6d92g8A7XlU8DzDymhKzDhldAsMLtRpuxzOJeCGltsKqL/s0/submit.gif) repeat-x left top;
border:1px solid #888;
border-color:#BBB #888 #888 #CCC;
color:#444;
cursor:pointer;
font:normal .9em sans-serif;
margin-top:5px;
padding:4px 6px;
width:auto;
}
input:focus,input:active,textarea:focus,textarea:active,select:focus,select:active,input.button:hover,input.button:focus {
background:#FFFFF5;
}
input.button:hover,input.button:focus {
color:#123;
cursor:pointer;
}
input.image {
border:0;
padding:0;
}
.form_row {
padding:10px 0 2px;
}
img.bordered,img.left,img.right {
background-color:#FFF;
border:1px solid #DDD;
padding:3px;
}
img.left {
margin:0 15px 15px 0;
}
img.right {
margin:0 0 15px 15px;
}
/*-- (Lateral) --*/
#sidebar-wrapper {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtgpF3nnuPbJwDdDYIvhev4_axgA0NpCFGphQh9YhGIF6jZkjW_RTVWy8Vab8G8PruRQv9-DoJmFTByn90H5qvpReCoM3EpmPzgOK6T03N76OjG5TPDYP4uAT1bMfuuItiWTkWiD0_vTql/s0/separator.gif) repeat-y left top;
color:#555;
width:30%;
float:right;
}
#sidebar {
padding:8px 0 12px 24px;
}
#sidebar-wrapper ul {
}
#sidebar-wrapper li {
}
#sidebar-wrapper h2 {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLs-f3MGdbXMEz7axRU7d2AW-4KjI9TNkX2eJC3RV0n2kbX5hajxohgCZW3CKBlUXCH1Cj8C1lZgOJH-6s2VPoTGY2ahENFTZwUZa66v0EQky6ZhYPshzr6dmvgXulzG_4lCrmc7nW-Ns7/s0/box_title.gif) no-repeat left 2px;
color:$colortituloslateral;
font:normal 1.6em sans-serif;
margin-bottom:4px;
padding-left:26px;
}
#sidebar-wrapperp {
padding:4px 0;
}
#sidebar-wrapper li {
border-top:1px solid #EEE;
padding:4px 6px;
}
#sidebar-wrapper li:first-child {
border-top:none;
}
.sidebar .widget {
margin-bottom:1.5em;
padding:4px 0 8px;
}
/*-- (Pie de pagina) --*/
#footer-wrapper {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyTZxzagEMjgjNYHIhyphenhyphenOibo6jHOmQezFgykKc8BVqKOUNssS_18xM72lFFm-hk-6aVhyphenhyphenbjc3JKdsE5ZtfQ_5c2BMRy1BSpbLQuAZP-vpMzZMv82eeOV1qC-djlIYJZtJih4MgKSbloBTPV/s0/footer.gif) no-repeat left center;
border-top:1px solid #EAEAEA;
color:#888;
margin-top:16px;
padding:18px 0 18px 56px;
}
#footer-wrapper a {
color:#666;
text-decoration:underline;
}
#footer-wrapper .right,#footer-wrapper .right a {
color:#AAA;
}
#footer-wrapper .right a {
text-decoration:none;
}
#footer-wrapper a:hover {
color:#333;
}
/*-- (Comentarios) --*/
#comments h4 {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJd2F5BwwtI-ATNnvuoeEgDphuPrOjFsvUkDQFpgjl4jUBsB2xfnW1yMYNo16o8trYoNZiYNgNH1_PLOablbXsN5_efj9IOlV42ScD4RpLaJl9030YDaZ06EPv2KZJ-t0V6hHbgP2oiBcx/s0/h3.gif) no-repeat scroll left 3px;
padding-left:22px;
font-size:1.4em;
}
#comments dl {
border-top:1px dashed #DDD;
margin:0 0 2em;
}
.comment-author {
padding-top:13px;
}
.comment-body {
padding-top:8px;
}
.comment-form {
max-width:100%!important;
background-color:#F2F6FA;
border:1px solid #E2E6FA;
margin:1em 0 1.2em;
padding:1em;
}
#comments .blogger-comment-icon,.blogger-comment-icon {
background-position:left 13px!important;
}
h4.comment-post-message {
}
p.comment-footer {
text-align:center;
}
dd.comment-footer,dd.comment-body {
margin:0;
}
.comment-timestamp {
border-bottom:1px dashed #DDD;
display:block;
font-size:.9em;
padding:0 0 15px;
}
.comment-timestamp a {
color:#556;
text-decoration:none;
}
.comment-timestamp a:hover {
color:#001;
text-decoration:underline;
}
.left {
float:left;
}
.right {
float:right;
}
.clear,.clearer {
clear:both;
}
.clearer {
display:block;
font-size:0;
line-height:0;
}
#header {
min-height:.01%;
}
body#layout #content-wrapper {
margin:0;
}
body#layout #footer-wrapper p.links,body#layout #menu,body#layout #search,.post-feeds {
display:none;
}
]]>
0 comments: