Blogger Layouts

Aquamarine (3 Column)

Next layout

Preview

Share on Tumblr

Save Layout

Layout's Author

designsbyjenn

Layout's Stats

Current Rating:

Category:

Date Added:Apr 12, 2011

Code For Layout

<?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[/*
-----------------------------------------------
Blogger Template
Template: Aqua Marine
Designer: Layouts by Jenn
URL:      www.layoutsbyjenn.com
Date:     April 2011
----------------------------------------------- */

/* Variable definitions

====================

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

body {
 background:$bgcolor;
  background-image:url(http://hotlayouts2u.com/blogger-layouts/pre_img/1302612222backks.png);background-position:center center; background-attachment:fixed;
  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;
  }

/* Header
----------------------------------------------- */
#header-wrapper {
  background-image:url(http://hotlayouts2u.com/blogger-layouts/pre_img/130261222325jz7o0.png);background-position: top center; background-repeat:no-repeat;
  width:980px;
  height:636px;
  margin-right:0px;
  border-bottom: 0px solid #000000;
}
#header-inner {
  background-position: center;  
  margin-left: auto;
  margin-right: auto;
}
#header {
  margin: 0px;
  border: 0px ridge $bordercolor;
  text-align: center;
  color:$pagetitlecolor;
}
#header h1 {
  margin-left:0px;
  margin-right:0px;
  margin-top:0px;
  margin-bottom:0px;
  padding-top:205px;
  padding-right:0px;
  padding-left:568px;
  width:350px;
  line-height:0.5em;
  text-transform:normal;
  letter-spacing:0px;
  font: $pagetitlefont;
  text-align:center:
}
#header a {
  color:$pagetitlecolor;
  text-decoration:none;
  }
#header a:hover {
  color:$pagetitlecolor;
  }
#header .description {
  margin-left:10px;
  margin-right:0px;
  margin-top:0px;
  margin-bottom:0px;
  padding-top:135px;
  padding-right:0px;
  padding-left:120px;
  width:200px;
  text-transform:none;
  letter-spacing:.2em;
  line-height: 1.4em;
  font: $descriptionfont;
  color: $descriptioncolor;
  text-align:center;
}
#header img {
  margin-$startSide: auto;
  margin-$endSide: auto;
}

/* Outer-Wrapper
----------------------------------------------- */
 
#outer-wrapper {
   background:#ffffff;
   background-image:url();background-position: top center; background-repeat:repeat;
  width: 980px;
  margin:0 auto;
  padding:10px 0px 10px 0px;
  border: 0px dotted #029487;
  text-align:$startSide;
  font: $bodyfont;
  }

#main-wrapper {
  background:#ffffff;
  width: 500px;
  margin-left:12px;
  float: $startSide;
  border:0px dotted #029487;
  padding:0px 5px 0px 5px;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }

#sidebar-wrapper {
  background:#ffffff;
  width: 200px;
  float: right;
  border:0px dotted #029487;
  padding:0px 10px 0px 10px;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}

#left-sidebar-wrapper { 
  background:#ffffff;
  width: 200px; 
  float: left; 
  border:0px dotted #029487;
  padding:0px 10px 0px 10px;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ 
  overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }

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

h2 {
  background:transparent;
  background-image:url(http://hotlayouts2u.com/blogger-layouts/pre_img/130261222335bxx5k.jpg);background-repeat:no-repeat; background-position:left center;
  color:$sidebarcolor;
  padding:60px 0px 5px 65px;
  font:$headerfont;
  line-height:22px;
  text-transform:none;
  letter-spacing:0px;
  text-align:left;
  font-size:14px;
  border:0px solid #d2ae55;
    }

/* Posts
-----------------------------------------------
 */
h2.date-header {
  color:#129a8e;
  border:none;
  background:none;
  font-weight:normal;
  padding-left:0px;
  margin-bottom:-20px;
  line-height:16px;
  text-transform:normal;
  text-align:center;
  font-size:12px;
    }

.post {
  margin-top:30px;
  border-bottom:0px dotted $bordercolor;
  padding-bottom:0px;
  padding-top:0px;
  }

.post h3 {
  background:#029487;
  background-image:url(http://hotlayouts2u.com/blogger-layouts/pre_img/130261222320zqzba.png);background-repeat:no-repeat; background-position:left center;
  color:$titlecolor;
  padding:15px 0px 15px 0px;
  font-size:21px;
  text-transform:none;
  text-align:center;
  font-weight:normal;
  line-height:22px;
  letter-spacing:0px;
  border:0px dotted #b5f3c0;
}

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

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

.post-body {
  background-image:url();background-repeat:no-repeat; background-position:top left;
  padding:15px;
  line-height:18px;
  margin-top:-20px;
  border-bottom:0px dashed #ffffff;
}

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

.post-footer {
  background-image:url(http://hotlayouts2u.com/blogger-layouts/pre_img/130261222324yocy1.png);background-repeat:no-repeat; background-position: bottom center;
  height:175px;
  color:$textcolor;
  text-transform:uppercase;
  text-align:left;
  letter-spacing:0px;
  font-size:11px;
  line-height: 16px;
  padding-left:10px;
  border-bottom:0px solid #ffffff;
}

.comment-link {
  margin-$startSide:.6em;
  }
.post img {
  padding:0px;
  border:0px solid #ffffff;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }

/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font-weight: bold;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color: $sidebarcolor;
  }

#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block .comment-author {
  margin:.5em 0;
  }
#comments-block .comment-body {
  margin:.25em 0 0;
  }
#comments-block .comment-footer {
  margin:-.25em 0 2em;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block .comment-body p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }

