<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
/* **************************
Blogger Template Style
Name: The Crystal Heart
Designer: Javad Aghili
URL: www.finalsense.com
Date: 25 May 2010
License: This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use. However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit this URL:http://creativecommons.org/licenses/by/3.0/
*****************************
*//* Definicion de variables
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#1e1e1e" value="#1e1e1e">
<Variable name="textocolor" description="Text Color"
type="color" default="#333" value="#333333">
<Variable name="linkcolor" description="Link Color"
type="color" default="#5A93C9" value="#5A93C9">
<Variable name="hovercolor" description="Hover Link Color"
type="color" default="#a0321e" value="#a0321e">
<Variable name="postTitleColor" description="Post Title Color" type="color"
default="#a0321e" value="#a0321e">
<Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#999" value="#999999">
<Variable name="borderColor" description="Border Color" type="color"
default="#ccc" value="#cccccc">
<Variable name="titleTextColor" description="Blog Title Color"
type="color" default="#fff" value="#ffffff">
<Variable name="descriptionColor" description="Blog Description Color"
type="color" default="#666" value="#666666">
<Variable name="SidebarHeaderColor" description="Sidebar Title Color"
type="color" default="#ccc" value="#cccccc">
<Variable name="SidebarTextColor" description="Sidebar Text Color"
type="color" default="#a0321e" value="#a0321e">
<Variable name="SidebarLinkColor" description="Sidebar Link Color"
type="color" default="#521e09" value="#521e09">
<Variable name="SidebarhoverColor" description="Sidebar Hover Link Color"
type="color" default="#a0321e" value="#a0321e">
<Variable name="bodyFont" description="Text Font" type="font"
default="normal normal 83% 'Arial',Verdana,Trebuchet MS,Sans-serif" value="normal normal 83% 'Arial',Verdana,Trebuchet MS,Sans-serif">
<Variable name="pageTitleFont" description="Blog Title Font" type="font"
default="normal bold 330% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 330% 'Trebuchet MS',Verdana,Arial,Sans-serif">
<Variable name="descriptionFont" description="Blog Description Font" type="font"
default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">
<Variable name="headerFont" description="Sidebar Title Font" type="font"
default="normal bold 140% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 140% 'Trebuchet MS',Verdana,Arial,Sans-serif">
<Variable name="postTitleFont" description="Post Title Font" type="font"
default="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif">
<Variable name="startSide" description="Start side in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="End side in blog language"
type="automatic" default="right" value="right">
*/
body { repeat-x;
font:$bodyFont; line-height:1.7em;
color:$mainTextColor;
text-align: center;
margin: 0;
}
/* links */
a, a:visited { color: $linkcolor; text-decoration: none;}
a:hover { color: $hovercolor;}
#outer-wrapper { position: relative; background: #fff; width: 900px; margin: 0px auto 0 auto; text-align: left;}
#wrap2 {width:100%;}
#navbar-iframe {height:0px; visibility:hidden; display:none}
/* headers */
h1, h2, h3 { font-family: 'Arial', Tahoma, Sans-serif;}
h1 {color: $titleTextColor; font: $pageTitleFont; }
h2 { font-size: 150%; color: #ccc; text-shadow: 0.5px 0.5px 1px #777;}
h3 { font-size: 130%; font-weight: normal; }
h1, h2, h3, p { padding: 10px; margin: 0;}
ul, ol { margin: 5px 20px; padding: 0 20px;}
ul { list-style: none;}
/* images */
img { background: #fafafa; border: 1px solid $borderColor; padding: 5px;}
img.float-right { margin: 5px 0px 10px 10px; }
img.float-left { margin: 5px 10px 10px 0px;}
#main-wrapper {overflow:hidden;}
/* alignment classes */
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }
/* display and additional classes */
.clear { clear: both; }
#blog-pager-newer-link {float: left;}
#blog-pager-older-link {float: right;}
#blog-pager {text-align: center; }
/*-- (Header) --*/
#header-wrapper {
border-top:12px solid #fff;
background:#1e1e1e url('http://lh3.google.com/jvdmds/R8eZhABTU_I/AAAAAAAABQQ/aFRjqRJSY_0/usa-flag.jpg') ;
width: 870px;
height: 100px;
padding: 0;
margin: 0px auto;
}
#header1 { position: relative; float:left; width:560px; padding:20px 0 0 20px;}
#header-wrapper h1 {text-shadow: #000 1.5px 1.5px 3px; margin: 0; padding: 0; font: normal 40px Georgia, "Times New Roman", Times, serif; color: #fff; text-transform: none; text-decoration: none;
/* change the values of top and left to adjust the position of the logo*/
top: 22px; left: 20px;
}
#header-wrapper h1 a {color: $titleTextColor;}
#header-wrapper p { margin: 0; padding: 0; font: normal 12px Georgia, "Times New Roman", Times, serif;
text-transform: none; color: #5b4a29;
/* change the values of top and left to adjust the position of the slogan*/
top: 67px; left: 25px;
}
#header-links { top: 25px; right: 10px; color: $titleTextColor; font: normal 11px Georgia, "Times New Roman", Times, serif; text-transform: uppercase; }
#header-links a { color: $titleTextColor; text-decoration: none; padding: 0 2px; font-weight: bold;}
#header-links a:hover { color: $descriptionColor;}
#header .description {
margin:0; text-shadow: 0 0 0 #ddd;
padding:0px 5px 10px; color: $descriptionColor;
line-height:1.5em;
font: $descriptionFont;
}
#header-photo { clear: both; margin: 5px auto; padding: 0; height:206px; width: 870px;}
#header-photo img { border: none; margin: 0; padding: 0;}
#PageList1 { float:left}
#PageList1 li {line-height:30px; margin-right:0px; margin-bottom:0; background: #fff; font-weight:bold; padding:0 10px; border: 1px solid $borderColor; border-bottom: 0px}
#crosscol-wrapper {width: 900px; height:36px; margin-top:25px; margin-left:20px;}
/*-- (Menu) --*/
#nav {
clear: both;
margin: 0; padding: 0;
height: 45px;
}
#nav ul {
float: left;
list-style: none;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgisOfFjUurJxql1sOImMjGNRKdVM7YsykWEUz3VEJ2AsD_qM_Dv5fs45CmtK9con7B_Tx-17QPoeRg2lDN8iopZ4p0OADbbHpyPAtZcSh23VVpwJfrprgg-ie9W2FP7arw-300h9bCSYQ/s1600/menu.jpg') repeat-x left -45px;
width: 870px;
height: 45px;
text-transform: uppercase;
margin: 0 0 0 15px;
padding: 0;
display: inline;
}
#nav ul li {
display: inline;
margin: 0; padding: 0;
}
#nav ul li a {
display: block;
float: left;
width: auto;
margin: 0;
padding: 0 14px;
border-right: 1px solid #464646;
border-left: 1px solid #464646;
font: bold 14px/45px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 1px;
color: #fff;
}
#nav ul li a:hover,
#nav ul li a:active {
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgisOfFjUurJxql1sOImMjGNRKdVM7YsykWEUz3VEJ2AsD_qM_Dv5fs45CmtK9con7B_Tx-17QPoeRg2lDN8iopZ4p0OADbbHpyPAtZcSh23VVpwJfrprgg-ie9W2FP7arw-300h9bCSYQ/s1600/menu.jpg') repeat-x;
}
#nav ul li#current a {
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgisOfFjUurJxql1sOImMjGNRKdVM7YsykWEUz3VEJ2AsD_qM_Dv5fs45CmtK9con7B_Tx-17QPoeRg2lDN8iopZ4p0OADbbHpyPAtZcSh23VVpwJfrprgg-ie9W2FP7arw-300h9bCSYQ/s1600/menu.jpg') repeat-x left -45px;
}
/*-- (Contenedor) --*/
#content-wrapper {
position: relative;
background: #fff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWHnHyp5nwvT7ksGUtS2NEz5AJTZGl-icqxA7R9TbN8zTrQdG0uEfeglgnXRO5kDUKcB1PdhdbnFJ6S8ymjZdbTKx9BttdDqn5_MpyWXOG5iytF1leOLInfqUgsvCLQvleQDGOHltRmuE/s1600/content-bg.jpg') repeat-x;
clear: both;
float: left;
width: 870px;
padding: 0;
margin-left: 15px;
display: inline;
border-top: 5px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
/*-- (Principal) --*/
#main-wrapper {
float: left;
width: 550px;
padding: 15px 0 0 0; margin: 0 0 0 10px;
display: inline;
}
.post ul li {
list-style-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDuLC4AYfXVrkc7XN_RvgTrDsrB6w0x4aGKWeYGYLe2nPz5OUMJUZpcR9v4vkQHYyKgMMOGf5TfnvZ7FfLLDoO1UfEgJCt91tVNgWxufuIViwrmaBHAIWm17xypTPl9il16iCZ2IvtvOY/s1600/bullet.gif');
}
.post-title, .post h2, .post-title a {
margin-top: 10px;
padding:0 0 3px;
font: $postTitleFont;
color: $postTitleColor;
text-transform: none;text-decoration: none;
}
.post-body {
margin-top:10px;
}
.post-header-line-1 {
font-size: .95em; padding-top: 0; margin-left: 5px;
}
.post-footer, p.comment-footer {
padding: 5px; margin: 20px 10px 15px 10px;
font-size: 92%;
color: #999;
border: 1px solid #EAE7DB;
background: #FAFAE7;
}
.post-footer .date-header{ margin: 0 10px 0 5px; color:$dateHeaderColor}
.post-footer .comment-link { margin: 0 10px 0 5px; }
.post-footer .reaction-buttons { margin: 0 10px 0 5px; }
.post-footer-line {color:#999; font-size: 85%;}
.feed-links {display:none;}
/*-- (Lateral) --*/
#sidebar-wrapper {
float: right;
width: 280px; color: $SidebarTextColor;
padding: 25px 0 0 0; margin: 0;
}
#sidebar-wrapper ul{
text-align: left;
margin: 7px 10px 8px 0px; padding: 0;
text-decoration: none;
border-top: 1px solid #EBEBEB;
}
#sidebar-wrapper li{
list-style: none;
border-bottom: 1px solid #EBEBEB;
padding: 5px 0 5px 5px;
margin: 0 2px;
}
#sidebar-wrapper li a {
text-decoration: none;
background-image: none;
color: $SidebarLinkColor;
}
#sidebar-wrapper li a:hover {
color: $SidebarhoverColor;
}
#sidebar-wrapper ul ul { margin: 0 0 0 5px; padding: 0; }
#sidebar-wrapper ul ul li { border: none; }
.sidebar img {border:0px;}
* html body #sidebar-wrapper li{
height: 1%;
}
#sidebar-wrapper h2 {
margin-top: 10px; color: $SidebarHeaderColor;
padding: 5px 5px;
font: $headerFont;
}
/*-- (Footer) --*/
#footer-wrapper {background:#dfdedf url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1EhQEbgMd0hGV84u6Qo31pZbRYDkYUf7bxPFyPZmabcddT7Un_lWChZy77SO3yIvTzSOwQOqK2mJbClhYHOQUSdVEIRmq9VzmodT-fkrJHPKZcznOZ0G4IRvv1Hdro31I3xiyP_PP8Kk/s1600/footer.jpg') no-repeat left top;
clear: both; margin-left:15px;
width: 870px;
font-size: 95%;
text-align: left;
padding: 15px 0;
border-bottom: 5px solid #fff;
}
#footer-wrapper h2 { color:#fff; font-size: 120%; text-shadow: .5px .5px 1px #999;
margin:0 0 25px 0;
padding: 0 10px;
text-transform: uppercase;
}
#footer-wrapper .links {
clear: both;
color: #666;
margin: 0 auto;
width: 870px;
padding: 15px 0 0 0;
text-align: center;
}
#footer-wrapper .links a{
color: #976834;
}
#footer-wrapper a:hover {
color: #000;
}
#footer-columns {
color: #888;
margin: 0 auto;
padding: 0;
width: 840px;
}
#footer-columns a {
text-decoration: none;
font-weight: bold;
color: #666666;
}
#footer-columns ul {
list-style: none;
margin: 10px 0 0 0;
padding: 0;
border-top: 1px solid #e5e5e5;
}
#footer-columns li {
border-bottom: 1px solid #e5e5e5;
display: block;
padding: 5px 0 5px 10px;
}
#footer-columns li a {
font-weight: normal;
width: 96%;
}
#footer-columns .footer-widgets, .footer-widgets-center {
float: left;
width: 32%;
}
#footer-columns .footer-widgets-center {
margin: 0 15px;
}
/*-- (Comentarios) --*/
#comments h4 {
margin-top: 10px;
padding:0 0 3px;
font: normal 1.8em 'Trebuchet MS', Tahoma, Sans-serif;
color: #895F30;
letter-spacing: -1px;
text-transform: none;
}
.comment-author {
font-weight:bold;
padding:0 !important;
background:none !important;
}
dd.comment-body, dd.comment-body p {
margin:10px 0;
}
p.comment-footer {
text-align:center;
display:block;
}
dd.comment-footer {
margin:0;
}
.comment-timestamp, .comment-timestamp a {
color:#999;
display:block;
margin-bottom:15px;
}
.comment-timestamp {
border-bottom:1px solid #EBEBEB;
}
#copyright {font-size: 85%; padding: 15px 5px 25px 5px; color: $linkcolor;}
#copyright a:link { text-decoration:none}
code {
margin: 5px 0;
padding: 10px;
text-align: left;
display: block;
overflow: auto;
font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
/* white-space: pre; */
border: 1px solid #F4F3EC;
background: #FAFAE7;
}
acronym {
cursor: help;
border-bottom: 1px dashed #777;
}
blockquote {
margin: 10px;
padding: 0 0 0 35px;
border: 1px solid #F4F3EC;
background: #FAFAE7 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIVLcwVQ9koYp7Pl93QwMQ7rQcDBtDE64l08YYz_Ye0zNjBWnCLgxQevWVNMx6DrfXbrFfTFPAPC6TU6vK7WxRXQzj9gD84eEsjyNLmC0W7UzyRzDRdELo6kDX5zTsdWmVMZHlwkm2Qhs/s1600/quote.jpg') no-repeat 7px 10px;
font: bold 1.3em/1.5em 'Trebuchet MS', Tahoma, Sans-serif;
color: #976957;
}
/* start - table */
table {
border-collapse: collapse;
margin: 10px;
}
th strong {
color: #fff;
}
th {
background: #464646 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgisOfFjUurJxql1sOImMjGNRKdVM7YsykWEUz3VEJ2AsD_qM_Dv5fs45CmtK9con7B_Tx-17QPoeRg2lDN8iopZ4p0OADbbHpyPAtZcSh23VVpwJfrprgg-ie9W2FP7arw-300h9bCSYQ/s1600/menu.jpg') repeat-x left -45px;
height: 35px;
padding-left: 12px;
padding-right: 12px;
color: #fff;
text-align: left;
border-left: 1px solid #464646;
border-bottom: solid 2px #fff;
}
tr {
height: 32px;
}
td {
padding-left: 11px;
padding-right: 11px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
}
td.first,th.first {
border-left: 0px;
}
tr.row-a {
background: #F8F8F8;
}
tr.row-b {
background: #EFEFEF;
}
/* end - table */
/* form elements */
form {
margin:10px; padding: 0 5px;
border: 1px solid #f1f1f1;
background-color: #f5f5f5;
}
label {
display:block;
font-weight:bold;
margin:5px 0;
}
input {
padding:2px;
border:1px solid #eee;
font: normal 1em Verdana, sans-serif;
color:#777;
}
textarea {
width:400px;
padding:2px;
font: normal 1em Verdana, sans-serif;
border:1px solid #eee;
height:100px;
display:block;
color:#777;
}
input.button {
font: bold 12px Arial, Sans-serif;
height: 24px;
margin: 0;
padding: 2px 3px;
color: #FFF;
background: #464646 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgisOfFjUurJxql1sOImMjGNRKdVM7YsykWEUz3VEJ2AsD_qM_Dv5fs45CmtK9con7B_Tx-17QPoeRg2lDN8iopZ4p0OADbbHpyPAtZcSh23VVpwJfrprgg-ie9W2FP7arw-300h9bCSYQ/s1600/menu.jpg') repeat-x left -45px;
border: 1px solid #464646;
}
/* search form */
#search1 {float:right; width: 275px; margin: 30px 10px 0 0; }
.searchform { position: relative; border: 1px solid #ccc;-moz-border-radius:15px; -webkit-border-radius:15px;height: 23px; width: 230px; font-size: 10px; padding:0; background:#fff; }
.searchform p { margin: 0; padding: 0; }
.searchform input.textbox { background: transparent; border: none; padding:4px 0 0 15px; height: 16px; position:absolute; width:180px; color: #666; overflow: hidden;}
.searchform input.button { width: 60px; height: 24px; padding: 2px 5px; vertical-align: top;}
.searchsubmit { border: none; float:right; padding: 2px 5px 10px 10px; cursor: pointer; margin:0; background: transparent; }
body#layout #content-wrapper {
margin: 0px;
}
body#layout #footer-wrapper p.links, body#layout #nav, body#layout #search {
display:none;
}
]]></b:skin>
</head>
<body>
<div align='center'>
<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol'>
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'/>
</b:section>
</div>
<div id='outer-wrapper'>
<div id='wrap2'>
<div id='header-wrapper'><div id='header1'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='American English (Header)' type='Header'/>
</b:section>
</div>
<div id='search1'><form class='searchform' expr:action='data:blog.homepageUrl + "search/"' method='get'>
<p>
<input class='textbox' name='q' onblur='if (this.value == "") {this.value = "Search on this blog...";}' onfocus='if (this.value == "Search on this blog...") {this.value = "";}' type='text' value='Search on this blog...'/>
<input class='searchsubmit' name='search' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuVrC0ZV_64M8ch2MvxwweTIkvAlcglhoexrw8C93WeIYxzLgAx9kopcQkb5-AAtdiUyzR738tg4ohszIWPRDeRN_kAda-VR3d2q-gyhFRad0oor94CciPU6EvnzNgnFbn3wlci4gmydM/s1600/search_icon.gif' type='image' value='Search'/>
</p>
</form><div class='clear'> </div></div>
</div>
<div id='header-photo'>
<img alt='' height='206' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjENZxMmdhwaqc4OL3my9xd_aHWh9Zbahe1vOq4NdttQtjUJhDeEjUKVMDYDV6s-yZbaQ4QfO8Q56gP8shsZab3rbHjwVBH9ofdKbusAaN8I7fju2qjsaQNN3moNkgmtBf3n63qdcAZLQ4/s1600/h1.jpg' width='870'/>
</div>
<div id='nav'>
<ul>
<li class='current'><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"'>Comments RSS</a></li>
<li><a href='#'>Twitter</a></li>
</ul>
</div>
<div id='content-wrapper'>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='Subscribe1' locked='false' title='Subscribe To' type='Subscribe'/>
</b:section>
<div class='clear'/>
</div>
</div>
<div id='footer-wrapper'>
<div id='footer-columns'>
<b:section class='footer-widgets' id='bottom1' preferred='yes'>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
</b:section>
<b:section class='footer-widgets-center' id='bottom2' preferred='yes'>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
</b:section>
<b:section class='footer-widgets' id='bottom3' preferred='yes'>
<b:widget id='LinkList1' locked='false' title='Links' type='LinkList'/>
</b:section>
</div>
<div class='clear'> </div>
</div>
</div><div class='clear'> </div></div>
<div id='copyright'>Copyright © 2010 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> - Design by: <a href='http://www.finalsense.com/category/templates/blogger-templates/' title='Blogger Templates'>FinalSense Blog Templates</a>
</div></div>
</body>
</html>
Template Amerika
Langganan:
Posting Komentar (Atom)
0 komentar:
Posting Komentar