blogger template: Paper plain white

Template Author: a Blogger
The template code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title><$BlogPageTitle$></title> <$BlogMetaData$> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> #g_title p, #g_footer p, #g_description p { margin: 0; } /* -- -- -- -- -- -- -- Browser Fixes -- -- -- -- -- -- -- This file uses CSS filtering methods to fix various layout bugs. Each of the following three imported files is a separate, browser-specific CSS file that keeps all hacks out of the main style sheet. Over time, as supporting these browsers no longer remains a priority, cleaning up the hacks is as easy as deleting the @import statement below, or simply no longer linking this file from the HTML. */ /* fix ie6 "peekaboo bug" using the "holly hack". Note, this style only gets applied to ie6 */ * html .wrapper { height: 0.1%; } /* * IE5 mac - overrides the IE/Win hack */ /*\*//*/ * html #threecolumn div { height: auto; } /**/ /* * IE5/Win-specific CSS -ensures #container wraps all content on window resize */ @media tty { i{content:"\";/*" "*/}} * html #container { height: 1%; } /*";} }/* */ /* Styling for editable elements. Eventually, this will be part of the style. */ .editable { border: 1px dashed blue; } #footer { clear: both; } /* Extra divs hidden by default. The custom CSS can override this though */ #extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6 { display: none; } a img,:link img,:visited img {border: none;} /* -- -- -- -- -- -- -- 2 Column Layout Left sidebar -- -- -- -- -- -- -- */ /* Center #container, constrain to 718px width ----------------------------------------------- */ body { text-align: center; } #container { width: 718px; text-align: left; margin: 0 auto; } /* Set up the columns ----------------------------------------------- */ #main-content { float: right; width: 470px; overflow: hidden; } #sidebar { float: right; width: 230px; overflow: hidden; } /* Clear the Footer ----------------------------------------------- */ #footer { clear: both; } /** BEGIN CUSTOM SKIN **/ /** DESIGN SCHEME, paper **/ dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;} a img,:link img,:visited img {border: none;} address {font-style: normal;} body { font-size: 62.5%; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.2; } #header, #main-content, #sidebar, #sidebar-alternate, #footer { font-size: 1.2em; } h1,h2,h3,h4,h5,h6,pre,code,p { font-weight: normal; } h1,h2,h3,h4,h5,h6 { font-family: "Times New Roman", Times, serif; margin: 0.5em 0; } ul,ol { padding-left: 20px; } * html ul, * html ol { padding-left: 0; } img { padding: 1px; } p { text-indent: 1.2em; } h1 { font-size: 3em; font-variant: small-caps; margin: 0 0 0.25em; padding: 0.5em 0 0.25em; } h2 { font-size: 2em; font-style: italic; letter-spacing: -0.03em; padding-bottom: 0.2em; } h3 { font-size: 1.5em; font-variant: small-caps; padding-bottom: 0.3em; } h4 { font-size: 1.25em; font-style: italic; letter-spacing: -0.03em; font-weight: bold; margin: 1em 0 0.8em; } h5 { font-size: 1.25em; font-weight: bold; letter-spacing: -0.03em; margin: 1em 0; } h6 { font-size: 1.25em; font-style: italic; letter-spacing: -0.03em; margin: 1em 0; } input, select, th, td { font-size: 1em; } caption, th { font-weight: bold; } caption { padding: 0.5em; } th,td { padding: 0.5em; } table p { text-indent: 0; } #container { width:750px; } #header { padding: 0 50px 50px; } #main-content { padding: 0 70px 0 0; margin-bottom: 1em; } #threecolumn #main-content { float:right; width: 345px; padding: 0 15px 0 0; } #twocolumn-right #main-content { width: 405px; padding: 0 20px 0 70px; } #twocolumn-left #main-content { width: 405px; padding-right: 70px; } #onecolumn #main-content { padding: 0 70px 0 85px; } #sidebar, #sidebar-alternate { padding: 0 20px 0 0; margin-bottom: 1em; } #threecolumn #sidebar { float: right; width: 110px; padding: 0 65px 0 0; } #twocolumn-right #sidebar { width: 170px; padding: 0; } #twocolumn-left #sidebar { width: 170px; } #threecolumn #sidebar-alternate { width: 110px; padding: 0 0 0 85px; } #g_description { text-align: right; } #footer hr { visibility: hidden; } #footer { width: 405px; float: right; margin: 1em 65px 1em 0; font-style: italic; } #threecolumn #footer { width: 470px; text-align: center; text-indent: 0; } #twocolumn-right #footer { width: 405px; float:left; margin-left: 70px;} /* IE6 */ * html #header {margin-left:2px;} * html #threecolumn #sidebar-alternate {margin-left: 0px;} * html #threecolumn #container {padding-left:45px;} * html #twocolumn-right #footer {margin-left: 35px;} * html #twocolumn-left #footer, * html #onecolumn #footer {margin-right: 35px;} #onecolumn #footer { width: 595px; text-align: center; text-indent: 0; } body { background: #EEE8DD url(http://pages.google.com/-/includes/style/paper-plain-white/images/tile.jpg) top center repeat-y; } body#threecolumn { background: #EEE8DD url(http://pages.google.com/-/includes/style/paper-plain-white/images/tile-threecolumn.jpg) top center repeat-y; } body#twocolumn-right { background: #EEE8DD url(http://pages.google.com/-/includes/style/paper-plain-white/images/tile-twocolumn-right.jpg) top center repeat-y; } body#onecolumn { background: #EEE8DD url(http://pages.google.com/-/includes/style/paper-plain-white/images/tile-onecolumn.jpg) top center repeat-y; } #header, #main-content, #sidebar, #sidebar-alternate, #footer { color: #403116; } p,li,dl,td { color: #333; } a:link { color: #0080BB; } a:visited { color: #639; } a:link:hover, a:visited:hover { color: #003F5C; } ul { list-style: url(http://pages.google.com/-/includes/style/paper-plain-white/images/bullet.gif); } img { border: 1px solid #DACFBC; background: #EEE8DD; } h1 { color: #695736; background: url(http://pages.google.com/-/includes/style/paper-plain-white/images/underline-h1.gif) bottom center no-repeat; } h2,h3 { background: url(http://pages.google.com/-/includes/style/paper-plain-white/images/underline.gif) bottom left no-repeat; } #onecolumn h2, #onecolumn h3 { background: url(http://pages.google.com/-/includes/style/paper-plain-white/images/underline-onecolumn.gif) bottom center no-repeat; } caption { background: #DACFBC; } th { border-bottom: 1px solid #EEE8DD; } table { border: 1px solid #DACFBC; } #header { background: url(http://pages.google.com/-/includes/style/paper-plain-white/images/header.jpg) bottom center no-repeat; } #threecolumn #header { background: url(http://pages.google.com/-/includes/style/paper-plain-white/images/header-threecolumn.jpg) bottom center no-repeat; } #twocolumn-right #header { background: url(http://pages.google.com/-/includes/style/paper-plain-white/images/header-twocolumn-right.jpg) bottom center no-repeat; } #onecolumn #header { background: url(http://pages.google.com/-/includes/style/paper-plain-white/images/header-onecolumn.jpg) bottom center no-repeat; } #footer { background: url(http://pages.google.com/-/includes/style/paper-plain-white/images/underline.gif) top center no-repeat; } .date-header{ letter-spacing:1px; font-family:"times new roman", serif; font-variant:small-caps; } .entry-header{ letter-spacing:1px; font-family:"times new roman", serif; font-variant:small-caps; font-size:13px; color:#000; } .entry li{ color:#000; font-family:sans-serif; font-size:12px; margin-bottom:1em; } .entry a, .trackbacks a, .comments a{ color:#AA1212; } .entry a:hover, .trackbacks a:hover, .comments a:hover{ color:#000; } .entry, .trackbacks{ color:#4f4f4f; } .entry-footer{ text-align:right; margin-top:10px !important; } /** END CUSTOM SKIN **/ </style>  <script> </script> </head> <body id="twocolumn-left"> <div id="container"> <div class="wrapper"> <div id="header"> <div class="wrapper"> <h1 id="page-title"><div id="g_title"><$BlogTitle$></div></h1> <div style="clear: both"></div> <p class="description"><div id="g_description"><p><$BlogDescription$></p></div></p> <div style="clear: both"></div> </div> </div> <div id="main-content"> <div class="wrapper"> <div class="content-item"><div id="g_body"> <Blogger> <BlogDateHeader> <h2 class="date-header"><$BlogDateHeaderDate$></h2> </BlogDateHeader>  <div class="post"><a name="<$BlogItemNumber$>"></a> <BlogItemTitle> <h3 class="post-title"> <BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl> <$BlogItemTitle$> <BlogItemUrl></a></BlogItemUrl> </h3> </BlogItemTitle> <div class="post-body"> <div> <$BlogItemBody$> </div> </div> <p class="post-footer"> <em>posted by <$BlogItemAuthorNickname$> @ <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a></em>   <MainOrArchivePage><BlogItemCommentsEnabled> <a class="comment-link" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><$BlogItemCommentCount$> comments</a> </BlogItemCommentsEnabled><BlogItemBacklinksEnabled> <a class="comment-link" href="<$BlogItemPermalinkUrl$>#links">links to this post</a> </BlogItemBacklinksEnabled> </MainOrArchivePage> <$BlogItemControl$> </p> </div>   <ItemPage> <div id="comments"> <BlogItemCommentsEnabled><a name="comments"></a> <h4><$BlogItemCommentCount$> Comments:</h4> <ul> <BlogItemComments> <li id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a> <p class="comment-data">At <a href="#c<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>, <$BlogCommentAuthor$> said…</p> <div class="comment-body"> <p><$BlogCommentBody$></p> <$BlogCommentDeleteIcon$> </div> </li> </BlogItemComments> </ul> <p class="comment-data"> <$BlogItemCreate$> </p> </BlogItemCommentsEnabled> <BlogItemBacklinksEnabled> <a name="links"></a><h4>Links to this post:</h4> <dl id="comments-block"> <BlogItemBacklinks> <dt class="comment-title"> <$BlogBacklinkControl$> <a href="<$BlogBacklinkURL$>" rel="nofollow"><$BlogBacklinkTitle$></a> <$BlogBacklinkDeleteIcon$> </dt> <dd class="comment-body"><$BlogBacklinkSnippet$> <br /> <span class="comment-poster"> <em>posted by <$BlogBacklinkAuthor$> @ <$BlogBacklinkDateTime$></em> </span> </dd> </BlogItemBacklinks> </dl> <p class="comment-timestamp"><$BlogItemBacklinkCreate$></p> </BlogItemBacklinksEnabled> <p class="comment-data"> <a href="<$BlogURL$>"><< Home</a> </p> </div> </ItemPage>  </Blogger> <p></p><center><br><br><br><center><font size="-2"><br></font></center></center></div></div> <div style="clear: both"></div> </div> </div> <div id="sidebar"> <div class="wrapper"> <div class="links"> <div class="wrapper"><div id="g_sidebar"> <$BlogMemberProfile$> <h3>Previous posts</h3> <ul> <BloggerPreviousItems><li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li></BloggerPreviousItems> </ul> <h3>Archives</h3> <ul> <BloggerArchives> <li><a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a></li> </BloggerArchives> </ul> <h3>Links</h3> <a href="http://freeblogspottemplates.blogspot.com">Free BlogSpot Templates</a> <h3>Credits</h3> <a href="http://freeblogspottemplates.blogspot.com/" target="_blank" alt="Free BlogSpot Templates"><img src="http://photos1.blogger.com/blogger/2848/600/320/FBsT88x31.png" border="0" ></a> <br> <a href="http://www.blogger.com"><img src="http://buttons.blogger.com/bloggerbutton1.gif" alt="Powered by Blogger" /></a> <br> </div></div> <div style="clear: both"></div> </div> </div> </div> <div id="footer"><div class="wrapper"> <hr> <p><div id="g_footer"><p style="text-align: right;"><em><a href="<$BlogUrl$>"><$BlogTitle$></a></em></p></div></p> <div style="clear: both"></div> </div></div> </div> </div> <div id="extraDiv1"><span></span></div><div id="extraDiv2"><span></span></div> <div id="extraDiv3"><span></span></div><div id="extraDiv4"><span></span></div> <div id="extraDiv5"><span></span></div><div id="extraDiv6"><span></span></div> </body> </html>

blogger template

Tuesday, January 23, 2007

Paper plain white

No comments:

Labels

Recent Posts

Blog Archive

Link to me

Links