Template toko online blogger blogspot merupakan solusi bagi yang ingin jualan online dengan biaya sangat murah karena tidak ada biaya tahunan seperti sewa domain dan hosting. Pengelolaan sangat mudah karena memakai blogspot/blogger sehingga cocok bagi siapa saja. Dapatkan template terbaru kami dengan harga spesial, layout 3 kolom tampilan sangat elegan dengan harga sangat murah, cukup bayar satu kali bisa pakai selamanya.......

Sabtu, 03 Desember 2011

Isabela

Isabela


<?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 expr:dir='data:blog.languageDirection' 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[

/*
-----------------------------------------------
****** Template Isabela ******

Templates Novo Blogger
http://templatesparanovoblogger.blogspot.com
junho 2009
----------------------------------------------- */

/* Variable definitions
   ====================
   <Variable name="bgcolor" description="Page Background Color"
             type="color" default="#fff" value="#ffffff">
   <Variable name="textcolor" description="Text Color"
             type="color" default="#333" value="#333333">
   <Variable name="linkcolor" description="Link Color"
             type="color" default="#58a" value="#940f04">
   <Variable name="pagetitlecolor" description="Blog Title Color"
             type="color" default="#ffffff" value="#ffffff">
   <Variable name="descriptioncolor" description="Blog Description Color"
             type="color" default="#999" value="#ffffff">
   <Variable name="titlecolor" description="Post Title Color"
             type="color" default="#c60" value="#ffffff">
   <Variable name="bordercolor" description="Border Color"
             type="color" default="#ccc" value="#cccccc">
   <Variable name="sidebarcolor" description="Sidebar Title Color"
             type="color" default="#999" value="#333333">
   <Variable name="sidebartextcolor" description="Sidebar Text Color"
             type="color" default="#666" value="#4c4c4c">
   <Variable name="visitedlinkcolor" description="Visited Link Color"
             type="color" default="#999" value="#940f04">
   <Variable name="bodyfont" description="Text Font"
             type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Trebuchet, Trebuchet MS, Arial, sans-serif">
   <Variable name="headerfont" description="Sidebar Title Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 78% Trebuchet, Trebuchet MS, Arial, sans-serif">
   <Variable name="pagetitlefont" description="Blog Title Font"
             type="font"
             default="normal normal 200% Georgia, Serif" value="normal normal 220% Arial, sans-serif">
   <Variable name="descriptionfont" description="Blog Description Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
   <Variable name="postfooterfont" description="Post Footer Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 77% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
   <Variable name="startSide" description="Side where text starts in blog language"
             type="automatic" default="left" value="left">
   <Variable name="endSide" description="Side where text ends in blog language"
             type="automatic" default="right" value="right">
*/

/* Use this with templates/template-twocol.html */

body, h1, h2, h3, h4, h5, h6, p, div, span, img, table, a, ul, ol, li {
        margin: 0;
        padding: 0;
        }

body {
  background:$bgcolor url(http://www.templatesimages.com/images/Isabela/rj33ns.jpg)  repeat-x top;;
  margin:0;
  color:$textcolor;
  font:x-small Georgia Serif;
  font-size/* */:/**/small;
  font-size: /**/small;
  text-align: center;
  }

a:link {  color:$linkcolor;  text-decoration:none;  }
a:visited {  color:$visitedlinkcolor;  text-decoration:none;  }
a:hover {  color:$titlecolor;  text-decoration:underline;}
a img {  border-width:0;  }

#navbar-iframe { height: 0px; visibility: hidden; display: none; }

/* Header
-----------------------------------------------
 */

#header-wrapper {
margin: 0 auto 0;
width: 990px;
height: 118px;}

#header {
margin: 0 auto 0;
width: 990px;
height: 125px;}

#header-inner {
  background-position: center;
  margin-left: auto;
  margin-right: auto;}


#header h1 {
  margin: 0;
  padding:35px 0 0 60px;
  line-height:1.2em;
  text-transform:capitalize;
  letter-spacing:0.2em;
  font: $pagetitlefont;color:$pagetitlecolor;}

#header a {
  color:$pagetitlecolor;
  text-decoration:none;}

#header a:hover {
  color:$pagetitlecolor; }

