Zona Cerebral - Plantillas para Blogger, recursos y herramientas ----------------------------------------------- Blogger Template Style Name: Son of Moto (Mean Green Blogging Machine variation) Designer: Jeffrey Zeldman URL: www.zeldman.com Date: 23 Feb 2004 Updated by: Blogger Team ----------------------------------------------- */ /* Variable definitions ==================== */ /* Primary layout */ #navbar-iframe { height:0px; visibility:hidden; display:none } body { background: #fff url(http://img522.imageshack.us/img522/9480/bgme1.png) top repeat-y; margin: 0; padding: 0; border: 0; text-align: center; color: $mainTextColor; font-size: small; } img { border: 0; display: block; } .clear { clear: both; } /* Social Bookmarks */ .bookmark table {border: 1px solid #E9E9E9; background-color: #e5e5e5; margin-left: 5px; padding: 0px;} .bookmark td {font-size: 1em; text-align: center; vertical-align: middle; color: #CCC} .bookmark img {vertical-align: middle;} /* Citas */ blockquote { width:400px; padding:10px 25px 10px 25px; background: #E5E5E5 url(http://img523.imageshack.us/img523/9833/blcqial3.png) top left no-repeat; background-position: 0 5px; } blockquote p { padding:10px; margin-left: 40px; } /* Wrapper */ #outer-wrapper { margin: 0 auto; border: 0; width: 801px; background: $mainBgColor; font: $bodyFont; } /* Header */ #header-wrapper { background: #fff url(http://img530.imageshack.us/img530/9779/bh8de6.png) bottom left repeat-x; margin: 0 auto; padding: 0 0 10px 0; } #header h1 { background: #fff url(http://img442.imageshack.us/img442/6181/logoheader3altvi8.jpg) top left no-repeat; text-align: center; font: normal 11px arial; color: $pageHeaderColor; margin: 0; padding: 92px 50px 39px 490px; align: top; } h1 a, h1 a:link, h1 a:visited { color: $pageHeaderColor; } #header .description { font-size: 0%; text-align: left; padding: 0; margin: 0; line-height:0%; color: $blogDescriptionColor; background: #ffffff; } /* Menu CSS */ #navcontainer { margin: 0 0 0 0; padding: 0; height: 20px; width: 801px; float: left; background: #4F6085 url(http://img441.imageshack.us/img441/2971/fondonavpn2.gif) repeat-x; border-bottom: 1px solid #B5BDC8; } #navcontainer ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; } #navcontainer ul li { display: block; float: left; text-align: center; padding: 0 0 0 0; margin: 0; } #navcontainer ul li a { background: #4F6085 url(http://img244.imageshack.us/img244/825/fondo1ee9.gif) repeat-x; width: 78px; height: 20px; border-left: 1px solid #B5BDC8; border-right: 1px solid #B5BDC8; padding: 0; margin: 0; color: #fff; text-decoration: none; display: block; text-align: center; font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; } #navcontainer ul li a:hover { color: #fff; background: #87A2E2 url(http://img338.imageshack.us/img338/562/fondo1hoverzm6.gif) repeat-x; } /* Menú Twitter */ #twitter_menu { margin: 0; border: 0; padding: 0; width: 801px; height: 30px; } .twitter_menu { margin: 0; padding: 0; border: 0; } #twitter_div { margin: 0; padding: 0; font: normal 11px arial; background: #fff url(http://img401.imageshack.us/img401/8107/fondonavtmx5.gif) repeat-x; color: #333; width: 801px; height: 30px; border-top: 1px solid #B5BDC8; border-bottom: 1px solid #B5BDC8; } #twitter_update_list { list-style-type:none; text-align: left; padding: 5px 0 0 246px; margin: 0; } /* Inner layout */ #content-wrapper { padding: 0 16px; width: 766px } .code { margin: 10px 0 10px 0; padding: 5px 10px 5px 10px; background: #D7E1FF; border-top: solid 1px #9DB7FF; border-bottom: solid 1px #9DB7FF; } /* Fecha */ #fecha { display: block; float:left; margin: 0 13px 0 0; padding: 0 12px 8px 10px; color: #333; background: transparent url(http://img339.imageshack.us/img339/4264/datebg2ce3.gif) no-repeat; border: 0; text-transform: uppercase; } .fecha_mes { display: block; font-size: 10px; font-weight:bold; } .fecha_anio { display: none; font-size: 10px; } .fecha_dia { margin: 8px 0 0 1px; display: block; font-size: 16px; font-weight:bold; } #main { width: 520px; float: right; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ text-align: justify; } #sidebar { width: 200px; float: left; color: $sidebarTextColor; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ font-size: 90%; text-align: left; } #sidebar a { font-weight: normal; text-decoration: none; color: #6c82b5; } #sidebar a:link, a:visited { font-weight: normal; text-decoration: none; color: #6c82b5; } #sidebar a:hover { font-weight: normal; text-decoration: underline; color: #9EFF42; background: transparent; } #sidebar a:active { font-weight: normal; } /* Bottom layout */ #footer { clear: left; margin: 0; padding: 0 20px; border-top: 1px #6c82b5 solid; color: #fff; text-align: right; font-size: x-small; background: #333; } #footer .widget { text-align: left; margin: 0; padding: 10px 0; background-color: transparent; } /* Default links */ a:link, a:visited { font-weight: bold; text-decoration: none; color: $linkColor; } a:hover { font-weight: bold; text-decoration: none; color: $hoverLinkColor; background: #6C82B5; } a:active { font-weight : bold; text-decoration : none; color: $linkColor; } /* Typography */ .main p, .sidebar p { line-height: 140%; margin-top: 5px; margin-bottom: 1em; } h2, h3, h4, h5 { margin: 0; padding: 0; } h2 { font-size: 130%; } h2.date-header { color: $dateHeaderColor; } .post h3 { margin-top: 5px; font-size: 120%; } .post-header-line-1 { color:#333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding: 7px 0 0 20px; background: url(http://img401.imageshack.us/img401/306/calendarnf0.png) no-repeat 0 120%; margin-left: 54px; } #textcode { width:400px; padding:5px 0 0 30px; min-height:70px; background: #333 url(http://img231.imageshack.us/img231/371/texticonfk5.png) no-repeat top left; border:2px solid #98B7FF; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; } .post-footer { text-align: right; border: 1px solid #6c82b5; color:#333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; background: #98B7FF; } .comment-link { background: transparent url(http://img401.imageshack.us/img401/608/24commentsquarecr8.png) no-repeat 0% 50%; margin-right: 15px; padding-left: 22px; } .post-footer a { color: #333; } .post-footer a:hover{ color: #333; text-decoration: underline; background: none; } .post-body { font-family: Arial; font-size:11px; } .post-body ul li { list-style-image: url(http://img389.imageshack.us/img389/8198/0125lita7.png); } .sidebar h2 { color: $sidebarHeaderColor; padding: 0; font-size: 115%; font-variant: small-caps; } .sidebar .widget { margin: 12px 0 13px 0; padding: 0 0 10px 0; } .main .widget { margin: 12px 0 0 0 ; } li { line-height: 140%; vertical-align: top; padding: 0 0 5px 0; } .sidebar ul { margin-left: 0; margin-top: 0; padding-left: 0; } .sidebar ul li { line-height: 160%; list-style-type: none; background: url(http://img389.imageshack.us/img389/9472/0130arrowqc8.png) no-repeat; background-position: 0 5px; vertical-align: top; padding: 0 0 0 17px; margin: 0; } .widget-contenth { margin-top: 0; } .widget-content { margin-top: 0.5em; } /* Profile ----------------------------------------------- */ .profile-datablock { margin: 3px 0 5px 0; line-height: 140%; } .profile-textblock { margin-left: 0; } .profile-img { float: left; margin: 0 5px 5px 0; border:2px solid #4c4c4c; } #comments { font-size: 90%; border: 0; border-top: 1px dashed #eed; margin: 10px 0 0 0; } #comments h4 { margin-top: 10px; margin-bottom: -10px; font-size: small; font-style: Arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; } #comments dl dt { font-weight: bold; font-style: Arial, sans-serif; margin-top: 35px; padding: 1px 0 0 18px; background: transparent url(http://img389.imageshack.us/img389/3284/0058rcommenthot2qq2.png) top left no-repeat; } #comments dl dd { padding: 0; margin: 0; } .deleted-comment { font-style:Arial, sans-serif; color:gray; } .feed-links { clear: both; line-height: 2.5em; } #blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; } #blog-pager { text-align: center; } /** Page structure tweaks for layout editor wireframe */ body#layout #outer-wrapper { padding-top: 0; } body#layout #header, body#layout #content-wrapper, body#layout #footer { padding: 0; } ]]>