Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje20-09-2011, 16:20 (UTC)    
Título del mensaje: [CSS] Abate

Hola! Adapté un diseño de blogger y quiero compartirlo con PWG

Fuente: http://btemplates.com/2011/blogger-template-abate/
Vista Previa: http://img.webme.com/pic/i/insaniquarium-deluxe/previwe2.png
JS:La mayoría de los Java Script los alojé en mi otra web, para dejar los códigos más pequeños. En caso de que los .JS se caigan (java1.js - java2.js - java3.js - java4.js - java5.js) los puedes descargar aquí: http://www.mediafire.com/?y2bafw5e4cva24q

Texto por encima
Código:
<link type='text/css' rel='stylesheet' href='http://www.blogger.com/static/v1/widgets/3353720152-widget_css_lightbox_bundle.css' />
 <link rel="stylesheet" type="text/css" href="http://www.blogger.com/dyn-css/authorization.css?targetBlogID=8935014959662149109&zx=603322e5-c9f4-4d76-8ae9-aed928906080"/>
<style type="text/css">#navbar-iframe { display:block }
</style>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'></script>
<script src='http://insaniquarium-web.netne.net/docs/java1.js' type='text/javascript'></script>
<script src='http://insaniquarium-web.netne.net/docs/java2.js' type='text/javascript'></script>
<script src='http://insaniquarium-web.netne.net/docs/java3.js' type='text/javascript'></script>
<script src='http://insaniquarium-web.netne.net/docs/java4.js' type='text/javascript'></script>
<script type='text/javascript'>
summary_noimg = 600;
summary_img = 500;
img_thumb_height = 150;
img_thumb_width = 200;
</script>
<script type='text/javascript'>
//<![CDATA[

function removeHtmlTag(strx,chop){
   if(strx.indexOf("<")!=-1)
   {
      var s = strx.split("<");
      for(var i=0;i<s.length;i++){
         if(s[i].indexOf(">")!=-1){
            s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
         }
      }
      strx =  s.join("");
   }
   chop = (chop < strx.length-1) ? chop : strx.length-2;
   while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
   strx = strx.substring(0,chop-1);
   return strx+'...';
}

function createSummaryAndThumb(pID){
   var div = document.getElementById(pID);
   var imgtag = "";
   var img = div.getElementsByTagName("img");
   var summ = summary_noimg;
   if(img.length>=1) {   
      imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
      summ = summary_img;
   }
   
   var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
   div.innerHTML = summary;
}

//]]>
</script>
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'>
{lang: 'en-US'}
</script>
<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>
<script type='text/javascript'>
/* <![CDATA[ */
jQuery.noConflict();
jQuery(function(){
   jQuery('ul.menu-primary').superfish({
   animation: {opacity:'show'},
autoArrows:  true,
                dropShadows: false,
                speed: 200,
                delay: 800
                });
            });

jQuery(function(){
   jQuery('ul.menu-secondary').superfish({
   animation: {height:'show'},
autoArrows:  true,
                dropShadows: false,
                speed: 200,
                delay: 800
                });
            });

jQuery(document).ready(function() {
   jQuery('.fp-slides').cycle({
      fx: 'scrollHorz',
      timeout: 4000,
      delay: 0,
      speed: 400,
      next: '.fp-next',
      prev: '.fp-prev',
      pager: '.fp-pager',
      continuous: 0,
      sync: 1,
      pause: 1,
      pauseOnPagerHover: 1,
      cleartype: true,
      cleartypeNoBg: true
   });
 });

/* ]]> */
</script>
<div id='body-wrapper'>
<div id='outer-wrapper'><div id='wrap2'>
<div id='container-top'>
<div class='span-24'>
<div class='span-16'>
<div class='menu-primary-wrap'>
<div class='pagelistmenusblog section' id='pagelistmenusblog'><div class='widget PageList' id='PageList14'>
<div class='widget-content'>
<ul class='menus menu-primary'>
<li><a href='http://es.tl'>menu</a></li>
<li><a href='http://es.tl'>menu</a></li>
<li><a href='http://es.tl'>menu</a></li>
<li><a href='http://es.tl'>menu</a></li>
</ul>