.feed-links {
  clear: both;
  line-height: 2.5em;
}

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

#blog-pager {   
  text-align: center;
 }

/* Sidebar Content
----------------------------------------------- */
.sidebar {
  color: $sidebartextcolor;
  line-height:20px;
  padding:10px;
  margin-bottom:6px;
   }

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
background:url("") no-repeat 2px .08em;
margin:0;
padding:0 0 5px 20px;
margin-bottom:2px;
text-indent:3px;
line-height:16px;
}

.sidebar .widget, .main .widget {
  border-bottom:0px dotted $bordercolor;
  margin:0 0 .5em;
  padding:0 0 .5em;
 }

.main .Blog {
  border-bottom-width: 0;
}
/* Profile
----------------------------------------------- */
.profile-img {
  float: $startSide;
  margin-top: 0;
  margin-$endSide: 5px;
  margin-bottom: 5px;
  margin-$startSide: 0;
  padding: 0px;
  border: 1px solid $bordercolor;
}

.profile-data {
  margin:0;
  text-transform:uppercase;
  letter-spacing:0px;
  font: $postfooterfont;
  color:#f6753e;
  font-weight: normal;
  line-height: 1.6em;
 
}

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

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

.profile-link {
  font-size:12px;
  text-transform: lowercase;
  letter-spacing:0px;
}

/* Footer
----------------------------------------------- */
#footer {
  width:980px;
  height:100px;
  background-image:url(http://hotlayouts2u.com/blogger-layouts/pre_img/1302612223e7cylj.jpg);background-position: bottom center;
  clear:both;
  margin:0 auto;
  padding-top:0px;
  line-height: 1.6em;
  text-transform:uppercase;
  letter-spacing:-1px;
  text-align: center;
}

/* Design Credit
----------------------------------------------- */
#credit-link {
  color:$textcolor;
  text-align: center;
  font-size:12px;
  }

body#layout #header {
margin-left: 0px;
margin-right: 0px;
}
 
body#layout #outer-wrapper,
body#layout #header-wrapper,
body#layout #footer {
width: 750px;
padding: 0px;
}
 
body#layout #main-wrapper {
width: 400px;
margin-left: 20px;
}
 
body#layout #sidebar-wrapper,
body#layout #newsidebar-wrapper {
width: 150px;
}
 
.bloggerPyBar { background-color:#242720;
background-image:url();background-position:center center;
color:$textcolor;
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
text-align:left;
font-weigth:bold;
padding:2px 2px 2px 6px;
border:1px solid #444444;}
.bloggerPyBar a {color:$linkcolor;}
.pylogo {float:right;padding-right:9px;}

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

<span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>

<div class='clear'>&#160;</div>

</div>

<div id='credit-link'><a href='http://hotlayouts2u.com/user/profile-78.php'>Layout By designsbyjenn</a></div><div id="credit-link"><a href = "http://hotlayouts2u.com/user/profile-78.php">Layout By designsbyjenn</a></div></div></div> 
</body>
</html>

To Load the new template to your blog.
1. Go to Layout, and click Edit HTML.
2. Delete everything in the template box so it's completely blank.
3. Paste the new template code into your template box.
4. Hit the Preview button to check out your new look.
5. Click the Save button.

More Layouts By designsbyjenn:

Submit Your Blogger Layouts