/* /* -------------------------------------------- Name : Naruto Fight Template (re-new) Designer: Diana Website : http://skincorner.com Date : February 9, 2010 ---------------------------------------------*/ /* variables ==================== */ /*-- hide navbar --*/ #navbar-iframe { height:0px; visibility:hidden; display:none } #outer-wrapper { width: 980px; margin: 0 auto; padding: 0px; position: relative; } #footheader { margin: 0 auto; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2HEb_M0gb6nzMGzCwlOY61pFzcMu3lRxlOQaH407tPilYpv2rd55FjtGF3kDzscjcLdYnJPUvXJXCFip6wAEbow8RMVELfgsByllRIURk6zSMt7Cn54SUbSmA9vkqgw3e1lfDkNS4RNj8/s0/narutofn-menu.jpg) no-repeat; color: #38160c; padding: 0px 0px 0px 55px; height: 108px; width:980px; } /*-- Body --*/ body { background:#000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 0px; margin: 0px; color:$textocolor; } html { padding: 0; margin: 0; } a:link { text-decoration: none; color : $linkcolor; border: 0px; -moz-outline-style: none; } a:active { text-decoration: underline; color : $linkactivecolor; border: 0px; -moz-outline-style: none; } a:visited { text-decoration: none; color : $linkvisitedcolor; border: 0px; -moz-outline-style: none; } a:hover { text-decoration: underline; color : $linkhovercolor; border: 0px; -moz-outline-style: none; } a:focus { outline: none;-moz-outline-style: none; } h1, h2, h3, h4 { font-family: "Trebuchet MS"; } img { padding: 0px; margin: 0px; border: none; text-align: center; } hr { border: none; } /*-- Header --*/ #header-wrapper { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn3EmmrKO_Lh2XfbYTV9dryIM_rt5oJ7xBk7GmkugPImPBeGzx0foXAWt6cZ9uFMF6areVVCeT5emkOmD7X1712UMgHkfmxEWSaUqazSXIViKK0kgIzBMbCdzah2y1AYtkZAhfgfhcMODi/s0/narutofn-head.jpg") no-repeat center; width:980px; height:288px; margin:0; text-align:left; } #header h1 { padding:120px 100px 0px 25px; font-size: 27px; font-weight:normal; font-style:normal; color:#ffffff; } .descriptionwrapper p { margin:0; padding:0px 80px 0px 25px; font-size:17px; font-weight:normal; color:#ffcc33; } /*-- Menu --*/ .searchbox {position:absolute; left:10px; top:305px; width:179px; font-size:11px; color:#A45F24;} #searchform .label {display:block; padding:0px 0px 2px 5px;} .search {width:150px; height:22px; background: url(1) left top no-repeat; float:left;} #searchform input {border:none; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKWBfCVwnluV-TB350DTnZaiwFGQIjGdqILJ78ZBlL8VRNsCMmUIaH8E_swZuQeauRIfqMKOhowCoslpY2LGKXDqMGEglUg2jlA2Oo-q3iTEFHr7Vsb4Durazdxy8XfQwfnKBqy2KTuwTE/s0/narutofn-go.jpg) left top no-repeat; font-size:12px; font-weight: normal; color:#ffffff; width:25px; height:16px; float:right;} #searchform .search #s {border:none; background:transparent; color:#ffffff; width:125px; height:auto !important; margin:3px 0 0 15px; float:left;} /*-- Content --*/ #content-wrapper { background: #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8kD1hc_rbs5boSJNGgGkTutXj6ascNQ-uyFiWW5CP4jlF2vm6PzzMTLUBlRLAcdeIYKxaqsfAVN8-9oPdmTRw5k0D1JTe_s8P_9KqnjJtS0ylmRwNYBpvDPPRexBjT0TNlhbkrEtMtjDf/s0/narutofn-ct.jpg ) repeat-y left top; width: 100%; padding: 0px; float: left; } /*-- Main-Wrapper --*/ #main-wrapper { width: 500px; position: relative; float: left; margin:-20px 0 0 0px; padding-left:20px; color:#textocolor; } h2.date-header { margin:.5em 0 0; padding:0; font-size:16px; font-weight:normal; color:#ffff99; } .posthead { position: relative; clear: left; padding-bottom: 0px; } .post { margin:.5em 0 1em; padding-bottom:1em; } .post h3 { margin:.5em 0; padding:0 0 0; font-size:20px; font-weight:bold; line-height:1.3em; color:#ff9933; } .post h3 a, .post h3 a:visited, .post h3 strong { display:block; font-size:20px; text-decoration:none; color:#ff9933; font-weight:bold; } .post h3 strong, .post h3 a:hover { color:#ff6600; text-decoration:none; } .post { margin:0 0 .75em; line-height:1.2em; } .post-body { padding: 0px 0px 5px 0px; font-size: 12px; line-height: 17px; } .post-body p{ font-size: 12px; line-height: 17px; } .post-body ul { padding: 10px 0px; margin: 0px; } .post-body ul li { padding: 2px 10px 2px 15px; list-style-type: none; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKsyR3BFumNGgItK2omQ2nLT35s6O83oT-aDfashUYL6qitOZFV-NMzAGaFTaWZ9vgxcUn-F2HD3yCHswEdv8JXh6HlQg0rzJL6EPppQ3hhG7BcyV99-KRRTYRtORG7J-DzQxXqu3CVZps/s0/icon-yellow-bullet.png) no-repeat left; font-size: 11px; line-height: 15px; } .post-body blockquote { padding: 2px 10px; background: #transparent; color:#bdad97; font-size:10px; margin: 0px 0px 0px 10px; text-align:justified; border: 1px #ff9933 dashed; } .post-body blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px; } .post-body blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjztq3RcCf_eshFjgXF6eWCUwbjvnZWO-Tqi9YB1A_RCzFZZ0a03Q3EMoBgOk2WMFs0q_tLmcCY64Kgfybnc0PtJnAfPfjvu4WuAmofg5f-zqeFAX0hDos5rSfJ-3vJGVm7O0WTcWu8afFS/s0/bullet-orange.gif) no-repeat left top; font-size: 11px; line-height: 15px; } .post-footer { padding: 10px; font-size: 9px; font-weight: bold; border-bottom:1px dotted #1a0902; } .post-labels { padding: 5px 0px 5px 18px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI7YQ6dngJBe-8lzVmrz5tmPtMsldLqbyxGctcdt9kN5X4s5zIKdpIAMKigV0ZGBwOrH6vXHM0PTUnRdUeHl71dxN8pysdi121989NQvjTBRbW-L_MNItJ2X86Lcvq5dWF-YZwPI4g_yXy/s0/bullet-orange.gif) no-repeat left center; } .comment-link { padding: 5px 0px 5px 18px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1V4nbGy6NxyMmx3iWgWqz-8Fu2aiTXJdUcymsJ5kMlraYCvJjVlLcWg1OL4gTrw2S4d9d28RiOU6Vojt3ah-k7oE0i1K0z0WZoqCIaSenCAA8OxnHCi4fcw_ZP6eKW8aUyioMOZwtXP1Q/s0/comments-small.gif) no-repeat left center; } #main-wrapper {overflow:hidden;} #blog-pager-newer-link { float: left; padding: 5px;} #blog-pager-older-link { float: right; padding: 5px;} #blog-pager { text-align: center;} /*-- Sidebar --*/ #sidebarleft { width: 188px; float: left; margin:-30px 0 0 0; position:relative; padding: 0px 15px 0px 15px; color :#b7966c; } #sidebarleft h2 { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLah3gwFYcNieYOcsURq5kE3BLhfiAmXDk_8hnA3yjBM5AsXFPS3g75U4_DyZuFkmu7zQE5bKq-Lv8hul9zVxWo-tjpIcXaDVDWFhlWLupi0sLmlYDli2y_P-NKcbBJtPCXfzg3STpNKRI/s0/narutofnew-h2.jpg) top left no-repeat; height: 29px; padding-left:35px; padding-top: 5px; font-size: 14px; font-weight:bold; color:#cc0000; } #sidebarleft ul { padding-left:5px; margin-left:0px; } #sidebarleft li { margin: 0px; padding: 2px 0px 3px 0px; list-style-type: none; font-size: 11px; font-weight:normal; } /* ----- Sidebar-right ---*/ #sidebarright { width: 188px; float: left; margin:-30px 0 0 0; position:relative; padding: 0px 15px 0px 35px; color :#b7966c; } #sidebarright h2 { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLah3gwFYcNieYOcsURq5kE3BLhfiAmXDk_8hnA3yjBM5AsXFPS3g75U4_DyZuFkmu7zQE5bKq-Lv8hul9zVxWo-tjpIcXaDVDWFhlWLupi0sLmlYDli2y_P-NKcbBJtPCXfzg3STpNKRI/s0/narutofnew-h2.jpg) top left no-repeat; height: 29px; padding-left:35px; padding-top: 5px; font-size: 14px; font-weight:bold; color:#cc0000; } #sidebarright ul { padding-left:5px; margin-left:0px; } #sidebarright li { margin: 0px; padding: 2px 0px 3px 0px; list-style-type: none; font-size: 11px; font-weight:normal; } /*-- widget content --*/ .widget-content { } .profile-datablock { margin-top: 3px; margin-right: 0; margin-bottom: 5px; margin-left: 0; line-height: 140%; } .profile-textblock { margin-left: 0; } .profile-img { float: left; margin-top: 0; margin-right: 10px; margin-bottom: 5px; margin-left: 0; } /*-- Footer --*/ #footer-wrapper { background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiivHh0RDk0kDrD9d8yEiKLBFiX_CujMRg1J2BbZurRMc9dWp2UEhz4uQTbEFunHuPGQDzlPRt9y8waai03Nn8_Rc4fjuR-ldmBTKMcIWmnNfwOYaxiV-zYKtPzo2tmYzmIEweghneVaaSQ/s0/narutofnew-foot.jpg") no-repeat; width:980px; height:108px; clear:both; margin:0 auto; padding:0; text-align: center; font-size: 10px; padding:108px 0 0 0; } #lower-footer { width:980px; margin:0 auto; padding:0; clear:both; } #diana { padding-top: 10px; color: #ffffff; } #footer-wrapper a { color:#ffff00; text-decoration: none; } #footer-wrapper .links { font-size: 10px; padding: 0px; margin: 0px; } /*-- Comments --*/ #comments h4 { font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 5px 0px; } #comments dl { } .comment-author { margin: 0px; padding: 0px; font-size: 11px; line-height: 11px; letter-spacing: -1px; font-weight: bold; display: block; } .comment-body { margin-top: 5px; padding: 0px; font-size: 11px; text-color:#bdad97; line-height: 15px; background: #000000; border: 1px solid #ff9933; display: block; } dd.comment-footer { padding: 10px; margin: 0px; font-size: 10px; } /** 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; } #navigation {float:left;width:980px;background:transparent;font-size:105%;font-weight:bold;} #navigation ul {margin:0;padding:10px 0px 0px 100px;list-style:none;}#navigation li {display:inline;margin:0;padding:0;} #navigation a {float:left;background:url("1") no-repeat left top;margin:0;padding:10px 0px 0px 100px;text-decoration:none;}#navigation a span {float:right;display:block;background:url("1") no-repeat right top;padding:0px 0px 0px 0px;color:#ff9933;} #navigation a span {float:none;}#navigation a:hover span {color:#ffffff;}#navigation a:hover {background-position:0% -27px;} #navigation a:hover span {background-position:100% -27px;}