</div>
</div></div>
</div>
</div>
<div class='span-8 last'>
<div class='topsearch'>
<div class='clerfix' id='search'>
<form action='/search/' id='searchform' method='get'>
<input id='s' name='q' onblur='if (this.value == "") {this.value = "Search";}' onfocus='if (this.value == "Search") {this.value = "";}' type='text' value='Search'/>
<input class='search-image' src='http://1.bp.blogspot.com/-daH-ZAtC0Ek/Tl1Z7eby52I/AAAAAAAABpk/xQJt7-OeikA/s000/search.png' title='Search' type='image'/>
</form>
</div>
</div>
</div>
</div>
</div>
<div style='clear:both;'></div>
<div id='header-wrapper'>
<div class='header section' id='header'><div class='widget Header' id='Header1'>
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<a href='http://pruebaspruebosasweb.blogspot.com/'>Web aquí</a>
</h1>
</div>
<div class='descriptionwrapper'>
<p class='description'><span>
</span></p>
</div>
</div>
</div></div>
<div class='header section' id='header2'></div>
<div style='clear:both;'></div>
</div>
<div style='clear:both;'></div>
<div class='span-24'>
<div class='menu-secondary-wrap'>
<ul class='menus menu-secondary'>
<li><a href='http://es.tl'>menu</a></li>
<li><a href='#'>menu</a>
<ul class='children'>
<li><a href='#'>menu</a></li>
<li><a href='#'>menu</a></li>
<li><a href='#'>menu</a></li>
</ul>
</li>
<li><a href='#'>menu</a>
<ul class='children'>
<li><a href='#'>menu</a></li>
<li><a href='#'>menu</a></li>
<li><a href='#'>menu</a>
<ul class='children'>
<li><a href='#'>menu</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>menu</a>
<ul class='children'>
<li><a href='#'>menu</a>
<ul class='children'>
<li><a href='#'>menu</a></li>
<li><a href='#'>menu</a></li>
<li><a href='#'>menu</a></li>
</ul>
</li>
<li><a href='#'>menu</a></li>
<li><a href='#'>menu</a></li>
<li><a href='#'>menu</a></li>
</ul>
</li>
<li><a href='#'>menu</a></li>
<li><a href='#'>menu</a>
<ul class='children'>
<li><a href='#'>menu</a></li>
<li><a href='#'>menu</a></li>
</ul>
</li>
<li><a href='#'>menu</a></li>
<li><a href='#'>menu</a></li>
</ul>
</div>
</div>
<div style='clear:both;'></div>
<div id='content-wrapper'>
<div id='crosscol-wrapper' style='text-align:center'>
<div class='crosscol section' id='crosscol'></div>
</div>
<div id='main-wrapper'>
<!-- Featured Content Slider Started -->
<div class='featuredposts clearfix'>
<div class='fp-slides'>
<div class='fp-post'>
<div class='fp-thumbnail'><a href='#'><img src='http://2.bp.blogspot.com/-YtY8aMTfmHE/Tl1Z7mr1oDI/AAAAAAAABpo/Lb7v3pIUM5I/s000/1.jpg'/></a></div>
<h3 class='fp-title'><a href='#'>This is default featured post 1 title</a></h3>
<p>Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.</p>
</div>
<div class='fp-post'>
<div class='fp-thumbnail'><a href='#'><img src='http://1.bp.blogspot.com/-bUAUJnZOXhA/Tl1Z8KUFUBI/AAAAAAAABps/ElHYF1CKaSQ/s000/2.jpg'/></a></div>
<h3 class='fp-title'><a href='#'>This is default featured post 2 title</a></h3>
<p>Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.</p>
</div>
<div class='fp-post'>
<div class='fp-thumbnail'><a href='#'><img src='http://4.bp.blogspot.com/-x2jAmodmg2Y/Tl1Z8Wjw-EI/AAAAAAAABpw/YW9GKYTd6OY/s000/3.jpg'/></a></div>
<h3 class='fp-title'><a href='#'>This is default featured post 3 title</a></h3>
<p>Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.</p>
</div>
<div class='fp-post'>
<div class='fp-thumbnail'><a href='#'><img src='http://3.bp.blogspot.com/-ASyhiZaxBcE/Tl1Z8kEtFnI/AAAAAAAABp0/AgtoYvlK2i4/s000/4.jpg'/></a></div>
<h3 class='fp-title'><a href='#'>This is default featured post 4 title</a></h3>
<p>Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.</p>
</div>
<div class='fp-post'>
<div class='fp-thumbnail'><a href='#'><img src='http://2.bp.blogspot.com/-ImVH_gU9M88/Tl1Z80HoMWI/AAAAAAAABp4/HlK--KrGK98/s000/5.jpg'/></a></div>
<h3 class='fp-title'><a href='#'>This is default featured post 5 title</a></h3>
<p>Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.</p>
</div>
</div>
<div class='fp-nav clearfix'>
<span class='fp-pager'></span>
<a class='fp-next' href='#fp-next'></a>
<a class='fp-prev' href='#fp-prev'></a>
</div>
</div>
<!-- Featured Content Slider End -->
<div class='main section' id='main'><div class='widget Blog' id='Blog1'>
<div class='blog-posts hfeed'>
<!-- google_ad_section_start(name=default) -->
<div class='wrapfullpost'>
<div class='post hentry'>

Texto por debajo
Código:
</div>
</div>
<div id="latency-8466061319346442057"></div><script type="text/javascript">if (window['tickAboveFold']) {window['tickAboveFold'](document.getElementById("latency-8466061319346442057")); } </script>
<!-- google_ad_section_end -->
</div>
<div class='blog-pager' id='blog-pager'>
</div>
<div class='clear'></div>
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=4;
var numshowpage=4;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>

<script src='http://insaniquarium-web.netne.net/docs/java5.js' type='text/javascript'></script>

</div></div>
</div>
<div id='lsidebar-wrapper'>
<div class='tabviewsection'>
<script type='text/javascript'>
            jQuery(document).ready(function($){
                $(".tabs-widget-content-widget-themater_tabs-1432447472-id").hide();
               $("ul.tabs-widget-widget-themater_tabs-1432447472-id li:first a").addClass("tabs-widget-current").show();
               $(".tabs-widget-content-widget-themater_tabs-1432447472-id:first").show();
       
               $("ul.tabs-widget-widget-themater_tabs-1432447472-id li a").click(function() {
                  $("ul.tabs-widget-widget-themater_tabs-1432447472-id li a").removeClass("tabs-widget-current a");
                  $(this).addClass("tabs-widget-current");
                  $(".tabs-widget-content-widget-themater_tabs-1432447472-id").hide();
                   var activeTab = $(this).attr("href");
                   $(activeTab).fadeIn();
                  return false;
               });
            });
        </script>
<ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>
<li><a href='#widget-themater_tabs-1432447472-id1'>Menu</a></li>
<li><a href='#widget-themater_tabs-1432447472-id2'>Menu</a></li>
<li><a href='#widget-themater_tabs-1432447472-id3'>Menu</a></li>
</ul>
<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id1'>
<div class='sidebar section' id='sidebartab1'><div class='widget HTML' id='HTML3'>
<h2 class='title'>Menu</h2>
<div class='widget-content'>
<img width="100" height="120" align="left" alt="" src="http://t0.gstatic.com/images?q=tbn:ANd9GcRM4SQw9cazED5tdpdtStPc5FOZDWkPWDmSa_8HOb9Jx1JQ_q7YPUDnh13dtw" />Texto aquí - Texto aquí - Texto aquí - Texto aquí - Texto aquí - Texto aquí - Texto aquí - Texto aquí - Texto aquí - Texto aquíTexto aquí - Texto aquí - Texto aquí - Texto aquí - Texto aquí - Texto aquí - Texto aquí
</div>

</div></div>
</div>
<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id2'>
<div class='sidebar section' id='sidebartab2'><div class='widget HTML' id='HTML2'>
<h2 class='title'>Menu</h2>
<div class='widget-content'>
<img width="100" height="120" align="left" alt="" src="http://t0.gstatic.com/images?q=tbn:ANd9GcRM4SQw9cazED5tdpdtStPc5FOZDWkPWDmSa_8HOb9Jx1JQ_q7YPUDnh13dtw" />Texto aquí - Texto aquí - Texto aquí - Texto aquí - Texto aquí - Texto aquí - Texto aquí - Texto aquí - Texto aquí - Texto aquíTexto aquí - Texto aquí - Texto aquí - Texto aquí - Texto aquí - Texto aquí - Texto aquí
</div>

