Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje04-09-2010, 20:34 (UTC)    
Título del mensaje: [Diseño para Css-Desing] Mystique Full

Hola,
traigo otro desing más a PWG. Este me llevo bastante tiempo adaptarlo y espero que les guste.

Vista previa:


Para ir a la vista previa en vivo haz click aqui

Texto por encima de la página:
Código:
<style type="text/css">
    @import "http://kilometro6.comze.com/wp-content/uploads/2013/09/Mystique/colorespwg/color-green.css";
  </style>
  <script type="text/javascript" src="http://kilometro6.comze.com/wp-content/uploads/2013/09/Mystique/js/jquery.js">
</script>
<!-- www.kilometro6.es.tl -->

<body class="home col-2-right fixed">

  <!-- page -->
  <div id="page">

    <!-- header -->
    <div class="page-content header-wrapper">
      <div id="header" class="bubbleTrigger">
        <div id="site-title" class="clearfix">
          <h1 id="logo"><a href="#">Mystique</a></h1>

          <p class="headline">just another CSS template :)</p>
        </div>

        <div class="shadow-left">
          <div class="shadow-right clearfix">
            <p class="nav-extra"><a href="http://twitter.com/digitalnature" class="nav-extra twitter" title="Follow me on Twitter"><span>Follow me on Twitter</span></a><a href="#" class="nav-extra rss" title="RSS Feeds"><span>RSS Feeds</span></a></p>

            <!-- main navi -->
            <ul id="navigation" class="clearfix">
              <li class="active home"><a class="home active fadeThis" href="#"><span class="title">Home</span></a></li>
              <li>
                <a class="fadeThis" href="#"><span class="title">Layout tests</span></a>
                <ul>
                  <li><a href="index-col-1.html" class="fadeThis">1 column (no sidebars)</a></li>
                  <li><a href="index.html" class="fadeThis">2 columns, right sidebar (default)</a></li>
                  <li><a href="index-col-2-left.html" class="fadeThis">2 columns, left sidebar</a></li>
                  <li><a href="index-col-3.html" class="fadeThis">3 columns</a></li>
                  <li><a href="index-col-3-right.html" class="fadeThis">3 columns, right sidebars</a></li>
                  <li><a href="index-col-3-left.html" class="fadeThis">3 columns, left sidebars</a></li>
                  <li><a href="index-fluid.html" class="fadeThis">Fluid width page (100%))</a></li>
                </ul>
              </li>
              <li>
                <a class="fadeThis" href="#"><span class="title">Color schemes</span></a>
                <ul>
                  <li><a href="index.html" class="fadeThis">Green (default)</a></li>
                  <li><a href="index-blue.html" class="fadeThis">Blue</a></li>
                  <li><a href="index-red.html" class="fadeThis">Red</a></li>
                  <li><a href="index-gray.html" class="fadeThis">Gray</a></li>
                </ul>
              </li>
            </ul>
            <!-- /main navi -->

          </div>
        </div>
      </div>
    </div>
    <!-- /header -->

    <!-- left+right bottom shadow -->
    <div class="shadow-left page-content main-wrapper">
      <div class="shadow-right">

        <!-- main content: primary + sidebar(s) -->
        <div id="main">
          <div id="main-inside" class="clearfix">

            <!-- primary content -->
            <div id="primary-content">
              <div class="blocks">

                <!-- post -->
                <div class="post clearfix">
                  <a class="post-thumb alignleft" href="#"><img width="64" height="64" src="sampledata/nexus-64x64.jpg" alt="thumb test" /></a>

                  <h2 class="title"><a href="#" rel="bookmark">Sprint Overdrive 4G mobile hotspot</a></h2>

                  <div class="post-date">
                    <p class="day">Jan 19th</p>
                  </div>

                  <div class="post-info clearfix with-thumbs">
                    <p class="author alignleft">Posted by <a href="#">admin</a> in <a href="#">Uncategorized</a></p>

                    <p class="comments alignright"><a href="#" class="comments">3 comments</a></p>
                  </div>

                  <div class="post-content clearfix">


