[Plantilla-Css] Interphase
Página 1 de 1.
[Plantilla-Css] Interphase
Plantilla Interphase por Eleganthemes.
Vista en vivo
"Texto por encima de la página"
"Texto por debajo de la página"
"Css-Code sin Style Tags"
Espero que os guste, Ya sabéis que si no sabéis instalar el código, FreePwg.es.tl dispone de un sistema de ayuda para instalartelo.
Vista en vivo
"Texto por encima de la página"
- Código:
</style>
<link rel="stylesheet" href="http://www.elegantthemes.com/preview/InterPhase/wp-content/themes/InterPhase/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="http://www.elegantthemes.com/preview/InterPhase/wp-content/themes/InterPhase/js/cluetip/jquery.cluetip.css" type="text/css" />
<link rel="alternate" type="application/rss+xml" title="InterPhase Theme RSS Feed" href="http://www.elegantthemes.com/preview/InterPhase/?feed=rss2" />
<link rel="alternate" type="application/atom+xml" title="InterPhase Theme Atom Feed" href="http://www.elegantthemes.com/preview/InterPhase/?feed=atom" />
<link rel="pingback" href="http://www.elegantthemes.com/preview/InterPhase/xmlrpc.php" />
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" media="all" href="http://www.elegantthemes.com/preview/InterPhase/wp-content/themes/InterPhase/iestyle.css" />
<![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" media="all" href="http://www.elegantthemes.com/preview/InterPhase/wp-content/themes/InterPhase/ie6style.css" />
<![endif]-->
<script type="text/javascript" src="http://www.elegantthemes.com/preview/InterPhase/wp-content/themes/InterPhase/js/jquery.js"></script>
<script type="text/javascript" src="http://www.elegantthemes.com/preview/InterPhase/wp-content/themes/InterPhase/js/slider.js"></script>
<script src="http://www.elegantthemes.com/preview/InterPhase/wp-content/themes/InterPhase/js/cluetip/jquery.cluetip.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#categories .cat-item a').cluetip({splitTitle: '|'});
});
</script>
</head>
<body>
<div id="wrapper2">
<!--This controls pages navigation bar-->
<div id="pages">
<ul>
<li class="page_item"><a href="http://www.elegantthemes.com/preview/InterPhase" class="title" title="home again woohoo">Home</a></li>
<li class="page_item page-item-2"><a href="http://www.elegantthemes.com/preview/InterPhase/?page_id=2" title="About">About</a></li>
<li class="page_item page-item-27"><a href="http://www.elegantthemes.com/preview/InterPhase/?page_id=27" title="Affiliate">Affiliate</a></li>
<li class="page_item page-item-20"><a href="http://www.elegantthemes.com/preview/InterPhase/?page_id=20" title="Contact">Contact</a></li>
<li class="page_item page-item-18"><a href="http://www.elegantthemes.com/preview/InterPhase/?page_id=18" title="Online Products">Online Products</a></li>
<li class="page_item page-item-25"><a href="http://www.elegantthemes.com/preview/InterPhase/?page_id=25" title="Partners">Partners</a></li>
<li class="page_item page-item-19"><a href="http://www.elegantthemes.com/preview/InterPhase/?page_id=19" title="Portfolio">Portfolio</a></li>
<li class="page_item page-item-24"><a href="http://www.elegantthemes.com/preview/InterPhase/?page_id=24" title="The Team">The Team</a></li>
</ul>
</div>
<!--End category navigation-->
<!--This controls the categories navigation bar-->
<div id="categories">
<ul> <li class="cat-item cat-item-7"><a href="http://www.elegantthemes.com/preview/InterPhase/?cat=7" title="Click here to check out a collection of my various artworks and designs.">Gallery</a>
</li>
<li class="cat-item cat-item-6"><a href="http://www.elegantthemes.com/preview/InterPhase/?cat=6" title="The latest graphic design news can be found here. Check it out!">Graphics</a>
</li>
<li class="cat-item cat-item-4"><a href="http://www.elegantthemes.com/preview/InterPhase/?cat=4" title="All you need to know about what's going on with the Internet">Internet</a>
</li>
<li class="cat-item cat-item-8"><a href="http://www.elegantthemes.com/preview/InterPhase/?cat=8" title="This is pulled from the category description in wp-admin. It's easy to edit. ">Multimedia</a>
</li>
<li class="cat-item cat-item-3"><a href="http://www.elegantthemes.com/preview/InterPhase/?cat=3" title="Here is where I post all the latest updates and changes regarding my website">Recent Updates</a>
</li>
<li class="cat-item cat-item-5"><a href="http://www.elegantthemes.com/preview/InterPhase/?cat=5" title="All about Web Design. Coding, graphics, promotion and more">Web Design</a>
</li>
</ul>
</div>
<!--End category navigation-->
<div id="header">
<a href="http://www.elegantthemes.com/preview/InterPhase"><img src="http://www.elegantthemes.com/preview/InterPhase/wp-content/themes/InterPhase/images/logo.gif" alt="logo" class="logo" /></a> <!--This is your company's logo-->
</div>
<div style="clear: both;"></div>
<img src="http://www.elegantthemes.com/preview/InterPhase/wp-content/themes/InterPhase/images/content-bg-top.gif" style="float: left;" alt="content top" />
<div id="containers">
<div id="left-div">
<div id="left-inside">
<div class="home-post-wrap">
<!--Begins recent posts section of the homepage-->
"Texto por debajo de la página"
- Código:
<!--The folloing displayes the popular/random posts on homepage-->
</div>
<!--end random/popular posts-->
<!--The following code controls the category boxes-->
<!--Category Box 1-->
<div class="home-categories"> <span class="orange-titles">Editar esto</span> <a href="link del post">
Titulo del Post viejo </a>
<div style="clear: both;"></div>
aqui va el contenido del post, un pequeño contenido o informacion de tu post
</div>
<!--End Category Box 1-->
<!--Category Box 2-->
<div class="home-categories"> <span class="orange-titles">Editar esto</span> <a href="link del post">
Titulo del Post viejo </a>
<div style="clear: both;"></div>
aqui va el contenido del post, un pequeño contenido o informacion de tu post
</div>
<!--End Category Box 2-->
<div style="clear: both;"></div>
<!--Category Box 3-->
<div class="home-categories"> <span class="orange-titles">Editar esto</span> <a href="link del post">
Titulo del Post viejo </a>
<div style="clear: both;"></div>
aqui va el contenido del post, un pequeño contenido o informacion de tu post
</div>
<!--Category Box 3-->
<!--Category Box 4-->
<div class="home-categories"> <span class="orange-titles">Editar esto</span> <a href="link del post">
Titulo del Post viejo </a>
<div style="clear: both;"></div>
aqui va el contenido del post, un pequeño contenido o informacion de tu post
</div>
<!--Category Box 4-->
<div style="clear: both;"></div>
<!--Recent Comments-->
<div class="home-categories-comments"> <span class="orange-titles">recent comments</span>
<ul>
<li><strong><a href="Link del Comentario" title="Editar">Nombre de Comentarista</a></strong>: titulo de lo que comento</li>
<li><strong><a href="Link del Comentario" title="Editar">Nombre de Comentarista</a></strong>: titulo de lo que comento</li>
<li><strong><a href="Link del Comentario" title="Editar">Nombre de Comentarista</a></strong>: titulo de lo que comento</li>
<li><strong><a href="Link del Comentario" title="Editar">Nombre de Comentarista</a></strong>: titulo de lo que comento</li>
<li><strong><a href="Link del Comentario" title="Editar">Nombre de Comentarista</a></strong>: titulo de lo que comento</li>
<li><strong><a href="Link del Comentario" title="Editar">Nombre de Comentarista</a></strong>: titulo de lo que comento</li>
</ul> </div>
<!--End Recent Comments-->
<!--Flickr Photos-->
<div class="home-categories"> <span class="orange-titles">Imagenes recientes de tu Flickr</span>
<script type="text/javascript" src="Link de tu flickr aqui"></script>
</div>
<!--End Flickr Photos-->
</div>
</div>
<div id="sidebar">
<!--Begin 125x125 Ad Block-->
<div class="adwrap"> <a href="#"><img src="http://www.elegantwordpressthemes.com/preview/InterPhase/wp-content/themes/InterPhase/images/125x125.gif" style="border: none;" alt="advertisement" /></a> <a href="#"><img src="http://www.elegantwordpressthemes.com/preview/InterPhase/wp-content/themes/InterPhase/images/125x125.gif" style="border: none;" alt="advertisement" /></a> <a href="#"><img src="http://www.elegantwordpressthemes.com/preview/InterPhase/wp-content/themes/InterPhase/images/125x125.gif" style="border: none;" alt="advertisement" /></a> <a href="#"><img src="http://www.elegantwordpressthemes.com/preview/InterPhase/wp-content/themes/InterPhase/images/125x125.gif" style="border: none;" alt="advertisement" /></a> </div>
<!--End 125x125 Ad Block-->
<div class="sidebar-box">
<h2>Editar Sidebar 1</h2>
<ul>
<li><a href="aqui tu link">Link</a></li>
<li><a href="aqui tu link">Link</a></li>
<li><a href="aqui tu link">Link</a></li>
<li><a href="aqui tu link">Link</a></li>
<li><a href="aqui tu link">Link</a></li>
<li><a href="aqui tu link">Link</a></li>
<li><a href="aqui tu link">Link</a></li>
</ul>
</ul>
</div>
<div class="sidebar-box">
<h2>Categorias</h2>
<ul>
<li><a href="aqui tu link">Link</a></li>
<li><a href="aqui tu link">Link</a></li>
<li><a href="aqui tu link">Link</a></li>
<li><a href="aqui tu link">Link</a></li>
<li><a href="aqui tu link">Link</a></li>
</ul>
</div>
<div class="sidebar-box">
<h2>Mas</h2>
<ul>
<li><a href="aqui tu link">Link</a></li>
<li><a href="aqui tu link">Link</a></li>
<li><a href="aqui tu link">Link</a></li>
<li><a href="aqui tu link">Link</a></li>
<li><a href="aqui tu link">Link</a></li>
</ul>
</div>
<div class="sidebar-box">
<h2>Buscador</h2>
<div style="margin-left: 20px;">
<form method="get" id="searchform" action="http://www.elegantthemes.com/preview/InterPhase/">
<div>
<input type="text" value="" name="s" id="s" />
<input type="submit" id="searchsubmit" value="Buscar" />
</div>
</form>
</div>
</div>
<div class="sidebar-box">
<h2>Mas</h2>
<ul>
<li><a href="aqui tu link">Link</a></li>
<li><a href="aqui tu link">Link</a></li>
<li><a href="aqui tu link">Link</a></li>
<li><a href="aqui tu link">Link</a></li>
<li><a href="aqui tu link">Link</a></li>
</ul>
</div>
</div>
</div>
<div id="footer">
© Copyright Your Site Web Here 2010. All rights reserved. | Powered by <a href="http://www.wordpress.org">Wordpress</a> | Adapted by <a href="http://onlytemplates.es.tl/">Only Templates.!</a>
</div>
<div style="clear: both;"></div>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-5205247-2");
pageTracker._trackPageview();
</script>
</body>
</html> <iframe src="http://www.homepage-baukasten.de/cookie.php?visit=the-xtreme-games&auth1=157b3103006c264b5689f4225b0186aa&auth2=51d3c4e6286ac464fb49bc5f89b4ac2b&auth3=660c69a11c53cce024a146088b920bd8&auth4=0fd84838ff52ae3f16af98d39ce2351e&auth5=85687a4d9b14acdab339e30f9b84c6f9&mode=track" style="display:none;width:1px;height:1px;"></iframe>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript" ></script>
<script type="text/javascript">
_uacct = "UA-2594508-9";
urchinTracker();
</script> <div id="extraDiv1"><span></span></div>
<div id="extraDiv2"><span></span></div>
<div id="extraDiv3"><span></span></div>
<div id="extraDiv4"><span></span></div>
<div id="extraDiv5"><span></span></div>
<div id="extraDiv6"><span></span></div>
</body>
</html>
"Css-Code sin Style Tags"
- Código:
<!--
table[height="102"]{margin-left:auto;margin-right:auto;}
#header-wrapper {margin-top:-102px;}
#header_container {display: none;}
lli.nav_element{display: no#ne;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#nav_container {display:none;}
#counter {display:none;}
.post-header-line-1{margin-top:0px;}
/*------------------------------------------------*/
/*------------------[BASE STYLES]-----------------*/
/*------------------------------------------------*/
body { margin-top: 0px; padding: 0; color: #84878E; background-color:#EAEAE1; background-image: url(http://www.elegantthemes.com/preview/InterPhase/wp-content/themes/InterPhase/images/bg.gif); background-position: 0px 108px; background-repeat: repeat-x; font-family: Trebuchet MS; font-size: 11px; line-height: 18px; }
a:link, a:visited { text-decoration: none; color: #5F666F; }
a:hover { color: #3B3B3B; }
a { outline: none; }
h1 { margin: 0px 0px 10px 0px; font-weight: normal; font-size: 30px; }
h2 { margin: 0px 0px 10px 0px; font-weight: normal; font-size: 27px; }
h3 { margin: 0px 0px 10px 0px; font-weight: normal; font-size: 24px; }
ul { list-style-image: url(http://www.elegantthemes.com/preview/InterPhase/wp-content/themes/InterPhase/images/bullet.gif); line-height: 24px; }
/*------------------------------------------------*/
/*------------------[MAIN LAYOUT]-----------------*/
/*------------------------------------------------*/
#wrapper2 { width: 950px; margin-left: auto; margin-right: auto; padding: 0px 0px 0px 0px; background-color: #FFF; margin-top: 33px; background-image: url(http://www.elegantthemes.com/preview/InterPhase/wp-content/themes/InterPhase/images/top-left.gif); background-position: top left; background-repeat: no-repeat; }
.post-wrapper { background-color: #FFF; padding: 15px; width: 583px; border: 1px solid #EBEBEB; }
.home-post-wrap { width: 602px; margin-right: 13px; padding: 0px 5px; float: left; background-color: #FFF; border: 1px solid #EBEBEB; }
.home-post-wrap2 { width: 593px; padding: 10px; margin-right: 13px; float: left; background-color: #FFF; border: 1px solid #EBEBEB; margin-bottom: 10px; }
.index-post-wrap { width: 593px; margin-right: 13px; margin-bottom: 10px; float: left; background-color: #FFF; border: 1px solid #EBEBEB; padding: 10px; }
.readmore { background-image: url(http://www.elegantthemes.com/preview/InterPhase/wp-content/themes/InterPhase/images/bullet.gif); background-repeat: no-repeat; background-position: left; float: right; padding-left: 20px; margin-top: 10px; }
.readmore a:link, .readmore a:hover { color: #393939; }
.thumbnail-home { border: 0px; margin: 0px 0px 0px 0px; }
blockquote { overflow: auto; padding: 0 10px; margin: 20px 30px; background-color: #f5f5f5; border: 1px solid #e0e0e0; clear: both; float: left; }
#header { width: 950px; margin-top: 0px; height: 219px; background-color: #373434; background-image: url(http://www.elegantthemes.com/preview/InterPhase/wp-content/themes/InterPhase/images/header-bg.gif); background-repeat: repeat-x; float: left; }
#containers { float: right; width: 950px; color: #84878E; background-image: url(http://www.elegantthemes.com/preview/InterPhase/wp-content/themes/InterPhase/images/content-bg.gif); }
#left-div { width: 646px; float: left; }
#left-inside { float: left; padding: 0px 0px 0px 19px; }
.adwrap { margin-left: 26px; }
.articleinfo { border-bottom: 1px solid #EEEEEE; padding-bottom: 7px; color: #545454; }
.icons { margin-top: 0px; margin-bottom: -5px; margin-right: 10px; }
.thumbnail-div { border: 1px solid #DFDFDF; width: 120px; height: 120px; padding: 4px; margin-bottom: 10px; float: left; margin-right: 10px; display: inline; }
.post-info { margin-bottom: 10px; color: #000; font-size: 10px; }
.post-inside { float: left; width: 245px; }
.post-inside-2 { float: left; width: 450px; }
#home-right { width: 187px; float: right; padding: 10px; border-left: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; }
#home-right ul { list-style-image: url(http://www.elegantthemes.com/preview/InterPhase/wp-content/themes/InterPhase/images/bullet-home.gif); float: left; }
#home-left { float: left; width: 385px; padding: 10px; }
.home-categories, .home-categories-comments { width: 280px; min-height: 180px; border: 1px solid #EBEBEB; padding: 10px; margin-top: 10px; margin-right: 10px; float: left; }
.logo { float: left; margin-bottom: 15px; border: 0px; margin-left: 40px; margin-top: 68px; }
.share-div { width: 590px; height: 30px; background-color: #FFF; display: none; }
.share { visibility: visible; }
.orange-titles { color: #FF8400; font-size: 10px; font-weight: bold; text-transform: lowercase; display: block; margin-bottom: 5px; width: 100%; }
/*------------------------------------------------*/
/*-----------------[CATEGORY BOXES]---------------*/
/*------------------------------------------------*/
.home-categories img { border: 4px solid #EEEEEE; float: left; margin-right: 10px; }
.home-categories-comments ul { list-style-image: url(http://www.elegantthemes.com/preview/InterPhase/wp-content/themes/InterPhase/images/comment-icon.gif); }
.home-categories a:link, .home-categories a:hover, .home-categories a:visited { color: #5F666F; text-transform: uppercase; font-size: 15px; font-weight: bold; }
/*------------------------------------------------*/
/*---------------------[TITLES]-------------------*/
/*------------------------------------------------*/
.post-title { line-height: 30px; font-size: 24px; margin-top: 0px; }
.titles { font-weight: normal; font-size: 24px; text-decoration: none; }
.titles a:link, .titles a:visited, .titles a:active { text-decoration: none; font-size: 20px; font-weight: bold; font-family: Trebuchet MS; text-transform: uppercase; margin-bottom: 10px; margin-top: 10px; display: block; }
/*------------------------------------------------*/
/*--------------------[COMMENTS]------------------*/
/*------------------------------------------------*/
.commentlist { padding: 0px; margin: 0px 0px 0px 17px; width: 560px; background-image: url(http://www.elegantthemes.com/preview/InterPhase/wp-content/themes/InterPhase/images/comment-bg.gif); list-style-image: none; list-style-type: none; float: left; }
.commentlist li { font-weight: bold; width: 560px; display: block; background-image: url(http://www.elegantthemes.com/preview/InterPhase/wp-content/themes/InterPhase/images/comment-bottom.gif); background-repeat: no-repeat; background-position: bottom left; padding: 0px 0px 45px 0px; margin: 0px; list-style-image: none; list-style-type: none; float: left; }
.commentlist li div { width: 540px; display: block; background-image: url(http://www.elegantthemes.com/preview/InterPhase/wp-content/themes/InterPhase/images/comment-top.gif); background-repeat: no-repeat; margin: 0px; padding: 10px; float: left; }
.commentlist li .avatar { float: left; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite { font-size: 18px; float: left; font-style: normal; margin-left: 10px; margin-right: 6px; margin-top: 5px; font-weight: normal; }
.says { display: none; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; display: block; float: left; width: 90%; margin-left: 3%; }
#commentform p { clear: both; }
.alt { margin: 0; padding: 10px; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentlist .children li { width: 90%; display: block; margin: 0px; background-color: #FDFDFD; background-image: url(images/comment-children-bg.gif); background-position: left; background-repeat: repeat-y; border: 1px solid #E2E2E4; overflow: hidden; }
.commentlist .children li div { width: 97%; padding: 3%; background-image: url(http://www.elegantthemes.com/preview/InterPhase/wp-content/themes/InterPhase/images/comment-children-top.gif); background-repeat: no-repeat; background-position: top left; }
.commentlist .commentmetadata { font-weight: normal; float: left; margin: 5px 0px 0px 0px; display: block; clear: both; background-image: none; width: 90%; margin-left: 3%; }
.commentlist .vcard, .commentlist .children .comment-author, .commentlist .children .vcard, .commentlist .commentmetadata, .commentlist .children .comment-author, .commentlist .children .comment-meta { background-image: none; width: 100%; padding: 0px !important; }
.commentlist .reply, .commentlist .children .reply { float: right; background-image: none; width: 54px; height: 22px; margin-bottom: 0px; padding: 0px; margin-right: 10px; font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist .reply a:link, .commentlist .reply a:hover, .commentlist .children .reply a:link, .commentlist .children .reply a:hover { background-image: url(http://www.elegantthemes.com/preview/InterPhase/wp-content/themes/InterPhase/images/reply.gif); width: 39px; height: 17px; display: block; color: #FFF; font-size: 8px; text-transform: lowercase; font-weight: normal; padding: 5px 0px 0px 15px; letter-spacing: 1px; }
.commentlist .children li { padding-bottom: 10px; }
.commentlist .children li ul li { padding-bottom: 10px; background-color: #FFF; }
#respond { margin-top: 20px; float: left; background-image: none; }
.commentlist #respond h3, .commentlist #respond a { margin-left: 28px; }
#comments { line-height: 30px; }
.children { clear: both; }
.children .commentmetadata, .children .vcard { background-image: none; }
.children textarea { width: 90% !important; }
.children input { width: 80% !important; }
#cancel-comment-reply-link { display: block; background-image: url(http://www.elegantthemes.com/preview/InterPhase/wp-content/themes/InterPhase/images/comment-close.gif); width: 144px; height: 21px; padding: 5px 0px 0px 23px; font-weight: normal; color: #84878E; font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
#respond div { background-image: none; }
#submit { width: 120px !important; }
/*------------------------------------------------*/
/*-----------------[COMMENT FORM]-----------------*/
/*------------------------------------------------*/
commentform { margin: 10px 0px 0px 20px; }
#commentform textarea { background: #f8f7f6; border: 1px solid #d6d3d3; width: 350px; padding: 10px; }
#commentform #email { font-size: 13px; background: #f8f7f6; border: 1px solid #d6d3d3; width: 220px; background-image: url(http://www.elegantthemes.com/preview/InterPhase/wp-content/themes/InterPhase/images/comment-email.gif); background-position: 7px 7px; background-repeat: no-repeat; height: 20px; padding-left: 30px; padding-top: 6px; margin-bottom: 3px; }
#commentform #author { font-size: 13px; background: #f8f7f6; border: 1px solid #d6d3d3; width: 220px; background-image: url(http://www.elegantthemes.com/preview/InterPhase/wp-content/themes/InterPhase/images/comment-author.gif); background-position: 7px 7px; background-repeat: no-repeat; height: 20px; padding-left: 30px; padding-top: 6px; margin-bottom: 3px; }
#commentform #url { font-size: 13px; background: #f8f7f6; border: 1px solid #d6d3d3; width: 220px; background-image: url(http://www.elegantthemes.com/preview/InterPhase/wp-content/themes/InterPhase/images/comment-website.gif); background-position: 7px 7px; background-repeat: no-repeat; height: 20px; padding-left: 30px; padding-top: 6px; margin-bottom: 3px; }
/*------------------------------------------------*/
/*---------------[PAGES NAVIGATION]---------------*/
/*------------------------------------------------*/
#pages { width: 950px; float: left; background-image: url(http://www.elegantthemes.com/preview/InterPhase/wp-content/themes/InterPhase/images/top-right.gif); background-position: top right; background-repeat: no-repeat; min-height: 68px; }
#pages ul { list-style-type: none; list-style-image: none; float: left; padding: 0px 0px 0px 0px; margin-left: 10px; margin-top: 0px; margin-bottom: 0px; }
#pages li { float: left; display: block; margin-top: 0px; margin-bottom: 0px; }
#pages li:hover { background-image: url(http://www.elegantthemes.com/preview/InterPhase/wp-content/themes/InterPhase/images/pages-hover.gif); }
#pages li a:link, #pages li a:visited { float: left; color: #8D8D8D; display: block; height: 45px; padding-top: 23px; font-size: 14px; padding-left: 20px; padding-right: 20px; margin-bottom: 0px; }
#pages li a:hover, #pages li a:active { color: #8D8D8D; font-size: 14px; margin-bottom: 0px; background-image: url(http://www.elegantthemes.com/preview/InterPhase/wp-content/themes/InterPhase/images/pages-arrow.gif); background-position: top; background-repeat: no-repeat; }
/*------------------------------------------------*/
/*-------------[CATEGORIES NAVIGATION]------------*/
/*------------------------------------------------*/
#categories { width: 950px; min-height: 48px; background-image: url(http://www.elegantthemes.com/preview/InterPhase/wp-content/themes/InterPhase/images/categories-bg.gif); background-repeat: repeat-x; float: left; background-color: #433D3D; }
#categories ul { margin: 0px 0px 0px 10px; padding-left: 0px; list-style-type: none; list-style-image: none; float: left; }
#categories ul li { float: left; display: block; padding-left: 0px; height: 48px; }
#categories ul li a:link, #categories ul li a:visited, #categories ul li a:active, #categories ul li a:hover { height: 36px; display: block; color: #FFFFFF;
font-size: 11px; font-weight: bold; padding: 12px 10px 0px 10px; background-image: url(http://www.elegantthemes.com/preview/InterPhase/wp-content/themes/InterPhase/images/categories-line.gif); background-repeat: no-repeat; background-position: right; float: left; }
#categories ul li a:hover { background-image: url(http://www.elegantthemes.com/preview/InterPhase/wp-content/themes/InterPhase/images/categories-hover.gif); background-repeat: repeat-x !important; }
/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 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 p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }
/*------------------------------------------------*/
/*-------------------[SIDEBAR]--------------------*/
/*------------------------------------------------*/
#sidebar-wrapper { width: 300px; float: left; margin-bottom: 20px; }
#sidebar { float: left; padding-left: 0px; padding-right: 13px; width: 287px; }
.sidebar-box { padding-top: 5px; margin-bottom: 0px; padding-left: 26px; width: 261px; }
.sidebar-box ul li a:link, .sidebar-box ul li a:visited, .sidebar-box ul li a:active { display: block; color: #373434; padding: 3px 3px 3px 3px; background-image: none !important; }
.sidebar-box ul li { color: #373434 !important; margin-left: 0px; padding-left: 0px; width: 267px; }
.sidebar-box ul { padding-left: 20px; width: 267px; list-style-image: url(http://www.elegantthemes.com/preview/InterPhase/wp-content/themes/InterPhase/images/bullet.gif); }
.sidebar-box ul li a:hover { display: block; color: #393939; padding: 3px 3px 3px 3px; }
.sidebar-box h2 { margin-top: 5px; font-size: 11px; color: #FF8400; padding-top: 9px; font-weight: normal; text-transform: lowercase; font-weight: bold; margin-left: -26px; font-family: Trebuchet MS; background-image: url(http://www.elegantthemes.com/preview/InterPhase/wp-content/themes/InterPhase/images/h3-bg.gif); background-repeat: no-repeat; background-position: left; width: 263px; height: 30px; padding-left: 10px; clear: both; }
/*------------------------------------------------*/
/*--------------------[FOOTER]--------------------*/
/*------------------------------------------------*/
#footer { clear: both; width: 930px; height: 31px; padding-left: 20px; text-align: left; color: #C3B8B6; padding-top: 14px; background-image: url(http://www.elegantthemes.com/preview/InterPhase/wp-content/themes/InterPhase/images/footer.gif); background-repeat: no-repeat; margin-left: auto; margin-right: auto; font-size: 11px; }
#footer a { color: #C3B8B6; font-size: 11px; }
#footer a:visited { color: #C3B8B6; }
#footer a:hover { color: #C3B8B6; text-decoration: underline; }
/*------------------------------------------------*/
/*--------------------[SEARCH]--------------------*/
/*------------------------------------------------*/
.search_bg { height:35px; width:260px; float: left; margin-top: 10px; margin-left: 10px; }
#search { color:#FFFFFF; padding:0; }
#search input { background: #FFF; font-size:11px; color:#B8B8B8; font-family:Tahoma, arial, verdana, courier; width:150px; height:11px; vertical-align:middle; padding:10px; border: 1px solid #E7E7DC; }
#search .input { width:66px; height:31px; background:none; border:none; vertical-align:middle; margin:0; padding:0; margin-left: 10px; }
/*------------------------------------------------*/
/*-----------------[RANDOM ARTICLES]--------------*/
/*------------------------------------------------*/
.random-image { width: 44px; height: 44px; border: 4px solid #F2F2E4; float: left; margin-left: 10px; }
.random-content { float: right; width: 210px; }
.random-content a:link { font-size: 13px; }
.random { width: 280px; float: left; margin-top: 10px; }
//-->
.
Espero que os guste, Ya sabéis que si no sabéis instalar el código, FreePwg.es.tl dispone de un sistema de ayuda para instalartelo.
Temas similares
» [Plantilla-Css] Pro Design
» [Plantilla-Css] Throughoutna
» [Plantilla-Css] Beehives
» [Plantilla-Css] eBusiness
» [Plantilla-Css] Gris and Black
» [Plantilla-Css] Throughoutna
» [Plantilla-Css] Beehives
» [Plantilla-Css] eBusiness
» [Plantilla-Css] Gris and Black
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.
|
|