</div></div>
</div>
<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id3'>
<div class='sidebar section' id='sidebartab3'><div class='widget HTML' id='HTML1'>
<h2 class='title'>Menu</h2>
<div class='widget-content'>
<img width="100" height="120" align="left" alt="" src="http://t0.gstatic.com/images?q=tbn:ANd9GcRM4SQw9cazED5tdpdtStPc5FOZDWkPWDmSa_8HOb9Jx1JQ_q7YPUDnh13dtw" />Texto aquí - Texto aquí - Texto aquí - Texto aquí - Texto aquí - Texto aquí - Texto aquí - Texto aquí - Texto aquí - Texto aquíTexto aquí - Texto aquí - Texto aquí - Texto aquí - Texto aquí - Texto aquí - Texto aquí
</div>

</div></div>
</div>
</div>
<div style='clear:both;'></div>
<div class='widget-wrap'>
<h3 class='widgettitle'>Share</h3>
<div class='addthis_toolbox'>
<div class='custom_images'>
<a class='addthis_button_twitter'><img alt='Twitter' height='32' src='http://4.bp.blogspot.com/-ePp1Vi5D87Q/Tl1Z9YBNfEI/AAAAAAAABp8/NOGzXDj7hDM/s000/twitter.png' width='32'/></a>
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='http://3.bp.blogspot.com/-qmDoU0zBu1g/Tl1Z9njfLDI/AAAAAAAABqA/WB3Ixi9kh_Q/s000/delicious.png' width='32'/></a>
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='http://4.bp.blogspot.com/-cSmLb04RAko/Tl1Z94yUaBI/AAAAAAAABqE/H3taQz2FxEs/s000/facebook.png' width='32'/></a>
<a class='addthis_button_digg'><img alt='Digg' height='32' src='http://4.bp.blogspot.com/-kXLaUI2s6ME/Tl1Z9_e2jGI/AAAAAAAABqI/t5K3JSeduIY/s000/digg.png' width='32'/></a>
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='http://3.bp.blogspot.com/-es3MlHREGjs/Tl1Z-KB0N4I/AAAAAAAABqM/Pt55bNWFMlA/s000/stumbleupon.png' width='32'/></a>
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='http://2.bp.blogspot.com/-KVuV6lMBWz8/Tl1Z-SBvq_I/AAAAAAAABqQ/mZxSANbhfjQ/s000/favorites.png' width='32'/></a>
<a class='addthis_button_more'><img alt='More' height='32' src='http://1.bp.blogspot.com/-UgbdKICbRpg/Tl1Z-jk89XI/AAAAAAAABqU/6tm4FLPrUvg/s000/more.png' width='32'/></a>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'></script>
</div>
</div>
<div style='clear:both;'></div>
<div class='sidebar section' id='sidebarleft'><div class='widget LinkList' id='LinkList2'>
<h2>Menu</h2>
<div class='widget-content'>
<ul>
<li><a href='http://es.tl/'>pwg</a></li>
<li><a href='http://es.tl/'>pwg</a></li>
<li><a href='http://es.tl/'>pwg</a></li>
</ul>

</div>
</div><div class='widget LinkList' id='LinkList1'>
<h2>Menu</h2>
<div class='widget-content'>
<ul>
<li><a href='http://es.tl/'>pwg</a></li>
<li><a href='http://es.tl/'>pwg</a></li>
<li><a href='http://es.tl/'>pwg</a></li>
</ul>

</div>
</div></div>
<p></p></div>
<div id='rsidebar-wrapper'>
<div class='social-connect-widget' style='margin-top:0px;margin-bottom:10px;'>
<a href='#'><img alt='RSS Feed' src='http://2.bp.blogspot.com/-k7A4gfCE8Is/Tl1Z-5CTK7I/AAAAAAAABqY/SzjHnzC5Pjg/s000/social-connect-rss.png' title='RSS Feed'/></a><a href='#'>Subscribe</a>
</div>
<div class='social-connect-widget' style='margin-bottom:10px;'>
<a href='http://twitter.com/YOUR_USERNAME'><img alt='Follow Us on Twitter!' src='http://3.bp.blogspot.com/-SMJdERob15w/Tl1Z_MPmsLI/AAAAAAAABqc/SPtgFS3q3ik/s000/social-connect-twitter.png' title='Follow Us on Twitter!'/></a><a href='http://twitter.com/YOUR_USERNAME'>Follow Us!</a>
</div>
<div class='social-connect-widget' style='margin-bottom:10px;'>
<a href='http://facebook.com/YOUR_USERNAME'><img alt='Be Our Fan' src='http://1.bp.blogspot.com/-wpLHIAOHfa0/Tl1Z_rUmn1I/AAAAAAAABqg/sU8W0sVoIjo/s000/social-connect-facebook.png' title='Be Our Fan'/></a><a href='http://facebook.com/YOUR_USERNAME'>Be Our Fan</a>
</div>
<div style='height:10px;clear:both;'></div>
<div class='sidebar section' id='sidebarright'><div class='widget LinkList' id='LinkList6'>
<h2>Menu</h2>
<div class='widget-content'>
<ul>
<li><a href='http://es.tl/'>pwg</a></li>
<li><a href='http://es.tl/'>pwg</a></li>
<li><a href='http://es.tl/'>pwg</a></li>
</ul>

</div>
</div></div>
<p></p></div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div></div>
<!-- end content-wrapper -->
<div class='span-24'>
<div id='footer-column-container'>
<div id='footer2' style='width: 33%; float: left; margin:0; text-align: left;'>
<div class='footer-column section' id='col1'><div class='widget LinkList' id='LinkList3'>
<h2>Menu</h2>
<div class='widget-content'>
<ul>
<li><a href='http://es.tl/'>pwg</a></li>
<li><a href='http://es.tl/'>pwg</a></li>
<li><a href='http://es.tl/'>pwg</a></li>
</ul>

</div>
</div></div>
</div>
<div id='footer3' style='width: 33%; float: left; margin:0; text-align: left;'>
<div class='footer-column section' id='col2'><div class='widget LinkList' id='LinkList4'>
<h2>Menu</h2>
<div class='widget-content'>
<ul>
<li><a href='http://es.tl/'>pwg</a></li>
<li><a href='http://es.tl/'>pwg</a></li>
<li><a href='http://es.tl/'>pwg</a></li>
</ul>

