Blogger Layouts

Pink Butterflies

Next layout

Preview

Share on Tumblr

Save Layout

Layout's Author

designsbyjenn

Layout's Stats

Current Rating:

Category:

Date Added:Mar 16, 2010

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[/*
-----------------------------------------------
Name              :  Pink Butterflies
Blogger Theme by  :  Designs by Jenn
URL               :  www.layoutsbyjenn.com
----------------------------------------------- */

body {
background:url(http://hotlayouts2u.com/blogger-layouts/pre_img/12687501979lgx9c.png);background-position:top center;
margin:0;
color:#40334a;
font-small century gothic;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center; background-attachment:fixed;
}
a:link {
color:#e0a7a0;
text-decoration:none;
}
a:visited {
color:#e0a7a0;
text-decoration:none;
}
a:hover {
color:#40334a;
text-decoration:none;
}
a img {
border-width:0;
}

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

*/
#header-wrapper {
width:100%;
background-image:url(http://hotlayouts2u.com/blogger-layouts/pre_img/12687501982kq0l4.png);
background-position:top center;
background-repeat:no-repeat;
}

#header {
width:960px;
height:416px;
margin:0 auto;
}

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#header {
margin: 0px;
border: 0px solid #bcd410;
text-align: center;
color:#cc887d;
}

#header h1 {
  margin-left:10px;
  margin-right:0px;
  margin-top:0px;
  margin-bottom:0px;
  padding-top:175px;
  padding-right:175px;
  padding-left:165px;
  line-height:1.5em;
  text-transform:capitalize;
  letter-spacing:3px;
  font: georgia;
}
#header a {
color:#cc887d;
text-decoration:none;
}
#header a:hover {
color:#40334a;
}
#header .description {
  margin-left:10px;
  margin-right:0px;
  margin-top:0px;
  margin-bottom:0px;
  padding-top:10px;
  padding-right:333px;
  padding-left:325px;
  text-transform:none;
  letter-spacing:.2em;
  line-height: 1.0em;
  font: georgia;
  color: #40334a;
}
#header img {
margin-left: auto;
margin-right: auto;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
background:transparent;
width: 960px;
margin:0 auto;
padding:0px;
text-align:left;
font: normal normal 100% century gothic;
}
#main-wrapper {
width: 650px;
margin:0 auto;
padding:15px;
float: left;
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 {
width: 220px;
margin:0 auto;
padding:15px;
float: right;
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 {
margin:1.5em 0 .75em;
font:normal normal 155% century gothic;
line-height: 1.4em;
font-weight:bold;
text-transform:normal;
letter-spacing:.0em;
color:#e0a7a0;
}

/* Posts
-----------------------------------------------
*/
h2.date-header {
font:normal normal 85% century gothic;
color:#40334a;
margin:1.5em 0 .5em;
}
.post {
margin:.5em 0 1.5em;
border-bottom:0px outset #611218;
padding-bottom:1.5em;
}
.post h3 {
background:url(http://hotlayouts2u.com/blogger-layouts/pre_img/126875019815q2521.png) no-repeat;
margin:.25em 0 0;
padding:0 0 15px 60px;
font:normal normal 150% Century Gothic;
font-weight:normal;
line-height:2.5em;
color:#e0a7a0;
border-bottom:0px solid #611218;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#e0a7a0;
font-weight:bold;
}
.post h3 strong, .post h3 a:hover {
color:#e0a7a0;
}
.post-body {
margin:0 0 .75em;
line-height:1.6em;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
background-image: url();
background-repeat: no-repeat;
background-position: bottom;
height:0px;
padding:0px 0px 30px 30px;
margin: .75em 0;
color:#40334a;
text-transform:lowercase;
letter-spacing:.1em;
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
line-height: 1.4em;
}
.comment-link {
margin-left:.6em;
}
.post img {
padding:4px;
border:0px solid #680404;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font: normal normal 125% Century Gothic;
font-weight: normal;
line-height: 1.4em;
text-transform:normal;
letter-spacing:.0em;
color: #e0a7a0;
}
#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:normal;
letter-spacing:.0em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:black;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
.feed-links {
display: none;
clear: both;
line-height: 2.5em;
}

/* Sidebar Content
----------------------------------------------- */
.sidebar {
font: normal normal 85% century gothic;
color: #40334a;
line-height: 1.5em;
}
.sidebar a:link {
color:#e0a7a0;
text-decoration:none;
}
.sidebar a:visited {
color:#e0a7a0;
text-decoration:none;
}
.sidebar a:hover {
color:#40334a;
text-decoration:none;
}
.sidebar h2
{ background:url(http://hotlayouts2u.com/blogger-layouts/pre_img/126875019815q2521.png) no-repeat;
background-position:left left;
height:50px;
margin:0 auto;
padding:0 0 0 45px;
line-height:2.9em;
border-bottom:0px solid #611218;
}
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-right:0;
padding-bottom:.25em;
padding-left:15px;
text-indent:-15px;
line-height:1.5em;
}
.sidebar .widget, .main .widget {
border-bottom:0px solid #dd7f7f;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.main .Blog {
border-bottom-width: 0;
}

/* Profile
----------------------------------------------- */
.profile-img {
float: left;
margin-top: 0;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 0;
padding: 4px;
border: 2px solid #40334a;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: #e0a7a0;
font-weight: bold;
line-height: 1.6em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
.profile-link {
font: normal normal 100% century gothic;
text-transform: normal;
letter-spacing: .0em;
}

/* Footer
----------------------------------------------- */
#footer {
background:url() no-repeat;
width:0px;
height:0px;
clear:both;
margin:0 auto;
padding-top:0px;
line-height: 1.6em;
text-transform:normal;
letter-spacing:.0em;
text-align: center;
}

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

<body>

<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></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