#header .description {
  margin:5px 0 0 0;
  padding:0 20px 15px;
  max-width:700px;
  text-transform:uppercase;
  letter-spacing:.2em;
  line-height: 1.4em;
  font: $descriptionfont;
  color: $descriptioncolor; }

#header img {
  margin-$startSide: auto;
  margin-$endSide: auto;}

#navigation{
height:34px;
line-height:2.0em;
margin:0px auto 0;
float:left;
width: 100%;}

#navigation ul{
margin: 0 auto 0;
padding: 0 0 0 0px;
list-style-type:none;}

#navigation li{
float:left;
white-space:nowrap;
list-style-type:none;}

#navigation li a{
display:block;
width: 60px;
height:32px;
margin: 0 0 0;
padding:0px 10px;
text-align:center;
font-size:13px;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
color: #321b03;}

#navigation .selected,#navigation a:hover{
color:#00ffef;
text-decoration:none;}


/* Content-Wrapper
----------------------------------------------- */
#content-wrapper {
width: 990px;
margin: 60px auto 0;
clear: both;}

#main-wrapper {
width: 610px;
float: left;
padding-bottom: 40px;
margin-left: 3px;
word-wrap: break-word;
overflow: hidden;}

#sidebar-wrapper {
width: 185px;
float: left;
word-wrap: break-word;
overflow: hidden;}

#newsidebar-wrapper {
width: 185px;
float: right;
word-wrap: break-word;
overflow: hidden;}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
  width: 100%;
  margin:0 auto;
  padding:0px;
  text-align:$startSide;
  font: $bodyfont;
  background: url(http://www.templatesimages.com/images/Isabela/1zoi9ee.jpg)  repeat-x bottom left;
  }

#wrap2{margin:0 auto;padding:0px;background: url(http://www.templatesimages.com/images/Isabela/2j0hueq.jpg)  no-repeat top right;}

/* Headings
----------------------------------------------- */

h2 {
  margin:1.5em 0 .75em;
  font:$headerfont;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:$sidebarcolor;
}


/* Posts
-----------------------------------------------
 */
h2.date-header {
  margin:0 35px 0px 0px;
  text-align:right; }

.post {
  margin:0 10px 10px 10px;
  padding-bottom:1.0em; }

