I{Heart}Spring3 ColumnBloggerTemplate

Embed Size (px)

Citation preview

  • 7/30/2019 I{Heart}Spring3 ColumnBloggerTemplate

    1/10

  • 7/30/2019 I{Heart}Spring3 ColumnBloggerTemplate

    2/10

    default="normal normal 60% 'Trebuchet MS', Trebuchet, Arial, century gothic, Sans-serif" value="normal normal 79% century gothic, monospace">

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

    body {background:$bgcolor;background-image:url(http://www.leeloublogsimages.com/Layouts/2010/I%20Heart%2

    0Spring/IheartSpringBg3-1.png);background-position: center; background-attachment: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/I%20Heart%2

    0Spring/IheartSpringHead3.png);background-position: center center; background-repeat:no-repeat;width:960px;height:425px;

    margin:0 auto 10px;}

    #header-inner {background-position: center;margin-$startSide: auto;margin-$endSide: auto;

    }

    #header {

  • 7/30/2019 I{Heart}Spring3 ColumnBloggerTemplate

    3/10

    margin:0px;text-align: center;color:$pagetitlecolor;

    }

    #header h1 {margin:0;padding:120px 600px 0px 10px;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:0;padding:5px 600px 0px 10px;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 #cf5d17;border-bottom: 0px solid #cf5d17;border-left: 0px solid #cf5d17;

    border-right: 0px solid #cf5d17;text-align:$startSide;font: $bodyfont;}

    #main-wrapper {width: 500px;margin-left:5px;float: $startSide;padding:0px 5px 0px 5px;

  • 7/30/2019 I{Heart}Spring3 ColumnBloggerTemplate

    4/10

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

    #sidebar-wrapper {width: 200px;float: right;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 */}

    #left-sidebar-wrapper {width: 200px;float: left;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();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:#608a35;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;

  • 7/30/2019 I{Heart}Spring3 ColumnBloggerTemplate

    5/10

    border-bottom:0px dotted $bordercolor;padding-bottom:1.5em;}

    .post h3 {background:#d16a82;background-image:url(http://www.leeloublogsimages.com/Layouts/2010/I%20Heart%2

    0Spring/IheartPost-2.png);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-bottom:0px solid #dc722c;

    }

    .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/I%20Heart%2

    0Spring/IheartDiv.png);background-repeat:no-repeat; background-position:bottom center;height:135px;color:$textcolor;text-transform:none;text-align:left;letter-spacing:0px;font-size:11px;line-height: 16px;

    padding-left:10px;padding-top:0px;border-bottom:0px solid #95d4e3;

    }

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

    .post img, table.tr-caption-container {padding:4px;

  • 7/30/2019 I{Heart}Spring3 ColumnBloggerTemplate

    6/10

    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;

    }

  • 7/30/2019 I{Heart}Spring3 ColumnBloggerTemplate

    7/10

    #blog-pager {text-align: center;

    }

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

    }

    .sidebar h2 {background:transparent;background-image:url(http://www.leeloublogsimages.com/Layouts/2010/I%20Heart%2

    0Spring/IheartSidebarcopy.png);background-repeat:no-repeat; background-position:bottom center;color:$sidebarcolor;padding:0px 0px 32px 0px;font:$headerfont;line-height:16px;text-transform:normal;

    letter-spacing:-1px;text-align:center;border-bottom:0px solid #d4ad2d;

    }

    .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;

  • 7/30/2019 I{Heart}Spring3 ColumnBloggerTemplate

    8/10

    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: $sidebarcolor;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: $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:no-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;}

  • 7/30/2019 I{Heart}Spring3 ColumnBloggerTemplate

    9/10

    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:#41ae98;}.pylogo {float:right;padding-right:9px;}

    ]]>

    Leelou BlogsCLICK HERE FOR FREEBLOGGER TEMPLATES, LINK BUTTONS AND MORE!

    skip to main |skip to sidebar

  • 7/30/2019 I{Heart}Spring3 ColumnBloggerTemplate

    10/10

    Free Blogger Templates by Leelou Blogs |Design Elements by Just So Scrappy |Dedicated Servers and ColocationSponsored by Colocat

    ion America