Texto por debajo de la página:
Código:
<!-- www.kilometro6.es.tl -->
                  </div>

                  <div class="post-tags">
                    <a href="#" rel="tag">mobile</a>, <a href="#" rel="tag">sony</a>
                  </div>
                </div>
                <!-- /post -->

                <!-- tabbed content -->
                <div class="tabbed-content post-tabs clearfix" id="post-tabs">

                  <!-- tab navigation (items must be in reverse order because of the tab-design) -->
                  <div class="tabs-wrap clearfix">
                    <ul class="tabs">
                      <li class="related-posts"><a href="#section-relatedPosts"><span>Related Posts</span></a></li>

                      <li class="comments"><a href="#section-comments"><span>Comments (22)</span></a></li>
                    </ul>
                  </div>
                  <!-- /tab nav -->

                  <!-- tab sections -->
                  <div class="sections">

                  </div>
                  <!-- /tab sections -->

                </div>
                <!-- /tabbed content -->

              </div>
            </div>
            <!-- /primary content -->

            <!-- sidebar -->
            <div id="sidebar">

              <ul class="blocks">

                <!-- search form -->
                <li class="block">
                  <div class="search-form">
                    <form method="get" id="searchform" action="#" class="clearfix" name="searchform">
                      <fieldset>
                        <div id="searchfield">
                          <input type="text" name="s" id="searchbox" class="text clearField" value="Search" />
                        </div><input type="submit" value="" class="submit" />
                      </fieldset>
                    </form>
                  </div>
                </li>
                <!-- /search form -->

                <!-- tabbed content -->
                <li class="block">
                  <div class="block-sidebar_tabs">

                    <div class="tabbed-content sidebar-tabs clearfix" id="instance-sidebartabswidget">

                      <!-- tab navigation (items must be in reverse order because of the tab-design) -->
                      <ul class="box-tabs clearfix">
                        <li class="recentcomm"><a href="#instance-sidebartabswidget-section-recentcomments" title="Recent comments"><span>Recent comments</span></a></li>

                        <li class="popular"><a href="#instance-sidebartabswidget-section-popular" title="Popular posts"><span>Popular posts</span></a></li>

                        <li class="archives"><a href="#instance-sidebartabswidget-section-archives" title="Archives"><span>Archives</span></a></li>

                        <li class="tags"><a href="#instance-sidebartabswidget-section-tags" title="Tags"><span>Tags</span></a></li>

                        <li class="categories"><a href="#instance-sidebartabswidget-section-categories" title="Categories"><span>Categories</span></a></li>
                      </ul>
                      <!-- /tab nav -->

                      <!-- tab sections -->
                      <div class="sections">

                        <div class="box section" id="instance-sidebartabswidget-section-categories">
                          <div class="box-top-left">
                            <div class="box-top-right"></div>
                          </div>

                          <div class="box-main">
                            <div class="box-content">
                              <ul class="menuList categories">
                                <li><a href="#" class="fadeThis"><span class="entry">Test category <span class="details inline">(37)</span></span></a><a class="rss bubble" href="#" title="XML"></a></li>
                                <li><a href="#" class="fadeThis"><span class="entry">Another one... <span class="details inline">(37)</span></span></a><a class="rss bubble" href="#" title="XML"></a></li>
                                <li>
                                  <a href="#" class="fadeThis"><span class="entry">Parent <span class="details inline">(1)</span></span></a><a class="rss bubble" href="#" title="XML"></a>
                                  <ul class='children'>
                                    <li>
                                      <a href="#" class="fadeThis"><span class="entry">First child category <span class="details inline">(1)</span></span></a><a class="rss bubble" href="#" title="XML"></a>
                                      <ul>
                                        <li><a href="#" class="fadeThis"><span class="entry">Second child category <span class="details inline">(1)</span></span></a><a class="rss bubble" href="#" title="XML"></a></li>
                                      </ul>
                                    </li>
                                  </ul>
                                </li>

                                <li><a href="#" class="fadeThis"><span class="entry">Uncategorized <span class="details inline">(37)</span></span></a><a class="rss bubble" href="#" title="XML"></a></li>
                              </ul>
                            </div>
                          </div>
                        </div>

                        <div class="box section" id="instance-sidebartabswidget-section-tags">
                          <div class="box-top-left">
                            <div class="box-top-right"></div>
                          </div>

                          <div class="box-main">
                            <div class="box-content">
                              <div class="tag-cloud">
                                <a href="#" style='font-size: 8pt;'>bla</a> <a href="#" style='font-size: 8pt;'>blah</a> <a href="#" style='font-size: 16.4pt;'>computers</a> <a href="#" style='font-size: 8pt;'>cool</a> <a href="#" style='font-size: 8pt;'>crushing</a> <a href="#" style='font-size: 8pt;'>effects</a> <a href="#" style='font-size: 8pt;'>energy</a> <a href="#" style='font-size: 8pt;'>nexus</a> <a href="#" style='font-size: 22pt;'>fusion</a> <a href="#" style='font-size: 8pt;'>google</a> <a href="#" style='font-size: 8pt;'>bla</a> <a href="#" style='font-size: 8pt;'>blah</a> <a href="#" style='font-size: 16.4pt;'>computers</a> <a href="#" style='font-size: 8pt;'>energy</a> <a href="#" style='font-size: 8pt;'>nexus</a> <a href="#" style='font-size: 22pt;'>fusion</a> <a href="#" style='font-size: 8pt;'>google</a> <a href="#" style='font-size: 8pt;'>cool</a> <a href="#" style='font-size: 8pt;'>crushing</a> <a href="#" style='font-size: 8pt;'>effects</a> <a href="#" style='font-size: 8pt;'>blah</a> <a href="#" style='font-size: 16.4pt;'>computers</a> <a href="#" style='font-size: 8pt;'>cool</a> <a href="#" style='font-size: 8pt;'>crushing</a> <a href="#" style='font-size: 8pt;'>effects</a> <a href="#" style='font-size: 8pt;'>energy</a> <a href="#" style='font-size: 8pt;'>nexus</a> <a href="#" style='font-size: 22pt;'>fusion</a> <a href="#" style='font-size: 8pt;'>google</a> <a href="#" style='font-size: 8pt;'>bla</a> <a href="#" style='font-size: 8pt;'>blah</a> <a href="#" style='font-size: 16.4pt;'>computers</a> <a href="#" style='font-size: 8pt;'>energy</a> <a href="#" style='font-size: 8pt;'>nexus</a> <a href="#" style='font-size: 22pt;'>fusion</a> <a href="#" style='font-size: 8pt;'>google</a> <a href="#" style='font-size: 8pt;'>cool</a> <a href="#" style='font-size: 8pt;'>crushing</a> <a href="#" style='font-size: 8pt;'>effects</a>
                              </div>
                            </div>
                          </div>
                        </div>

                        <div class="box section" id="instance-sidebartabswidget-section-archives">
                          <div class="box-top-left">
                            <div class="box-top-right"></div>
                          </div>

                          <div class="box-main">
                            <div class="box-content">
                              <ul class="menuList">
                                <li><a href="#" class="fadeThis"><span class="entry">March 2010 <span class="details inline">(3)</span></span></a></li>

                                <li><a href="#" class="fadeThis"><span class="entry">January 2010 <span class="details inline">(6)</span></span></a></li>

                                <li><a href="#" class="fadeThis"><span class="entry">December 2009 <span class="details inline">(2)</span></span></a></li>

                                <li><a href="#" class="fadeThis"><span class="entry">November 2009 <span class="details inline">(1)</span></span></a></li>

                                <li><a href="#" class="fadeThis"><span class="entry">October 2009 <span class="details inline">(4)</span></span></a></li>

                                <li><a href="#" class="fadeThis"><span class="entry">August 2009 <span class="details inline">(1)</span></span></a></li>

                                <li><a href="#" class="fadeThis"><span class="entry">June 2009 <span class="details inline">(2)</span></span></a></li>

                                <li><a href="#" class="fadeThis"><span class="entry">April 2009 <span class="details inline">(2)</span></span></a></li>

                                <li><a href="#" class="fadeThis"><span class="entry">March 2009 <span class="details inline">(2)</span></span></a></li>
                              </ul>
                            </div>
                          </div>
                        </div>

                        <div class="box section" id="instance-sidebartabswidget-section-popular">
                          <div class="box-top-left">
                            <div class="box-top-right"></div>
                          </div>

                          <div class="box-main">
                            <div class="box-content">
                              <ul class="menuList">
                                <li><a class="fadeThis" href="#"><span class="entry">Sprint Overdrive 4G bla blah <span class="details inline">(3)</span></span></a></li>

                                <li><a class="fadeThis" href="#"><span class="entry">Test article <span class="details inline">(36)</span></span></a></li>

                                <li><a class="fadeThis" href="#"><span class="entry">Another test article <span class="details inline">(36)</span></span></a></li>

                                <li><a class="fadeThis" href="#"><span class="entry">Sprint Overdrive 4G bla blah <span class="details inline">(3)</span></span></a></li>

                                <li><a class="fadeThis" href="#"><span class="entry">Test article <span class="details inline">(36)</span></span></a></li>

                                <li><a class="fadeThis" href="#"><span class="entry">Sprint Overdrive 4G bla blah <span class="details inline">(3)</span></span></a></li>

                                <li><a class="fadeThis" href="#"><span class="entry">Another test article <span class="details inline">(36)</span></span></a></li>
                              </ul>
                            </div>
                          </div>
                        </div>

                        <div class="box section" id="instance-sidebartabswidget-section-recentcomments">
                          <div class="box-top-left">
                            <div class="box-top-right"></div>
                          </div>

                          <div class="box-main">
                            <div class="box-content">
                              <ul class="menuList recentcomm">
                                <li class="clearfix"><a href="#"><span class="avatar"><img alt="avatar" src="sampledata/avatar32.png" class="avatar" height="32" width="32" /></span> <span class="entry">Mary Jane: <span class="details">Two things make it far more awesome than a MiFi, however: first, the LCD, which displays the numeric wireless password...</span></span></a></li>

                                <li class="clearfix"><a href="#"><span class="avatar"><img alt="avatar" src="sampledata/avatar32.png" class="avatar" height="32" width="32" /></span> <span class="entry">Mary Jane: <span class="details">Two things make it far more awesome than a MiFi, however: first, the LCD, which displays the numeric wireless password...</span></span></a></li>

                                <li class="clearfix"><a href="#"><span class="avatar"><img alt="avatar" src="sampledata/avatar32.png" class="avatar" height="32" width="32" /></span> <span class="entry">Mary Jane: <span class="details">Two things make it far more awesome than a MiFi, however: first, the LCD, which displays the numeric wireless password...</span></span></a></li>
                              </ul>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <!-- tabbed content -->

                  </div>
                </li>

                <!-- twitter -->
                <li class="block">
                  <div class="block-twitter">
                    <h3 class="title"><span>My latest tweets</span></h3>

                    <div class="block-div"></div>

                    <div class="block-div-arrow"></div>

                    <div class="clearfix">
                      <div class="avatar"></div>

                      <div class="info"></div>
                    </div><script type="text/javascript">
/* <![CDATA[ */

                    jQuery(document).ready(function () {
                      jQuery('.twitter-content').getTwitter({
                        username: 'tweetnorris',
                        count: 5,
                        loading_text: 'Loading tweets...'
                      });

                      jQuery.jTwitter('tweetnorris', function (userdata) {
                        jQuery('.block-twitter div.avatar').prepend('<a href="http://www.twitter.com/tweetnorris"><img src="' + userdata.profile_image_url + '" /></a>');
                        jQuery('.block-twitter div.info').prepend('<a href="http://www.twitter.com/tweetnorris">' + userdata.name + '</a><br /><span class="followers">' + userdata.followers_count + ' followers<span>');
                      });
                    });
                    /* ]]> */
                    </script>

                    <div class="twitter-content clearfix"></div><a class="followMe" href="http://www.twitter.com/tweetnorris"><span>Follow me on Twitter!</span></a>
                  </div>
                </li>
                <!-- /twitter -->

                <!-- login -->
                <li class="block">
                  <div class="block-login clearfix">
                    <h3 class="title"><span>User Login</span></h3>

                    <div class="block-div"></div>

                    <div class="block-div-arrow"></div>

                    <form action="#" method="post">
                      <fieldset>
                        <label for="log">User</label><br />
                        <input type="text" name="log" id="log" value="" size="20" /><br />
                        <label for="pwd">Password</label><br />
                        <input type="password" name="pwd" id="pwd" size="20" /><br />
                        <input type="submit" name="submit" value="Login" class="button" /> <label for="rememberme"><input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever" />Remember me</label><br />
                      </fieldset>
                    </form>

                    <ul>
                      <li><a href="#">Register</a></li>

                      <li><a href="#">Lost your password?</a></li>
                    </ul>
                  </div>
                </li>
                <!-- /login -->

                <!-- links -->
                <li class="block">
                  <div class="block-bookmarks">
                    <h3 class="title"><span>Links</span></h3>

                    <div class="block-div"></div>

                    <div class="block-div-arrow"></div>

                    <ul>
                      <li><a href="http://digitalnature.ro" target="_blank">Digital Nature</a></li>

                      <li><a href="http://google.com" target="_blank">Google</a></li>

                      <li><a href="http://wordpress.org" target="_blank">Wordpress</a></li>
                    </ul>
                  </div>
                </li>
                <!-- /links -->

              </ul>

            </div>
            <!-- sidebar -->

          </div>
        </div>
        <!-- /main content -->

        <!-- footer -->
        <div id="footer">
          <div class="page-content">
            <div id="copyright">
              Mystique theme by <a href="http://digitalnature.ro">digitalnature</a> | Adaptado por <a href="http://kilometro6.es.tl">Kilometro6</a><br />
              <a class="rss-subscribe" href="#" title="RSS Feeds">RSS Feeds</a> <a class="valid-xhtml" href="http://validator.w3.org/check?uri=referer" title="Valid XHTML">XHTML 1.1</a> <a id="goTop" class="js-link" name="goTop">Top</a> <!--[if lte IE 6]> <script type="text/javascript"> isIE6 = true; isIE = true; </script> <![endif]-->
               <!--[if gte IE 7]> <script type="text/javascript"> isIE = true; </script> <![endif]-->
               <script type="text/javascript" src="http://kilometro6.comze.com/wp-content/uploads/2013/09/Mystique/js/jquery.mystique.js">