.post h3 {
  margin:0 auto;
  width: 580px;
  height:50px;
  padding:0 0;
  font-size:120%;
  font-weight:normal;
  line-height:1.4em;
  color:$titlecolor;
  background: url(http://www.templatesimages.com/images/Isabela/153r1vq.jpg)  no-repeat top left;}

.post h3 a, .post h3 a:visited, .post h3 strong {
  display:block;
  text-decoration:none;
  color:$titlecolor;
  font-weight:normal;padding: 14px 0px 0px 65px;}

.post h3 strong, .post h3 a:hover {
  color:$textcolor;}

.post-body {
  margin:0px;
  padding: 15px 20px;
  line-height:1.5em;}

.post-body blockquote {
  line-height:1.3em; }

.post-footer {
  margin: 10px 10px 10px 20px;
  color:$sidebarcolor;
  text-transform:capitalize;
  letter-spacing:.1em;
  font: $postfooterfont;
  line-height: 1.4em;}

.comment-link {
  margin-$startSide:.6em; }

.post img {
  padding:4px;
  border:1px solid $bordercolor; }

.post blockquote {
  margin:1em 20px;border-left:2px solid #7a031e;padding-left:10px; }

.post blockquote p {
  margin:.75em 0;  }

.post-body ul{margin:6px;padding:0px;list-style-type:none;}

.post-body li{
margin:0;
padding: 3px 0px 0px 0px;
line-height:1.5em;
text-indent: 24px;
background: url(http://www.templatesimages.com/images/Isabela/30m0m5x.jpg)  no-repeat top left;}

.post-body ol{margin: 5px 0px 5px 25px;}
.post-body ol li{ background: none; margin: 0px; text-indent: -6px;}

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1.0em 0 1.0em 0.5em;
padding: 10px 40px 5px 0px;
font-weight: bold;
line-height: 1.4em;
text-transform:capitalize;
letter-spacing:0em;
color: #111;
text-align:right;
background: url(http://www.templatesimages.com/images/Isabela/rs9yz6.jpg)  no-repeat top right;
}

.comment-form{margin-left: 80px;}

#comments-block {
margin:1em 0;
line-height:1.5em;background:#fff;padding:0 10px 15px 10px;}

#comments-block .comment-author {
margin:.5em 0;background:url(http://www.templatesimages.com/images/Isabela/2wp40b8.jpg)  no-repeat bottom left;padding:14px 0px 3px 25px}

#comments-block .comment-body {
margin:.25em 0 0;background:#f5f5f5}

#comments-block .comment-footer {
margin:-.45em 0 2em;
line-height: 1.4em;
text-transform:capitalize;
letter-spacing:0; }

#comments-block .comment-body p {
  margin:0 0 10px 0;padding: 10px;background: #fff;border: 1px solid #cfcfcf}

.deleted-comment {
  font-style:italic;
  color:gray;}

.comment-timestamp{font-size:80%; float:right}


.blog-author-comment {
  margin:.25em 0 0;}

.blog-author-comment p {
  margin:0 0 .75em;
  padding:5px 10px;
  border:1px dotted #cfcfcf;
  background:#fff url(http://www.templatesimages.com/images/Isabela/ih4as2.jpg)  repeat-x bottom left;}

.mensagem {width: 414px; margin: 0;padding:0px 0px;background: #f4f4f4; border: 1px solid #f1f1f1}
.mensagem p{padding: 5px 5px 5px 10px}



#blog-pager-newer-link {
  float: $startSide; }

#blog-pager-older-link {
  float: $endSide; }


#blog-pager-newer-link {
  float: $startSide;padding-left:15px;
 }

#blog-pager-older-link {
  float: $endSide;padding-right:15px;
 }

#blog-pager {
  text-align: center;padding-top:25px;
 }

.feed-links {
  display:none
}

/* Sidebar Content
----------------------------------------------- */
.sidebar {
  color: $sidebartextcolor;
  line-height: 1.5em;
 }

.sidebar h2 {
width: 180px;
height: 34px;
padding-top: 10px;
padding-left: 20px;
letter-spacing: 0px;
margin: 0 auto;
background: url(http://www.templatesimages.com/images/Isabela/wgp1fa.jpg)  no-repeat top left;
}

.sidebar ul {
  list-style: none;
  padding: 0;
}

.sidebar li {
margin:0;
padding: 3px 0px 0px 0px;
line-height:1.5em;
text-indent: 24px;
background: url(http://www.templatesimages.com/images/Isabela/30m0m5x.jpg)  no-repeat top left;
}
.sidebar-widget{
margin: 0 auto 0px;
padding: 0px;
}

.sidebar .widget-content {
margin: 0 auto 10px;
padding: 6px;
}


/* Profile
----------------------------------------------- */
.profile-img {
  float: $startSide;
  margin-top: 0;
  margin-$endSide: 5px;
  margin-bottom: 0px;
  margin-$startSide: 0;
  padding: 4px;

}

.profile-data {
  margin:0;
  text-transform:capitalize;
  letter-spacing:0;
  font: $postfooterfont;
  color: $sidebarcolor;
  font-weight: bold;
  line-height: 1.4em;
}

.profile-datablock {
  margin:.5em 0 .5em;
}

.profile-textblock {
  margin: 0.5em 0;
  line-height: 1.4em;
}

.profile-link {
  font: $postfooterfont;
  text-transform: capitalize;
  letter-spacing: 0;
}

/* Footer
----------------------------------------------- */
#footer-wrapper {
  background: #fff;
  width:990px;
  clear:both;
  margin:0 auto 10px;
}

#footer-column-container {
   padding:5px;
}
.footer-column {
  margin: 3px;
  padding:5px;
  color: #333;
  line-height: 1.5em;
}

.footer-column h2 {
  font-size: 12px;
  color: #fff;
  width: 307px;
  height:30px;
  padding: 20px 0px 0px 0px;
  letter-spacing: 0px;
  text-transform:capitalize;
  background: url(http://www.templatesimages.com/images/Isabela/2v84uqe.png)  no-repeat top left;
  text-indent:24px;
  text-align:left; }


.footer-column ul {
  list-style-type:none;
  margin:10px 0 0;
  padding:0 0 0;
}

.footer-column li {
margin:0 0 0;
padding: 3px 0px 0px 0px;
list-style-type:none;
line-height:1.5em;
text-indent: 24px;
background: url(http://www.templatesimages.com/images/Isabela/30m0m5x.jpg)  no-repeat top left;
  }

.footer-column .widget{
  margin:0 0 1.0em;
  padding:0;
 }

.footer {
text-align:center;
}

#credit {
margin: 0 auto 0;
padding:8px 0px;
width: 100%;
height: 10px;
color: #fff;
text-align: center;
clear:both;
}

#credit a:link,#credit a:visited{color:#fff}
#credit a:hover{color:#fff}

body#layout #content-wrapper{padding: 50px 0 0 0}

]]></b:skin>
  </head>

  <body>
  <div id='outer-wrapper'><div id='wrap2'>

    <!-- skip links for text browsers -->
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>

    <div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Isabela Blogger Template (Header)' type='Header'/>
</b:section>

<div id='navigation'>
<b:section class='navigation' id='navigation' showaddelement='yes'>
<b:widget id='LinkList6' locked='false' title='' type='LinkList'/>
</b:section>
</div>

    </div>

    <div id='content-wrapper'>

      <div id='crosscol-wrapper' style='text-align:center'>
        <b:section class='crosscol' id='crosscol' showaddelement='no'/>
      </div>

<div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='LinkList1' locked='false' title='BlogRoll' type='LinkList'/>
<b:widget id='Profile1' locked='false' title='Profile' type='Profile'/>
<b:widget id='BlogArchive1' locked='false' title='Archives' type='BlogArchive'/>
</b:section>
      </div>



      <div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
      </div>

<div id='newsidebar-wrapper'>
        <b:section class='sidebar' id='newsidebar' preferred='yes'>
<b:widget id='CustomSearch1' locked='false' title='Search' type='CustomSearch'/>
<b:widget id='Label1' locked='false' title='Categories' type='Label'/>
<b:widget id='LinkList2' locked='false' title='Blogroll' type='LinkList'/>
</b:section>
      </div>




      <!-- spacer for skins that want sidebar and main to be the same height-->
      <div class='clear'>&#160;</div>

    </div> <!-- end content-wrapper -->

   <!-- Início do Footer-->
<div id='footer-wrapper'>
<div id='footer-column-container'>
      <div id='footer-column-left' style='float:left; width:33%;'>
<b:section class='footer-column' id='footer2' maxwidgets='5' showaddelement='yes' style='float:left;'>
<b:widget id='LinkList3' locked='false' title='Lorem Ipsum' type='LinkList'/>
</b:section>
      </div>

      <div id='footer-column-center' style='float:left; width: 33%;margin-left:5px;'>
<b:section class='footer-column' id='footer3' maxwidgets='5' showaddelement='yes' style='float:left;'>
<b:widget id='HTML1' locked='false' title='BlogBlogs' type='HTML'/>
</b:section>
      </div>

      <div id='footer-column-right' style='float:right; width: 33%'>
<b:section class='footer-column' id='footer4' maxwidgets='5' showaddelement='yes' style='float:right;'>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
</b:section>
      </div>

<div style='clear:both;'/>

<div id='footer-bottom'>
<b:section class='footer' id='column-bottom' maxwidgets='5' showaddelement='yes'>
<b:widget id='LinkList4' locked='false' title='' type='LinkList'/>
</b:section>
</div>
<div style='clear:both;'/>

</div></div>

<div style='clear:both;'/><!-- Fim área do Footer-->


<div id='credit'><p>&#169;2009
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a><a href='http://www.bloggertemplatesfree.com/wordpress-themes/'>Free Wordpress Themes</a> and <a href='http://www.bloggertemplatesfree.com/download-isabela-blogger-template/'>Isabela Blogger Template</a> by <a href='http://templatesparanovoblogger.blogspot.com/'>TNB</a></p></div>
</div></div> <!-- end outer-wrapper -->
</body>
</html>
               

Tidak ada komentar:

Posting Komentar