</div>
</div></div>
</div>
<div id='footer4' style='width: 33%; float: left; margin:0; text-align: left;'>
<div class='footer-column section' id='col3'><div class='widget LinkList' id='LinkList5'>
<h2>Menu</h2>
<div class='widget-content'>
<ul>
<li><a href='http://es.tl/'>pwg</a></li>
<li><a href='http://es.tl/'>pwg</a></li>
<li><a href='http://es.tl/'>pwg</a></li>
</ul>

</div>
</div></div>
</div>
<div style='clear:both;'></div>
</div>
</div>
<div class='span-24' id='footer-wrap'>
<div id='footer'>
<div id='copyrights'>
Copyright © 2011 <a href='#'>Web aquí</a> | Powered by <a href='http://es.tl'>PWG</a>
</div>
<div style='clear:both;'></div>
<!-- Credits : Don't Change Anything Here Without Permission-->
<div id='credits-wrapper'><div id='credits' style='margin:0px auto 0px;width:950px;padding-left:0px;padding-right:0px;'>Design by <a href='http://fthemes.com/' target='_blank'>Free WordPress Themes</a> | <a href='http://justbuckles.com/eagle-belt-buckles-c-6.html' target='_blank'>Eagle Belt Buckles</a></div></div>
</div>
</div>
</div></div>
<!-- end outer-wrapper -->
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');
</script><script type="text/javascript" src="http://www.blogger.com/static/v1/widgets/931580185-widgets.js"></script>

CSS
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;}

/*
-----------------------------------------------
Blogger Template Style
Name:   Abate
Author: Lasantha Bandara
URL 1:  http://www.premiumbloggertemplates.com/
URL 2:  http://www.bloggertipandtrick.net/
Date:   August 2011
License:  This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff">
<Variable name="textcolor" description="Text Color"
type="color" default="#333">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Georgia, Serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right">
*/
/* Use this with templates/template-twocol.html */

