SpringPrincess2 ColumnBloggerTemplate

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x html1/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/2 005/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: Spring Princess 2-Column Designer: Butterflygirlms URL: http://leeloublogs.blogspot.com/ Date: April 2010 ----------------------------------------------- */ /* 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="#6d5e5f"> <Variable name="linkcolor" description="Link Color" type="color" default="#58a" value="#d47f99"> <Variable name="pagetitlecolor" description="Blog Title Color" type="color" default="#666" value="#656158"> <Variable name="descriptioncolor" description="Blog Description Color" type="color" default="#999" value="#45c0c1"> <Variable name="titlecolor" description="Post Title Color" type="color" default="#c60" value="#6d5e5f"> <Variable name="bordercolor" description="Border Color" type="color" default="#ccc" value="#000000"> <Variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#999" value="#eb642c"> <Variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#666" value="#6d5e5f"> <Variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#999" value="#d47f99"> <Variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% century gothic, Serif" valu e="normal normal 107% century gothic, monospace"> <Variable name="headerfont" description="Sidebar Title Font" type="font" default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,century g othic,Sans-serif" value="normal normal 152% century gothic, monospace"> <Variable name="pagetitlefont" description="Blog Title Font" type="font" default="normal normal 200% century gothic, Serif" value="normal no rmal 213% century gothic, Times, serif"> <Variable name="descriptionfont" description="Blog Description Font" type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, centur y gothic, Sans-serif" value="normal normal 85% century gothic, Times, serif"> <Variable name="postfooterfont" description="Post Footer Font" type="font"
default="normal normal 60% 'Trebuchet MS', Trebuchet, Arial, centur y gothic, Sans-serif" value="normal normal 79% century gothic, monospace"> <Variable name="startSide" description="Side where text starts in blog langua ge" 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 { background:$bgcolor; background-image:url(http://www.leeloublogsimages.com/Layouts/2010/Spring%20Pr incess/SpringPrincessBack1.png);background-position:top center; background-attac hment:fixed; margin:0; color:$textcolor; font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif; font-size/* */:/**/small; font-size: /**/small; text-align: center; letter-spacing:0px; } a:link { color:$linkcolor; text-decoration:none; } a:visited { color:$visitedlinkcolor; text-decoration:none; } a:hover { color:$linkcolor; text-decoration:underline; } a img { border-width:0; } /* Header ----------------------------------------------*/ #header-wrapper { background-image:url(http://www.leeloublogsimages.com/Layouts/2010/Spring%20Pr incess/SpringPrincessHead-2.png);background-position: top center; background-rep eat:no-repeat; width:920px; height:370px; margin:0 auto 10px; } #header-inner { background-position: center; margin-$startSide: auto; margin-$endSide: auto; } #header {
margin:0px; text-align: center; color:$pagetitlecolor; } #header h1 { margin:auto; padding:120px 200px 0px 140px; line-height:24px; text-transform:uppercase; letter-spacing:1px; font: $pagetitlefont; } #header a { color:$pagetitlecolor; text-decoration:none; } #header a:hover { color:$pagetitlecolor; } #header .description { margin:auto; padding:0px 200px 0px 140px; max-width:700px; text-transform:normal; letter-spacing:1px; line-height: 1.4em; font: $descriptionfont; color: $descriptioncolor; } #header img { margin-$startSide: auto; margin-$endSide: auto; } /* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { background:transparent; width: 960px; margin:0 auto; padding:10px 0px 10px 0px; border-top: 0px solid #ed452e; border-bottom: 0px solid #ed452e; border-left: 0px solid #ed452e; border-right: 0px solid #ed452e; text-align:$startSide; font: $bodyfont; } #main-wrapper { width: 650px; margin-left:10px; float: left; padding:0px 10px 0px 10px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; at */ }
/* fix for long non-text content breaking IE sidebar flo
#sidebar-wrapper { width: 230px; float: right; margin-right:10px; 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 flo at */ } /* Headings ----------------------------------------------- */ h2 { background:transparent; background-image:url();background-repeat:no-repeat; background-position:bottom left; color:$sidebarcolor; padding:0px 0px 5px 0px; font:$headerfont; line-height:16px; text-transform:normal; letter-spacing:-1px; text-align:center; border-bottom:1px solid #d4ad2d; } /* Posts ----------------------------------------------*/ h2.date-header { color:#6d5e5f; border:none; background:none; font-weight:normal; padding-left:0px; margin-bottom:-20px; line-height:16px; text-transform:none; text-align:center; font-size:14px; letter-spacing:0px; } .post { margin:.5em 0 1.5em; border-bottom:0px dotted $bordercolor; padding-bottom:1.5em; } .post h3 { background:#f0d8e0; background-image:url();background-repeat:no-repeat; background-position:bottom left; color:$titlecolor;
padding:5px 5px 5px 5px; font-size:20px; text-transform:none; text-align:center; font-weight:normal; line-height:22px; letter-spacing:0px; border-top:1px solid #45c0c1; border-bottom:1px solid #45c0c1; } .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 { margin:0 0 .75em; line-height:18px; } .post-body blockquote { line-height:1.3em; } .post-footer { background-image:url(http://www.leeloublogsimages.com/Layouts/2010/Spring%20Pr incess/SpringPrincessDiv-1.png);background-repeat:no-repeat; background-position :bottom center; height:160px; color:$textcolor; text-transform:none; text-align:left; letter-spacing:0px; font-size:12px; line-height: 16px; padding-left:0px; padding-top:0px; border-bottom:0px solid #95d4e3; } .comment-link { margin-$startSide:.6em; } .post img, table.tr-caption-container { padding:4px; border:1px solid $bordercolor; } .tr-caption-container img { border: none; padding: 0; } .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 {
background:none; color: $sidebartextcolor; line-height: 18px; } .sidebar h2 { background:transparent; background-image:url(http://www.leeloublogsimages.com/Layouts/2010/Spring%20Pr incess/TealFlowerSide.png);background-repeat:no-repeat; background-position:bott om left; color:$sidebarcolor; padding:20px 0px 10px 58px; font:$headerfont; line-height:16px; text-transform:normal; letter-spacing:-1px; text-align:left; border-bottom:1px solid #45c0c1; } .sidebar ul { list-style:none; margin:0 0 0; padding:0 0 0; } .sidebar li { margin:0; padding-top:0; padding-$endSide:0; padding-bottom:.25em; padding-$startSide:15px; text-indent:-15px; line-height:1.5em; } .sidebar .widget, .main .widget { border-bottom:0px dotted $bordercolor; margin:0 0 1.5em; padding:0 0 1.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: 4px; border: 0px solid $bordercolor; } .profile-data { margin:0;
text-transform:uppercase; letter-spacing:.1em; font: $postfooterfont; color: #45c0c1; font-weight: normal; line-height: 1.6em; } .profile-datablock { margin:.5em 0 .5em; } .profile-textblock { margin: 0.5em 0; line-height:16px; } .profile-link { font: $postfooterfont; text-transform: normal; letter-spacing: .1em; line-height: 10px; } /* Footer ----------------------------------------------- */ #footer { width:960px; height:0px; background-image:url();background-position: bottom center; background-repeat:n o-repeat; 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:#ededed; filter:alpha(opacity=100); opacity:1.0; -khtml-opacity:1.0; color:$textcolor; font-family: Arial, Helvetica, sans-serif; font-size:15px; text-align:left; font-weigth:bold; padding:2px 2px 2px 6px; border-bottom:1px solid #cccccc;} .bloggerPyBar a {color:#51cfcc;} .pylogo {float:right;padding-right:9px;} ]]></b:skin> </head> <link href='http://www.leeloublogsimages.com/Layouts/2010/Spring%20Princess/Blac kGreenHeartFavicon.png' rel='shortcut icon'/> <body> <div class='bloggerPyBar' style='cursor:pointer;'><div class='pylogo'><span st yle='position:relative;top:-1px;left:0px'>«</span> <a href='http://www.Leel oublogs.blogspot.com'>Leelou Blogs</a></div> <a href='http://www.leeloublogs.blogspot.com'>CLICK HERE FOR FREE BLOGGER TEMPLATES, LINK BUTTONS AND MORE!</a> <span style='position:relative;top :-1px;left:0px;'>»</span> </div> <div id='outer-wrapper'><div id='wrap2'>  <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='Spring Princess Blogger Template (He ader)' type='Header'/> </b:section> </div> <div id='content-wrapper'> <div id='crosscol-wrapper' style='text-align:center'> <b:section class='crosscol' id='crosscol'/> </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='sidebar-wrapper'> <b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='Profile1' locked='false' title='About Me' type='Profile'/> <b:widget id='Label1' locked='false' title='Labels' type='Label'/> <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchiv e'/> </b:section> </div>  <div class='clear'> </div> </div>  <div id='footer-wrapper'> <b:section class='footer' id='footer'/> </div> <div style='clear:both;'/> </div> <div id='credit-link'> Free Blogger Templates by <a href='http://leelou-blogs.com/' target='_blank'>Lee lou Blogs</a> | Design Elements by <a href='http://justsoscrappy.blogspot.com/' target='_blank'> Just So Scrappy</a> | <a href='http://www.colocationamerica.com/' target='_blank'>Dedicated Servers an d Colocation</a> Sponsored by <a href='http://www.colocationamerica.com/' target='_blank'>Colocat ion America</a> </div> </div>  </body> </html>

SpringPrincess2 ColumnBloggerTemplate

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

SpringPrincess2 ColumnBloggerTemplate

Uploaded by

Copyright:

Available Formats

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x html1/DTD/xhtml1-strict.dtd"> <html expr:dir='data:blog.

/* fix for long non-text content breaking IE sidebar flo

You might also like