<data:blog.pageTitle/>

<data:blog.pageTitle/> www.instantfundas.com/2008/09/how-to-add-start-page-to-your-blogger.html Hack for breadcrumb instead of blogger status message www.bloggerplugins.org/2009/06/breadcrumb-for-blogger-blogspot.html Icons by: Quake 9 - www.quake9.com Bee Clipart: by OCAL of www.clker.com/clipart-11588.html Date: January 2010 ----------------------------------------------- */ /* Variable definitions ==================== */ @import url("http://blogger-templates.s3.amazonaws.com/reset.css"); @import url("http://blogger-templates.s3.amazonaws.com/global-forms.css"); body { background:$bgcolor; color:$textcolor; font: $bodyfont; line-height:1.429; text-align:left; margin:0; padding:0; } h1,h2,h3,h4,h5,h6 { font-weight:400; line-height:1.1; margin-bottom:.8em; } h1 { font:$headerfont1; } h2 { font:$headerfont2; } h3 { font:$headerfont3; } h4 { font:$headerfont4; } h5 { font:$headerfont5; } h6 { font:$headerfont6; } a { outline:0; } a img { border:0; text-decoration:none; } a:link,a:visited { color:$linkcolor; text-decoration:none; padding:0 1px; } a:hover,a:active { background-color:$linkcolor; color:$linkhovertext; text-decoration:none; text-shadow:1px 1px 1px $shadowcolor; } p { margin-bottom:1.143em; } * p:last-child { margin-bottom:0; } ul { list-style:outside disc; margin:1em 0 1.5em 1.5em; } ol { list-style:outside decimal; margin:1em 0 1.5em 1.5em; } dl { margin:0 0 1.5em; } dd { margin-left:1.5em; } table { width:98%; margin:.5em auto 1.5em; } thead th { text-align:left; padding:.5em .4em; } tbody td { padding:.5em .4em; } .body { clear:both; width:800px; margin:0 auto; } #banner { margin:0 auto; padding:2.5em 0 0; } #banner h1 { font-size:3.571em; line-height:.6; } #banner h1 a:link,#banner h1 a:visited { color:$blogtitlecolor; display:block; font-weight:700; text-decoration:none; width:700px; margin:0 0 .6em .2em; } #banner h1 a:hover,#banner h1 a:active { background:none; color:$linkhovercolor; text-shadow:none; } #banner a:hover,#banner a:active { background:none; color:transparent; text-shadow:none; } #banner h1 strong { color:$descriptioncolor; font-size:.36em; font-weight:400; } #banner img { margin-bottom: 30px; } #banner nav { background:$navbarcolor; font-size:1.143em; height:40px; line-height:30px; text-align:center; width:800px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 auto 2em; padding:0; } #banner nav ul { list-style:none; width:800px; margin:0 auto; } #banner nav li { float:left; display:inline; margin:0; } #banner nav li.feed-link { background: url('http://lh5.ggpht.com/_xn2gmPb9TfM/SqU7xcVyQ7I/AAAAAAAAFZ4/sQsX2wm4VVY/s800/feed.png') left center no-repeat; } #banner nav li.feed-link a:hover { background: $linkhovercolor url('http://lh5.ggpht.com/_xn2gmPb9TfM/SqU7xcVyQ7I/AAAAAAAAFZ4/sQsX2wm4VVY/s800/feed.png') left no-repeat; color:$linkhovertext; text-shadow:none!important; } #banner nav a:link,#banner nav a:visited { color:$linkhovertext; display:inline-block; height:30px; text-decoration:none; padding:5px 1.5em; } #banner nav a:active,#banner nav .active a:link,#banner nav .active a:visited { background:$linkActiveColor; color:$linkhovertext; text-shadow:none!important; } #banner nav a:hover { background:$linkhovercolor; color:$linkhovertext; text-shadow:none!important; } #banner nav li:first-child a { border-top-left-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; } #featured figure { border:2px solid $bordercolor; float:right; width:72px; margin:.786em 2em 0 .5em; } #featured figure img { display:block; float:right; } #featured h2 { color:$sectionheadercolor; font:$sectionheaderfont; margin-bottom:.333em; } #featured h3 { font-size:1.429em; margin-bottom:.5em; } #featured h3 a:link,#featured h3 a:visited { color:$textcolor; text-decoration:none; } #extras { overflow:hidden; margin:0 auto 3em; } #extras .widget { margin-bottom: 20px; } #extras li { border-bottom:1px solid $footerbordercolor; } #extras h2 { color:$sectionheadercolor; font:$sectionheaderfont; margin-bottom:.5em; padding:0 3px; } #extras a:link,#extras a:visited { color:$footerlinkcolor; font:$footerlinkfont; display:block; border-bottom:1px solid $footerbordercolor; text-decoration:none; padding:.3em .25em; } #extras .blogroll { float:left; width:615px; } #extras .blogroll li { float:left; width:185px; margin:0 20px 0 0; } #extras .social { float:right; width:175px; } #extras .footer-right { float: right; width: 175px; } #extras .BlogArchive li { margin-left: 0 !important; padding-left: 0 !important; display: block; } #extras .BlogArchive li a { margin-left: 17px; display: inline; } #extras div[class='social'] a { background-repeat:no-repeat; background-position:3px 6px; padding-left:25px; } .social a[href*='blogger.com'] { background-image:url('http://lh4.ggpht.com/_xn2gmPb9TfM/SqU7xLAeyWI/AAAAAAAAFZs/sORVsTd4UWI/s800/blogger.png'); } .social a[href*='flickr.com'] { background-image:url('http://blogger-templates.s3.amazonaws.com/blogger-nexus/images/blogger.png'); } .social a[href*='delicious.com'] { background-image:url('http://lh6.ggpht.com/_xn2gmPb9TfM/SqU7xHYoEdI/AAAAAAAAFZw/5LGUPiRmhKA/s800/delicious.png'); } .social a[href*='digg.com'] { background-image:url('http://lh3.ggpht.com/_xn2gmPb9TfM/SqU7xVc4JJI/AAAAAAAAFZ8/EqWxYrn7i44/s800/digg.png'); } .social a[href*='facebook.com'] { background-image:url('http://lh5.ggpht.com/_xn2gmPb9TfM/SqU7xUDqiYI/AAAAAAAAFZ0/IVDxyoXvKs8/s800/facebook.png'); } .social a[href*='last.fm'],.social a[href*='lastfm.'] { background-image:url('http://lh3.ggpht.com/_xn2gmPb9TfM/SqU9RcHUU4I/AAAAAAAAFaA/mVC3CKfEDd8/s800/lastfm.png'); } .social a[href*='/feed/'] { background-image:url('http://lh5.ggpht.com/_xn2gmPb9TfM/SqU7xcVyQ7I/AAAAAAAAFZ4/sQsX2wm4VVY/s800/feed.png'); } .social a[href*='twitter.com'] { background-image:url('http://lh5.ggpht.com/_xn2gmPb9TfM/SqU9RbRuAfI/AAAAAAAAFaE/wLoKVaWy5Bk/s800/twitter.png'); } .social a[href*='flickr.com'] { background-image:url('http://lh5.ggpht.com/_xn2gmPb9TfM/SqU-aH1TdEI/AAAAAAAAFaI/99XHz2PCV1M/s800/flickr.png'); } .social a[href*='linkedin.com'] { background-image:url('http://lh3.ggpht.com/_xn2gmPb9TfM/SqU-aPbpm5I/AAAAAAAAFaM/6GFRtJhCeCQ/s800/linkedin.png'); } .social a[href*='myspace.com'] { background-image:url('http://lh6.ggpht.com/_xn2gmPb9TfM/SqU-aT0XxJI/AAAAAAAAFaQ/GEbMqCtfOSQ/s800/myspace.png'); } .social a[href*='picasaweb.google.com'] { background-image:url('http://lh3.ggpht.com/_xn2gmPb9TfM/SqU-aVmkDDI/AAAAAAAAFaU/tCJkZLWq9hE/s800/picasa.png'); } .social a[href*='technorati.com'] { background-image:url('http://lh5.ggpht.com/_xn2gmPb9TfM/SqU-aiLpZ7I/AAAAAAAAFaY/1bXP4_Ndxfk/s800/technorati.png'); } #about { background:$contentbgcolor; font-style:normal; margin-bottom:2em; overflow:hidden; text-align:left; width:760px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:20px; } #about .primary { float:left; width:165px; } #about .primary strong { color:$sectionheadercolor; display:block; font:$sectionheaderfont; } #about .primary strong a:link,#about .primary strong a:visited { color:$sectionheadercolor; text-decoration:none; } #about .photo { float:left; margin:5px 20px; } #about .bio { float:right; width:500px; font:$footerlinkfont; } #contentinfo { padding-bottom:2em; text-align:right; } .hentry { border-bottom:1px solid $bordercolor; padding:1.5em 0; } li:last-child .hentry,#content > .hentry { border:0; margin:0; } #content > .hentry { padding:1em 0; } .entry-title { font-size:1.429em; margin-bottom:15px; } .hentry .post-info * { font-style:normal; } .hentry footer { margin-bottom:2em; } .hentry footer address { display:inline; } /* -------outcommenting hover effect on text block of entire post--------- also changed posthovercolor for linkhovercolor, though not used, blogger wants to have defined all variables found in the code. Then the posthovercolor variable definition could be deleted #posts-list .hentry:hover { background:$linkhovercolor; color:$linkhovertext; } #posts-list .hentry:hover a:link,#posts-list .hentry:hover a:visited { color:$linkhoversecondary; text-shadow:1px 1px 1px $shadowcolor; } -------end of outcommented hover effect-------------------------------- */ #blog-pager { margin: 20px auto 20px; text-align: center; font-weight: bold; } #blog-pager .blog-pager-newer-link { float: right; } #blog-pager .blog-pager-older-link { float: left; } .feed-links { background: url('http://lh5.ggpht.com/_xn2gmPb9TfM/SqU7xcVyQ7I/AAAAAAAAFZ4/sQsX2wm4VVY/s800/feed.png') left no-repeat; padding-left: 20px; margin-top: 20px; } #about-author { background:$contentbgcolor; clear:both; font-style:normal; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:2em 0; padding:10px 20px 15px; } #about-author strong { color:$textcolor; clear:both; display:block; font-size:1.429em; } #about-author .photo { border:1px solid $bordercolor; float:left; margin:5px 1em 0 0; } #comments h4 { margin: 30px 0 0 0 !important; padding-bottom:5px; border-bottom: 1px solid $bordercolor; } .comment-content { border-bottom:1px solid $bordercolor; position:relative; margin:0; padding:22px 0 11px; } #comments-block { margin-top: 0; padding-top: 0; } .comment-body { margin-top: 15px; line-height:19px; } #comments-block .comment-count { display:block; margin:0; padding:0; } #comment-post-message,#backlinks-post-message { color:$textcolor; } .commentlist { border-bottom:1px solid $bordercolor; margin:0; padding:20px 15px 30px; } .right { float:right; } strong,b,dt { font-weight:700; } em,i,blockquote { font-style:italic; } blockquote { margin: 5px 20px 20px 30px; padding-left: 10px; border-left: 3px solid $bordercolor; } ::-moz-selection,::selection { background:$linkhoversecondary; color:$linkhovertext; } header,section,footer,aside,nav,article,figure,#posts-list footer address,#posts-list footer address,#posts-list-item footer address { display:block; } img.right figure.right,img.left,figure.left { float:right; margin:0 0 2em 2em; } #featured,#content { background:$contentbgcolor; margin-bottom:2em; overflow:hidden; width:760px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:20px; } #featured h3 a:hover,#featured h3 a:active,#extras a:hover,#extras a:active { color:$linkhovertext; } #extras ul,#posts-list,#posts-list,#post-list-item { list-style:none; margin:0; } #extras li:last-child,#extras li:last-child a,#extras .blogroll li:nth-last-child(2),#extras .blogroll li:nth-last-child(3),#extras .blogroll li:nth-last-child(2) a,#extras .blogroll li:nth-last-child(3) a { border:0; } #about .url:link,#about .url:visited,.entry-title a:link,.entry-title a:visited { text-decoration:none; } .hentry .post-footer,#posts-list .entry-content,#posts-list-item .entry-content { margin-bottom:15px; } .hentry .post-footer { margin-top: 15px; } #posts-list .hentry,#posts-list .hentry,#posts-list-item .hentry { padding-left:0px; position:relative; } #posts-list footer,#posts-list footer,#posts-list-item footer { left:10px; position:absolute; top:1.5em; width:190px; } .continue { font-weight: normal; } #navbar-iframe { height:0px; visibility:hidden; display:none } .breadcrumbs { padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:95%; line-height: 1.4em; border-bottom:3px double #e6e4e3; } ]]>

()

1 : :