-
espanagrone
Nuevo
|
25-02-2011, 13:24 (UTC) Título del mensaje: AYYUDA CON PANTILLA CSS URGENTE |
|
|
Hola, espero que el tema sea aqui o alguien me indique para moverlo a otro sitio...
Quisiera que por favor alguien me ayude, lo que pasa es que estoy haciendo mi web pero tengo 3 problemillas:
Escogi una Plantilla css, pero hay unos contenedores o cajas oscuras en el fondo que no logro quitar para un mejor aspecto de mi web y no se donde suprimirlo
el boceto donde indico que area eliminar esta aqui: http://i55.tinypic.com/wbdt7q.jpg
1. arriba del encabezado tengo una barra horizontal oscura donde me venian menus, logre quitar los menus pero esta barra no la puedo quitar.
2. en este contenedor tampoco logro quitar ese rectangulo oscuro el cual contenia una imagen, logre quitar la imagen mas no ese rectangulo que me impide subir mis textos o imagenes hacia arriba.
3. esta barra horizontal tampoco la logro quitar, elimine el "search GO" que contenia esta barra pero la barra no.
Agradesco su gran ayuda que me va a servir de mucho.
Por siacaso aqui les lejo el html de mi web (*los espacios que dejo es solo para guiarme o como referencia personal)
mi web es: http://espanagrone.es.tl/
Les agradeceria si alguien me indica en que parte de los codigos suprimir para que no se vean esas areas que no no quiero que aparescan, gracias
TEXTO POR ENCIMA DE LA PAG:
Código:
<script type='text/javascript'>
jQuery(function(){
jQuery('ul.sf-menu').superfish();
});
</script> <style type='text/css'> #mygallery{overflow: hidden;} </style> <script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script></head> <body> <div class='navbar section' id='navbar'><div class='widget Navbar' id='Navbar1'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener("load",
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script> <div></div></div></div> <div class='wrapper'> <div id='foxmenucontainer'> <div id='menu'> <ul>
</ul> </div> </div> <!-- foxmenu --> <div class='clear'></div> <div id='top'> <div class='blogname'> <div class='header section' id='header'><div class='widget Header' id='Header1'> <h1> <h1></h1> </h1> <div id='subtitle'> <h2></h2>
</div> </div></div> </div><!-- blogname --> </div><!-- top --> <div id='cat'> <ul class='sf-menu'>
<li><a href='http://chromos.es.tl/' _fcksavedurl='http://chromos.es.tl/'>Inicio</a>
</li> <li> <a href='http://chromos.es.tl/' _fcksavedurl='http://chromos.es.tl/'>Historia</a> <ul class='children'>
<li> <a href='http://chromos.es.tl/' _fcksavedurl='http://chromos.es.tl/'>Fvndacion</a> </li>
<li> <a href='http://chromos.es.tl/' _fcksavedurl='http://chromos.es.tl/'>Ideologia</a> </li>
<li> <a href='http://chromos.es.tl/' _fcksavedurl='http://chromos.es.tl/'>Objetivos</a> </li> </ul>
</li> <li> <a href='http://chromos.es.tl/' _fcksavedurl='http://chromos.es.tl/'>Banderas</a></li> <li> <a href='http://chromos.es.tl/' _fcksavedurl='http://chromos.es.tl/'>Fotos</a> <ul class='children'> <li> <a href='http://espana-grone.es.tl/Revnioneshgkliuy.htm' _fcksavedurl='http://espana-grone.es.tl/Revnioneshgkliuy.htm'>Revniones</a> </li>
<li><a href='http://chromos.es.tl/' _fcksavedurl='http://chromos.es.tl/'>Desbandes</a> </li>
<li> <a href='http://chromos.es.tl/' _fcksavedurl='http://chromos.es.tl/'>Viajes</a> </li> </ul> </li>
<li> <a href='http://chromos.es.tl/' _fcksavedurl='http://chromos.es.tl/'>Aniversarios</a> </li>
<li> <a href='http://chromos.es.tl/' _fcksavedurl='http://chromos.es.tl/'>Zonas</a> </li>
<li> <a href='http://chromos.es.tl/' _fcksavedurl='http://chromos.es.tl/'>Especiales</a> <ul class='children'>
<li> <a href='http://chromos.es.tl/' _fcksavedurl='http://chromos.es.tl/'>Chocolatada</a> </li>
<li> <a href='http://chromos.es.tl/' _fcksavedurl='http://chromos.es.tl/'>Visitas</a> </li></ul>
<li> <a href='http://chromos.es.tl/' _fcksavedurl='http://chromos.es.tl/'>Procesiones</a> </li>
<li> <a href='http://chromos.es.tl/' _fcksavedurl='http://chromos.es.tl/'>Homenajes</a> <ul class='children'>
<li> <a href='http://chromos.es.tl/' _fcksavedurl='http://chromos.es.tl/'>Los Potrillos</a> </li> </ul>
<li> <a href='http://chromos.es.tl/' _fcksavedurl='http://chromos.es.tl/'>Joda</a> </li>
<li> <a href='http://chromos.es.tl/' _fcksavedurl='http://chromos.es.tl/'>Graffiti</a> </li>
<li> <a href='http://chromos.es.tl/' _fcksavedurl='http://chromos.es.tl/'>Mvro</a> </li>
<li> <a href='http://chromos.es.tl/' _fcksavedurl='http://chromos.es.tl/'>Enlaces</a> </li>
</ul> </div> <!-- cat --> <div class='clear'></div> <div class='content'> <div id='content'> <div class='cahayabiru1 section' id='cahayabiru1'><div class='widget HTML' id='HTML1'> <script type='text/javascript'>
featuredcontentglider.init({
gliderid: "glidercontent",
contentclass: "glidecontent",
togglerid: "togglebox",
remotecontent: "",
selected: 1,
persiststate: true,
speed: 300,
direction: "leftright",
autorotate: true,
autorotateconfig: [10000, 1] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]
})
</script> <div class='glidecontentwrapper' id='glidercontent'> <div class='widget-content'> <div class='glidecontenttoggler' id='togglebox'> <a class='prev' href='#' _fcksavedurl='#'></a> <a class='next' href='#' _fcksavedurl='#'></a> </div> <!-- start copy --> <div class="glidecontent"> <div class="glidemeta"> </div>
</a> </div> <!-- end copy --> </div> </div> </div></div> <div class='clear'></div> <div class='cahayabiru2 section' id='cahayabiru2'><div class='widget HTML' id='HTML2'> <div id='myslides'> <script type='text/javascript'>
stepcarousel.setup({
galleryid: 'mygallery', //id of carousel DIV
beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
panelclass: 'panel', //class of panel DIVs each holding content
panelbehavior: {speed:500, wraparound:true, persist:true},
statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
contenttype: ['external'] //content setting ['inline'] or ['external', 'path_to_external_file']
})
</script> <div class='main section' id='main'><div class='widget Blog' id='Blog1'>
TEXTO POR DEBAJO DE LA PAG:
Código:
</div></div></div></div></div> <!-- id content --></div> <div id='rightcol'> <div class='cahaya1 section' id='cahaya1'><div class='widget HTML' id='HTML4'> <div id='fideohead'></div> <div id='fvideo'> <div class='widget-content'> <p><img style="width: 310px; height: 220px;" src="http://img87.imageshack.us/img87/360/bannersmallb.jpg" _fcksavedurl="http://img87.imageshack.us/img87/360/bannersmallb.jpg" alt="http://img87.imageshack.us/img87/360/bannersmallb.jpg" /></p> </div> <div class='fat'> </div> <div id='fideofoot'></div></div> </div></div> <div class='clear'></div>
<div id='search'> <form action='/search' id='searchform' method='get'>
</form> </div> <div class='clear'></div> <div class='cahaya2 section' id='cahaya2'><div class='widget HTML' id='HTML5'> <div class='featlist'> <div class='highlight'></div> <div class='widget-content'> <div class="fblock"> <img width="80" alt="" src="http://2.bp.blogspot.com/_XByc9SCisZM/Sa8DP2r5L9I/AAAAAAAABCU/JGvGFHiPHV4/s1600/assa.jpg" _fcksavedurl="http://2.bp.blogspot.com/_XByc9SCisZM/Sa8DP2r5L9I/AAAAAAAABCU/JGvGFHiPHV4/s1600/assa.jpg" height="55"/> <h2><a href="#" _fcksavedurl="#" title="Assassin">Assassin</a></h2> <div class="auth"> Posted by jinsona </div> <div class="fmeta">Nov-20-2008</div> </div> <div class="fblock"> <img width="80" alt="" src="http://3.bp.blogspot.com/_XByc9SCisZM/Sa8DQL-hbsI/AAAAAAAABCk/005sTzzzafY/s1600/barms.jpg" _fcksavedurl="http://3.bp.blogspot.com/_XByc9SCisZM/Sa8DQL-hbsI/AAAAAAAABCk/005sTzzzafY/s1600/barms.jpg" height="55"/> <h2><a href="#" _fcksavedurl="#" title="Brothers in Arms">Brothers in Arms</a></h2> <div class="auth"> Posted by jinsona </div> <div class="fmeta">Nov-20-2008</div> </div> <div class="fblock"> <img width="80" alt="" src="http://4.bp.blogspot.com/_XByc9SCisZM/Sa8DSQChQgI/AAAAAAAABDk/1KIqdXHaCUU/s1600/final.jpg" _fcksavedurl="http://4.bp.blogspot.com/_XByc9SCisZM/Sa8DSQChQgI/AAAAAAAABDk/1KIqdXHaCUU/s1600/final.jpg" height="55"/> <h2><a href="#" _fcksavedurl="#" title="Final fantasy">Final fantasy</a></h2> <div class="auth"> Posted by jinsona </div> <div class="fmeta">Nov-20-2008</div> </div> <div class="fblock"> <img width="80" alt="" src="http://3.bp.blogspot.com/_XByc9SCisZM/Sa8DJC-ZFQI/AAAAAAAAA_0/tfxlO2ER684/s1600/max.jpg" _fcksavedurl="http://3.bp.blogspot.com/_XByc9SCisZM/Sa8DJC-ZFQI/AAAAAAAAA_0/tfxlO2ER684/s1600/max.jpg" height="55"/> <h2><a href="#" _fcksavedurl="#">Max Payne</a></h2> <div class="auth"> Posted by jinsona </div> <div class="fmeta">Nov-20-2008</div> </div> <div class="fblock"> <img width="80" alt="" src="http://2.bp.blogspot.com/_XByc9SCisZM/Sa8DKFQIneI/AAAAAAAABAk/lqijrDTxfBo/s1600/prince.jpg" _fcksavedurl="http://2.bp.blogspot.com/_XByc9SCisZM/Sa8DKFQIneI/AAAAAAAABAk/lqijrDTxfBo/s1600/prince.jpg" height="55"/> <h2><a href="#" _fcksavedurl="#" title="Prince of persia">Prince of persia</a></h2> <div class="auth"> Posted by jinsona </div> <div class="fmeta">Nov-20-2008</div> </div> </div> </div> <div class='clear'></div> </div></div>
<div class='clear'></div> <div id='sidebar'> <div class='sidebar2'> <div class='cahaya3 section' id='cahaya3'><div class='widget Label' id='Label1'> <h2>Tienda Grone</h2> <div class='widget-content'> <ul> <li><a href='http://chromos.es.tl/' _fcksavedurl='http://chromos.es.tl/'>Prodvcto Legitimo</a></li> <li><a href='http://chromos.es.tl/' _fcksavedurl='http://chromos.es.tl/'>Barra Brava</a></li> <li><a href='http://www.alianzalimavintage.com/'>alianza lima Vintage</a></li> <li><a href='http://chromos.es.tl/' _fcksavedurl='http://chromos.es.tl/'>Casa Blanqviazvl</a></li> <li><a href='http://chromos.es.tl/' _fcksavedurl='http://chromos.es.tl/'>Tienda Aliancista</a></li> </ul> <div class='clear'></div> </div> </div>
</div> </div><!-- sidebar2 --> <div class='sidebar1'> <div class='cahaya4 section' id='cahaya4'><div class='widget BlogArchive' id='BlogArchive2'> <h2>Links Grones</h2> <div class='widget-content'> <div id='ArchiveList'> <div id='BlogArchive2_ArchiveList'> <ul> <li><a href='http://www.clubalianzalima.com/'>Clvb Alianza Lima</a></li> <li><a href='http://www.comandosvr.com/'>Comando Svr</a></li> <li><a href='http://www.lafiestadealianza.com/'>La Fiesta de Alianza</a></li> <li><a href='http://chromos.es.tl/' _fcksavedurl='http://chromos.es.tl/'>Alianza Lima TV HD</a></li> <li><a href='http://chromos.es.tl/' _fcksavedurl='http://chromos.es.tl/'>Corazon para ganar</a></li> </ul> </div> </div> <div class='clear'></div> </div> </div></div> </div> <!-- sidebar1 --> </div> <!-- sidebar --> </div> <!-- rightcol --> <div class='clear'></div> </div> <!-- end class content --> <div id='footer'> <span class='fleft'> Copyright 2011 <a href='http://#/' _fcksavedurl='http://#/'>Tu Web Aquí.</a> Todos los derechos reservados. </span> <span class='fright'><a href='http://chromos.es.tl/' _fcksavedurl='http://chromos.es.tl/'>Plantilla por CHROMOS.ES.TL</a> </span> </div><!-- footer --> <div class='clear'></div> </div><!-- wrapper --> </body> </html>
CSS-CODE:
Código:
table {margin-left:auto;margin-right:auto;} #pre_header {display: none;} #post_header {display: none;} #header_container {display: none;} lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} #title {display: none;} #nav_container {display:none;} /* -------------------------------------------------------------- Adaptado por Chromos.ES.TL -------------------------------------------------------------*/ .navbar { visibility:hidden; display: none; } body { margin:0 auto; padding-top:0px; background:#02070F url(http://1.bp.blogspot.com/_XByc9SCisZM/Sa8DQUJW-3I/AAAAAAAABCs/AwzEmimXwBA/s1600/body.jpg) repeat-x top ; font-family:Century gothic, Arial,Tahoma,sans-serif; color:#668790; font-size:13px; } img { border:0; } a { color:#69A1C2; text-decoration:none } a:hover { color:#255273; text-decoration:none } h1, h2, h3, h4, h5, h6 { } blockquote { padding-left:10px; color:#245071; font-style: normal; } .clear { clear:both; } .alignleft { float:left; padding:2px 0 0 5px; } .alignright { float:right; padding:2px 7px 0 5px; } .ad1{ text-align:center; margin:5px auto; padding:0 0; } /* The Wrapper */ .wrapper { width:1000px; margin:0 auto; background:#e2e2d9; padding: 0 0 0px 0; } /* The Top */ #top { height:158px; margin:auto; background:#f5f3f3 url(http://img.webme.com/pic/e/espana-grone/encabezadonaser.gif); background-repeat:no-repeat; } .blogname { float:left; width:700px; font-family:"Century Gothic",Verdana,Tahoma,sans-serif; margin:0px 0 0 0; } .blogname h1 { font-size:45px; font-weight:bold; margin:40px 0px 0 25px; text-decoration: none; text-align:left; } .blogname h1 a:link, .blogname h1 a:visited{ color: #fff; text-decoration: none; background-color:transparent; display:block; } .blogname h1 a:hover { color: #5AA6BE; text-decoration: none; background-color:transparent; } .blogname h2 { margin:5px 0px 0 30px; font-size:16px; font-weight:bold; color:#000; text-align:left; } /* Search */ #search { height:32px; width:auto; padding-top:10px ; padding-bottom:5px ; margin-right:5px; margin-top:0px; width:325px; float:right; background:url(http://1.bp.blogspot.com/_XByc9SCisZM/Sa8DLQka_eI/AAAAAAAABA0/_IgMqP0Lybg/s1600/searchb.jpg); } #search form { margin: 0; padding: 0; } #search fieldset { margin: 0; padding: 0; border: none; } #search p { margin: 0; font-size: 85%; } #s { margin-left:20px; float: left; width:225px; padding: 5px 5px; background:url(http://4.bp.blogspot.com/_XByc9SCisZM/Sa8DLt_ouoI/AAAAAAAABA8/lLsr5ulz4lQ/s1600/sf.jpg) no-repeat; border:none; font: normal 100% "century Gothic", Arial, Helvetica, sans-serif; color:#fff; } #searchsubmit { width:60px; float: left; background:url(http://4.bp.blogspot.com/_XByc9SCisZM/Sa8DMJM-a7I/AAAAAAAABBM/FDq-GR6Q0pU/s1600/smit.jpg) no-repeat ; border:none; font: bold 100% "century gothic", Arial, Helvetica, sans-serif; color: #FFFFFF; height:30px; } /* The Menu */ #foxmenucontainer{ height:29px; background:url(http://3.bp.blogspot.com/_XByc9SCisZM/Sa8DJz8iNMI/AAAAAAAABAU/UJSXWJARNqM/s1600/page.jpg) repeat-x; display:block; padding:0px 0 0px 0px; font: 14px "Century gothic",verdana, Arial, sans-serif; font-weight:normal; } #menu ,#menu ul { margin: 0px; padding: 0px; list-style: none; height:29px; } #menu a { color: #367192; display: block; font-weight: normal; padding: 4px 10px 6px 10px; } #menu a:hover { color: #ccc; display: block; text-decoration: none; background:url(http://4.bp.blogspot.com/_XByc9SCisZM/Sa8GIC36aCI/AAAAAAAABEk/1SB6ReTi_bE/s1600/pagea.jpg) repeat-x; } #menu li { float: left; margin: 0px 0 0px 0; padding: 0px; } #catmenucontainer{ height:29px; background:#fff; display:block; padding:0px 0 0px 0px; font: 14px "Century gothic",verdana, Arial, sans-serif; font-weight:normal; border-top:1px solid #d9d9d1; border-bottom:1px solid #d9d9d1; } #catmenu ,#catmenu ul { margin: 0px; padding: 0px; list-style: none; height:29px; } #catmenu a { color: #828282; display: block; font-weight: normal; padding: 5px 10px 6px 10px; border-right:1px solid #d9d9d1; } #catmenu a:hover { color: #bc0705; display: block; text-decoration: none; border-right:1px solid #d9d9d1; } #catmenu li { float: left; margin: 0px; padding: 0px; } #catmenu li li { float: left; margin: 0px 0px 0px 0px; padding: 0px; width: 150px; } #catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited { border-bottom:1px solid #d9d9d1; width: 150px; background:#fff; margin: 0px; padding:3px 10px 4px 10px; color: #828282; border-left:1px solid #d9d9d1; border-right:1px solid #d9d9d1; z-index:2; } #catmenu li li a:hover, #catmenu li li a:active { background:#fff; width: 150px; float: none; margin: 0px; padding: 3px 10px 4px 10px; color: #bc0705; z-index:2; } #catmenu li ul { position: absolute; width: 10em; left: -999em; z-index:11; } #catmenu li:hover ul { left: auto; display: block; } #catmenu li:hover ul, #catmenu li.sfhover ul { left: auto; } #featured{ height:auto; margin:0 0 5px 0; } /* Content*/ .content { padding:5px 5px 5px 5px; background:#081221; background-repeat:repeat-y; border-top:1px solid #102135; } #content { float: left; width: 650px; margin: 0px 0px 0px 0; padding: 0 0; } #lpst{ height:40px; background:#000 url(http://2.bp.blogspot.com/_XByc9SCisZM/Sa8DI4hNrAI/AAAAAAAAA_s/7Z_FoCnMyx0/s1600/lnews.jpg) no-repeat; margin:0px 0 5px 0; } .post { width: 317px; float:left; margin: 0px 3px 8px 5px; padding:0px 0 0 0; background:url(http://4.bp.blogspot.com/_XByc9SCisZM/Sa8DJTBJm-I/AAAAAAAAA_8/Rg2_SIs_udk/s1600/mpost.jpg) repeat-y; display:inline; color:#306074; font-family:Arial,century gothic,verdana, sans-serif; } .post h2 { margin: 0px 0 0px 0; padding: 7px 0px 0px 10px; text-align: left; font-size: 14px; overflow:hidden; height:16px; font-weight:bold; text-transform: uppercase; } .post h2 a, .post h2 a:link, .post h2 a:visited { color: #306074; overflow:hidden; background-color: transparent; } .post h2 a:hover { color: #fff; background-color: transparent; } .date{ margin: 0px 0 0px 0; padding: 2px 0px 3px 0px; text-align: left; font-size: 12px; overflow:hidden; line-height:14px; font-weight:bold; color:#fff; } .clock{ background:url(http://3.bp.blogspot.com/_XByc9SCisZM/Sa8GX702FiI/AAAAAAAABEs/-YmgbKb5-Io/s1600/clock.png) no-repeat; padding:5px 0 0 25px; } .authr{ padding:5px 0 0 10px; } .postinfo { height:20px; padding: 2px 5px 2px 0px; font-size:14px; background:url(http://1.bp.blogspot.com/_XByc9SCisZM/Sa8DJytcf5I/AAAAAAAABAc/6UD9SGHnYuw/s1600/postmet.jpg); } .time{ float:left; margin-left:4px; padding:0px 0 0 25px; color:#A06933; background-repeat:no-repeat; font-size:12px; } .time a:link,.time a:visited { color:#000; } .rmore{ float:right; margin-left:4px; padding:0px 25px 0 0px; color:#fff; background-repeat:no-repeat; font-size:12px; } .rmore a:link,.rmore a:visited { color:#A06933; } .mentry a:link, .mentry a:visited { color: #DF1000; background-color: transparent; } .mentry a:hover { color: #fbb100; background-color: transparent; text-decoration: none; } .mentry{ height:130px; overflow: hidden; } .mentry p{ margin: 0px 0; padding: 0px 10px; font-size:12px; color:#48627D; } .mentry li {color:#245071;} .post img{ float:left; margin: 10px 5px 5px 10px; padding: 3px 3px; border:1px solid #222; background:#0E1829; width: 80px; height: 55px; } .cover{ margin: 0 0; padding:5px 10px; } .singlemeta{ width:668px; background:#fff; border:1px solid #bbb; padding:5px 5px; margin:5px 0; } /* sidebar */ #rightcol{ width:330px; float:right; } #fideohead{ height:35px; background:#000 url(http://2.bp.blogspot.com/_XByc9SCisZM/Sa8DSDRAt7I/AAAAAAAABDU/OEjZRmv6w8s/s1600/feathead.jpg) no-repeat; width:325px; margin:2px 0 0px 0; } #fideofoot{ height:9px; background: url(http://2.bp.blogspot.com/_XByc9SCisZM/Sa8DSzvlsfI/AAAAAAAABDs/8EpxSDf_9AE/s1600/fvoot.jpg) no-repeat; width:325px; margin:0px 0 5px 0; } #fvideo { width:320px; background:url(http://2.bp.blogspot.com/_XByc9SCisZM/Sa8DR4Ch38I/AAAAAAAABDM/4NaBywNwJFw/s1600/fcont.jpg) repeat-y; padding:5px 2px 5px 2px; margin:0 0 0px 0; } #fvideo p{ margin:0px 5px; } #fvideo h2 { margin:0px 5px; text-align: left; font: 16px Arial, century gothic,verdana, sans-serif; font-weight:bold; text-transform: uppercase; color:#48708f; padding:5px 0px; } #fvideo h2 a, #fvideo h2 a:link, #fvideo h2 a:visited { color: #48708f; background-color: transparent; } .fat{ margin:0px 5px; text-align: left; font: 12px Arial,century gothic,verdana, sans-serif; color:#ccc; padding:0px 0px; } /* The Sidebar1 */ .sidebar1{ float:left; width:150px; padding-top:10px; padding-left:5px; font-size:12px; font-family: century gothic,Georgia, Arial, sans-serif; } .sidebar1 h2 { height:30px; line-height:30px; font-size:18px; color:#fff; margin:0px 0 0 0 ; padding:0px 0 0 5px; background:url(http://3.bp.blogspot.com/_XByc9SCisZM/Sa8DLwCaftI/AAAAAAAABBE/mwDRXk5Fh4c/s1600/sh2.jpg); font-weight:normal; } .sidebar1 ul { list-style-type: none; margin: 0 ; padding: 0; } .sidebar1 ul ul { list-style-type: none; margin: 0; padding: 0px 0px 10px 0px; } .sidebar1 ul ul ul { list-style-type: none; margin: 0; padding: 0; border:0; } .sidebar1 ul ul ul ul { list-style-type: none; margin: 0; padding: 0; border:0; } .sidebar1 ul li { height:100%; line-height:18px; } .sidebar1 ul li a:link, .sidebar1 ul li a:visited { color: #606975; text-decoration: none; padding: 5px 0px 5px 5px; display:block; font-family: Arial, century gothic,Georgia,helvetica, sans-serif; background:#03070d; border-bottom:1px solid #020408; } .sidebar1 ul li a:hover { background:#070d17; color:#bacbda; } .sidebar1 p { padding: 7px 10px; margin:0; } .sidebar1 table { width:100%; text-align:center; background:#03070d; } #ArchiveList ul li a:link, #ArchiveList ul li a:visited { color: #606975; text-decoration: none; margin: 0 0 0 -15px; padding: 5px 0px 5px 20px; display:block; font-family: Arial, century gothic,Georgia,helvetica, sans-serif; background:#03070d; border-bottom:1px solid #020408; } #ArchiveList ul li a:hover { background:#070d17; color:#bacbda; } /* The Sidebar2 */ .sidebar2{ float:right; width:150px; padding-top:10px; padding-right:10px; font-size:12px; font-family: century gothic,Arial,Georgia, sans-serif; } .sidebar2 h2 { height:30px; line-height:30px; font-size:18px; color:#fff; margin:0px 0 0 0 ; padding:0px 0 0 5px; background:url(http://3.bp.blogspot.com/_XByc9SCisZM/Sa8DLwCaftI/AAAAAAAABBE/mwDRXk5Fh4c/s1600/sh2.jpg); font-weight:normal } .sidebar2 ul { list-style-type: none; margin: 0 ; padding: 0; } .sidebar2 ul ul { list-style-type: none; margin: 0; padding: 0px 0px 10px 0px; } .sidebar2 ul ul ul { list-style-type: none; margin: 0; padding: 0; border:0; } .sidebar2 ul ul ul ul { list-style-type: none; margin: 0; padding: 0; border:0; } .sidebar2 ul li { height:100%; line-height:18px; } .sidebar2 ul li a:link, .sidebar2 ul li a:visited { color: #606975; text-decoration: none; padding: 5px 0px 5px 5px; display:block; font-family: Arial, century gothic,Georgia,helvetica, sans-serif; background:#03070d; border-bottom:1px solid #020408; } .sidebar2 ul li a:hover { background:#070d17; color:#bacbda; } .sidebar2 p { padding: 7px 10px; margin:0; } .sidebar2 table { width:100%; text-align:center; background-color:#03070d; } /* --- FOOTER --- */ #footer { height:45px; margin:0 0px ; padding:10px 0 0 0px; background:url(http://3.bp.blogspot.com/_XByc9SCisZM/Sa8DJuwXzsI/AAAAAAAABAM/8ckeSNv25vk/s1600/navig.jpg); color:#5198b8; font-size:10px; font-weight:normal; text-align:center; letter-spacing:1px; } #footer a { color:#5198b8; } #footer a:hover { color:#ccc; } .fleft{ float:left; padding: 0 0 0 10px; } .fright{ float:right; padding: 0 10px 0 0; } /* The Navigation */ .navigation { height:25px; padding:8px 10px; margin:0px 0 0 0; background:url(http://3.bp.blogspot.com/_XByc9SCisZM/Sa8DJuwXzsI/AAAAAAAABAM/8ckeSNv25vk/s1600/navig.jpg); float:left; width:630px; } .navigation a { font-weight:bold; text-decoration:none; font-size:14px; color:#fff; } .navigation a:hover { color:#ccc; } /* The Attachment */ .contentCenter { text-align:center; } /* The Page Title */ h2.pagetitle { height:25px; padding:8px 10px; margin:0 0 5px 0; font-size:16px; text-align:left; background:url(http://3.bp.blogspot.com/_XByc9SCisZM/Sa8DJuwXzsI/AAAAAAAABAM/8ckeSNv25vk/s1600/navig.jpg); color:#fff; } /* The Comments */ .comments { } .comments form { } .comments textarea { width:90%; height:156px; background:#E8EBDA; border:1px solid #D0D0D0; color:#444; padding:10px; overflow:auto; font-family:Arial, Helvetica, sans-serif; font-size:14px; } .comments-count{ font-weight:bold; font-size:18px; padding:0 0 0 20px; color:#fff; } #commentform { padding-left:20px; } #commentform input { background:#E8EBDA; border:1px solid #D0D0D0; color:#333; padding-left:10px; } .comments input#submit { padding:0; width:72px; height:25px; background:#20425D; border:1px solid #43627E; color:#fff; } .comments h2 { font-size:19px; line-height:30px; margin:24px 0 0 20px; padding:0; font-weight:normal; color:#62696c; } .commentbox ol { list-style-type:none; margin: 0 ; padding:20px 0px; } .commentbox ol li{ list-style-type:none; margin: 5px 0 ; padding:5px 5px; } .alt{ background:#fff url(http://1.bp.blogspot.com/_XByc9SCisZM/Sa8G7lqtDqI/AAAAAAAABE0/TMYghPuNAdw/s1600/com.jpg) top repeat-y; } .odd{ background:#fff url(http://3.bp.blogspot.com/_XByc9SCisZM/Sa8HGP6dAbI/AAAAAAAABE8/ziuuPhS8tOc/s1600/col.jpg) top repeat-y; } .comments ol li p { padding:0; margin:10px 0; color:#ccc; } .commentmeta small{ color: #F5072B; } .comments img{ margin:4px 4px; background:#245071; padding:4px 4px; } .featlist { width:325px; } .highlight{ margin-top:4px; height:36px; background:#232628 url(http://1.bp.blogspot.com/_XByc9SCisZM/Sa8DNaL2cwI/AAAAAAAABBk/hrocGjM1KUU/s1600/top5.jpg) ; width:325px; float:left; } .fblock h2{ margin: 0px 0 0px 0; padding: 5px 0px 3px 0px; text-align: left; font-size: 16px; overflow:hidden; height:16px; } .fblock h2 a:link, .fblock h2 a:visited{ color:#4d7891; } .fblock { width: 325px; float:left; margin: 5px 0px 0px 0px; padding:0px 0 0 0; background:url(http://4.bp.blogspot.com/_XByc9SCisZM/Sa8DSfsBq7I/AAAAAAAABDc/3Bq5HntlN5Q/s1600/featl.jpg); display:inline; color:#222; font-family:Arial,century gothic,verdana, sans-serif; } .fblock p{ margin:5px 5px; color:#6b7478; } .fblock img { float:left; border:1px solid #393F42; margin:5px 5px 5px 5px; padding:0 0; } .fcats{ overflow:hidden; font-size:12px; color:#DAD0C1; padding: 0 0 0 0px; margin:1px 0 0px 0; height:15px; } .fcats a:link,.fcats a:visited { overflow:hidden; font-size:12px; color:#83A1AF; padding: 0 0 0 0px; margin:0px 0 0px 0; height:13px; } .auth{ overflow:hidden; font-size:12px; color:#d7ebfc; padding: 2px 0 0 0px; margin:0px 0 0px 0; } .fmeta{ overflow:hidden; font-size:10px; color:#6a8199; padding: 0 0 0 0px; margin:0px 0 0px 0; } .fmeta a:link,.fmeta a:visited{ overflow:hidden; font-size:12px; color:#3a6e98; padding: 0 0 0 0px; margin:0px 0 0px 0; } .fmeta a:hover{ overflow:hidden; font-size:12px; color:#fff; padding: 0 0 0 0px; margin:0px 0 0px 0; } .sponsor{ margin: 0px 0 0 0; padding: 0px 0 0 0px; width:620px; float:left; } .sponsor ul { margin: 0px 0px; padding: 0px 10px; overflow: auto; list-style:none; } .sponsor ul li{ height:125px; width:125px; margin: 2px 7px ; padding:5px 5px; list-style:none; display : block; display:inline; float:left; background:#0E1829; } .sponsor li a:link, .sponsor li a:visited { text-decoration: none; } /*Glider COntent -----------------------------------------------------*/ #glidercontent{ margin:0px 0 5px 0px; font-family:Century gothic, Georgia,Arial,Tahoma,sans-serif; } .glidecontentwrapper{ position: relative; /* Do not change this value */ width: 650px; height: 280px; /* Set height to be able to contain height of largest content shown*/ overflow: hidden; margin:0px 0px 0px 0px; background:url(http://2.bp.blogspot.com/_XByc9SCisZM/Sa8DTt3yhDI/AAAAAAAABD0/TNDOL3gbpOM/s1600/gcont.jpg) repeat-y; } .glidecontent{ /*style for each glide content DIV within wrapper.*/ position:absolute; /* Do not change this value */ padding:0px 15px 0px 15px; width:620px; color:#fff; margin:0px 0px; height: 220px; background:#ec03d9 url() no -repeat; overflow:hidden; float:left; } .glidemeta h2{ margin:5px 0px 5px 0px; font-size:16px; font-weight:bold; } .glidemeta h2 a:link, .glidemeta h2 a:visited{ color:#fff; } .glidemeta{ height: 70px; width: 610px; padding:0px 5px 5px 5px; position:absolute; background: url(http://3.bp.blogspot.com/_XByc9SCisZM/Sa8Hkz7W_-I/AAAAAAAABFE/FvOjlB_ixHk/s1600/balloon.png); top:145px; line-height:14px; color: #fff; font-size:12px; overflow: hidden; display:none; border-top:1px solid #000; } .gnav{ /*style for DIV used to contain toggler links. */ width: 100px; height:50px; z-index:150; float:right; padding-right:25px; }
{ background:#000 url(http://3.bp.blogspot.com/_XByc9SCisZM/Sa8DJSAAdmI/AAAAAAAABAE/S23Zcm7BTok/s1600/mslid.jpg) repeat-x; width: 650px; height:165px; margin-bottom:5px; } .stepcarousel{ position: relative; /*leave this value alone*/ overflow: scroll; /*leave this value alone*/ width: 554px; /*Width of Carousel Viewer itself*/ height: 160px; /*Height should enough to fit largest content's height*/ margin: 0px 48px 5px 48px; } .stepcarousel .belt{ position: absolute; /*leave this value alone*/ left: 0; top: 0; } .stepcarousel .panel{ float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin: 20px 10px ; /*margin around each panel*/ width:170px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ background:#0e1829; height:120px; border:1px solid #1d2c44; } .stepcarousel .panel p{ text-align: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin: 5px 5px ; /*margin around each panel*/ } .stepcarousel .panel h2{ text-align: left; /*leave this value alone*/ height:20px; overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin: 2px 5px ; /*margin around each panel*/ font-size:16px; font-weight:bold; text-align:center; font-family:Georgia,century gothic,Arial,verdana, sans-serif; } .stepcarousel .panel img{ float: left; /*leave this value alone*/ background:#0E1829; /*clip content that go outside dimensions of holding panel DIV*/ margin: 5px 5px 5px 5px; /*margin around each panel*/ padding:0px 0px; } .single{ width: 650px; margin: 0px 3px 5px 0px; padding:0px 0 0 0; background:url(http://4.bp.blogspot.com/_XByc9SCisZM/Sa8DOLQqpMI/AAAAAAAABB0/6C4A1DZHGYg/s1600/vanila.jpg); color:#222; font-family:Arial,Century gothic,verdana, sans-serif; } .single h2 { margin: 0px 0 0px 0; padding: 7px 0px 0px 10px; text-align: left; font-size: 18px; overflow:hidden; text-transform: uppercase; font-weight:normal; } .single h2 a, .single h2 a:link, .single h2 a:visited { color: #fff; overflow:hidden; background-color: transparent; } .single h2 a:hover { color: #306074; background-color: transparent; } .data{ margin: 0px 0 0px 0; padding: 5px 0px 5px 10px; text-align: left; font-size: 12px; overflow:hidden; line-height:14px; color:#A06933; } .cahayaentry a:link, .cahayaentry a:visited { color: #fbb100; background-color: transparent; } .cahayaentry a:hover { color: #fff; background-color: transparent; text-decoration: none; } .cahayaentry{ margin: 0 0; padding: 0px 0px; } .cahayaentry p{ margin: 0px 0; padding: 0px 10px; font-size:13px; color:#668790; } .single img{ margin: 5px 5px 5px 0px; padding: 5px 5px; border:1px solid #222; background:#0E1829; } .cover{ margin: 0 0; } .spostinfo{ padding:5px 5px 10px 10px; margin:5px 0; } .category{ padding:2px 5px 0px 25px; margin:0px 0px; background:url(http://3.bp.blogspot.com/_XByc9SCisZM/Sa8IlW7c6GI/AAAAAAAABFc/s-iaIrHbqyg/s1600/cat.png) no-repeat; } .category a:link,.category a:visited{ color:#A06933; } /* Tabs -----------------------------------------------*/ .widgets { width: 630px; margin: 0px 0px; padding: 10px 10px; background: url(http://2.bp.blogspot.com/_XByc9SCisZM/Sa8IyLFQZeI/AAAAAAAABFk/CzkxoZA7Ft8/s1600/vanila.jpg) repeat-y; margin-bottom: 15px; float:left; } .widgets a { color: #222; text-decoration: none; } .widgets a:hover { color: #009; text-decoration: underline; } ul.tabnav{ width:620px; padding: 4px 6px; height:30px; margin:0px 0px; } .tabnav li { display: inline; list-style: none; padding-right: 5px; float:left; } .tabnav li a { text-decoration: none; text-transform: uppercase; color: #222; font-weight: bold; padding: 4px 6px; outline: none; width:180px; height:25px; display:block; } .tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a { color: #222; text-decoration: none; } .tabnav li.sp1 a { background:url(http://3.bp.blogspot.com/_XByc9SCisZM/Sa8DPBQx2YI/AAAAAAAABB8/4MKrBfWavjE/s1600/1tab.jpg) bottom no-repeat;; } .tabnav li.ab2 a { background:url(http://3.bp.blogspot.com/_XByc9SCisZM/Sa8DPckg7dI/AAAAAAAABCE/YmosN2nRxd4/s1600/2tab.jpg) bottom no-repeat;; } .tabnav li.rn3 a { background:url(http://2.bp.blogspot.com/_XByc9SCisZM/Sa8DPm7SX4I/AAAAAAAABCM/nS7TAeFoaeE/s1600/3tab.jpg) bottom no-repeat;; } .tabdiv { margin-top: 2px; padding: 5px; float:left; width:620px; } .tabdiv li { list-style-image: url("star.png"); margin-left: 20px; } .ui-tabs-hide { display: none; } .rblock h2{ margin: 0px 0 0px 0; padding: 5px 0px 3px 0px; text-align: left; font-size: 16px; overflow:hidden; height:16px; } .rblock h2 a:link, .rblock h2 a:visited{ color:#2D5D71; } .rblock { width: 300px; float:left; margin: 5px 10px 0px 0px; padding:0px 0 0 0; display:inline; background:url(http://2.bp.blogspot.com/_XByc9SCisZM/Sa8JDuEOeDI/AAAAAAAABFs/72TEgQZI14M/s1600/featl.jpg); color:#222; font-family:century gothic,Arial,verdana, sans-serif; } .rblock p{ margin:5px 5px; color:#6b7478; } .rblock img { float:left; border:1px solid #393F42; margin:5px 5px 5px 5px; padding:0 0; } #about{ padding: 0 0 5px 0; } #about a{ color: #425200; } #about p.text{ padding: 5px 5px ; font-family: century gothic,Georgia, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #fff; margin:0px 0px; } #about img.avatar{ float: left; margin: 0px 10px 10px 0; background:#0E1829; padding:5px 5px; } .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; height:30px; background:#060d18; } .sf-menu ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 30px; /* match top ul list item height */ z-index: 150; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } .sf-menu { float: left; margin-bottom:0px; width:1000px; } .sf-menu a { border-right: 1px solid #122B41; padding: 8px 10px; text-decoration:none; } .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #6CA7C7; } .sf-menu li { background: #060D18; } .sf-menu li li { background: #060D18; } .sf-menu li li li { background: #060D18; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: url(http://4.bp.blogspot.com/_XByc9SCisZM/Sa8JSecZFiI/AAAAAAAABF0/FWjhm20d-4o/s1600/cata.jpg) repeat-x; outline: 0; color: #d9dfe0; } #blog-pager-newer-link{padding-left:20px;float:left} #blog-pager-older-link{padding-right:20px;float:right} #blog-pager{text-align:center}
|
|