body{background:#323232 url(http://img.webme.com/pic/i/insaniquarium-deluxe/cabezalbajado.png) left top repeat-x; color:#504D4D;font-family:Arial,Helvetica,Sans-serif;font-size:13px;margin:0px;padding:0px 0px 0px 0px;}
a:link,a:visited{color:#4AC2E1;text-decoration:underline;outline:none;}
a:hover{color:#000000;text-decoration:none;outline:none;}
a img{border-width:0}
#body-wrapper{margin:0;padding:0;}
blockquote{overflow:hidden;padding-left:9px;font-style:italic;color:#000;border-left:3px solid #404142}
#container-top{margin-top:0px;}
/* Header-----------------------------------------------*/
#header-wrapper{width:950px;margin:0 auto 0;height:60px;padding:36px 0px 36px 0px;overflow:hidden;}
#header-inner{background-position:center;margin-left:auto;margin-right:auto}
#header{margin:0;border:0 solid $bordercolor;color:$pagetitlecolor;float:left;width:47%;overflow:hidden;}
#header h1{color:#F4F3F3;margin-top:0px;margin-left:0px;padding:0px 0px 0px 0px;font-family:Arial, Helvetica, Sans-serif;font-weight:bold;font-size:36px;line-height:36px;text-shadow:0px 1px 0px #000;}
#header .description{padding-left:5px;color:#F4F3F3;font-size:14px;padding-top:0px;margin-top:-20px;text-shadow:0px 1px 0px #000;}
#header h1 a,#header h1 a:visited{color:#F4F3F3;text-decoration:none}
#header h2{padding-left:15px;color:#F4F3F3;font:14px Arial,Helvetica,Sans-serif}
#header2{float:right;width:51%;overflow:hidden;}
#header2 .widget{padding:0px 0px 0px 0px;float:right}
/* Outer-Wrapper----------------------------------------------- */
#outer-wrapper{width:950px;margin:0px auto 0px;padding:0;text-align:$startSide;font:$bodyfont;}
#content-wrapper{background:#444 url(http://3.bp.blogspot.com/-9sP7tbh2GYA/Tl1Z1UUiG4I/AAAAAAAABoY/akbWQ7NhIIU/s000/main-bg.png) 515px top repeat-y;padding-top:6px;margin-top:-6px;}
#main-wrapper{width:500px;padding-top:10px;padding-left:10px;padding-right:10px;float:left;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 */
}
#lsidebar-wrapper{width:260px;float:left;padding-top:10px;margin-left:10px;margin-right:5px;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 */
}
#rsidebar-wrapper{width:135px;float:right;padding-top:10px;margin-right: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 */
}
.menus,.menus *{margin:0;padding:0;list-style:none;list-style-type:none;line-height:1.0}
.menus ul{position:absolute;top:-999em;width:100%}
.menus ul li{width:100%}
.menus li:hover{visibility:inherit}
.menus li{float:left;position:relative}
.menus a{display:block;position:relative}
.menus li:hover ul,.menus li.sfHover ul{left:0;top:100%;z-index:99}
.menus li:hover li ul,.menus li.sfHover li ul{top:-999em}
.menus li li:hover ul,.menus li li.sfHover ul{left:100%;top:0}
.menus li li:hover li ul,.menus li li.sfHover li ul{top:-999em}
.menus li li li:hover ul,.menus li li li.sfHover ul{left:100%;top:0}
.sf-shadow ul{padding:0 8px 9px 0;-moz-border-radius-bottomleft:17px;-moz-border-radius-topright:17px;-webkit-border-top-right-radius:17px;-webkit-border-bottom-left-radius:17px}
.menus .sf-shadow ul.sf-shadow-off{background:transparent}
.menu-primary-wrap{margin-top:0;position:relative;height:38px;z-index:400;float:left}
.menu-primary{}
.menu-primary ul{min-width:160px}
.menu-primary li a{color:#FFF;padding:14px 16px;margin-right:4px;text-decoration:none;font:11px Arial,Helvetica,Sans-serif;text-transform:uppercase}
.menu-primary li a:hover,.menu-primary li a:active,.menu-primary li a:focus,.menu-primary li:hover > a,.menu-primary li.current-cat > a,.menu-primary li.current_page_item > a,.menu-primary li.current-menu-item > a{color:#FFF;outline:0;background:#222;-moz-border-radius:0 0 5px 5px;-khtml-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}
.menu-primary li li a{color:#FFF;text-transform:none;background:#222;padding:9px 15px;margin:0;font-weight:normal;border-top:0}
.menu-primary li li a:hover,.menu-primary li li a:active,.menu-primary li li a:focus,.menu-primary li li:hover > a,.menu-primary li li.current-cat > a,.menu-primary li li.current_page_item > a,.menu-primary li li.current-menu-item > a{color:#444;background:#F3F3F3;outline:0;border-top:0;-moz-border-radius:0;-khtml-border-radius:0;-webkit-border-radius:0;border-radius:0}
.menu-primary a.sf-with-ul{padding-right:26px;min-width:1px}
.menu-primary .sf-sub-indicator{position:absolute;display:block;overflow:hidden;right:0;top:0;padding:13px 13px 0 0}
.menu-primary li li .sf-sub-indicator{position:absolute;display:block;overflow:hidden;right:0;top:0;padding:8px 13px 0 0}
.menu-primary-wrap .sf-shadow ul{background:url('http://2.bp.blogspot.com/-HNZLQuxYeEw/Tl1Z1rIqyXI/AAAAAAAABoc/UDNLNK_Qsto/s000/menu-primary-shadow.png') no-repeat bottom right}
.menu-secondary-wrap{padding:0 0 0 6px;position:relative;height:50px;z-index:300;background:url(http://3.bp.blogspot.com/-FRoAAHsP_AY/Tl1Z1z-hiVI/AAAAAAAABog/uOAldm_bgyw/s000/menu-secondary-bg.png) left top repeat-x;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.menu-secondary{}
.menu-secondary ul{min-width:160px}
.menu-secondary > li{}
.menu-secondary li:first-child{}
.menu-secondary li a{color:#FFF;padding:19px 15px 16px 15px;text-decoration:none;text-transform:uppercase;font:bold 12px Arial,Helvetica,Sans-serif;background:url(images/menu-secondary-bg-hover.png) left top repeat-x}
.menu-secondary li a:hover,.menu-secondary li a:active,.menu-secondary li a:focus,.menu-secondary li:hover > a,.menu-secondary li.current-cat > a,.menu-secondary li.current_page_item > a,.menu-secondary li.current-menu-item > a{color:#000;background:url(http://3.bp.blogspot.com/-FRoAAHsP_AY/Tl1Z1z-hiVI/AAAAAAAABog/uOAldm_bgyw/s000/menu-secondary-bg.png) left -150px repeat-x;outline:0}
.menu-secondary li li{}
.menu-secondary li li li{padding:0}
.menu-secondary li li a{color:#444;background:#F3F3F3;padding:10px 15px;text-transform:none;margin:0;font-weight:normal;text-shadow:none;border-bottom:1px dashed #837C7C}
.menu-secondary li li a:hover,.menu-secondary li li a:active,.menu-secondary li li a:focus,.menu-secondary li li:hover > a,.menu-secondary li li.current-cat > a,.menu-secondary li li.current_page_item > a,.menu-secondary li li.current-menu-item > a{color:#0F6EAB;background:#F3F3F3;outline:0}
.menu-secondary a.sf-with-ul{padding-right:26px;min-width:1px}
.menu-secondary .sf-sub-indicator{position:absolute;display:block;overflow:hidden;right:0;top:0;padding:17px 13px 0 0}
.menu-secondary li li .sf-sub-indicator{position:absolute;display:block;overflow:hidden;right:0;top:0;padding:8px 13px 0 0}
.menu-secondary-wrap .sf-shadow ul{background:url('http://3.bp.blogspot.com/-B2Oj0qNDlA8/Tl1Z2MOP4hI/AAAAAAAABok/HZV1vnOLlyQ/s000/menu-secondary-shadow.png') no-repeat bottom right}
/* Posts-----------------------------------------------*/
h2.date-header{margin:1.5em 0 .5em;display:none;}
.post{margin-bottom:15px;padding:10px 10px 0 10px;border:1px solid #F9F9F9;background:#FFF;}
.post-title{color:#4A4848;margin:0 0 10px 0;padding:0;font-family:Arial,Helvetica,Sans-serif;font-size:22px;line-height:22px;font-weight:bold;text-transform:uppercase;}
.post-title a,.post-title a:visited,.post-title strong{display:block;text-decoration:none;color:#4A4848;}
.post-title strong,.post-title a:hover{text-decoration:none;color:#010101;}
.post-body{padding-top:0px;padding-bottom:0px;margin:0px;font-family:Arial,Helvetica,Sans-serif;font-size:13px;line-height: 20px;}
.post-footer{margin:2px 0;color:$sidebarcolor;font:$postfooterfont;}
.comment-link{margin-$startSide:.6em}
.post-body img{padding:6px 6px 6px 6px;background:#ffffff;border:1px solid #E8E6E6;margin:0 4px 4px 0;}
.postmeta-primary{color:#3E3C3C;font-size:11px;text-transform:uppercase;padding:0 0 5px 0}
.postmeta-secondary{color:#3E3C3C;font-size:11px;padding:0 0 15px 0}
.meta_date,.meta_author,.meta_comments,.meta_edit,.meta_categories,.meta_tags{padding:3px 0 3px 20px;background-position:left center;background-repeat:no-repeat}
.meta_date{background-image:url(http://2.bp.blogspot.com/-X3SxBHWPODk/Tl1Z2sMWSOI/AAAAAAAABoo/bX5JcqEmY-c/s000/time.png)}
.meta_author{background-image:url(http://3.bp.blogspot.com/-yhPlx6-16mw/Tl1Z2lQP68I/AAAAAAAABos/6s4v7IDtJ6s/s000/author.png)}
.meta_comments{background-image:url(http://3.bp.blogspot.com/-_aJ6rC1Tw_M/Tl1Z4fU0vWI/AAAAAAAABow/99DGbOqPbRc/s000/comments.png)}
.meta_edit{background-image:url(images/edit.png)}
.meta_categories{background-image:url(http://3.bp.blogspot.com/-kkmhi2oYRJw/Tl1Z4jnm4II/AAAAAAAABo0/foXWbK1acvM/s000/cat.png)}
.meta_tags{background-image:url(http://2.bp.blogspot.com/-Crl8rWf__lI/Tl1Z4-9HBvI/AAAAAAAABo4/PDO-wDJdqU4/s000/tags.png)}
.readmore-wrap{margin-bottom:5px;float:right}
a.readmore{color:#444;background:#E1E0DE url(http://2.bp.blogspot.com/-FaZFv-sEaAc/Tl1Z4y3iU7I/AAAAAAAABo8/UGE0sPuUujc/s000/readmore-bg.png) left top repeat-x;padding:6px 14px;font-size:12px;line-height:12px;display:block;text-decoration:none;border:1px solid #E1E0DE}
a.readmore:hover{color:#000;text-decoration:none;background:#FEFEFD url(http://2.bp.blogspot.com/-FaZFv-sEaAc/Tl1Z4y3iU7I/AAAAAAAABo8/UGE0sPuUujc/s000/readmore-bg.png) left -130px repeat-x;border:1px solid #E1E0DE}
.featuredposts{width:498px;background:#FFF;border:1px solid #F9F9F9;margin:0 0 10px 0;height:400px;overflow:hidden}
.fp-slides{}
.fp-post{padding:13px}
.fp-thumbnail{width:475px;height:260px;margin-bottom:10px;overflow:hidden}
.fp-title{color:#4A4848;font:bold 16px Arial,Helvetica,Sans-serif;padding:0 0 4px 0;margin:0;text-transform:uppercase}
.fp-title a{color:#4A4848;text-decoration:none}
.fp-title a:hover{color:#010101;text-decoration:none}
.fp-label{color:#504D4D;margin:15px 15px 0 15px;padding:0;text-transform:uppercase;font:bold 16px/16px Arial,Helvetica,Sans-serif}
.fp-post p{color:#504D4D;padding:0;margin:0;font:12px/16px Arial,Helvetica,Sans-serif;height:47px;overflow:hidden}
.fp-more,.fp-more:hover{color:#010101;font-weight:bold}
.fp-nav{width:480px;padding:0 15px 20px 10px;height:17px}
.fp-pager a{background-image:url(http://3.bp.blogspot.com/-8xgzWB5TMrI/Tl1Z5WhAgUI/AAAAAAAABpA/g9iGSTGKDSA/s000/featured-pager.png);cursor:pointer;margin:3px 6px 0 0;padding:0;height:10px;width:10px;display:block;float:left;overflow:hidden;text-indent:-999px;background-position:0 0}
.fp-pager a:hover,.fp-pager a.activeSlide{text-decoration:none;background-position:0 -110px}
.fp-prev{float:right;margin-right:4px;width:15px;height:17px;opacity:0.7;background:url(http://2.bp.blogspot.com/-ighUS4p7GtE/Tl1Z5g06bEI/AAAAAAAABpE/IZ9oozQw9Aw/s000/featured-prev.png) top left no-repeat}
.fp-prev:hover{opacity:1}
.fp-prev:active{opacity:0.7}
.fp-next{float:right;width:15px;height:17px;margin-left:4px;opacity:0.7;background:url(http://4.bp.blogspot.com/-5KKxROgAqwA/Tl1Z581Z5cI/AAAAAAAABpI/tPHWjOY54kk/s000/featured-next.png) top left no-repeat}
.fp-next:hover{opacity:1}
.fp-next:active{opacity:0.7}
/* Sidebar Content----------------------------------------------- */
.sidebar{margin:0 0 10px 0;color:#FAF9F9;font-size:12px;}
.sidebar a{text-decoration:none;color: #FAF9F9;}
.sidebar a:hover{text-decoration:none;color:#1F99CB;}
.sidebar h2{color:#FFF;font-size:15px;line-height:15px;font-family:Arial,Helvetica,Sans-serif;font-weight:bold;margin:0 0 -5px 0;padding:4px 0 20px 4px;text-transform:uppercase;background:url(http://1.bp.blogspot.com/-53ndXRSKob4/Tl1Z6GOggdI/AAAAAAAABpM/UN3BASshQkA/s000/widgettitle-bg.png) left bottom repeat-x;}
.sidebar ul{list-style-type:none;list-style: none;margin:0px;padding:0px;}
.sidebar ul li{padding:6px 0 6px 14px;margin:0;background:url(http://2.bp.blogspot.com/-jv3Ix17OoyY/Tl1Z6QZKtdI/AAAAAAAABpQ/fGEHVg9nKjg/s000/widget-list.png) left 12px no-repeat;border-bottom:1px dashed #837C7C;}
.sidebar .widget{margin: 0 0 15px 0;padding:0px;}
.main .widget{margin:0 0 5px;padding:0 0 2px;}
.main .Blog{border-bottom-width:0}
/* FOOTER ----------------------------------------------- */
#footer-wrap{}
#footer{margin-top:0}
#copyrights{color:#FFF;text-align:center;padding:20px 0;background:#1A1A19;text-shadow:0 1px 0 #000}
#copyrights a{color:#FFF}
#copyrights a:hover{color:#FFF;text-decoration:none}
#credits{color:#FFF;text-align:center;font-size:11px;padding:10px 0;text-shadow:0 1px 0 #000}
#credits a{color:#FFF;text-decoration:none}
#credits a:hover{text-decoration:none;color:#FFF}
#footer-column-container {clear:both;padding:10px 0px 10px 0px;color:#FAF9F9;font-size:12px;background:#444444;border-top:1px dashed #333;}
#footer-column-container a{text-decoration:none;color: #FAF9F9;}
#footer-column-container a:hover{text-decoration:none;color:#1F99CB;}
#footer-column-container h2{color:#FFF;font-size:15px;line-height:15px;font-family:Arial,Helvetica,Sans-serif;font-weight:bold;margin:0 0 -5px 0;padding:4px 0 20px 4px;text-transform:uppercase;background:url(http://1.bp.blogspot.com/-53ndXRSKob4/Tl1Z6GOggdI/AAAAAAAABpM/UN3BASshQkA/s000/widgettitle-bg.png) left bottom repeat-x;}
#footer-column-container ul{list-style-type:none;list-style: none;margin:0px;padding:0px;}
#footer-column-container ul li{padding:6px 0 6px 14px;margin:0;background:url(http://2.bp.blogspot.com/-jv3Ix17OoyY/Tl1Z6QZKtdI/AAAAAAAABpQ/fGEHVg9nKjg/s000/widget-list.png) left 12px no-repeat;border-bottom:1px dashed #837C7C;}
.footer-column {padding: 4px 10px;}
/* Search ----------------------------------------------- */
#search{border:1px solid #5D5C5C;background:#464646;height:28px;padding:0;text-align:left;overflow:hidden}
#search #s{background:none;color:#D7D7D7;border:0;padding:4px;margin:3px 0 0 2px;float:left}
#search .search-image{border:0;vertical-align:top;float:right;margin:6px 4px 0 2px}
#search-wrap{width:300px;padding:15px 0}
.topsearch #search{margin:8px 0 0 0}
/* Comments ----------------------------------------------- */
#comments{padding:10px;background:#ffffff;border:1px solid #F9F9F9;}
#comments h4{font-size:16px;font-weight:bold;margin:1em 0;color:$sidebarcolor;}
#comments-block3{padding:0;margin:0;float:left;overflow:hidden;position:relative;margin-bottom:10px;}
#comment-name-url{width:465px;float:left}
#comment-date{width:465px;float:left;margin-top:5px;font-size:10px;}
#comment-header{float:left;background:#ffffff;border:1px solid #F9F9F9;padding:5px 0 40px 10px;margin:5px 0px;position:relative;}
.avatar-image-container{background:url(http://1.bp.blogspot.com/-CVitgtoDTZw/Tl1Z6n0IDWI/AAAAAAAABpU/xhPQPPtHp1o/s000/comment-avatar.jpg);width:32px;height:32px;float:right;margin:5px 10px 5px 5px;border:1px solid #ddd;position:absolute;top:5px;right:5px;}
.avatar-image-container img{width:32px;height:32px;}
a.comments-autor-name{color:#000;font:normal bold 14px Arial,Tahoma,Verdana}
a.says{color:#000;font:normal 12px Arial,Tahoma,Verdana}
.says a:hover{text-decoration:none}
.deleted-comment{font-style:italic;color:gray}
#blog-pager-newer-link{float:$startSide}
#blog-pager-older-link{float:$endSide}
#blog-pager{text-align:center}
#blog-pager{padding:6px 10px;font-size:11px;background:#444444;border:1px solid #444444;}
.feed-links{clear:both;line-height:2.5em}
/* Profile ----------------------------------------------- */
.profile-img{float:$startSide;margin-top:0;margin-$endSide:5px;margin-bottom:5px;margin-$startSide:0;padding:4px;border:1px solid $bordercolor}
.profile-data{margin:0;text-transform:uppercase;letter-spacing:.1em;font:$postfooterfont;color:$sidebarcolor;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:$postfooterfont;text-transform:uppercase;letter-spacing:.1em}
#navbar-iframe{height:0;visibility:hidden;display:none}
/* -- social connect widget -- */
.social-connect-widget{background:#8D8B85 url(http://4.bp.blogspot.com/-fDtfJrY3n0M/Tl1Z6kZbHJI/AAAAAAAABpY/WgCwI1zSApc/s000/social-connect-bg.png) left top repeat-x;border:1px solid #83817C;padding:8px 10px}
.social-connect-widget:hover{background:#464646 url(http://4.bp.blogspot.com/-fDtfJrY3n0M/Tl1Z6kZbHJI/AAAAAAAABpY/WgCwI1zSApc/s000/social-connect-bg.png) left -146px repeat-x;border:1px solid #888680}
.social-connect-widget a{text-decoration:none;font-weight:bold;font-family:Arial,Helvetica,Sans-serif;color:#FAF9F9}
.social-connect-widget a:hover{text-decoration:underline;color:#1F99CB}
.social-connect-widget img{vertical-align:middle;margin-right:5px}
/* -- number page navigation -- */
#blog-pager {padding:6px 10px}
.showpageArea{float:left}
.showpageOf{margin:0 8px 0 0;padding:3px 7px;color:#FFFFFF;font:11px Arial,Verdana;background:transparent;}
.showpagePoint{color:#ffffff;font:bold 11px Arial,Verdana;padding:2px 7px;margin:2px;border:0px solid #fff;background:url("http://4.bp.blogspot.com/-K-08_sHuYn8/Tl1Z7IOuf1I/AAAAAAAABpc/le0FCJrNC9g/s000/wp-pagenavi-bg.png") repeat-x scroll left top #1F9CCB;text-decoration:none}
.showpageNum a{font:11px Arial,Verdana;padding:3px 7px;margin:0 4px;text-decoration:none;background:transparent;color:#FFFFFF;}
.showpageNum a:hover{color:#FFFFFF;background:url("http://4.bp.blogspot.com/-K-08_sHuYn8/Tl1Z7IOuf1I/AAAAAAAABpc/le0FCJrNC9g/s000/wp-pagenavi-bg.png") repeat-x scroll left -123px #020202;}
.showpage a{font:11px Arial,Verdana;padding:3px 7px;margin:0 4px;text-decoration:none;background:transparent;color:#FFFFFF;}
.showpage a:hover{color:#FFFFFF;background:url("http://4.bp.blogspot.com/-K-08_sHuYn8/Tl1Z7IOuf1I/AAAAAAAABpc/le0FCJrNC9g/s000/wp-pagenavi-bg.png") repeat-x scroll left -123px #020202;}
.showpageArea{margin:10px 0;font:11px Arial,Verdana;color:#FFFFFF;}
.addthis_toolbox{padding:0px 0 0px 0;text-align:center}
.addthis_toolbox .custom_images a{width:32px;height:32px;margin:0 1px 0 0px;padding:0}
.addthis_toolbox .custom_images a:hover img{opacity:1}
.addthis_toolbox .custom_images a img{opacity:0.85}
#comment-form iframe{padding:5px;width:480px;height:270px;}
.tabs-widget{list-style:none;list-style-type:none;margin:0 0 10px 0;padding:0;height:36px}
.tabs-widget li{list-style:none;list-style-type:none;margin:0 0 0 4px;padding:0;float:left}
.tabs-widget li:first-child{margin:0}
.tabs-widget li a{color:#FFF;padding:9px 10px;display:block;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif;background:url(http://2.bp.blogspot.com/-OuR0_YC2ooc/Tl1Z7SkOPdI/AAAAAAAABpg/W-7xbrL_gDg/s000/tabs-widget-bg.png) left top repeat-x;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.tabs-widget li a:hover,.tabs-widget li a.tabs-widget-current{color:#1A1A19;background:url(http://2.bp.blogspot.com/-OuR0_YC2ooc/Tl1Z7SkOPdI/AAAAAAAABpg/W-7xbrL_gDg/s000/tabs-widget-bg.png) left -136px repeat-x;text-decoration:none}
.tabs-widget-content{background:none}
.tabviewsection{margin-top:0px;margin-bottom:2px;}
.widget-wrap{list-style-type:none;list-style:none;margin:0 0 15px 0;padding:0}
h3.widgettitle{color:#FFF;font:bold 15px/15px Arial,Helvetica,Sans-serif;margin:0 0 -5px 0;padding:4px 0 20px 4px;text-transform:uppercase;background:url(http://1.bp.blogspot.com/-53ndXRSKob4/Tl1Z6GOggdI/AAAAAAAABpM/UN3BASshQkA/s000/widgettitle-bg.png) left bottom repeat-x}
.PopularPosts .item-title{font-weight:bold;padding-bottom:0.2em;text-shadow:0 1px 0 #000;}
.PopularPosts .widget-content ul li{background:none;list-style-type:none;}
div.span-1,div.span-2,div.span-3,div.span-4,div.span-5,div.span-6,div.span-7,div.span-8,div.span-9,div.span-10,div.span-11,div.span-12,div.span-13,div.span-14,div.span-15,div.span-16,div.span-17,div.span-18,div.span-19,div.span-20,div.span-21,div.span-22,div.span-23,div.span-24{float:left;margin-right:10px}
.span-1{width:30px}.span-2{width:70px}.span-3{width:110px}.span-4{width:150px}.span-5{width:190px}.span-6{width:230px}.span-7{width:270px}.span-8{width:310px}.span-9{width:350px}.span-10{width:390px}.span-11{width:430px}.span-12{width:470px}.span-13{width:510px}.span-14{width:550px}.span-15{width:590px}.span-16{width:630px}.span-17{width:670px}.span-18{width:710px}.span-19{width:750px}.span-20{width:790px}.span-21{width:830px}.span-22{width:870px}.span-23{width:910px}.span-24,div.span-24{width:950px;margin:0}input.span-1,textarea.span-1,input.span-2,textarea.span-2,input.span-3,textarea.span-3,input.span-4,textarea.span-4,input.span-5,textarea.span-5,input.span-6,textarea.span-6,input.span-7,textarea.span-7,input.span-8,textarea.span-8,input.span-9,textarea.span-9,input.span-10,textarea.span-10,input.span-11,textarea.span-11,input.span-12,textarea.span-12,input.span-13,textarea.span-13,input.span-14,textarea.span-14,input.span-15,textarea.span-15,input.span-16,textarea.span-16,input.span-17,textarea.span-17,input.span-18,textarea.span-18,input.span-19,textarea.span-19,input.span-20,textarea.span-20,input.span-21,textarea.span-21,input.span-22,textarea.span-22,input.span-23,textarea.span-23,input.span-24,textarea.span-24{border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important}input.span-1,textarea.span-1{width:18px!important}input.span-2,textarea.span-2{width:58px!important}input.span-3,textarea.span-3{width:98px!important}input.span-4,textarea.span-4{width:138px!important}input.span-5,textarea.span-5{width:178px!important}input.span-6,textarea.span-6{width:218px!important}input.span-7,textarea.span-7{width:258px!important}input.span-8,textarea.span-8{width:298px!important}input.span-9,textarea.span-9{width:338px!important}input.span-10,textarea.span-10{width:378px!important}input.span-11,textarea.span-11{width:418px!important}input.span-12,textarea.span-12{width:458px!important}input.span-13,textarea.span-13{width:498px!important}input.span-14,textarea.span-14{width:538px!important}input.span-15,textarea.span-15{width:578px!important}input.span-16,textarea.span-16{width:618px!important}input.span-17,textarea.span-17{width:658px!important}input.span-18,textarea.span-18{width:698px!important}input.span-19,textarea.span-19{width:738px!important}input.span-20,textarea.span-20{width:778px!important}input.span-21,textarea.span-21{width:818px!important}input.span-22,textarea.span-22{width:858px!important}input.span-23,textarea.span-23{width:898px!important}input.span-24,textarea.span-24{width:938px!important}.last{margin-right:0;padding-right:0}
.last,div.last{margin-right:0}


PD: Cualquier anormalía en el diseño me dicen
______________


Ultima edición por insaniquarium-deluxe el Lun Sep 26, 2011 9:28 pm; editado 4 veces
Mensaje20-09-2011, 16:50 (UTC)    
Título del mensaje:

Buen diseño, me gusto mucho

Saludos
______________


Super Mario la lleva, es lo mejor en Videojuegos, se los recomiendo
Mensaje20-09-2011, 19:10 (UTC)    
Título del mensaje:

Excelente diseño me gusto 5-10 saludos
______________
Twitter ZoneFacil
Facebook ZoneFacil
Mensaje20-09-2011, 21:43 (UTC)    
Título del mensaje:

insa buen diseño como todos los que haces saludos nuevamente


______________
Reglas del Foro

¿Dónde hacer mi tema/post?
Mensaje20-09-2011, 21:52 (UTC)    
Título del mensaje: Re: [Diseño CSS] Abate

Muy buen diseño brooo esta buenisimo

saludos
______________
Visitar sitio web


Mensaje20-09-2011, 22:05 (UTC)    
Título del mensaje:

Gracias por sus comentarios!
______________
Mensaje20-09-2011, 22:28 (UTC)    
Título del mensaje:

Mensaje21-09-2011, 13:38 (UTC)    
Título del mensaje:

noti-gamer escribió:
Muy bonita la plantilla.

Saludos

Gracias por el comentario!
______________
Mensaje21-09-2011, 18:25 (UTC)    
Título del mensaje:

Buen diseño me gusto
______________
Votame
Click aqui
Mensaje01-02-2012, 16:06 (UTC)    
Título del mensaje:

Este tema sera removido, ya que no cumple las reglas para realizar aportes.

Reglas para realizar aportes:
http://www.paginawebgratis.es/forum/viewtopic.php?t=66177


saludes,
Team-Soporte.
______________
Team-Soporte.
Moderador de PaginaWebGratis.es

www.team-soporte.es.tl | @jeremymolina
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group