</script>
            </div>
          </div>
        </div>
        <!-- /footer -->

      </div>
    </div>
    <!-- /shadow -->

    <!-- page controls -->
    <div id="pageControls"></div>
    <!-- /page controls -->

  </div>
  <!-- /page -->

______________


Ultima edición por kilometro6 el Mar Sep 03, 2013 12:37 pm; editado 9 veces
Mensaje04-09-2010, 20:36 (UTC)    
Título del mensaje:

Muchas gracias por este aporte
Me encanta esta plantilla y es una de mis favoritas!!
Mensaje04-09-2010, 20:37 (UTC)    
Título del mensaje:

Css-Code sin Style Tags:
Código:
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
/*

Mystique CSS theme
http://digitalnature.ro/projects/mystique

Last update: 11 Mar. 2010

Both the design and code are released under GPL.
http://www.opensource.org/licenses/gpl-license.php

Adaptado por www.kilometro6.es.tl

*/


/* reset spacing */
*{margin:0;padding:0;font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;}

html,body{min-height:100%;}
body{background:#000 url(http://img.webme.com/pic/k/kilometro6-pruebas/bgm.png) repeat-x center bottom;font-size:13px;font-style:normal;color:#4e4e4e;}

#page{background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/headerm.jpg) no-repeat center top;}

/* (max. possible width is limited by design, 1735px)  */
.page-content{max-width:1600px;min-width:780px;margin:0 auto;}

/* fluid width page */
body.fluid .page-content{
  padding:0 10px;
  width: auto;
}

/* fixed width page - 960gs */
body.fixed .page-content{
  width:940px;
}

/*** GENERAL ELEMENTS ***/

/* links */
a{color:#0071bb;outline:none;}
a:hover{color:#ed1e24;text-decoration:none;}

/* headings */
h1{font-weight:normal;font-size:270%;letter-spacing:-.04em;line-height:100%;margin:.8em 0 .2em;letter-spacing:-0.04em;}
h2{font-weight:normal;font-size:200%;letter-spacing:-.04em;line-height:110%;margin:.7em 0 .2em;letter-spacing:-0.03em;}
h3{font-size:160%;font-weight:normal;letter-spacing:-.04em;line-height:110%;margin:.7em 0 .2em;letter-spacing:-0.02em;}
h4{font-size:140%;font-weight:bold;margin:.7em 0 .2em;letter-spacing:-0.02em;}
h5{font-family:"Palatino Linotype", Georgia, Serif;font-size:140%;font-weight:bold;margin:.5em 0 .2em;letter-spacing:-0.02em;}
h6{font-size:120%;font-weight:normal;text-transform:uppercase;margin:.5em 0 .2em;}

/* tables */
table{margin:.5em 0 1em;}
table td,table th{text-align:left;border-right:1px solid #fff;padding:.4em .8em;}
table th{background-color:#5e5e5e;color:#fff;text-transform:uppercase;font-weight:bold;border-bottom:1px solid #e8e1c8;}
table td{background-color:#eee;}
table th a{color:#d6f325;}
table th a:hover{color:#fff;}
table tr.even td{background-color:#ddd;}
table tr:hover td{background-color:#fff;}

table.nostyle td,table.nostyle th,table.nostyle tr.even td,table.nostyle tr:hover td{border:0;background:none;background-color:transparent;}


/* forms */
input,textarea,select{font-size:100%;margin:.2em 0;}
input,textarea{padding:.2em .4em;margin:0 2px 4px 2px;}
input.radio,input.checkbox{background-color:#fff;padding:2px;}
textarea{width:90%;}
form label{font-weight:normal;margin:0 2px;}
form .row label{display:block;margin:10px 2px 0 2px;}
fieldset{padding:.8em;border:1px solid #ddd;background-color:#fff;margin:1em 0;}
legend{padding:2px 15px 10px;text-transform:uppercase;font-style:italic;font-size:115%;background-color:#fff;border-top:1px solid #ddd;}

/* lists */
ul,ol{margin:.4em 0 1em;line-height:150%;}
ul li,ol li{list-style-position:outside;margin-left:2.5em;}
dl{padding:.3em 0 .8em;}
dt{font-weight:bold;text-decoration:underline;}
dd{}

/* other */
p{margin:.6em 0 .3em;line-height:150%;}
img{border:0;}
hr{color:#b4aca1;background-color:#b4aca1;border-bottom:1px solid #f6f4eb;}
small{font-size:80%;}
pre{overflow:auto;white-space:pre-wrap;/* <- css3 */white-space:0;/* <- ff */font-size:12px;font-family:"Courier New", Courier, "Lucida Console", Monaco, "DejaVu Sans Mono", "Nimbus Mono L", "Bitstream Vera Sans Mono";background-color:#fff;padding:.4em;margin:1em 0;}
pre{width:80%;overflow:hidden;border:1px solid #ddd;background-color:#fff;padding:.8em;margin:1em 0;}
blockquote{margin:1em 25% 1em 0;min-height:40px;padding:.6em 1em .6em 2.4em;border:1px dotted #ddd;font-style:italic;color:#474747;background:#fff url(http://img.webme.com/pic/k/kilometro6-pruebas/blockquotem.png) no-repeat 4px top;}
blockquote p{padding:8px;margin:2px;}
blockquote blockquote{margin:1em 0 1em;}


#header{display:block;position:relative;z-index:5;}

#header p.nav-extra{position:absolute;top:-25px;z-index:10;right:10px;}
#header a.nav-extra{width:64px;height:36px;display:block;float:right;margin-left:6px;}
#header a.nav-extra span{display:none;}
#header a.nav-extra.rss{background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/nav-iconsm.png) no-repeat right top;}
#header a.twitter{background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/nav-iconsm.png) no-repeat left top;}

/*** LOGO & HEADLINE ***/

#site-title{padding:4em 0 3.6em 0;}
#site-title #logo{font-size:400%;font-weight:bold;font-style:normal;margin:0;padding:0;float:left;line-height:60px;}
#site-title #logo a{color:#fff;text-decoration:none;text-shadow:#000 1px 1px 1px;font-variant:small-caps;letter-spacing:-0.04em;}
#site-title #logo a:hover{color:#ed1e24;}
#site-title p.headline{float:left;border-left:1px solid #999;margin:0 0 0 1em;padding:.2em 0 .2em .8em;font-weight:normal;font-size:140%;line-height:64px;letter-spacing:0.4em;}


/*** TOP NAVIGATION ***/

ul#navigation{background:#eee url(http://img.webme.com/pic/k/kilometro6-pruebas/navmm.png) repeat-x left top;width:100%;padding:0;margin:0;list-style-type:none;position:relative;z-index:15;}
ul#navigation li{display:block;position:relative;float:left;list-style-type:none;padding:0 1px 0 0;margin:0;background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/nav-divm.png) no-repeat right top;}
ul#navigation li a{min-height:32px;display:block;font-weight:bold;font-size:115%;text-transform:uppercase;text-decoration:none;text-shadow:#fff 1px 1px 1px;text-align:center;color:#4e4e4e;padding:0 13px 0 11px;position:relative;line-height:31px;}
ul#navigation li a.home span.title{background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/iconsm.png) no-repeat 0px -756px;padding-left:22px;}
ul#navigation li.active a.home span.title{background-position:0px -710px;}
ul#navigation li a:hover,ul#navigation li:hover a{background-color:#fff;}
ul#navigation li.active a:hover,ul#navigation li.active:hover a{background-color:#000;}
ul#navigation li a span.title{display:block;padding:0;}
ul#navigation li a span.pointer{display:none;}

ul#navigation li.active a span.pointer,
ul#navigation li.active-parent a span.pointer,
ul#navigation li.active-ancestor a span.pointer
{position:absolute;width:100%;height:7px;bottom:-7px;left:0;display:block;background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/nav-pointerm.png) no-repeat center top;}

ul#navigation li.active a,
ul#navigation li.active-parent a,
ul#navigation li.active-ancestor a
{background:#000 url(http://img.webme.com/pic/k/kilometro6-pruebas/nav-activem.png) no-repeat left top;color:#dedede;text-shadow:#000 1px 1px 1px;}

ul#navigation li a span.arrow{display:none;}

/* fade on mouse out */
ul#navigation li a.fadeThis{position:relative;z-index:1;}
ul#navigation li a.fadeThis span.hover{position:absolute;top:0;left:0;display:block;height:100%;width:100%;background-color:#fff;z-index:-1;margin:0;padding:0;}

ul#navigation li.active a.fadeThis span.hover,
ul#navigation li.active-parent a.fadeThis span.hover,
ul#navigation li.active-ancestor a.fadeThis span.hover
{background:none;}

ul#navigation li.active a.fadeThis span.hover
{background-color:transparent;}

/* submenus */
ul#navigation ul li a span.pointer{display:none !important;}
ul#navigation ul{list-style-type:none;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;position:absolute;display:none;width:250px;top:32px;left:0;margin:0;padding:4px;line-height:normal;background-color:#fff;-moz-box-shadow:0px 8px 14px rgba(0,0,0,0.3);-moz-border-radius-bottomright:8px;-moz-border-radius-bottomleft:8px;-webkit-box-shadow:0px 8px 14px rgba(0,0,0,0.3);-webkit-border-bottom-right-radius:8px;-webkit-border-bottom-left-radius:8px;box-shadow:0px 8px 14px rgba(0,0,0,0.3);border-bottom-right-radius:8px;border-bottom-left-radius:8px;}

ul#navigation li.active ul,
ul#navigation li.active-parent ul,ul#navigation li.active-ancestor ul
{background-color:#000;border-bottom:1px solid #333;border-left:1px solid #333;border-right:1px solid #333;}

ul#navigation li.active li a,
ul#navigation li.active-parent li a,
ul#navigation li.active-ancestor li a
{background:none;}

ul#navigation ul li{float:none;margin:0;background:none;}
ul#navigation ul li a span.title{padding-left:10px;}
ul#navigation ul li a{min-height:1px;height:auto;padding:8px 14px 8px 8px;margin:0;text-align:left;text-transform:none;line-height:125%;}
ul#navigation li.active ul a{background:none;}
ul#navigation ul li a:hover{background-color:#333;color:#fff;text-shadow:#333 1px 1px 1px;}
ul#navigation ul li.active a{color:#f8b013;}
ul#navigation ul li.active li a{color:#dedede;}
ul#navigation ul li a span.title{padding:0;}
ul#navigation ul ul{left:250px;top:0;border-top:1px solid #ccc;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
ul#navigation li:hover ul ul,ul#navigation li:hover ul ul ul,ul#navigation li:hover ul ul ul ul{display:none;}
ul#navigation li:hover ul,ul#navigation li li:hover ul,ul#navigation li li li:hover ul,ul#navigation li li li li:hover ul{display:block;}
ul#navigation li li a span.arrow{display:block;position:absolute;right:6px;top:0;line-height:32px;}


/* fade on mouse out */
ul#navigation li li a.fadeThis span.hover,
ul#navigation li.active li a.fadeThis span.hover,
ul#navigation li.active-ancestor li a.fadeThis span.hover{background-color:#333;}


/*** FEATURED CONTENT ***/

#featured-content{background:#5e5e5e url(http://img.webme.com/pic/k/kilometro6-pruebas/featuredm.jpg) no-repeat center top;border-top:1px solid #818389;color:#fff;position:relative;margin:0 auto;color:#ccc;}
#featured-content ul.slides li.slide .slide-content{padding: 0 1em;}
#featured-content .slide-container{max-width:940px;margin:0;padding:0 0 1em 0;}

#featured-content h2{font-size:180%;font-weight:bold;text-shadow:#000 1px 1px 1px;margin:0;padding:.2em 0;line-height:140%;}
#featured-content p{margin:0 0 .6em 0;}
#featured-content a{color:#fff;text-decoration:none;font-weight:bold;}
#featured-content a:hover{background-color:rgba(0,0,0, 0.15);}
#featured-content .post-thumb img{border:4px solid #777;}
#featured-content .details{float:left;width:920px;}
#featured-content .summary{font-size:125%;font-style:italic;line-height:150%;}

/* fixed size if we have a slider */
#featured-content.withSlider .slide-container{height:174px;}



/*** MAIN LAYOUT ***/

.shadow-left{background:url(http://img.webme.com/pic/k/kilometro6-pruebas/shadowm.png) no-repeat left bottom;}
.shadow-right{background:url(http://img.webme.com/pic/k/kilometro6-pruebas/shadowm.png) no-repeat right bottom;padding-bottom:32px;position:relative;}
#main{background:#fff url(http://img.webme.com/pic/k/kilometro6-pruebas/main-rightm.jpg) no-repeat right top;}
#main-inside{background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/main-leftm.jpg) no-repeat left top;min-height:380px;}

/*** MAIN LAYOUT ***/

/* default widths - fixed - 960gs  */
body.fixed #primary-content{width:630px;}
body.fixed #sidebar{width:310px;}
body.fixed #sidebar2{width:230px;}

/* col-1 */
body.fixed.col-1 #primary-content{width:940px;left:0;}
body.fixed.col-1 #sidebar, body.col-1 #sidebar2{display:none;}

/* col-2-left */
body.fixed.col-2-left #primary-content{left:310px;}
body.fixed.col-2-left #sidebar{left:-630px;}
body.fixed.col-2-left #sidebar2{display:none;}

/* col-2-right, default */
body.fixed.col-2-right #primary-content{left:0;}
body.fixed.col-2-right #sidebar{right:0;}
body.fixed.col-2-right #sidebar2{display:none;}

/* col-3 */
body.fixed.col-3 #primary-content{left:230px;width:480px;}
body.fixed.col-3 #sidebar{right:0px;width:230px;}
body.fixed.col-3 #sidebar2{left:-480px;}

/* col-3-left */
body.fixed.col-3-left #primary-content{left:460px;width:480px;}
body.fixed.col-3-left #sidebar{left:-710px;width:230px;}
body.fixed.col-3-left #sidebar2{left:-250px;}  /* gs - s1 - (s1+s2) */
body.fixed.col-3-left #primary-content .blocks{margin-left:10px;}

/* col-3-right */
body.fixed.col-3-right #primary-content{left:0;width:480px;}
body.fixed.col-3-right #sidebar{left:0;width:230px;}
body.fixed.col-3-right #sidebar2{left:0;}
body.fixed.col-3-right #primary-content .blocks{margin-right:10px;}


/* default widths - fluid  */
body.fluid #primary-content{width:70%;}
body.fluid #sidebar{width:30%;}
body.fluid #sidebar2{width:25%;}

/* col-1 */
body.fluid.col-1 #primary-content{width:100%;left:0;}
body.fluid.col-1 #sidebar, body.col-1 #sidebar2{display:none;}

/* col-2-left */
body.fluid.col-2-left #primary-content{left:30%;}
body.fluid.col-2-left #sidebar{left:-70%;}
body.fluid.col-2-left #sidebar2{display:none;}

/* col-2-right, default */
body.fluid.col-2-right #primary-content{left:0;}
body.fluid.col-2-right #sidebar{right:0;}
body.fluid.col-2-right #sidebar2{display:none;}

/* col-3 */
body.fluid.col-3 #primary-content{left:25%;width:50%;}
body.fluid.col-3 #sidebar{right:0;width:25%;}
body.fluid.col-3 #sidebar2{left:-50%;}

/* col-3-left */
body.fluid.col-3-left #primary-content{left:50%;width:50%;}
body.fluid.col-3-left #sidebar{left:-75%;width:25%;}
body.fluid.col-3-left #sidebar2{left:-25%;}  /* gs - s1 - (s1+s2) */
body.fluid.col-3-left #primary-content .blocks{margin-left:10px;}

/* col-3-right */
body.fluid.col-3-right #primary-content{left:0;width:50%;}
body.fluid.col-3-right #sidebar{left:0;width:25%;}
body.fluid.col-3-right #sidebar2{left:0;}
body.fluid.col-3-right #primary-content .blocks{margin-right:10px;}

#main{
  position: relative;
  min-height: 540px;
}

#primary-content,#sidebar,#sidebar2{
  top:0;
  position:relative;
  float:left;
  z-index:0;
  overflow:hidden;
  min-height: 150px;
}

#primary-content .blocks{
  padding: 1em;
}


#sidebar .blocks, #sidebar2 .blocks{padding:1em;margin:0;list-style-type:none;}

li.block{list-style-type:none;padding:0;margin:0;}
li.block, .arbitrary-block{margin:1em 0 2.6em;position:relative;}

.block ul{list-style-type:none;margin:0 0 .4em 0;}
.block li{background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/iconsm.png) no-repeat 4px -816px;margin:0;padding:0 0 0 18px;}
.block li:hover{background-position:4px -1005px;}
.block li li{margin-left:.4em;}





h1.title{
  font-weight: bold;
  font-size: 250%;
  text-shadow: #fff 1px 1px 1px;
  margin: .5em 0 .3em 0;
  padding: 0;
}

/* post */
.post, .page{margin:1em 0 2em 0;padding:0 0 .6em;display:block;background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/dotm.gif) repeat-x left bottom;}
.post.preview-title{background:none;}
body.single-page .page, body.single-post .post{background: none;margin:0;padding:0;}


h2.title{
  font-weight: bold;
  font-size: 180%;
  margin:0 0 .2em 0;
  padding:.2em 0 0 0;
  text-shadow: #fff 1px 1px 1px;
}

h2.title a{text-decoration:none;color:#4e4e4e;}
h2.title a:hover{color:#ed1e24;text-decoration:none;}

h3.title{font-size:140%;font-weight:bold;margin:1em 0 0 0;padding:0;}
h3.title a{text-decoration:none;color:#4e4e4e;}
h3.title a:hover{color:#ed1e24;text-decoration:none;}

.post-excerpt{font-size:90%;font-style:italic;color:#666;}
.post-short-info{margin:0;padding:0;}

.post-thumb img{border:4px solid #eee;}
.post-info{background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/info-barm.png) no-repeat right top;height:42px;margin-left:11px;color:#bbb;text-shadow:#fff 1px 1px 1px;}
.post-info a{font-weight:bold;color:#999;}
.post-info a:hover{color:#ed1e24;}
.post-info p.author{padding: 0 0 0 6px;margin:0;line-height:32px;}
.post-info p.comments{padding: 0 12px 0 0;margin:0;line-height:32px;}
.post-info p.comments a.comments{background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/iconsm.png) no-repeat 0px -49px;padding-left:20px;}
.post-info p.comments a.no.comments{background-position:0px 1px;}
.post-date{background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/info-barm.png) no-repeat left -75px;padding-left:11px;float:left;text-transform:uppercase;font-weight:bold;}
.post-date p.day{background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/info-barm.png) no-repeat right -42px;height:33px;padding:0 16px 0 0;margin:0;line-height:31px;color:#fff;}

.post-content p{margin:0 0 .8em 0;padding:0;}
.post-content a.post-edit-link{border:#ddd 1px solid;background-color:#fff;padding:3px 6px;text-decoration:none;}
.post-content a.post-edit-link:hover{border:#ff284b 1px solid;background-color:#ed1e24;color:#fff;}
.post-content a.more-link{background-color:#eee;text-decoration:none;color:#666;text-shadow:#fff 1px 1px 1px;padding:2px 6px 3px 6px;margin:0;font-size:85%;text-transform:uppercase;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.post-content a.more-link:hover{background-color:#999;color:#fff;text-shadow:#666 1px 1px 1px;}
.post-content a.more-link.loading{border:0;margin:0 4px;padding:3px 8px;border:0;background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/loader-whitem.gif) no-repeat center center;}

.post-tags{background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/iconsm.png) no-repeat 0px -104px;font-style:italic;padding-left:20px;line-height:22px;}

.category-description{
  font-size: 115%;
  font-style: italic;
}

.about_the_author{
  padding: 8px 10px;
  line-height: 150%;
  background-color: #5e5e5e;
  color: #ccc;
  font-style: italic;
}

.about_the_author a{
  color: #f9f9f9;
  text-decoration: underline;
}

.about_the_author a:hover{
  color: #fff;
  text-decoration: none;
}

.about_the_author h3{
  margin: 0;
  padding: 0;
  font-size: 130%;
  font-weight: bold;
  font-style: normal;
  color: #f9f9f9;
}

.about_the_author div.avatar{
  float: left;
  margin-right: 8px;
}

.about_the_author div.avatar img{
  border: 6px solid #333;
}



.post-meta{padding:6px 4px;border-top:1px solid #ddd;background-color:#f6f6f6;color:#999;display:block;}
.post-meta td, table tr:hover td{
  background-color: transparent;
  border: 0;
  padding: 0 2px;
  margin: 0;
}

.post-meta a{color:#666;text-decoration:underline;}
.post-meta a:hover{color:#ed1e24;text-decoration:none;}

.post-meta .details{font-size:80%;line-height:150%;}


.post-meta a.control{display:block;padding:2px 6px 4px;background-color:#eee;text-shadow:#fff 1px 1px 1px;font-style:italic;text-decoration:none;font-size:115%;border:1px solid #fff;border-radius:3px;text-align:center;letter-spacing:-0.02em;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;cursor:pointer;}

.post-meta a.control:hover, .post-meta a.control:hover a{background-color:#0071bb;text-shadow:#666 1px 1px 1px;color:#fff;}


/* share this */
.shareThis{position:relative;float:left;}
.shareThis a.share:hover,.shareThis:hover a{}
.shareThis .bubble{width:288px;left:0px;top:0px;margin-top:40px;padding:4px;background-color:#fff;border:1px solid #ddd;-moz-box-shadow:0px 0px 8px rgba(0,0,0,0.4);-moz-border-radius:8px;-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.4);-webkit-border-radius:8px;box-shadow:0px 0px 8px rgba(0,0,0,0.4);border-radius:8px;}
.shareThis .bubble a{background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/socializem.jpg) no-repeat left bottom;width:32px;height:32px;float:left;position:relative;z-index:5;}
.shareThis .bubble li{list-style-type:none;padding:0;margin:0;float:left;}
.shareThis .bubble a.twitter{background-position:0px -32px;}
.shareThis .bubble a.digg{background-position:-32px -32px;}
.shareThis .bubble a.facebook{background-position:-64px -32px;}
.shareThis .bubble a.delicious{background-position:-96px -32px;}
.shareThis .bubble a.stumbleupon{background-position:-128px -32px;}
.shareThis .bubble a.google{background-position:-160px -32px;}
.shareThis .bubble a.linkedin{background-position:-192px -32px;}
.shareThis .bubble a.yahoo{background-position:-224px -32px;}
.shareThis .bubble a.technorati{background-position:-256px -32px;}

.shareThis .bubble a.twitter:hover{background-position:0 0px;}
.shareThis .bubble a.digg:hover{background-position:-32px 0px;}
.shareThis .bubble a.facebook:hover{background-position:-64px 0px;}
.shareThis .bubble a.delicious:hover{background-position:-96px 0px;}
.shareThis .bubble a.stumbleupon:hover{background-position:-128px 0px;}
.shareThis .bubble a.google:hover{background-position:-160px 0px;}
.shareThis .bubble a.linkedin:hover{background-position:-192px 0px;}
.shareThis .bubble a.yahoo:hover{background-position:-224px 0px;}
.shareThis .bubble a.technorati:hover{background-position:-256px 0px;}

.shareThis .bubble a span{display:none;}

.single-navigation a{font-size:85%;border:0;background-color:transparent;padding:2px 4px;color:#ccc;text-shadow:#fff 1px 1px 1px;text-decoration:none;}
.single-navigation a:hover{color:#ed1e24;}
.single-navigation div{display:block;max-width:49%;line-height:normal;color:#ccc;}
.single-navigation .alignright{text-align:right;}


/* comments */
.tabbed-content div.section#section-comments{display:block;} /* show comment tab, just in case jquery is disabled */

ul.comments, li.comment{margin:0;padding:0;list-style-type:none;}
ul.comments{width:90%;max-width:1000px;float:right;display:block;}
ul.comments ul.children{margin:0 0 0 40px;padding:0;}
li.comment{display:block;margin:.4em 0;line-height:normal;}
li.comment .comment-head{background-color:#5e5e5e;background-repeat:no-repeat;background-position:left bottom;position:relative;color:#e4e4e4;padding:0 0 6px 0;margin:0;line-height:normal;}
li.comment .comment-head.comment-author-admin,li.comment .comment-head.bypostauthor{background-position:-1000px bottom;color:#fff;text-shadow:rgba(0,0,0,0.4) 1px 1px 1px;}


li.comment.withAvatars .comment-head{padding-left:78px;}
li.comment .comment-head .author{margin:0;padding: 4px 1em 16px 1em;line-height:150%;}
li.comment .comment-head a{color:#fff;text-decoration:underline;}
li.comment .comment-head a:hover{text-decoration:none;}
li.comment .comment-head .author .by{font-weight:bold;}
li.comment .comment-body{background:#f6f6f6 url(http://img.webme.com/pic/k/kilometro6-pruebas/comment-bgm.gif) no-repeat right bottom;padding:.4em 1em;}
li.comment .comment-body p{margin:0;padding: 0 0 1em 0;}
li.comment .avatar-box{position:absolute;bottom:0px;width:48px;height:48px;left:8px;z-index:2;padding:3px;background-color:#fff;border: 1px solid #bfbfbf;}
li.comment .controls{position:absolute;right:10px;top:8px;margin-top:16px;}
li.comment .controls a{display:block;background-color:#e4e4e4;padding:4px 8px;color:#4e4e4e;text-shadow:#fff 1px 1px 1px;font-weight:bold;text-transform:uppercase;text-decoration:none;float:left;margin-right:4px;border-top:1px solid #fff;}
li.comment .controls a:hover{background-color:#ed1e24;border-top:1px solid #ff284b;color:#fff;text-shadow:#333 1px 1px 1px;}

li.ping{background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/dotm.gif) repeat-x left bottom;padding:0 0 .6em 0;margin:.2em 0;line-height:150%;}
li.ping a{font-weight:bold;font-size:115%;text-decoration:none;}

/* comment form */
.comment-form{background:#f6f6f6 url(http://img.webme.com/pic/k/kilometro6-pruebas/comment-bgm.gif) no-repeat right bottom;border-top:1px solid #ddd;padding:1em;margin:1em 0;float:left;}
.comment-form #comment{width:90%;}

#cancel-reply{display:none;}
#comment_post_status{font-weight:bold;}



/* PAGE/COMMENT NAVIGATION */

.page-navigation, .comment-navigation{
  padding: 5px 0px;
  color: #333;
}

/* align to right on col-3-left layout, looks better */
body.col-3-left .page-navigation, body.col-3-left .comment-navigation{float: right;}

.page-navigation a, .page-navigation span.current, .page-navigation span.extend,
.comment-navigation a, .comment-navigation span.current, .comment-navigation span.dots{
  padding: 3px 5px 4px 5px;
  margin: 2px;
  float: left;
}

.page-navigation a, .comment-navigation a{
  text-decoration: none;
  border: 1px solid #ddd;
  background-color: #fff;
}
.page-navigation a:hover, .comment-navigation a:hover{
  border: 1px solid #ed1e24;
  color: #fff;
  background-color: #ed1e24;
}

.page-navigation span.current, .comment-navigation span.current{
  border: 1px solid #0072cf;
  color: #fff;
  background-color: #0072cf;
}

.comment-navigation a.loading{border:0;padding:3px 8px;border:0;background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/loader-whitem.gif) no-repeat center center;}


/* search */
.search-form{position:relative;margin:0 8px 0 4px;width:auto !important;width: 400px;max-width:400px;}
.search-form form fieldset{border:0;margin:0;padding:0;background:none;background-color:transparent;}
.search-form #searchfield{background-repeat:no-repeat;background-position:left top;height:34px;display:block;margin-right:55px;}
.search-form input.text{border:0;margin:9px 0 0 34px;padding:0;}
.search-form input.submit{background-color:transparent;background-repeat:no-repeat;background-position:right -34px;height:34px;width:56px;margin:0;padding:0;position:absolute;right:0;top:0;border:0;text-transform:uppercase;text-shadow:#fff 1px 1px 1px;font-weight:bold;font-size:160%;color:#9b9b9b;cursor:pointer;}
.search-form input.submit:hover{background-position:right bottom;}
#primary-content .search-form{margin:2em 0;}

/* block style */
.block h3.title{font-weight:bold;font-size:130%;background-repeat:no-repeat;background-position:left top;color:#fff;line-height:100%;letter-spacing:normal;margin:0;padding:0;text-shadow:1px 1px 1px rgba(0,0,0,0.4);text-transform:uppercase;text-align:left;line-height:23px;}
.block h3.title span{background-repeat:no-repeat;background-position:right top;margin-left:7px;display:block;padding:4px 8px 0 4px;}
.block h3.title a{color:#fff;text-decoration:none;}
.block h3.title a:hover{color:#FFFF00;}
.block .block-div{background-color:transparent;background-repeat:no-repeat;background-position:left bottom;width:7px;height:23px;float:left;}
.block .block-div-arrow{background-color:transparent;background-repeat:no-repeat;background-position:right bottom;height:23px;margin-left:7px;}

.block fieldset{margin:0;padding:0 1.3em;border:0;background-color:transparent;}



.box{max-width:600px;position:relative;z-index:5;color:#eee;}
.box-top-left{background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/boxm.png) no-repeat left top;padding-left:7px;}
.box-top-right{background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/boxm.png) no-repeat right top;height:7px;}
.box-main{background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/boxm.png) no-repeat left bottom;padding-left:7px;}
.box-main .box-content{background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/boxm.png) no-repeat right bottom;padding:10px 7px 10px 0;}

.box a{color:#fff;}
.box .tag-cloud{text-align:justify;line-height:150%;}
.box .tag-cloud a{vertical-align:middle;text-decoration:none;padding:0 0.2em;letter-spacing:-0.02em;color:#ccc;text-shadow:#000 1px 1px 1px;}
.tag-cloud a:hover{background-color:#dde90d;color:#000;text-shadow:rgba(0,0,0,0.6) 1px 1px 1px;}

.sidebar-tabs{position:relative;padding-top:44px;}

ul.box-tabs, ul.box-tabs li{padding:0;margin:0;line-height:100%;list-style-type:none;background:none;}
ul.box-tabs{position:absolute;right:6px;top:0;z-index:10;height:50px;overflow:hidden;}
ul.box-tabs li{float:right;margin-right:3px;}

ul.box-tabs li a{width:43px;height:50px;display:block;background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/box-tabsm.png) no-repeat left top;}

ul.box-tabs li.categories a{background-position:0px 0px;}
ul.box-tabs li.popular a{background-position:-43px 0px;}
ul.box-tabs li.recentcomm a{background-position:-86px 0px;}
ul.box-tabs li.tags a{background-position:-129px 0px;}
ul.box-tabs li.archives a{background-position:-172px 0px;}

ul.box-tabs li a:hover{height:43px;}
ul.box-tabs li.active a:hover{height:50px;}

ul.box-tabs li.categories.active a,ul.box-tabs li.categories a:hover{background-position:0px -50px;}
ul.box-tabs li.popular.active a,ul.box-tabs li.popular a:hover{background-position:-43px -50px;}
ul.box-tabs li.recentcomm.active a,ul.box-tabs li.recentcomm a:hover{background-position:-86px -50px;}
ul.box-tabs li.tags.active a,ul.box-tabs li.tags a:hover{background-position:-129px -50px;}
ul.box-tabs li.archives.active a,ul.box-tabs li.archives a:hover{background-position:-172px -50px;}

ul.box-tabs li a span{display:none;}

/* menu list */
.box ul.menuList,.box ul.menuList li{margin:0;padding:0;list-style-type:none;font-size:100%;}
.box ul.menuList{background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/dot2m.gif) repeat-x left bottom;margin-bottom:.6em;padding-bottom:2px;}
.box ul.menuList li{background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/dot2m.gif) repeat-x left top;display:block;padding:2px 0 0px;}
.box ul.menuList li li{background-image:none;}
.box ul.menuList li a{display:block;text-decoration:none;padding:3px 25px 3px 0;color:#ccc;}
.box ul.menuList.categories li a{padding-right:25px;} /* rss icon space */
.box ul.menuList li a:hover{color:#fff;}
.box ul.menuList li a span.entry{background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/iconsm.png) no-repeat 4px -816px;padding-left:18px;display:block;font-weight:bold;}
.box ul.menuList li a span.entry .details{font-weight:normal;font-style:italic;display:block;}
.box ul.menuList li a span.entry .details.inline{display:inline;}
.box ul.menuList li a:hover span.entry{background-position:4px -1005px;}
.box ul.menuList li li a span.entry{background:none;}
.box ul.menuList .fadeThis{position:relative;z-index:1;}
.box ul.menuList span.hover{position:absolute;top:0;left:0;display:block;height:100%;width:100%;background-color:#747474;z-index:-1;padding:0!important;}

/* sub menus */
.box ul.menuList ul{margin:0 0 1em 0;padding:0;}
.box ul.menuList li li{margin:0 0 0 1.8em;padding:0;float:none;background:none;width:auto;}
.box ul.menuList li li li{margin-left:1em;}
.box ul.menuList li li a{text-transform:none;padding:0;font-size:100%;font-style:italic;}
.box ul.menuList li li a:hover{background:none;}

/* rss popups */
.box ul.menuList li.cat-item{position:relative;}
.box ul.menuList li.cat-item a.rss{position:absolute;padding:0;margin:0;display:none;background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/iconsm.png) no-repeat center -664px;width:24px;height:22px;top:0;right:6px;z-index:10;cursor:pointer;}
.box ul.menuList li.cat-item li.cat-item a.rss{background:none;visibility:hidden;}
.box ul.menuList li li .fadeThis{position:static;background:none;}
.box ul.menuList li li .fadeThis span.hover{display:none;}


.box ul.menuList.recentcomm li a span.entry,.box ul.menuList.recentcomm li a:hover span.entry{background:none;padding-left:0px;margin-left:40px;}
.box ul.menuList.recentcomm li .avatar{
  float: left;
  margin: 2px 4px 2px 0;
}


/*** FOOTER ***/

#footer{
  background: #fff;
}

/* block slider */
#footer-blocks{position:relative;margin:0 auto 1em auto;}
#footer-blocks.withSlider{width:940px;}

#footer-blocks .leftFade,#footer-blocks .rightFade{background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/bg-trans2.png) repeat-y left top;position:absolute;width:46px;min-height:100%;height:100%;/* <- for opera */top:0;z-index:10;}
#footer-blocks .leftFade{left:0;}
#footer-blocks .rightFade{background-position:right top;right:0;}
.slide-container{width:100%;overflow:hidden;position:relative;margin:0 auto;}
ul.slides{position:relative;top:0;left:0;list-style-type:none;margin:0;padding:0;width:100%;min-height:100%;display:block;}
#footer-blocks .slide-navigation a.next,#footer-blocks .slide-navigation a.previous{background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/block-navm.png) no-repeat left top;width:30px;height:42px;position:absolute;z-index:12;top:60px;}
#footer-blocks .slide-navigation a.next{background-position:right top;right:0;}
#footer-blocks .slide-navigation a.previous{left:0;}
#footer-blocks .slide-navigation a.next:hover{background-position:right bottom;}
#footer-blocks .slide-navigation a.previous:hover{background-position:left bottom;}
#footer-blocks .slide-navigation a.next span,#footer-blocks .slide-navigation a.previous span{display:none;}
ul.slides li.slide{list-style-type:none;position:relative;top:0;margin:0;padding:1em 0 0;display:block;}

/* only hide if slider is enabled (it is if there are more than 3 blocks) */
.withSlider ul.slides li.slide.page-content{position:absolute;display:none;width:940px;}

#footer-blocks ul.slides li.slide .slide-content{width:95%;margin:0 auto;}

ul.slides li.slide .slide-content ul.blocks,#footer-blocks ul.slides li.slide .slide-content ul.blocks li.block{list-style-type:none;margin:0;padding:0;}
ul.slides li.slide .slide-content ul.blocks li.block{width:33%;float:left;margin:0;padding:0;position:relative;}
ul.slides li.slide .slide-content ul.blocks li.block .block-content{padding:0 .8em;}
/* block width based on widget number (default block width is 30% + spacing, 3 blocks per slide) */
ul.slides li.slide .slide-content ul.blocks.widgetcount-1 li.block{width:100%;}
ul.slides li.slide .slide-content ul.blocks.widgetcount-2 li.block{width:50%;}
ul.slides li.slide .slide-content ul.blocks.widgetcount-3 li.block{width:33%;}
ul.slides li.slide .slide-content ul.blocks.widgetcount-4 li.block{width:25%;}
ul.slides li.slide .slide-content ul.blocks.widgetcount-4 li.block .block-content{padding:0 .6em;}
ul.slides li.slide .slide-content ul.blocks.widgetcount-5 li.block{width:20%;}
ul.slides li.slide .slide-content ul.blocks.widgetcount-5 li.block .block-content{padding:0 .5em;}
ul.slides li.slide .slide-content ul.blocks.widgetcount-6 li.block{width:16.6%;}
ul.slides li.slide .slide-content ul.blocks.widgetcount-6 li.block .block-content{padding:0 .4em;}

ul.slides li.slide .slide-content ul.blocks li.block h4.title{font-size:160%;font-weight:bold;background:#eee url(http://img.webme.com/pic/k/kilometro6-pruebas/bg-lightgraym.png) no-repeat left top;padding:.4em .6em;margin:0 0 .2em;text-shadow:#fff 1px 1px 1px;line-height:100%;color:#797979;position:relative;}


ul.slides li.slide.slide-2,
ul.slides li.slide.slide-3,
ul.slides li.slide.slide-4,
ul.slides li.slide.slide-5,
ul.slides li.slide.slide-6,
ul.slides li.slide.slide-7,
ul.slides li.slide.slide-8{display:none;}

/* copyright & other info */
#footer #copyright{display:block;padding:1em 2em;text-align:center;border-top:1px solid #ddd;line-height:200%;}

#footer a.rss-subscribe{padding:4px 8px 4px 28px;background:#666 url(http://img.webme.com/pic/k/kilometro6-pruebas/iconsm.png) no-repeat 2px -666px;color:#fff;text-decoration:none;text-transform:uppercase;font-weight:bold;}
#footer a.valid-xhtml,#footer a.valid-css,#footer a#goTop{padding:4px 8px 4px 8px;color:#fff;background-color:#666;text-decoration:none;text-transform:uppercase;font-weight:bold;}


/*** BLOCKS ***/

/* info */
.block-info{font-size: 150%;font-weight:bold;text-align:center;padding: .3em .7em;background-color:#eee;text-shadow:#fff 1px 1px 1px;border:1px solid #fff;}

/* increase right padding to fit rss icon */
.block-categories ul.menuList.linkBased li a span.entry{display:block;text-decoration:none;padding-right:36px;}

/* twitter */
.block-twitter ul, .block-twitter ul li{padding:0;margin:0;list-style-type:none;}
.block-twitter ul{background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/dotm.gif) repeat-x left top;padding-top:.2em;}
.block-twitter ul li,.block-twitter ul li:hover{background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/dotm.gif) repeat-x left bottom;margin-bottom:.2em;padding-bottom:.2em;}
.block-twitter ul li span.entry{background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/dotm.gif) no-repeat 6px -383px;padding-left:24px;display:block;}
.block-twitter div.avatar{float:left;display:block;margin-left:10px;}
.block-twitter div.info{float:left;display:block;padding:2px 0 0 10px;line-height:175%;font-weight:bold;}
.block-twitter div.info .followers{font-size:125%;}
.block-twitter a.date{color:#bbb;text-decoration:none;font-style:italic;font-size:85%;display:block;}
.block-twitter a.date:hover{color:#ed1e24;}
.block-twitter .links{text-align:right;background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/bg-transm.png) repeat-x left bottom;padding-right:1em;}
.block-twitter a.followMe{position:absolute;background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/twitterm.png) no-repeat center top;width:45px;height:57px;display:block;top:-14px;right:20px;z-index:4;}
.block-twitter a.followMe span{display:none;}
.block-twitter h3.title span{padding-right:60px;}
.block-twitter .loading{background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/loader-whitem.gif) no-repeat 6px 6px;padding:6px 10px 6px 28px;float:left;}

/* flickr */
.block-flickr h3.title{position:relative;}
.block-flickr h3.title span{padding-left:42px;}
.block-flickr h3.title span.icon{background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/flickrm.png) no-repeat left top;top:30%;left:0;position:absolute;width:37px;height:17px;padding:0;}
.block-flickr ul,.block-flickr ul li{list-style-type:none;padding:0;margin:0;}
.block-flickr li{float:left;}
.block-flickr li a{padding:0 2px;display:block;}
.block-flickr li img{border:5px solid #eee;}
.block-flickr .flickrGallery{padding-left:4px;}

/* login */
.block-login .avatar img{border:6px solid #ddd;}


/*** MISC ***/

/* lightbox */
div#fancyoverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;display:none;z-index:30;}
div#fancywrap{text-align:left;}
div#fancyloading{position:absolute;height:40px;width:40px;cursor:pointer;display:none;overflow:hidden;background:transparent;z-index:100;}
div#fancyloading div{position:absolute;top:0;left:0;width:40px;height:480px;background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/loaderm.gif) no-repeat;}
div#fancyloadingoverlay{position:absolute;background-color:#FFF;z-index:30;}
div#fancyouter{position:absolute;top:0;left:0;z-index:90;padding:18px 18px 33px;margin:0;overflow:hidden;background:transparent;display:none;}
div#fancyinner{position:relative;width:100%;height:100%;background-color:#eee;-moz-box-shadow:0px 0px 20px rgba(0,0,0,0.85);-moz-border-radius:8px;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.85);-webkit-border-radius:8px;box-shadow:0px 0px 20px rgba(0,0,0,0.85);border-radius:8px;}
div#fancycontent{margin:0;z-index:100;position:absolute;}
div#fancydiv{background-color:#000;color:#fff;height:100%;width:100%;z-index:100;}
img#fancyimg{position:absolute;top:0;left:0;border:0;padding:0;margin:0;z-index:100;width:100%;height:100%;}
#fancyframe{position:relative;width:100%;height:100%;display:none;}
#fancyajax{width:100%;height:100%;overflow:auto;}
a#fancyleft,a#fancyright{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;z-index:111;display:none;outline:none;}
a#fancyleft{left:0;}
a#fancyright{right:0;}
span.fancyico{position:absolute;top:50%;margin-top:-15px;width:30px;height:42px;z-index:112;cursor:pointer;display:block;opacity:0.5;}
span#fancyleftico{left:-9999px;background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/block-navm.png) no-repeat left top;}
span#fancyrightico{right:-9999px;background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/block-navm.png) no-repeat right top;}
a#fancyleft:hover{visibility:visible;}
a#fancyright:hover{visibility:visible;}
a#fancyleft:hover span{left:20px;}
a#fancyright:hover span{right:20px;}
.fancybigIframe{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;}
div#fancytitle{width:100%;z-index:100;display:none;background-color:#4e4e4e;color:#fff;text-align:center;font-weight:bold;font-size:150%;padding:.2em 0;}

/* page controls */
#pageControls{position:absolute;right:0;top:0;width:25%;height:100px;z-index:4;}
#pageControls a{background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/page-controlsm.png) no-repeat right top;position:absolute;width:22px;height:21px;right:10px;top:10px;cursor:pointer;z-index:15;}
#pageControls a:hover{background-position:right bottom;}
#pageControls a.fontSize{background-position:left top;right:36px;}
#pageControls a.fontSize:hover{background-position:left bottom;}


/* other */
.clearFieldBlurred{color:#ccc;font-style:italic;font-weight:normal;}
.clearFieldActive{color:#4e4e4e;font-weight:bold;}
.error{color:#ed1e24;}
.success{color:#a0c207;}
.divider{padding:1em 0 0 0;display:block;background:transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/dotm.gif) repeat-x left bottom;height:2px;min-height:2px;}
.altText{font-style:italic;}
.highlight{background-color: #FFE4B5;}


/* clearfix */
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}

img.alignleft,img.alignright{padding:3px;margin-top:4px;margin-bottom:4px;border-radius:4px;}
.alignleft{float:left;margin-right:8px;}
.alignright{float:right;margin-left:8px;}
.aligncenter{display:block;margin-left:auto;margin-right:auto;text-align:center;}
.bubble-trigger{position:relative;}
.bubble{display:none;position:absolute;z-index:10;}

/* jquery caption - to do */
.imgCaption{position:relative;overflow:hidden;padding:0;border:0;margin-top:8px;margin-bottom:8px;display:inline-block;}
.imgCaption p{position:absolute;background-color:#000;color:#fff;width:100%;font-weight:bold;padding:0;margin:0;line-height:150%;text-align:center;border:0;z-index:10;left:0;opacity:0.6;}
.imgCaption p span{ padding:12px;display:block;}


.wp-caption{border: 1px solid #ddd;text-align:center;background-color:#f3f3f3;padding-top:4px;margin-top:10px;margin-bottom:10px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.wp-caption img{margin:0;padding:0;border:0 none;}
.wp-caption-dd{font-size:11px;line-height:17px;padding:0 4px 5px;margin:0;}

.webshot{position:absolute;left:-20000px;background-color:rgba(0,0,0,0.4);padding:5px;z-index:10;display:none;-moz-box-shadow:0px 0px 8px rgba(0,0,0,0.4);-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.4);box-shadow:0px 0px 8px rgba(0,0,0,0.4);}
.webshot img{margin:0;padding:0;}


/* smiley adjustment */
img.wp-smiley{vertical-align:-15%;}



/* tabs (code inspired by smashing magazine's comment tabs */
ul.tabs li a{}
ul.tabs li a:hover{}
.tabbed-content div.sections{position:relative;overflow:hidden;}
.tabbed-content div.section{position:relative;display:none;}
.tabbed-content div.section h6.title{font-size:115%;font-weight:normal;font-style:italic;text-transform:uppercase;margin:0;padding:0;}

.tabs,.tabs li{margin:0;padding:0;list-style-type:none;}
.tabs-wrap{padding-bottom:30px;background-color:transparent;background-repeat:no-repeat;background-position:left 34px;margin:2em 0 .4em 0;}
.tabs{list-style:none;overflow:hidden;height:34px;position:relative;text-transform:uppercase;padding-right:12px;}
.tabs li{float:right;text-align:center;height:31px;background-color:transparent;background-repeat:no-repeat;background-position:right top;margin-right:-20px;padding-right:24px;margin-top:4px;position:relative;z-index:0;bottom:-4px;/* <-for the animation */line-height:28px;}
.tabs li a{height:31px;color:#4e4e4e;float:left;text-decoration:none;text-shadow:#fff 1px 1px 1px;font-weight:bold;background-color:transparent;background-repeat:no-repeat;background-position:left top;padding-left:26px;padding-right:4px;}
.tabs li:hover{background-position:right -66px;}
.tabs li:hover a,.tabs li a:hover{background-position:0 -66px;}
.tabs li.active{background-position:100% -33px;z-index:8;padding-right:24px;}
.tabs li.active a,.tabs li.active a:hover{background-position:0 -33px;color:#fff;text-shadow:rgba(0,0,0,0.4) 1px 1px 1px;}

a.js-link{cursor:pointer;text-decoration:underline;}
a.js-link:hover{text-decoration:none;}

.hidden{display:none;}


/* form container */
div.form{width:50%;}
#sidebar div.form,#footer div.form{width:100%;}
/* full width if there's only one widget in the footer */
#footer ul.slides li.slide .slide-content ul.blocks.widgetcount-1 div.form{width:50%;}
div.form .error{font-weight:bold;}
div.form fieldset{margin:0;padding:0;background:transparent;border:0;}


/*** WORDPRESS: SUPPORT FOR OTHER WIDGETS ***/

/* tag cloud */
.block-widget_tag_cloud{text-align:justify;line-height:150%;}
.block-widget_tag_cloud a{vertical-align:middle;text-decoration:none;padding:0 0.2em;letter-spacing:-0.02em;color:#666;}
.block-widget_tag_cloud a:hover{background-color:#dde90d;color:#000;}

/* thumnail size - for 64x64 */
.post-info.with-thumbs{margin-left:94px;}


/*** PRINT STYLES ***/

@media print {
 body{background:white;color:black;font-size:10pt}
 .header-wrapper{display:none;}
 .shadow-left.main-wrapper,.main-wrapper .shadow-right,#main,#main-inside{background:none;}
 #main{background-color:#fff;}
 .page-content{width:100% !important;max-width:none !important;min-width:0 !important;}
 #footer-blocks .leftFade,#footer-blocks .rightFade{display:none;}
}


Por favor no borren los créditos.

Saludos!
______________


Ultima edición por kilometro6 el Mar Sep 03, 2013 12:28 pm; editado 3 veces
Mensaje04-09-2010, 20:40 (UTC)    
Título del mensaje:

Muy lindo diseño, es muy usado.

Por que tan largo el cssstyle?
______________
Luciano Jmz
Luciano Jmz
Mensaje04-09-2010, 20:45 (UTC)    
Título del mensaje:

tumamalaflogger escribió:
Muy lindo diseño, es muy usado.

Por que tan largo el cssstyle?

No se, pero creo que es mejor que sea largo, eso quiere decir que se podra editar mas
Mensaje04-09-2010, 20:45 (UTC)    
Título del mensaje:

Jaja, zone-wrestling justo comentaste en medio de los post con el código de la plantilla. Que bueno que te gusto, la verdad es que es una exelente plantilla.

tumamalaflogger lo que sucede es que esta plantilla originalmente era para wordpress y yo la descargue en otro formato así que quizas sea por eso pero no estoy seguro.

Gracias por sus comentarios.
______________


Ultima edición por kilometro6 el Sab Sep 04, 2010 4:46 pm; editado 1 vez
Mensaje05-09-2010, 11:27 (UTC)    
Título del mensaje:

buena plantilla
______________


Ultima edición por buulces el Dom Sep 05, 2010 7:27 am; editado 1 vez
Mensaje05-09-2010, 17:12 (UTC)    
Título del mensaje:

Me alegra que te halla gustado =)
______________


Ultima edición por kilometro6 el Dom Sep 05, 2010 1:13 pm; editado 1 vez
Mensaje05-09-2010, 17:46 (UTC)    
Título del mensaje:

tienes una exelente plantilla
______________
http://santiagoblog.es.tl/
Mensaje05-09-2010, 21:00 (UTC)    
Título del mensaje:

Gracias, en realidad yo no uso esta plantilla. La adapte para la comunidad de PWG.
______________
Mensaje06-09-2010, 00:34 (UTC)    
Título del mensaje:

Esta muuy chido amigo 9/10!
______________
Mensaje07-09-2010, 00:43 (UTC)    
Título del mensaje:

Al parecer a todos les gusta el desing jeje =P
______________
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group