Midnight Widgetized for Blogger Theme - Comments, Reviews, Information

Midnight Widgetized

Rating:

5/5 Stars.
1
2
3
4
5

Software: Blogger
Downloaded: 4,265
Date: August 23, 2007
Tags: Fixed-width, 2-column Layout

templatepanic: View Profile

Midnight Widgetized Blogger Template. Fixed width, 2-column layout.

Related Themes

See more related themes ...

Comments

April 12, 2008

<?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 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[/* * Blogger Template Style * Name: Midnight (Widgetized) * Author: Effi (www.EffiHaryanti.com) * URL: www.TemplatePanic.com * Date: 2 Aug 2007 */ /* Variable definitions ==================== <Variable name="textcolor" description="Text Color" type="color" default="#e6e6e6" value="#e6e6e6"> <Variable name="pagetitlecolor" description="Page Header Color" type="color" default="#cccccc" value="#cccccc"> <Variable name="datecolor" description="Date Header Color" type="color" default="#666666" value="#666666"> <Variable name="titlecolor" description="Post Title Color" type="color" default="#1c1db7" value="#1c1db7"> <Variable name="footercolor" description="Post Footer Color" type="color" default="#999999" value="#999999"> <Variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#b3b3b3" value="#b3b3b3"> <Variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#4c4c4c" value="#4c4c4c"> <Variable name="linkcolor" description="Link Color" type="color" default="#b3b3b3" value="#b3b3b3"> <Variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#7f7f7f" value="#7f7f7f"> <Variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Verdana, sans-serif" value="normal normal 118% Georgia, Times, serif"> <Variable name="pagetitlefont" description="Page Header Font" type="font" default="normal normal 97% Georgia, Times, serif" value="normal normal 97% Georgia, Times, serif"> <Variable name="titlefont" description="Post Title Font" type="font" default="normal bold 130% Georgia, Times, serif" value="normal bold 130% Georgia, Times, serif"> <Variable name="sidebarheaderfont" description="Sidebar Title Font" type="font" default="normal normal 156% Georgia, Times, serif" value="normal normal 156% Georgia, Times, serif"> */ /* ---( page defaults )--- */ body { margin: 0; padding: 0; font-size: small; text-align: center; color: $textcolor; background: #000000; } blockquote { margin: 0 0 0 30px; padding: 10px 0 0 20px; font-size: 88%; line-height: 1.5em; color: #666; background: url(http://img225.imageshack.us/img225/914/quotesyz6.gif) no-repeat top left; } blockquote p { margin-top: 0; } abbr, acronym { cursor: help; font-style: normal; border-bottom: 1px dotted; } code { color: #996666; } hr { display: none; } img { border: none; } /* unordered list style */ ul { list-style: none; margin-left: 20px; padding: 0; } li { list-style: none; padding-left: 14px; margin-bottom: 3px; background: url(http://img225.imageshack.us/img225/8595/icobh1.gif) no-repeat 0 6px; } /* links */ a:link { color: $linkcolor; } a:visited { color: $visitedlinkcolor; } a:hover { text-decoration: none; } a:active { text-decoration: none; } /* ---( layout structure )---*/ #outer-wrapper { width: 947px; margin: 0px auto 0; text-align: left; font: $bodyfont; background: #000000; } #content-wrapper { margin-left: 42px; /* to avoid the border image */ width: 863px; } #main { float: left; width: 570px; margin: 20px 0 0 0; padding: 0 0 0 1em; line-height: 1.5em; 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 { float: right; width: 249px; padding: 20px 0px 0 20px; font-size: 85%; line-height: 1.4em; color: $sidebartextcolor; 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 */ } /* ---( header and site name )--- */ #header-wrapper { margin: 0; padding: 0; font: $pagetitlefont; background: #000000 url(http://img253.imageshack.us/img253/6994/headerao7.jpg) no-repeat 0px 0px; height: 219px; } #header { margin: 0; padding: 25px 60px 35px 70px; color: $pagetitlecolor; } #header h1 { font-size: 150%; text-shadow: #4F73B6 2px 2px 2px; } #header h1 a { text-decoration: none; color: $pagetitlecolor; } /* ---( main column )--- */ h2.date-header { margin-top: 0; padding-left: 14px; font-size: 90%; color: $datecolor; } .post h3 { margin-top: 0; font: $titlefont; letter-spacing: -1px; color: $titlecolor; } .post { margin: 0 0 1.5em 0; padding: 0 0 1.5em 14px; border-bottom: 1px solid #1a1bc1; } .post h3 a, .post h3 a:visited { color: $titlecolor; text-decoration: none; } .post-footer { margin: 0; padding: 0 0 0 14px; font-size: 88%; color: $footercolor; } .post img { padding: 6px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; } .feed-links { clear: both; line-height: 2.5em; } #blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; } #blog-pager { text-align: center; } /* comment styles */ #comments { padding-top: 10px; font-size: 85%; line-height: 1.5em; color: #666; } #comments h4 { margin: 20px 0 15px 0; padding: 8px 0 0 40px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 130%; color: #666; height: 29px !important; /* for most browsers */ height /**/:37px; /* for IE5/Win */ } #comments ul { margin-left: 0; } #comments li { background: none; padding-left: 0; } .comment-body { padding: 0 10px 0 25px; background: url(http://img225.imageshack.us/img225/8595/icobh1.gif) no-repeat 10px 5px; } .comment-body p { margin-bottom: 0; } .comment-author { margin: 4px 0 0 0; padding: 0 10px 0 60px; color: #999; } .comment-footer { border-bottom: 1px solid #ddd; padding-bottom: 1em; } .deleted-comment { font-style:italic; color:gray; } /* ---( sidebar )--- */ .sidebar h2 { margin: 0 0 0 0; padding: 25px 0 0 0; font: $sidebarheaderfont; color: $sidebarcolor; height: 32px; height: 32px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */ } .sidebar .widget { margin: 0; padding: 0 0 10px 10px; } .sidebar li { background: url(http://img225.imageshack.us/img225/8595/icobh1.gif) no-repeat 0 5px; } .profile-textblock { clear: both; margin-left: 0; } .profile-img { float: left; margin: 0 5px 5px 0; border: 1px solid #ddd; padding: 4px; } /* ---( footer )--- */ .clear { /* to fix IE6 padding-top issue */ clear: both; } #footer-wrapper { margin: 0; padding: 0 0 9px 0; font-size: 85%; color: #ddd; background: #000000; } #footer { margin: 0; padding: 20px 320px 20px 95px; background: #000000; } /** Page structure tweaks for layout editor wireframe */ body#layout #outer-wrapper, body#layout #main, body#layout #sidebar { padding-top: 0; margin-top: 0; } body#layout #outer-wrapper, body#layout #content-wrapper { width: 940px; } body#layout #sidebar { margin-right: 0; margin-bottom: 1em; } body#layout #header, body#layout #footer, body#layout #main { padding: 0; } body#layout #content-wrapper { margin: 0px; } ]]></b:skin> </head> <body> <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='Midnight (Header)' type='Header'> <b:includable id='main'> <div class='titlewrapper'> <h1 class='title'> <b:if cond='data:blog.url == data:blog.homepageUrl'> <data:title/> <b:else/> <a expr:href='data:blog.homepageUrl'><data:title/></a> </b:if> </h1> </div> <div class='descriptionwrapper'> <p class='description'><span><data:description/></span></p> </div> </b:includable> </b:widget> </b:section> </div> <div id='content-wrapper'> <div id='crosscol-wrapper' style='text-align:center'> <b:section class='crosscol' id='crosscol' showaddelement='no'/> </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:includable id='nextprev'> <div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a> </span> </b:if> <b:if cond='data:olderPageUrl'> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a> </span> </b:if> <b:if cond='data:blog.homepageUrl != data:blog.url'> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> <b:else/> <b:if cond='data:newerPageUrl'> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> </b:if> </b:if> </div> <div class='clear'/> </b:includable> <b:includable id='backlinks' var='post'> <a name='links'/><h4><data:post.backlinksLabel/></h4> <b:if cond='data:post.numBacklinks != 0'> <dl class='comments-block' id='comments-block'> <b:loop values='data:post.backlinks' var='backlink'> <div class='collapsed-backlink backlink-control'> <dt class='comment-title'> <span class='backlink-toggle-zippy'> </span> <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a> <b:include data='backlink' name='backlinkDeleteIcon'/> </dt> <dd class='comment-body collapseable'> <data:backlink.snippet/> </dd> <dd class='comment-footer collapseable'> <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span> <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span> </dd> </div> </b:loop> </dl> </b:if> <p class='comment-footer'> <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a> </p> </b:includable> <b:includable id='post' var='post'> <div class='post'> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </b:if> </h3> </b:if> <div class='post-header-line-1'/> <div class='post-body'> <p><data:post.body/></p> <div style='clear: both;'/>  </div> <div class='post-footer'> <p class='post-footer-line post-footer-line-1'><span class='post-author'> <b:if cond='data:top.showAuthor'> <data:top.authorLabel/> <data:post.author/> </b:if> </span> <span class='post-timestamp'> <b:if cond='data:top.showTimestamp'> <data:top.timestampLabel/> <b:if cond='data:post.url'> <a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a> </b:if> </b:if> </span> <span class='post-comment-link'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:post.allowComments'> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a> </b:if> </b:if> </span> <span class='post-icons'>  <b:if cond='data:post.emailPostUrl'> <span class='item-action'> <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'> <span class='email-post-icon'> </span> </a> </span> </b:if>  <b:include data='post' name='postQuickEdit'/> </span> <span class='post-backlinks post-comment-link'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:post.showBacklinks'> <a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a> </b:if> </b:if> </span> </p> <p class='post-footer-line post-footer-line-2'><span class='post-labels'> <b:if cond='data:post.labels'> <data:postLabelsLabel/> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if> </b:loop> </b:if> </span> </p> <p class='post-footer-line post-footer-line-3'/> </div> </div> </b:includable> <b:includable id='commentDeleteIcon' var='comment'> <span expr:class='"item-control " + data:comment.adminClass'> <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'> <span class='delete-comment-icon'> </span> </a> </span> </b:includable> <b:includable id='status-message'> <b:if cond='data:navMessage'> <div class='status-msg-wrap'> <div class='status-msg-body'> <data:navMessage/> </div> <div class='status-msg-border'> <div class='status-msg-bg'> <div class='status-msg-hidden'><data:navMessage/></div> </div> </div> </div> <div style='clear: both;'/> </b:if> </b:includable> <b:includable id='feedLinks'> <b:if cond='data:blog.pageType != "item"'>  <b:if cond='data:feedLinks'> <div class='blog-feeds'> <b:include data='feedLinks' name='feedLinksBody'/> </div> </b:if> <b:else/>  <div class='post-feeds'> <b:loop values='data:posts' var='post'> <b:if cond='data:post.allowComments'> <b:if cond='data:post.feedLinks'> <b:include data='post.feedLinks' name='feedLinksBody'/> </b:if> </b:if> </b:loop> </div> </b:if> </b:includable> <b:includable id='backlinkDeleteIcon' var='backlink'> <span expr:class='"item-control " + data:backlink.adminClass'> <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'> <span class='delete-comment-icon'> </span> </a> </span> </b:includable> <b:includable id='feedLinksBody' var='links'> <div class='feed-links'> <data:feedLinksMsg/> <b:loop values='data:links' var='f'> <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a> </b:loop> </div> </b:includable> <b:includable id='postQuickEdit' var='post'> <b:if cond='data:post.editUrl'> <span expr:class='"item-control " + data:post.adminClass'> <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'> <span class='quick-edit-icon'> </span> </a> </span> </b:if> </b:includable> <b:includable id='comments' var='post'> <div class='comments' id='comments'> <a name='comments'/> <b:if cond='data:post.allowComments'> <h4> <b:if cond='data:post.numComments == 1'> 1 <data:commentLabel/>: <b:else/> <data:post.numComments/> <data:commentLabelPlural/>: </b:if> </h4> <dl id='comments-block'> <b:loop values='data:post.comments' var='comment'> <dt class='comment-author' expr:id='"comment-" + data:comment.id'> <a expr:name='"comment-" + data:comment.id'/> <b:if cond='data:comment.authorUrl'> <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> <b:else/> <data:comment.author/> </b:if> <data:commentPostedByMsg/> </dt> <dd class='comment-body'> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'><data:comment.body/></span> <b:else/> <p><data:comment.body/></p> </b:if> </dd> <dd class='comment-footer'> <span class='comment-timestamp'> <a expr:href='"#comment-" + data:comment.id' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </span> </dd> </b:loop> </dl> <p class='comment-footer'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </p> </b:if> <div id='backlinks-container'> <div expr:id='data:widget.instanceId + "_backlinks-container"'> <b:if cond='data:post.showBacklinks'> <b:include data='post' name='backlinks'/> </b:if> </div> </div> </div> </b:includable> <b:includable id='main' var='top'>  <div class='blog-posts'> <b:include data='top' name='status-message'/> <b:loop values='data:posts' var='post'> <b:if cond='data:post.dateHeader'> <h2 class='date-header'><data:post.dateHeader/></h2> </b:if> <b:include data='post' name='post'/> <b:if cond='data:blog.pageType == "item"'> <b:include data='post' name='comments'/> </b:if> </b:loop> </div>  <b:include name='nextprev'/>  <b:include name='feedLinks'/> </b:includable> </b:widget> </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:includable id='main'> <b:if cond='data:title != ""'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <b:if cond='data:team == "true"'>  <ul> <b:loop values='data:authors' var='i'> <li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li> </b:loop> </ul> <b:else/>  <b:if cond='data:photo.url != ""'> <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a> </b:if> <dl class='profile-datablock'> <dt class='profile-data'><data:displayname/></dt> <b:if cond='data:showlocation == "true"'> <dd class='profile-data'><data:location/></dd> </b:if> <b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if> </dl> <a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a> </b:if> <b:include name='quickedit'/> </div> </b:includable> </b:widget> <b:widget id='Label1' locked='false' title='Labels' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <ul> <b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'> <data:label.name/> <b:else/> <a expr:href='data:label.url'><data:label.name/></a> </b:if> (<data:label.count/>) </li> </b:loop> </ul> <b:include name='quickedit'/> </div> </b:includable> </b:widget> <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <div id='ArchiveList'> <div expr:id='data:widget.instanceId + "_ArchiveList"'> <b:if cond='data:style == "HIERARCHY"'> <b:include data='data' name='interval'/> </b:if> <b:if cond='data:style == "FLAT"'> <b:include data='data' name='flat'/> </b:if> <b:if cond='data:style == "MENU"'> <b:include data='data' name='menu'/> </b:if> </div> </div> <b:include name='quickedit'/> </div> </b:includable> <b:includable id='flat' var='data'> <ul> <b:loop values='data:data' var='i'> <li class='archivedate'> <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>) </li> </b:loop> </ul> </b:includable> <b:includable id='menu' var='data'> <select expr:id='data:widget.instanceId + "_ArchiveMenu"'> <option value=''><data:title/></option> <b:loop values='data:data' var='i'> <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option> </b:loop> </select> </b:includable> <b:includable id='interval' var='intervalData'> <b:loop values='data:intervalData' var='i'> <ul> <li expr:class='"archivedate " + data:i.expclass'> <b:include data='i' name='toggle'/> <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a> (<span class='post-count'><data:i.post-count/></span>) <b:if cond='data:i.data'> <b:include data='i.data' name='interval'/> </b:if> <b:if cond='data:i.posts'> <b:include data='i.posts' name='posts'/> </b:if> </li> </ul> </b:loop> </b:includable> <b:includable id='toggle' var='interval'> <b:if cond='data:interval.toggleId'> <b:if cond='data:interval.expclass == "expanded"'> <a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'> <span class='zippy toggle-open'>▼ </span> </a> <b:else/> <a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'> <span class='zippy'>► </span> </a> </b:if> </b:if> </b:includable> <b:includable id='posts' var='posts'> <ul class='posts'> <b:loop values='data:posts' var='i'> <li><a expr:href='data:i.url'><data:i.title/></a></li> </b:loop> </ul> </b:includable> </b:widget> </b:section> </div>  <div class='clear'> </div> </div>  <div id='footer-wrapper'> <b:section class='footer' id='footer'/> <center><small><span class='footer-text'><p>Theme by <a href='http://www.templatepanic.com/' target='_blank'>Blogger Templates</a>, supported by <a href='http://www.hostingcoupons.org/web-hosting/' target='_blank' title='Webhosting news, tips, resources and articles about web hosting'>Webhosting</a></p></span></small></center> </div> </div></div>  </body> </html>

alexiregar: View Profile

Add Comments