insaniquarium-deluxe
since-2007
Ubicación: Santiago, Chile
17-09-2011, 17:15 (UTC) Título del mensaje : [CSS] Korporate
Hola! Traigo un diseño de blogger que me gustó bastante y decidí adaptarlo. Alojé la mayoría de los Java Script, para dejar más pequeño el código.
Espero que a ustedes también les guste
Fuente: http://btemplates.com/2011/blogger-template-korporate/
Vista Previa: (click en la imagen para ver más grande)
Códigos:
Texto por encima de la pág.
*En caso de que los códigos .js que alojé (js1.js - js2.js - js3.js) se caigan, los puedes bajar aquí>>
Descargar
Código: <script type='text/javascript'>
//<![CDATA[
JSON.extend({
parse: function(string) {
return JSON.decode(string);
},
stringify: function(obj) {
return JSON.encode(obj);
}
});
//]]>
</script>
<script src='https://ajax.googleapis.com/ajax/libs/mootools/1.3.1/mootools-yui-compressed.js' type='text/javascript'></script>
<script src='http://insaniquarium-web.netne.net/docs/js1.js' type='text/javascript'></script>
<script src='http://insaniquarium-web.netne.net/docs/js2.js' type='text/javascript'></script>
<script src='http://insaniquarium-web.netne.net/docs/js3.js' type='text/javascript'></script>
<script type='text/javascript'>
summary_noimg = 800;
summary_img = 750;
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 0px 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>
<!--[if IE 6]> <style type='text/css'> .feedtwitter{display:none;} </style> <![endif]-->
<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'>
window.addEvent('domready', function() {
var myMenu = new MenuMatic();
});
</script>
<div id='body-wrapper'><div id='body-wrapper2'><div id='body-wrapper3'><div class='outer-wrapper' id='outer-wrapper'><div id='wrap2'>
<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>
<div class='outer'>
<div class='menu-links'>
<div id='pagemenucontainer'>
<div class='pagelistmenusblog section' id='pagelistmenusblog'><div class='widget PageList' id='PageList1'>
<div class='widget-content'>
<ul id='pagemenu'>
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li>
</ul>
</div>
</div></div>
</div>
</div>
<div class='twit-rss rightsector' style='float:right;'>
<div class='feedtwitter'>
<a href='#'><img src='http://1.bp.blogspot.com/-yWAtRAe723k/ThM5UTljcpI/AAAAAAAABTM/4ta5nwNc0hc/s000/rss.png' style='margin:0 4px 0 0;'/></a>
<a href='http://facebook.com/USERNAME' title='Follow me on Facebook!'><img src='http://2.bp.blogspot.com/-9ZR7zKSoxTQ/ThM5UuR67MI/AAAAAAAABTQ/yyTlLdTJ2gI/s000/facebook.png' style='margin:0 4px 0 0; ' title='Follow me on Facebook!'/></a>
<a href='http://twitter.com/USERNAME' title='Follow me on Twitter!'><img src='http://1.bp.blogspot.com/-8BSE7X12ysk/ThM5VXs2_tI/AAAAAAAABTU/eQJUnH90tHA/s000/twitter.png' style='margin:0 4px 0 0; ' title='Follow me on Twitter!'/></a>
</div>
<div id='topsearch'>
<div 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 src='http://4.bp.blogspot.com/-W6SO_g3jgfE/ThM5V1AbaEI/AAAAAAAABTY/yDWSghIE8To/s000/search.png' style='border:0; vertical-align: top;' type='image'/>
</form>
</div>
</div>
</div>
</div>
<div style='clear:both;'></div>
<div class='outer' 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='#'>Tu 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>
<div style='clear:both;'></div>
<div id='navcontainer'>
<ul id='nav'>
<li class='current-cat'><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>
<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>
<li><a href='#'>Menu</a></li>
</ul>
</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='lsidebar-wrapper'>
<div class='sidebar section' id='sidebarleft'><div class='widget HTML' id='HTML2'>
<h2 class='title'>Texto</h2>
<div class='widget-content'>
Texto... Texto... Texto... Texto... Texto... Texto... Texto... Texto... Texto... Texto... Texto... Texto... Texto... Texto... Texto... Texto... Texto... Texto... Texto... Texto... Texto... Texto... Texto... Texto...
</div>
</div><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>
<li><a href='http://es.tl/'>pwg</a></li>
</ul>
</div>
</div></div>
<p></p></div>
<div id='main-wrapper'>
<div class='main section' id='main'><div class='widget Blog' id='Blog1'>
Texto por debajo de la pág.
Código: </div></div>
</div>
<div id='rsidebar-wrapper'>
<div class='sidebar section' id='sidebarright'><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>
<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>
<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>
<!-- end content-wrapper -->
<div id='footer'>Copyright © 2011 <a href='#'>Tu web aquí</a> | Powered by <a href='http://www.es.tl/'>PWG</a>
</div>
<div style='clear:both;'></div>
</div></div></div></div></div>
<!-- end outer-wrapper -->
<div style='clear:both;'></div>
<!-- Credits : Don't Change Anything Here -->
<div id='credits-wrapper'><div id='credits' style='margin:0px auto 0px;width:960px;padding-left:0px;padding-right:0px;'>Design by <a href='http://themepix.com' target='_blank' title='Free Wordpress Themes'>Wordpress Theme</a> | Bloggerized by <a href='http://www.premiumbloggertemplates.com/' target='_blank' title='Premium Blogger Themes'>Free Blogger Templates</a> | <a href='http://www.couponwow.com/category/jcpenney/' target='_blank'>JCPenney Coupons</a></div></div>
<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>
Código 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: Korporate
Author: Lasantha Bandara
URL 1: http://www.premiumbloggertemplates.com/
URL 2: http://www.bloggertipandtrick.net/
Date: June 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 */
.post-body img {max-width:99% !important;}
body{background: url("http://4.bp.blogspot.com/-FrGu4fLtFks/ThM5LIpSiTI/AAAAAAAABSI/Lw_ePS1xtYM/s000/body.png") repeat scroll 0 0 #DDDDDD;color:#222;font:75% "Helvetica Neue",Arial,Helvetica,sans-serif;margin:0px;padding:0px;}
a:link,a:visited{color:#3366CC;text-decoration:none;outline:none;}
a:hover{color:#5588AA;text-decoration:underline;outline:none;}
a img{border-width:0}
#body-wrapper{margin:0px;padding:0px;}
#body-wrapper2{margin:0px;padding:0px;}
#body-wrapper3{margin:0px;padding:0px;background: url("http://4.bp.blogspot.com/-Kum4VrSBAq0/ThM5Lt6BHQI/AAAAAAAABSM/-vDqSexwaI8/s000/wrapper.png") repeat-x scroll 0 0 transparent;}
/* Header-----------------------------------------------*/
#header-wrapper{width:960px;margin:0px auto 0px;height:150px;margin-top: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:43%;overflow:hidden;}
#header h1{margin:0 5px 0;padding:40px 0px 0px 0px;font-family:Arial, Helvetica, Sans-serif;font-weight:bold;font-size:41px;color:#ffffff;text-shadow: 0 1px 0 #000;}
#header .description{padding-left:5px;color:#ffffff;font-size:12px;padding-top:0px;margin-top:0px;text-shadow: 0 1px 0 #000;}
#header h1 a,#header h1 a:visited{color:#ffffff;text-decoration:none}
#header h2{padding-left:15px;color:#ffffff;font:12px Arial,Helvetica,Sans-serif}
#header2{float:right;width:53%;margin-right:0px;padding-right:0px;overflow:hidden;}
#header2 .widget{padding:50px 0px 0 0px;float:right}
.feedtwitter{margin-top:0px;padding-top:12px !important;text-align:left}
/* Outer-Wrapper----------------------------------------------- */
#outer-wrapper{width:960px;margin:0px auto 0px;padding:0;text-align:$startSide;font:$bodyfont;}
#content-wrapper{background: url("http://4.bp.blogspot.com/-LSMRzHJt3Lo/ThM5MxJ-ACI/AAAAAAAABSQ/ogkSJ7IexXE/s000/content-bg.png") repeat-y scroll 0 0 transparent;}
#main-wrapper{padding-top:10px;width:545px;float:left;word-wrap:break-word;overflow:hidden;}
#lsidebar-wrapper{width:193px;float:left;padding-top:10px;padding-left:12px;margin-left:0px;margin-right:5px;word-wrap:break-word;overflow:hidden;}
#rsidebar-wrapper{width:187px;float:right;padding-top:10px;padding-right:8px;margin-left:5px;margin-right:0px;word-wrap:break-word;overflow:hidden;}
/* Posts-----------------------------------------------*/
h2.date-header{margin:1.5em 0 .5em;display:none;}
.wrapfullpost{}
.post{border-bottom:1px solid #cccccc;padding-bottom:5px;margin-bottom:15px;}
.post-title{color:#1A1B1B;font-family:Arial,Helvetica,Sans-serif;font-size:22px;font-weight:bold;line-height:22px;margin:0 0 8px;padding:0;text-transform:none;}
.post-title a,.post-title a:visited,.post-title strong{display:block;text-decoration:none;color:#1A1B1B;text-decoration:none;}
.post-title strong,.post-title a:hover{color:#3366CC;text-decoration:none;}
.post-body{text-align:justify;padding-top:8px;font:14px/20px Arial,Verdana}
blockquote{border-left:3px solid #CADAE7;color:#888;font-style:italic;overflow:hidden;padding-left:9px;}
.post-footer{margin:5px 0;color:$sidebarcolor;font:$postfooterfont;}
.comment-link{margin-$startSide:.6em}
.post-body img{padding:5px 5px 5px 5px;background-color:#EEEEEE;margin:0 4px 4px 0;border: 1px solid #DDDDDD;}
.readmorecontent{text-align:right}
a.readmore{color:#36C;font-size:13px;font-weight:bold;padding:4px 15px;text-decoration:none}
a.readmore:hover{color:#58A}
/* Comments----------------------------------------------- */
#comments h4{color:#666;letter-spacing:0;font-size:14px;font-weight:bold;line-height:1.4em;margin:1em 0;text-transform:none}
#comments-block{line-height:1.6em;margin:1em 0 1.5em}
#comments-block .comment-author{-moz-background-inline-policy:continuous;background:none repeat scroll 0 0 #EAEAEA;border:1px solid #EAEAEA;font-size:15px;font-weight:normal;margin-right:20px;padding:5px}
#comments .blogger-comment-icon,.blogger-comment-icon{-moz-background-inline-policy:continuous;background:none repeat scroll 0 0 #E8DEC4;border-color:#E8DEC4;border-style:solid;border-width:2px 1px 1px;line-height:16px;padding:5px}
#comments-block .comment-body{border-left:1px solid #EAEAEA;border-right:1px solid #EAEAEA;margin-left:0;margin-right:20px;padding:7px}
#comments-block .comment-footer{border-bottom:1px solid #EAEAEA;border-left:1px solid #EAEAEA;border-right:1px solid #EAEAEA;font-size:11px;line-height:1.4em;margin:-0.25em 20px 2em 0;padding:5px;text-transform:none}
#comments-block .comment-body p{margin:0 0 0.75em}
.deleted-comment{color:gray;font-style:italic}
.avatar-image-container img{background:url(http://3.bp.blogspot.com/-2pUd3w8MgBg/ThM5Nf_Hb1I/AAAAAAAABSU/E7lGUiRuxU4/s000/avatar.jpg);width:35px;height:35px}
#blog-pager-newer-link{float:$startSide}
#blog-pager-older-link{float:$endSide}
#blog-pager{text-align:center}
.feed-links{clear:both;line-height:2.5em}
/* Sidebar Content----------------------------------------------- */
.sidebar{margin:0 0 10px 0px;color:#333333;font-size: 13px;text-shadow: 0 1px 0 #FFFFFF;}
.sidebar a{text-decoration:none;color:#3366CC;}
.sidebar a:hover{text-decoration:underline;color:#5588AA;}
#lsidebar-wrapper .widget h2{background:url("http://4.bp.blogspot.com/-gIh7uS3EQlw/ThM5OIIeNTI/AAAAAAAABSY/Zm9Ju1tKGjc/s000/h2bg-left.png") no-repeat scroll 0 0 transparent;margin-bottom:3px;margin-left:-8px;padding-bottom:5px;padding-left:7px;padding-top:7px;width:192px;color:#FFF;font-family:Arial,Helvetica,Sans-serif;font-size:14px;font-weight:bold;line-height:18px;text-shadow:0 1px 0 #000;text-transform:uppercase;margin-top:0px;}
#rsidebar-wrapper .widget h2{background:url("http://3.bp.blogspot.com/-hksq3p3aI7s/ThM5OY_GMPI/AAAAAAAABSc/M7RLIXsLEmo/s000/h2bg-right.png") no-repeat scroll 0 0 transparent;margin-bottom:3px;margin-right:-2px;padding-bottom:6px;padding-left:10px;padding-top:6px;color:#FFF;font-family:Arial,Helvetica,Sans-serif;font-size:14px;font-weight:bold;line-height:18px;text-shadow:0 1px 0 #000;text-transform:uppercase;margin-top:0px;}
#lsidebar-wrapper .widget {padding-left:2px;}
#rsidebar-wrapper .widget {padding-right:2px;}
#lsidebar-wrapper .widget-content {padding-left:2px;}
#rsidebar-wrapper .widget-content {padding-right:2px;}
.sidebar ul{list-style-type:none;margin:0 0 10px;padding: 0;}
.sidebar ul li{margin:0;padding:6px 0;}
.sidebar ul li:hover{}
.sidebar .widget{margin-bottom:10px;}
.sidebar .widget-content{overflow:hidden;}
.main .widget{margin:0 0 5px;padding:0 0 2px;}
.main .Blog{border-bottom-width:0}
/* 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}
#myGallery,#myGallerySet,#flickrGallery{-moz-box-shadow:0 0 5px #999;-webkit-box-shadow:0 0 5px #999;box-shadow:0 0 5px #999;border:3px solid #FFF;height:300px;margin-bottom:15px;margin-left:5px;width:530px;z-index:5;overflow:hidden;}
.jdGallery a{outline:0 none}
#flickrGallery{height:334px;width:500px}
#myGallery img.thumbnail,#myGallerySet img.thumbnail{display:none}
.jdGallery{overflow:hidden;position:relative}
.jdGallery img{border:0 none;margin:0}
.jdGallery .slideElement{background-color:#000;background-image:url("http://2.bp.blogspot.com/-tPmh-QlOtZQ/ThM5OuaTqMI/AAAAAAAABSg/AiZebiVV2ng/s000/loading-bar-black.png");background-position:center center;background-repeat:no-repeat;height:100%;width:100%}
.jdGallery .loadingElement{background-color:#000;background-image:url("http://2.bp.blogspot.com/-tPmh-QlOtZQ/ThM5OuaTqMI/AAAAAAAABSg/AiZebiVV2ng/s000/loading-bar-black.png");background-position:center center;background-repeat:no-repeat;height:100%;left:0;position:absolute;top:0;width:100%}
.jdGallery .slideInfoZone{background:none repeat scroll 0 0 #000;bottom:0;color:#FFF;height:75px;left:0;margin:0;overflow:hidden;padding:10px;position:absolute;text-indent:0;width:97%;z-index:10}
* html .jdGallery .slideInfoZone{bottom:-1px}
.jdGallery .slideInfoZone h2{color:#FFF !important;font-size:14px;font-weight:bold;margin:2px 5px;padding:0}
.jdGallery .slideInfoZone p{color:#EEE;font-size:12px;margin:2px 5px;padding:0}
.jdGallery div.carouselContainer{height:135px;left:0;margin:0;position:absolute;top:0;width:100%;z-index:10}
.jdGallery a.carouselBtn{background:none repeat scroll 0 0 #333;bottom:0;color:#FFF;cursor:pointer;font-size:13px;height:20px;padding:0 10px;position:absolute;right:30px;text-align:center}
.jdGallery .carousel{background:none repeat scroll 0 0 #333;color:#FFF;height:115px;left:0;margin:0;overflow:hidden;position:absolute;text-indent:0;top:0;width:100%}
.jdExtCarousel{overflow:hidden;position:relative}
.jdGallery .carousel .carouselWrapper,.jdExtCarousel .carouselWrapper{height:78px;left:0;overflow:hidden;position:absolute;top:10px;width:100%}
.jdGallery .carousel .carouselInner,.jdExtCarousel .carouselInner{position:relative}
.jdGallery .carousel .carouselInner .thumbnail,.jdExtCarousel .carouselInner .thumbnail{background:none repeat scroll center center #000;border:1px solid #FFF;cursor:pointer;float:left}
.jdGallery .wall .thumbnail,.jdExtCarousel .wall .thumbnail{margin-bottom:10px}
.jdGallery .carousel .label,.jdExtCarousel .label{bottom:5px;font-size:13px;left:10px;margin:0;padding:0;position:absolute}
.jdGallery .carousel .wallButton,.jdExtCarousel .wallButton{background:none repeat scroll 0 0 #222;border:1px solid #888;bottom:5px;cursor:pointer;font-size:10px;margin:0;padding:1px 2px;position:absolute;right:10px}
.jdGallery .carousel .label .number,.jdExtCarousel .label .number{color:#B5B5B5}
.jdGallery a{color:#FFF;font-size:100%;text-decoration:none}
.jdGallery a.right,.jdGallery a.left{cursor:pointer;height:99%;opacity:0.2;position:absolute;width:25%;z-index:10}
* html .jdGallery a.right,* html .jdGallery a.left{}
.jdGallery a.right:hover,.jdGallery a.left:hover{opacity:0.8}
.jdGallery a.left{background:url("http://2.bp.blogspot.com/-2j5FVLLf7-I/ThM5PBzchDI/AAAAAAAABSk/tEm8PtPZl9c/s000/fleche1.png") no-repeat scroll left center transparent;left:0;top:0}
* html .jdGallery a.left{background:url("http://3.bp.blogspot.com/-RnOilBrIRsU/ThM5QuVmzGI/AAAAAAAABSo/k8I9aeft7sA/s000/fleche1.gif") no-repeat scroll left center transparent}
.jdGallery a.right{background:url("http://4.bp.blogspot.com/-GtsxYo-ash0/ThM5QzRxcpI/AAAAAAAABSs/2iIasp2QH5Y/s000/fleche2.png") no-repeat scroll right center transparent;right:0;top:0}
* html .jdGallery a.right{background:url("http://3.bp.blogspot.com/-fsbI1xI-RKc/ThM5RWWUPJI/AAAAAAAABS0/kDU_AVAlIk0/s000/fleche2.gif") no-repeat scroll right center transparent}
.jdGallery a.open{height:100%;left:0;top:0;width:100%}
.withArrows a.open{background:none repeat scroll 0 0 transparent;cursor:pointer;height:99%;left:25%;opacity:0.8;position:absolute;top:0;width:50%;z-index:10}
.withArrows a.open:hover{background:url("http://2.bp.blogspot.com/-NWCtgDO8hb4/ThM5R9WOydI/AAAAAAAABS4/uBVWJY63qkg/s000/open.png") no-repeat scroll center center transparent}
* html .withArrows a.open:hover{background:url("http://2.bp.blogspot.com/-2VXqIg-vURE/ThM5SRLnmUI/AAAAAAAABS8/lrHV7xJzrLo/s000/open.gif") no-repeat scroll center center transparent}
.jdGallery a.gallerySelectorBtn{background:none repeat scroll 0 0 #333;color:#FFF;cursor:pointer;font-size:13px;height:20px;left:30px;opacity:0.4;padding:0 10px;position:absolute;text-align:center;top:0;z-index:15}
.jdGallery .gallerySelector{background:none repeat scroll 0 0 #000;height:100%;left:0;position:absolute;top:0;width:100%;z-index:20}
.jdGallery .gallerySelector h2{color:#FFF !important;font-size:20px;line-height:30px;margin:0;padding:10px 20px}
.jdGallery .gallerySelector .gallerySelectorWrapper{overflow:hidden}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton{border:1px solid #888;color:#FFF;cursor:pointer;float:left;height:40px;margin-left:10px;margin-top:10px;padding:5px}
.jdGallery .gallerySelector .gallerySelectorInner div.hover{background:none repeat scroll 0 0 #333}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview{background:none repeat scroll center center #000;border:medium none;float:left;height:40px;margin-right:5px;width:40px}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3{color:#FFF;font-size:12px;font-weight:normal;margin:0;padding:0}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info{color:#FFF !important;font-size:12px;font-weight:normal;margin:0;padding:0}
#navbar-iframe{height:0;visibility:hidden;display:none;}
#pagemenucontainer{float:left;height:40px;margin-top:0}
#pagemenu{float:left;height:40px}
#pagemenu,#pagemenu ul{line-height:1;list-style:none outside none;margin:0;padding:0}
#pagemenu{}
#pagemenu ul{float:left;list-style:none outside none;margin:0;padding:0}
#pagemenu li{float:left;list-style:none outside none;margin:0;padding:0}
#pagemenu ul li{list-style:none outside none;margin:0;padding:0}
#pagemenu li a,#pagemenu li a:link{-moz-border-radius:0 0 10px 10px;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;color:#FFF;display:block;font:bold 11px Arial,Helvetica,sans-serif;margin:0;padding:20px 20px 13px;text-decoration:none;text-transform:uppercase}
#pagemenu li a:hover,#pagemenu li a:active{-moz-border-radius:0 0 10px 10px;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;border-radius:0 0 10px 10px;background:none repeat scroll 0 0 #002C40;color:#FFF;display:block;text-decoration:none}
#pagemenu li.current_page_item a{background:none repeat scroll 0 0 #002C40;color:#FFF}
#pagemenu li:hover,#pagemenu li.sfhover{position:static}
#navcontainer{background:url("http://2.bp.blogspot.com/-K5PsCE1EjvQ/ThM5Shd3S6I/AAAAAAAABTA/Oo7Gi5b89sA/s000/menu.png") repeat-x scroll left top transparent;display:block;height:48px;margin-bottom:0;overflow:hidden;padding:0;text-shadow:0 1px 0 #000}
#navcontainer .current-cat a{background:url("http://3.bp.blogspot.com/-dSBZWnHOQ4M/ThM5Tpu1DfI/AAAAAAAABTE/Otl8VpoZ8TY/s000/selected.png") repeat-x scroll left top transparent;color:#000;text-shadow:0 1px 0 #FFF}
#nav a,#subMenusContainer a{display:block;text-decoration:none}
#nav a{background:none repeat scroll 0 0 transparent;color:#FFF;float:left;font-size:11px;font-weight:bold;margin:0;padding:16px 20px 13px;text-transform:uppercase}
#subMenusContainer a,#nav li li a{background-color:#CACACA;color:#1A1B1B;font-size:12px;padding:6px 24px;text-align:left}
#nav li a:hover,#nav li a:focus,#nav a.mainMenuParentBtnFocused{background:url("http://3.bp.blogspot.com/-dSBZWnHOQ4M/ThM5Tpu1DfI/AAAAAAAABTE/Otl8VpoZ8TY/s000/selected.png") repeat-x scroll left top transparent;color:#000;text-shadow:0 1px 0 #FFF}
#subMenusContainer a:hover,#subMenusContainer a:focus,#subMenusContainer a.subMenuParentBtnFocused{background-color:#F1F1F1;color:#1A1B1B}
.subMenuParentBtn{background:url("../img/arrow_right.gif") no-repeat scroll right center transparent}
.subMenuParentBtnFocused{background:url("../img/arrow_right_over.gif") no-repeat scroll right center transparent}
.mainMenuParentBtn{}
.mainMenuParentBtnFocused{}
.smOW{display:none;margin:0 0 0 -2px;overflow:hidden;padding:0 2px;position:absolute}
#nav,#nav ul,#nav ol,#subMenusContainer ul,#subMenusContainer ol{line-height:1em;list-style:none outside none;margin:0;padding:0}
#nav ol,#nav ul,#subMenusContainer ul,#subMenusContainer ol{background:none repeat scroll 0 0 transparent;left:0}
#nav li{border-right:1px solid #6CC3F2;cursor:pointer;display:inline;float:left;height:41px;margin:7px 0 0;padding:0}
#subMenusContainer li{list-style:none outside none}
#nav{clear:both;display:block;font-size:12px;height:48px;margin:0 auto;overflow:hidden;width:940px}
#nav .children{display:none}
#subMenusContainer{display:block;height:0;left:0;overflow:visible;position:absolute;top:0;width:100%;z-index:1000000000}
.postdate{color:#626D70;font:11px Arial,Verdana;padding:2px 0}
.postmeta{font:11px Arial,Verdana;padding:2px 4px}
.postdate img,.postmeta img{border:medium none;margin:2px;vertical-align:middle;padding:0px;background-color:transparent;}
/* FOOTER */
#footer{background:url("http://4.bp.blogspot.com/-1KGXPHHz7ps/ThM5TzkvdBI/AAAAAAAABTI/eMTt2RZ-XI0/s000/footer.png") no-repeat scroll 0 0 transparent;color:#E8EFF1;font-size:13px;margin-top:0;padding:19px;text-align:center;clear:both;text-shadow:0 1px 0 #000}
#footer a{color:#E8EFF1}
#footer a:hover{color:#E8EFF1;text-decoration:none}
#credits{color:#666;font-size:11px;padding:10px;text-align:center;text-shadow:0 1px 0 #fff}
#credits a{color:#444;text-decoration:none}
/* -- NUMBER PAGE NAVIGATION -- */
#blog-pager {padding:6px 0px;font-size:11px;}
.showpageArea{float:left}
.showpageOf{margin:0 8px 0 0;padding:3px 7px;color:#232323;font:15px Arial,Verdana;background:transparent;}
.showpagePoint{color:#fff;font:bold 15px Arial,Verdana;padding:2px 7px;margin:2px;border:0px solid #fff;background:#168fb8;text-decoration:none}
.showpageNum a{font:15px Arial,Verdana;padding:3px 7px;margin:0 4px;text-decoration:none;background:transparent;color:#232323;}
.showpageNum a:hover{color:#fff;background:#168fb8;}
.showpage a{font:15px Arial,Verdana;padding:3px 7px;margin:0 4px;text-decoration:none;background:transparent;color:#232323;}
.showpage a:hover{color:#fff;background:#168fb8;}
.showpageArea{margin:10px 0;font:15px Arial,Verdana;color:#232323}
.addthis_toolbox{padding:15px 0 5px 0;text-align:center}
.addthis_toolbox .custom_images a{width:32px;height:32px;margin:0 4px 0 4px;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:500px;height:275px;}
#search{-moz-border-radius:11px 11px 11px 11px;-webkit-border-bottom-left-radius:11px;-webkit-border-bottom-right-radius:11px;-webkit-border-top-left-radius:11px;-webkit-border-top-right-radius:11px;background:none repeat scroll 0 0 #EEE;border:2px solid #002C40;height:25px;padding-right:3px;text-align:right;overflow:hidden}
#search input{background:none repeat scroll 0 0 transparent;border:0 none;color:#444}
#s{background:none repeat scroll 0 0 transparent;margin:2px 0 0;padding:4px;width:140px}
#topsearch #s{width:140px}
#topsearch #search{float:right;margin:-31px 0 0}
.PopularPosts .item-title{font-weight:bold;padding-bottom:0.2em}
.PopularPosts .widget-content ul li{padding:5px 0}
.outer-wrapper{margin:0 auto;width:960px}
.showgrid{background:url("src/grid.png") repeat scroll 0 0 transparent}
.column,div.span-1,div.twit-rss,div.span-3,div.span-4,div.sidecont,div.span-6,div.span-7,div.span-8,div.span-9,div.span-10,div.span-11,div.header-part,div.span-13,div.postcont,div.span-15,div.span-16,div.span-17,div.span-18,div.span-19,div.span-20,div.span-21,div.menu-links,div.span-23,div.outer{float:left;margin-right:10px}
.rightsector,div.rightsector{margin-right:0}
.span-1{width:30px}
.twit-rss{width:278px}
.span-3{width:110px}
.span-4{width:150px}
.sidecont{margin-left:5px;margin-top:10px;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}
.header-part{margin-top:32px;width:470px}
.span-13{width:510px}
.postcont{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}
.menu-links{margin-left:8px;width:635px}
.span-23{width:910px}
.outer,div.outer{margin:0;width:960px}
input.span-1,textarea.span-1,input.twit-rss,textarea.twit-rss,input.span-3,textarea.span-3,input.span-4,textarea.span-4,input.sidecont,textarea.sidecont,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.header-part,textarea.header-part,input.span-13,textarea.span-13,input.postcont,textarea.postcont,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.menu-links,textarea.menu-links,input.span-23,textarea.span-23,input.outer,textarea.outer{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.twit-rss,textarea.twit-rss{width:58px !important}
input.span-3,textarea.span-3{width:98px !important}
input.span-4,textarea.span-4{width:138px !important}
input.sidecont,textarea.sidecont{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.header-part,textarea.header-part{width:458px !important}
input.span-13,textarea.span-13{width:498px !important}
input.postcont,textarea.postcont{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.menu-links,textarea.menu-links{width:858px !important}
input.span-23,textarea.span-23{width:898px !important}
input.outer,textarea.outer{width:938px !important}
.append-1{padding-right:40px}
.append-2{padding-right:80px}
.append-3{padding-right:120px}
.append-4{padding-right:160px}
.append-5{padding-right:200px}
.append-6{padding-right:240px}
.append-7{padding-right:280px}
.append-8{padding-right:320px}
.append-9{padding-right:360px}
.append-10{padding-right:400px}
.append-11{padding-right:440px}
.append-12{padding-right:480px}
.append-13{padding-right:520px}
.append-14{padding-right:560px}
.append-15{padding-right:600px}
.append-16{padding-right:640px}
.append-17{padding-right:680px}
.append-18{padding-right:720px}
.append-19{padding-right:760px}
.append-20{padding-right:800px}
.append-21{padding-right:840px}
.append-22{padding-right:880px}
.append-23{padding-right:920px}
.prepend-1{padding-left:40px}
.prepend-2{padding-left:80px}
.prepend-3{padding-left:120px}
.prepend-4{padding-left:160px}
.prepend-5{padding-left:200px}
.prepend-6{padding-left:240px}
.prepend-7{padding-left:280px}
.prepend-8{padding-left:320px}
.prepend-9{padding-left:360px}
.prepend-10{padding-left:400px}
.prepend-11{padding-left:440px}
.prepend-12{padding-left:480px}
.prepend-13{padding-left:520px}
.prepend-14{padding-left:560px}
.prepend-15{padding-left:600px}
.prepend-16{padding-left:640px}
.prepend-17{padding-left:680px}
.prepend-18{padding-left:720px}
.prepend-19{padding-left:760px}
.prepend-20{padding-left:800px}
.prepend-21{padding-left:840px}
.prepend-22{padding-left:880px}
.prepend-23{padding-left:920px}
div.border{border-right:1px solid #EEE;margin-right:5px;padding-right:4px}
div.colborder{border-right:1px solid #EEE;margin-right:25px;padding-right:24px}
.pull-1{margin-left:-40px}
.pull-2{margin-left:-80px}
.pull-3{margin-left:-120px}
.pull-4{margin-left:-160px}
.pull-5{margin-left:-200px}
.pull-6{margin-left:-240px}
.pull-7{margin-left:-280px}
.pull-8{margin-left:-320px}
.pull-9{margin-left:-360px}
.pull-10{margin-left:-400px}
.pull-11{margin-left:-440px}
.pull-12{margin-left:-480px}
.pull-13{margin-left:-520px}
.pull-14{margin-left:-560px}
.pull-15{margin-left:-600px}
.pull-16{margin-left:-640px}
.pull-17{margin-left:-680px}
.pull-18{margin-left:-720px}
.pull-19{margin-left:-760px}
.pull-20{margin-left:-800px}
.pull-21{margin-left:-840px}
.pull-22{margin-left:-880px}
.pull-23{margin-left:-920px}
.pull-24{margin-left:-960px}
.pull-1,.pull-2,.pull-3,.pull-4,.pull-5,.pull-6,.pull-7,.pull-8,.pull-9,.pull-10,.pull-11,.pull-12,.pull-13,.pull-14,.pull-15,.pull-16,.pull-17,.pull-18,.pull-19,.pull-20,.pull-21,.pull-22,.pull-23,.pull-24{float:left;position:relative}
.push-1{margin:0 -40px 1.5em 40px}
.push-2{margin:0 -80px 1.5em 80px}
.push-3{margin:0 -120px 1.5em 120px}
.push-4{margin:0 -160px 1.5em 160px}
.push-5{margin:0 -200px 1.5em 200px}
.push-6{margin:0 -240px 1.5em 240px}
.push-7{margin:0 -280px 1.5em 280px}
.push-8{margin:0 -320px 1.5em 320px}
.push-9{margin:0 -360px 1.5em 360px}
.push-10{margin:0 -400px 1.5em 400px}
.push-11{margin:0 -440px 1.5em 440px}
.push-12{margin:0 -480px 1.5em 480px}
.push-13{margin:0 -520px 1.5em 520px}
.push-14{margin:0 -560px 1.5em 560px}
.push-15{margin:0 -600px 1.5em 600px}
.push-16{margin:0 -640px 1.5em 640px}
.push-17{margin:0 -680px 1.5em 680px}
.push-18{margin:0 -720px 1.5em 720px}
.push-19{margin:0 -760px 1.5em 760px}
.push-20{margin:0 -800px 1.5em 800px}
.push-21{margin:0 -840px 1.5em 840px}
.push-22{margin:0 -880px 1.5em 880px}
.push-23{margin:0 -920px 1.5em 920px}
.push-24{margin:0 -960px 1.5em 960px}
.push-1,.push-2,.push-3,.push-4,.push-5,.push-6,.push-7,.push-8,.push-9,.push-10,.push-11,.push-12,.push-13,.push-14,.push-15,.push-16,.push-17,.push-18,.push-19,.push-20,.push-21,.push-22,.push-23,.push-24{float:right;position:relative}
.prepend-top{margin-top:1.5em}
.append-bottom{margin-bottom:1.5em}
.box{background:none repeat scroll 0 0 #E5ECF9;margin-bottom:1.5em;padding:1.5em}
hr{background:none repeat scroll 0 0 #DDD;border:medium none;clear:both;color:#DDD;float:none;height:0.1em;margin:0 0 1.45em;width:100%}
hr.space{background:none repeat scroll 0 0 #FFF;color:#FFF}
.clearfix:after,.outer-wrapper:after{clear:both;content:" ";display:block;height:0;overflow:hidden;visibility:hidden}
.clearfix,.outer-wrapper{display:block}
.clear{clear:both}
PD: Si tienen algún problema con el diseño me dicen
______________
Ultima edición por insaniquarium-deluxe el Lun Sep 26, 2011 9:38 pm; editado 5 veces