Otaku Unmei

} body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* css reset ends */ *{ margin: 0; padding: 0; } body{ font-family: "Lucida Grande", Arial, Helvetica, Sans-Serif; background-color: #121315; } a{ text-decoration: none; outline-color: invert; outline-style: none; border: none; } a img{ border: none; } .clear{ clear: both; } /************** PAGE WRAP *************/ #page_wrap{ width: 960px; margin: 0 auto; background: url('http://1.bp.blogspot.com/_t47uhxwKFVM/SmAKpPjOhcI/AAAAAAAAA8w/eheoUIVUPAw/s1600/bg.gif') no-repeat; } /************** HEADER *****************/ #header-wrapper { font-size: 12px; } #header {float: left; margin-top: 50px; margin-left: 10px;} #header h1{ font-family: Helvetica, "Trebuchet MS", Verdana, sans-serif; font-weight: bold; letter-spacing: -1px; font-size: 36px; color: #fff; line-height: 45px; display: block; } #header a{ font-family: Helvetica, "Trebuchet MS", Verdana, sans-serif; font-weight: bold; letter-spacing: -1px; font-size: 36px; color: #fff; line-height: 45px; display: block; } #header .description { color: #999; margin-top: 10px; margin-left: 5px; } } /**************search********************/ div#header div#search{ border: none; float: right; position: relative; } div#header div#search form#searchform{ position: absolute; top: 65px; right: 10px; width: 200px; height: 25px; border: none; background-color: #fff; } div#header div#search form#searchform .searchinput{ position: absolute; top: 5px; left: 8px; color: #666; font-size: 13px; width: 165px; border: 0; } div#header div#search form#searchform .button{ position: absolute; top: 0px; left: 175px; background: url('http://2.bp.blogspot.com/_t47uhxwKFVM/SmAKqPWrWiI/AAAAAAAAA9Y/YzeFkI9JoZ8/s1600/mag.gif') no-repeat; height: 25px; width: 25px; border: 0; cursor: pointer; } /************** NAVI ******************/ div#main_navi{ background: url('http://3.bp.blogspot.com/_t47uhxwKFVM/SmAKqdC3-8I/AAAAAAAAA9g/W0Mt_yvPUWA/s1600/navi.gif') no-repeat; float: left; margin-top: 30px; height: 37px; width: 960px; } div#main_navi ul.left{ float: left; list-style-type: none; padding: 9px 0 0 20px; width: 750px; height: 20px; overflow: hidden; } div#main_navi ul li{ display: inline; text-transform: uppercase; } div#main_navi ul.left li a{ float: left; overflow: hidden; color: #ccc; font-size: 13px; line-height: 18px; margin: 0 30px 0 0; } div#main_navi ul.left li a:hover{ color: #ff5a00; } div#main_navi ul.right{ float: right; list-style-type: none; padding: 9px 10px 0 0; } div#main_navi ul.right li a{ float: left; overflow: hidden; color: #fff; font-size: 12px; line-height: 20px; margin: 0 0 0 10px; text-transform: uppercase; } div#main_navi ul.right li.twitter a{ background: url('http://2.bp.blogspot.com/_t47uhxwKFVM/SmAKq8DUwYI/AAAAAAAAA94/2IQhXOVwNyI/s1600/twitter.gif') no-repeat 0 3px; padding-left: 21px; } div#main_navi ul.right li.twitter a:hover{ color: #0af; } div#main_navi ul.right li.feed a{ background: url('http://1.bp.blogspot.com/_t47uhxwKFVM/SmAKpnfM9iI/AAAAAAAAA9I/ISltgZmFGQ4/s1600/feed.gif') no-repeat 0 5px; padding-left: 15px; } div#main_navi ul.right li.feed a:hover{ color: #ff5a00; } /************** CONTENT *****************/ #main-container { } #main-wrapper {width: 660px;float: left; display: inline;/* fix double margin */ margin: 30px 25px 30px 10px; 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 */} .main{ padding: 10px 20px 0 20px;overflow: hidden;width: 618px;font-size: 13px; } .widget { margin:0 0 1.5em; padding:0 0 1.5em; } .main .Blog { background-color: #131313; border: 1px solid #1f2223; color: #ccc; line-height: 22px; margin-bottom: 30px; } /************** POSTS *****************/ .post { margin-left: 15px; margin-bottom: 10px; margin-top: 16px; /*float: left; 0620*/ } .post h2 { font-family: Helvetica, "Trebuchet MS", Verdana, sans-serif; font-size: 22px; font-weight: bold; letter-spacing: -1px; line-height: 24px; color: #eee; width: 600px; line-height: 30px; } .post h2 a{ color: #eee; } .post h2 a:hover { color: #ff5a00; } .postmeta{ font-size: 12px;color: #666;width: 580px;overflow: hidden; } .postmeta a{ color: #666;border-bottom: 1px solid #131313; text-decoration: none;} .postmeta a:hover{ color: #ff5a00; border-bottom: 1px solid #ff5a00;text-decoration: none; } .post p { margin-bottom: 20px; } .post a{color: #ff5a00; border: none; text-decoration: none;} .post a:hover{text-decoration: underline; } .post h1{ font-size: 20px; margin-bottom: 5px; } .post h2{ font-size: 18px; margin-bottom: 5px; } .post h3{ font-size: 16px; margin-bottom: 5px; } .post h4{ font-size: 15px; margin-bottom: 5px; } .post h5{ font-size: 14px; margin-bottom: 5px; } .post h6{ font-size: 12px; margin-bottom: 5px; } .post ul, .post ol{padding-bottom: 24px;margin-left: 40px;margin-right: 40px;} .post ul{list-style-type: disc; } .post ol{list-style-type: decimal;} .post ul li, .post ol li{padding: 1px 0;list-style: inside;} .post blockquote{background: url('http://1.bp.blogspot.com/_t47uhxwKFVM/SmAKpaNVurI/AAAAAAAAA84/DKXvfvW6Pj4/s1600/blockquote.gif') no-repeat;padding: 35px 20px 10px 50px; margin: 0 15px 24px 15px; background-color: #181818; border-top: 1px solid #2a2e2f; border-bottom: 1px solid #2a2e2f; color: #999; } .post blockquote p{ margin-bottom: 8px;} .post code{ font-family: "Courier New", mono; background-color: #181818; border-left: 1px solid #2a2e2f; color: #197b30; padding: 5px 10px; display: block; } .post table{ margin-bottom: 20px; border-collapse:collapse; border: 1px solid #2a2e2f; background-color: #181818; color: #999; } .post table td, .post table th{ padding: 2px 5px; border: 1px solid #2a2e2f; } .post-footer { margin: .75em 0; } .comment-link { margin-left:.6em; } .post img { padding:4px; } .post blockquote { margin:1em 20px; } .post blockquote p { margin:.75em 0; } /************** COMMENTS *****************/ #comments { font-size: 13px; color: #ccc; overflow: hidden; } #comments a {color:#CCCCCC;} #comments-block { margin-bottom: 15px; background-color: #101010; border: 1px solid #1f2223; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding: 20px 20px 15px 20px; } #comments-block .comment-author {font-size: 12px;color: #999;border-bottom: 1px solid #181a1b;padding-bottom: 3px;margin-bottom: 8px;} #comments-block .comment-author a{color: #ccc;text-decoration: none;font-weight: bold;} #comments-block .comment-author a:hover{color: #ff5a00;} #comments-block .comment-body { margin:.25em 0 0; } #comments-block .comment-footer { margin:-.25em 0 2em; } #comments-block .comment-body p { margin:0 0 .75em; } .comment-form { background-color: #101010; border: 1px solid #181a1b; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #ccc; padding: 15px 20px; margin-top: 15px; } .comment-form h4{ font-size: 16px; color: #ccc; line-height: 24px; font-weight: normal; float: left; display: inline;/* fix double margin */ } .deleted-comment { font-style:italic; color:gray; } #blog-pager-newer-link { float: left; } #blog-pager-newer-link a:hover{ color: #ff5a00; background-color: #000; } #blog-pager-older-link { float: right; } #blog-pager-older-link a:hover{ color: #ff5a00; background-color: #000; } #blog-pager { font-size: 13px; } #blog-pager a{ display: block; color: #ccc; border: 1px solid #1f2223; padding: 0 5px; background-color: #101010; line-height: 28px; } .feed-links {font-size: 13px;} .feed-links a{ display: block; color: #ccc; border: 1px solid #1f2223; padding: 0 5px; background-color: #101010; line-height: 28px; } /************** SIDEBAR *****************/ #sidebar-wrapper { width: 260px; float: left; display: inline;/* fix double margin */ margin-top: 30px; margin-bottom: 30px; overflow: hidden; color: #aaa; font-size: 12px; background-color: #131313; border: 1px solid #1f2223; } .sidebar { } .sidebar ul {background-color: #131313;} .sidebar li { padding-top: 2px; padding-bottom: 2px; padding-left: 26px; padding-right: 10px; background: url('http://3.bp.blogspot.com/_t47uhxwKFVM/SmAKqbGbGxI/AAAAAAAAA9o/UTUivpuCFF8/s1600/sidebar_list_bg.gif') no-repeat; background-position: left bottom; } div#sidebar li:hover{ background-color: #0d0d0d; } div#sidebar li a{ background: none; display: inline; color: #ccc; line-height: 26px; text-decoration: none; } div#sidebar li a:hover{ color: #ff5a00; } div#sidebar h2{ background: url('http://1.bp.blogspot.com/_t47uhxwKFVM/SmAKqgNIxXI/AAAAAAAAA9w/eduKIWHW6A8/s1600/sidebar_title_bg.gif') no-repeat; background-position: left bottom; font-size: 16px; line-height: 30px; color: #ccc; background-color: #101010; padding: 5px 10px; font-weight: normal; } div#sidebar ul li ul{ list-style-type: none; color: #eee; line-height: 20px; } .sidebar .widget { margin:0 0 1.5em; padding:0 0 1.5em; } /************** PERFIL *****************/ .profile-img { float: left; margin: 0 5px 5px 0; padding: 4px; border: 5px solid #E7E9E3; } .profile-data { margin:0; font: arial; color: #000; font-weight: bold; line-height: 1.6em; } .profile-datablock { margin:.5em 0 .5em; } .profile-textblock { margin: 0.5em 0; line-height: 1.6em; } .profile-link { font: #000; letter-spacing: .1em; } /************** FOOTER *****************/ div#footer{ color: #666; font-size: 12px; background: url('http://1.bp.blogspot.com/_t47uhxwKFVM/SmAKp1azVwI/AAAAAAAAA9Q/1A8W2hQrpEk/s1600/footer_bg.gif') repeat-x; } div#footer div.footer_wrapper{ width: 960px; margin: 0 auto; padding: 18px 0; position: relative; } div#footer div.footer_wrapper a{ color: #ccc; text-decoration: none; } div#footer div.footer_wrapper a:hover{ color: #fff; } /** Page structure tweaks for layout editor wireframe */ body#layout #header { margin-left: 0px; margin-right: 0px; } /* Calendario-Fecha -------------------- */ #fecha { background: url('http://1.bp.blogspot.com/_t47uhxwKFVM/SmAKpcqNESI/AAAAAAAAA9A/KAeMHM7BrmE/s1600/date.gif') no-repeat; float: left; font-size: 12px; line-height: 14px; font-family: "Trebuchet MS", Georgia, sans-serif; text-align: center; vertical-align: middle; color: #fff; height: 43px; width: 50px; margin-left: -10px; margin-top: 16px; padding-top: 4px; position: relative;/* ie6 fix */ margin-right: 12px; } .fecha_mes {font-size: 9px;} .fecha_anio {font-size: 9px; } .fecha_dia {display: block;font-size: 16px;} -->