താഴെ കാണുന്ന സ്ക്രോള് ബോക്സിലുള്ള കോഡ് കോപ്പി ചെയ്തു , നിങ്ങളുടെ ബ്ലോഗിന്റെ H T M L എഡിറ്റ് കോളത്തില് പേസ്റ്റ് ചെയ്യുക.. നിങ്ങള് കണ്ടിരിക്കാനിടയുള്ള മറ്റുപല ടെമ്പ്ലേറ്റ്കളിലും സൈന്-ഇന് ടാബ് ഉണ്ടാവാറില്ല (Navigation Bar) .ഇവിടെ കാണുന്ന ടെമ്പ്ലേറ്റ്കളില് എല്ലാം ബ്ലോഗ് സൈന്-ഇന് ചെയ്യാനുള്ള ടാബ് ഉണ്ട്. <?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[ /* Variable definitions ==================== <Variable name="bgColor" description="Page Background Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="textColor" description="Text Color" type="color" default="#333333" value="#333333"> <Variable name="linkColor" description="Link Color" type="color" default="#336699" value="#336699"> <Variable name="headerBgColor" description="Page Header Background Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="headerTextColor" description="Page Header Text Color" type="color" default="#333333" value="#333333"> <Variable name="headerCornersColor" description="Page Header Corners Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="mainBgColor" description="Main Background Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="borderColor" description="Border Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="dateHeaderColor" description="Date Header Color" type="color" default="#999999" value="#999999"> <Variable name="sidebarTitleBgColor" description="Sidebar Title Background Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="sidebarTitleTextColor" description="Sidebar Title Text Color" type="color" default="#333333" value="#333333"> <Variable name="bodyFont" description="Text Font" type="font" default="normal normal 100% Verdana, Arial, Sans-serif;" value="normal normal 100% Verdana, Arial, Sans-serif;"> <Variable name="headerFont" description="Page Header Font" type="font" default="normal normal 210% Verdana, Arial, Sans-serif;" value="normal normal 210% Verdana, Arial, Sans-serif;"> */ body { background: $bgColor; margin: 0; padding: 0px; font: x-small Verdana, Arial; text-align: center; color: $textColor; font-size/* */:/**/small; font-size: /**/small; } a:link { color: $linkColor; } a:visited { color: $linkColor; } a img { border-width: 0; } #outer-wrapper { font: $bodyFont; } /* Header ----------------------------------------------- */ #header-wrapper { margin:0; padding: 0; background-color: $headerCornersColor; text-align: left; } #header { width: 762px; margin: 0 auto; background-color: $headerBgColor; color: $headerTextColor; padding: 0; font: $headerFont; } h1.title { padding-top: 38px; margin: 0 14px .1em; line-height: 1.2em; font-size: 100%; } h1.title a { color: $headerTextColor; text-decoration: none; } #header .description { display: block; margin: 0 14px; padding: 0 0 40px; line-height: 1.4em; font-size: 50%; } /* Content ----------------------------------------------- */ .clear { clear: both; } #content-wrapper { width: 978px; margin: 0 auto; padding: 0 0 15px; text-align: left; background-color: $mainBgColor; border: 1px solid $borderColor; border-top: 0; } #main-wrapper { margin: 0 15px; width: 468px; float: left; background-color: $mainBgColor; 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-wrapper { width: 240px; float: left; background-color: $mainBgColor; 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, h3 { margin: 0; } /* Posts ----------------------------------------------- */ .date-header { margin: 1.5em 0 0; font-weight: normal; color: $dateHeaderColor; font-size: 100%; } .post { margin: 0 0 1.5em; padding-bottom: 1.5em; } .post-title { margin: 0; padding: 0; font-size: 125%; font-weight: bold; line-height: 1.1em; } .post-title a, .post-title a:visited, .post-title strong { text-decoration: none; color: $textColor; font-weight: bold; } .post div { margin: 0 0 .75em; line-height: 1.3em; } p.post-footer { margin: -.25em 0 0; color: $mainBgColor; font-size: 83%; } .post-footer .span { margin-right: .3em; } .comment-link { margin-left: .3em; } .post img { padding: 4px; border: 1px solid $borderColor; } .post blockquote { margin: 1em 20px; } .post blockquote p { margin: .75em 0; } /* Comments ----------------------------------------------- */ #comments h4 { margin: 1em 0; color: $dateHeaderColor; } #comments h4 strong { font-size: 110%; } #comments-block { margin: 1em 0 1.5em; line-height: 1.3em; } #comments-block dt { margin: .5em 0; } #comments-block dd { margin: .25em 0 0; } #comments-block dd.comment-footer { margin: -.25em 0 2em; line-height: 1.4em; font-size: 78%; } #comments-block dd 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: left; } #blog-pager-older-link { float: right; } #blog-pager { text-align: center; } /* Sidebar Content ----------------------------------------------- */ .sidebar h2 { margin: 1.6em 0 .5em; padding: 4px 5px; background-color: $sidebarTitleBgColor; font-size: 100%; color: $sidebarTitleTextColor; } .sidebar ul { margin: 0; padding: 0; list-style: none; } .sidebar li { margin: 0; padding: 0 0 .5em 15px; text-indent: -15px; line-height: 1.5em; } .sidebar { color: $textColor; line-height:1.3em; } .sidebar .widget { margin-bottom: 1em; } .sidebar .widget-content { margin: 0 5px; } /* Profile ----------------------------------------------- */ .profile-img { float: left; margin: 0 5px 5px 0; padding: 4px; border: 1px solid $borderColor; } .profile-data { margin:0; text-transform:uppercase; letter-spacing:.1em; font-weight: bold; line-height: 1.6em; font-size: 78%; } .profile-datablock { margin:.5em 0 .5em; } .profile-textblock { margin: 0.5em 0; line-height: 1.6em; } /* Footer ----------------------------------------------- */ #footer { clear: both; text-align: center; color: $textColor; } #footer .widget { margin:.5em; padding-top: 20px; font-size: 85%; line-height: 1.5em; text-align: left; } ]]></b:skin> </head> <body> <div id='outer-wrapper'><div id='wrap2'> <!-- skip links for text browsers --> <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='Webtalks (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 class='sidebar-wrapper'> <b:section class='sidebar' id='sidebar1' 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"'> <!-- team blog profile --> <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/> <!-- normal blog profile --> <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'>View my complete profile</a> </b:if> <b:include name='quickedit'/> </div> </b:includable> </b:widget> </b:section> </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='postQuickEdit' var='post'> <b:if cond='data:post.editUrl'> <span expr:class='"item-control " + data:post.adminClass'> <a expr:href='data:post.editUrl' title='Edit Post'> <span class='quick-edit-icon'> </span> </a> </span> </b:if> </b:includable> <b:includable id='comments' var='post'> <div id='comments'> <a name='comments'/> <h4> <b:if cond='data:post.numComments == 1'> 1 Comment: <b:else/> <data:post.numComments/> Comments: </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> said... </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'>Post a Comment</a> </p> <div id='backlinks-container'> <b:if cond='data:post.showBacklinks'> <b:include data='post' name='backlinks'/> </b:if> </div> </div> </b:includable> <b:includable id='main' var='top'> <!-- posts --> <div id='blog-posts'> <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:if cond='data:post.allowComments'> <b:include data='post' name='comments'/> </b:if> </b:if> </b:loop> </div> <!-- navigation --> <b:include name='nextprev'/> <!-- feed links --> <b:include name='feedLinks'/> </b:includable> <b:includable id='backlinkDeleteIcon' var='backlink'> <span expr:class='"item-control " + data:backlink.adminClass'> <a expr:href='data:backlink.deleteUrl' title='Delete Backlink'> <span class='delete-comment-icon'> </span> </a> </span> </b:includable> <b:includable id='feedLinksBody' var='links'> <div class='feed-links'> Subscribe to: <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='backlinks' var='post'> <a name='links'/><h4><data:post.backlinksLabel/></h4> <b:if cond='data:post.numBacklinks != 0'> <dl 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' id='b-backlink' target='_blank'><data:post.createLinkLabel/></a> </p> </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"'> <!-- Blog feed links --> <b:if cond='data:feedLinks'> <div id='blog-feeds'> <b:include data='feedLinks' name='feedLinksBody'/> </div> </b:if> <b:else/> <!--Post feed links --> <div id='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='nextprev'> <div id='blog-pager'> <b:if cond='data:newerPageUrl'> <a expr:href='data:newerPageUrl' expr:title='data:newerPageTitle' id='blog-pager- newer-link'><data:newerPageTitle/></a> </b:if> <b:if cond='data:olderPageUrl'> <a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager- older-link'><data:olderPageTitle/></a> </b:if> <b:if cond='data:blog.homepageUrl != data:blog.url'> <a class='home-link' expr:href='data:blog.homepageUrl'>Home</a> </b:if> </div> <div class='clear'/> </b:includable> <b:includable id='commentDeleteIcon' var='comment'> <span expr:class='"item-control " + data:comment.adminClass'> <a expr:href='data:comment.deleteUrl' title='Delete Comment'> <span class='delete-comment-icon'> </span> </a> </span> </b:includable> <b:includable id='post' var='post'> <div class='post uncustomized-post-template'> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title'> <b:if cond='data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </h3> </b:if> <div class='post-header-line-1'/> <div class='post-body'> <p><data:post.body/></p> <div style='clear: both;'/> <!-- clear for photos floats --> </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> <!-- backlinks --> <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> <span class='post-icons'> <!-- email post links --> <b:if cond='data:post.emailPostUrl'> <span class='item-action'> <a expr:href='data:post.emailPostUrl' title='Email Post'> <span class='email-post-icon'> </span> </a> </span> </b:if> <!-- quickedit pencil --> <b:include data='post' name='postQuickEdit'/> </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:widget> </b:section> </div> <div class='sidebar-wrapper'> <b:section class='sidebar' id='sidebar2' preferred='yes'> <b:widget id='LinkList1' locked='false' title='Link' type='LinkList'> <b:includable id='main'> <b:if cond='data:title'><h2><data:title/></h2></b:if> <div class='widget-content'> <ul> <b:loop values='data:links' var='link'> <li><a expr:href='data:link.target'><data:link.name/></a></li> </b:loop> </ul> <b:include name='quickedit'/> </div> </b:includable> </b:widget> </b:section> </div> <!-- spacer for skins that want sidebar and main to be the same height--> <div class='clear'> </div> </div> <!-- end content-wrapper --> <div id='footer-wrapper'> <b:section class='footer' id='footer'> </b:section> </div> </div> </div> <!-- end outer-wrapper --> <center><p> <a href=""><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBiOEbsGKUSglqD3q-vIN4vBGzbvyRXF3wiqs-dkwA8sROdk3xN1LopE0qkfdjQRYNAdqX6zNMJWcorkqlzSkR69oaqNoU6U73Jd3R2C-QvBuDOlrfTJOM1G5lVMzxQw5CTUQ4Fmax7fwz/s400/clip_image002.jpg" alt="" id="BLOGGER_PHOTO_ID_5250772466617403234" border="0" /></a></p></center> </body> </html> മറ്റൊരു 3 കോളം ടെമ്പ്ലേറ്റ് കൂടി..... <?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[ /* Variable definitions ==================== <Variable name="textColor" description="Text Color" type="color" default="#634320" value="#634320"> <Variable name="blogTitleColor" description="Blog Title Color" type="color" default="#fef6ee" value="#fef6ee"> <Variable name="blogDescriptionColor" description="Blog Description Color" type="color" default="#fef6ee" value="#fef6ee"> <Variable name="postTitleColor" description="Post Title Color" type="color" default="#ba8247" value="#ba8247"> <Variable name="dateHeaderColor" description="Date Header Color" type="color" default="#c8ab8f" value="#c8ab8f"> <Variable name="sidebarHeaderColor" description="Sidebar Title Color" type="color" default="#bd9e80" value="#bd9e80"> <Variable name="mainLinkColor" description="Link Color" type="color" default="#bf4e27" value="#bf4e27"> <Variable name="mainVisitedLinkColor" description="Visited Link Color" type="color" default="#8f3213" value="#8f3213"> <Variable name="sidebarLinkColor" description="Sidebar Link Color" type="color" default="#e2a059" value="#e2a059"> <Variable name="sidebarVisitedLinkColor" description="Sidebar Visited Link Color" type="color" default="#ba742a" value="#ba742a"> <Variable name="bodyFont" description="Text Font" type="font" default="normal normal 100% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif" value="normal normal 100% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif"> <Variable name="headerFont" description="Sidebar Title Font" type="font" default="normal bold 100% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif" value="normal bold 100% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif"> <Variable name="pageTitleFont" description="Blog Title Font" type="font" default="normal bold 200% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif" value="normal bold 200% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif"> <Variable name="blogDescriptionFont" description="Blog Description Font" type="font" default="normal normal 80% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif" value="normal normal 80% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif"> */ /* global ----------------------------------------------- */ body { margin: 0; text-align: center; min-width: 900px; background: #ce8b43 url(http://www.blogblog.com/thisaway/bg_body.gif) repeat-x left top; color: $textColor; font-size: small; } blockquote { margin: 0; padding: 0 10px 0 10px; border-left: 6px solid #f7e8d8; border-right: 6px solid #f7e8d8; color: $postTitleColor; } code { color: $postTitleColor; } hr { display: none; } /* layout ----------------------------------------------- */ #outer-wrapper { margin: 0 auto; width: 900px; text-align: left; font: $bodyFont; } #header-wrapper { padding-bottom: 15px; background:url(http://img444.imageshack.us/img444/103/headbgzc4.jpg) no-repeat left bottom; } #header { background: #634320 url(http://www.blogblog.com/thisaway/bg_header.gif) repeat-x left bottom; } #content-wrapper { position: relative; width: 900px; background: #f7f0e9 url(http://i61.photobucket.com/albums/h59/c_stavanger/thisaway-back.jpg) repeat-y left top; } #main-wrapper { display: inline; /* fixes a strange ie margin bug */ float: left; margin: 0 2px; padding: 0; width: 480px; 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 */ } #main { padding: 22px 8px 0 8px; background: url(http://www.blogblog.com/thisaway/bg_content.gif) repeat-x left top; } .post { margin: 0 8px 14px 21px; padding: 0; border-bottom: 3px solid #f7e8d8; } #comments { margin: 0 16px 14px 29px; padding: 10px; border: 1px solid #f0e0ce; background-color: #f5ede4; } .sidebar-wrapper { display: inline; /* fixes a strange ie margin bug */ float: left; margin: 0 3px; width: 200px; color: $textColor; line-height: 1.4em; font-size: 90%; background: url(http://www.blogblog.com/thisaway/bg_sidebar.gif) repeat-x right top; 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 { padding: 7px 11px 0 14px; background: url(http://www.blogblog.com/thisaway/bg_sidebar_arrow.gif) repeat-y right top; } .sidebar .widget { margin-bottom: 20px; } #footer-wrapper { padding-top: 15px; background: url(http://img184.imageshack.us/img184/5586/bottombglh3.jpg) no-repeat left top; clear: both; } #footer { background: #4A2F15; text-align: center; min-height: 2em; } /* headings ----------------------------------------------- */ #header h1 { margin: 0; padding: 24px 0 0 84px; background: url(http://www.blogblog.com/thisaway/icon_header.gif) no-repeat 16px 26px; } h2.date-header { margin: 0; padding: 0 0 0 29px; text-transform: uppercase; color: $dateHeaderColor; background: url(http://www.blogblog.com/thisaway/icon_date.gif) no-repeat 13px 0; font-size: 80%; font-weight: normal; } .date-header span { margin: 0 0 0 5px; padding: 0 25px 0 25px; background: url(http://www.blogblog.com/thisaway/bg_date.gif) no-repeat 0 0; } .sidebar h2 { padding: 1px 0 0 36px; color: $sidebarHeaderColor; background: url(http://www.blogblog.com/thisaway/icon_sidebar_heading.gif) no-repeat 0 45%; font: $headerFont; } .sidebar .Profile h2 { color: #957252; background: url(http://www.blogblog.com/thisaway/icon_sidebar_profileheading.gif) no-repeat 0 45%; } .post h3 { margin: 13px 0 13px 0; padding: 0; color: $postTitleColor; font-size: 140%; } .post h3 a, .post h3 a:visited { color: $postTitleColor; } #comments h4 { margin-top: 0; font-size: 120%; } /* text ----------------------------------------------- */ #header h1 { color: $blogTitleColor; font: $pageTitleFont; } #header .description { margin: 0; padding: 7px 16px 0 84px; color: $blogDescriptionColor; font: $blogDescriptionFont; } .post-body p { line-height: 1.4em; /* Fix bug in IE5/Win with italics in posts */ margin: 0; height: 1%; overflow: visible; } .post-footer { font-size: 80%; color: $dateHeaderColor; } .uncustomized-post-template .post-footer { text-align: right; } .uncustomized-post-template .post-footer .post-author, .uncustomized-post-template .post-footer .post-timestamp { display: block; float: left; text-align: left; margin-right: 4px; } p.comment-author { font-size: 83%; } .deleted-comment { font-style:italic; color:gray; } .comment-body p { line-height: 1.4em; } .feed-links { clear: both; line-height: 2.5em; margin-bottom: 0.5em; margin-left: 29px; } #footer .widget { margin: 0; padding: 0 0 15px 55px; color: #fef6ee; font-size: 90%; line-height: 1.4em; background: url(http://www.blogblog.com/thisaway/icon_footer.gif) no-repeat 16px 0; } /* lists ----------------------------------------------- */ .post ul { padding-left: 32px; list-style-type: none; line-height: 1.4em; } .post li { padding: 0 0 4px 17px; background: url(http://www.blogblog.com/thisaway/icon_list_item.gif) no-repeat 0 3px; } #comments ul { margin: 0; padding: 0; list-style-type: none; } #comments li { padding: 0 0 1px 17px; background: url(http://www.blogblog.com/thisaway/icon_comment.gif) no-repeat 0 3px; } .sidebar ul { padding: 0; list-style-type: none; line-height: 1.2em; margin-left: 0; } .sidebar li { padding: 0 0 4px 17px; background: url(http://www.blogblog.com/thisaway/icon_list_item.gif) no-repeat 0 3px; } #blog-pager-newer-link { float: left; margin-left: 29px; } #blog-pager-older-link { float: right; margin-right: 16px; } #blog-pager { text-align: center; } /* links ----------------------------------------------- */ a { color: $mainLinkColor; font-weight: bold; } a:hover { color: $mainVisitedLinkColor; } a.comment-link { /* ie5.0/win doesn't apply padding to inline elements, so we hide these two declarations from it */ background/* */:/**/url(http://www.blogblog.com/thisaway/icon_comment.gif) no-repeat 0 45%; padding-left: 14px; } html>body a.comment-link { /* respecified, for ie5/mac's benefit */ background: url(http://www.blogblog.com/thisaway/icon_comment.gif) no-repeat 0 45%; padding-left: 14px; } .sidebar a { color: $sidebarLinkColor; } .sidebar a:hover { color: $sidebarVisitedLinkColor; } #header h1 a { color: $blogTitleColor; text-decoration: none; } #header h1 a:hover { color: #d9c6b4; } .post h3 a { text-decoration: none; } a img { border-width: 0; } .clear { clear: both; line-height: 0; height: 0; } .profile-textblock { clear: both; margin-bottom: 10px; margin-left: 0; } .profile-img { float: left; margin: 0 5px 5px 0; padding: 3px; border: 1px solid #ebd4bd; } .profile-link { padding: 0 0 0 17px; background: url(http://www.blogblog.com/thisaway_blue/icon_profile.gif) no-repeat 0 0; } /** Page structure tweaks for layout editor wireframe */ body#layout #main, body#layout #sidebar { padding: 0; } ]]></b:skin> </head> <body> <div id='outer-wrapper'><div id='wrap2'> <!-- skip links for text browsers --> <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='Thisaway Series (Header)' type='Header'/> </b:section> </div> <div id='content-wrapper'> <div class='sidebar-wrapper'> <b:section class='sidebar' id='sidebar1' preferred='yes'> <b:widget id='LinkList1' locked='false' title='Link' type='LinkList'/> </b:section> </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 class='sidebar-wrapper'> <b:section class='sidebar' id='sidebar2' preferred='yes'> <b:widget id='Label1' locked='false' title='Labels' type='Label'/> <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/> </b:section> </div> <!-- spacer for skins that want sidebar and main to be the same height--> <div class='clear'> </div> </div> <!-- end content-wrapper --> <div id='footer-wrapper'> <b:section class='footer' id='footer'> </b:section> </div> </div> </div> <!-- end outer-wrapper --> <center><p> <a href=""><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBiOEbsGKUSglqD3q-vIN4vBGzbvyRXF3wiqs-dkwA8sROdk3xN1LopE0qkfdjQRYNAdqX6zNMJWcorkqlzSkR69oaqNoU6U73Jd3R2C-QvBuDOlrfTJOM1G5lVMzxQw5CTUQ4Fmax7fwz/s400/clip_image002.jpg" alt="" id="BLOGGER_PHOTO_ID_5250772466617403234" border="0" /></a></p></center> </body> </html> മറ്റൊരു 3 കോളം ടെമ്പ്ലേറ്റ് ..... <?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[ /* Variable definitions ==================== <Variable name="mainBgColor" description="Main Background Color" type="color" default="#eec" value="#eeeecc"> <Variable name="mainTextColor" description="Text Color" type="color" default="#333" value="#333333"> <Variable name="postTitleColor" description="Post Title Color" type="color" default="#333" value="#333333"> <Variable name="dateHeaderColor" description="Date Header Color" type="color" default="#586" value="#558866"> <Variable name="borderColor" description="Post Border Color" type="color" default="#bbb" value="#bbbbbb"> <Variable name="mainLinkColor" description="Link Color" type="color" default="#456" value="#445566"> <Variable name="mainVisitedLinkColor" description="Visited Link Color" type="color" default="#234" value="#223344"> <Variable name="titleBgColor" description="Page Header Background Color" type="color" default="#357" value="#335577"> <Variable name="titleTextColor" description="Blog Title Color" type="color" default="#fff" value="#ffffff"> <Variable name="topSidebarHeaderColor" description="Top Sidebar Title Color" type="color" default="#fff" value="#ffffff"> <Variable name="topSidebarBgColor" description="Top Sidebar Background Color" type="color" default="#586" value="#558866"> <Variable name="topSidebarTextColor" description="Top Sidebar Text Color" type="color" default="#fff" value="#ffffff"> <Variable name="topSidebarLinkColor" description="Top Sidebar Link Color" type="color" default="#fff" value="#ffffff"> <Variable name="topSidebarVisitedLinkColor" description="Top Sidebar Visited Link Color" type="color" default="#fff" value="#ffffff"> <Variable name="bottomSidebarHeaderColor" description="Bottom Sidebar Title Color" type="color" default="#abc" value="#aabbcc"> <Variable name="bottomSidebarLinkColor" description="Bottom Sidebar Link Color" type="color" default="#99ddbb" value="#99ddbb"> <Variable name="bottomSidebarVisitedLinkColor" description="Bottom Sidebar Visited Link Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="bodyFont" description="Text Font" type="font" default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif"> <Variable name="pageTitleFont" description="Blog Title Font" type="font" default="normal bold 200% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 200% 'Trebuchet MS',Verdana,Arial,Sans-serif"> <Variable name="descriptionFont" description="Description Font" type="font" default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif"> <Variable name="headerFont" description="Sidebar Title Font" type="font" default="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif"> <Variable name="postTitleFont" description="Post Title Font" type="font" default="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif"> */ body { background:#123; margin:0; text-align:center; line-height: 1.5em; font: x-small Trebuchet MS, Verdana, Arial, Sans-serif; color:$mainTextColor; font-size/* */:/**/small; font-size: /**/small; } /* Page Structure ----------------------------------------------- */ /* The images which help create rounded corners depend on the following widths and measurements. If you want to change these measurements, the images will also need to change. */ #outer-wrapper { width:975px; margin:0 auto; text-align:left; font: $bodyFont; } #main-wrap1 { width:485px; float:left; background:$mainBgColor url("http://www.blogblog.com/rounders3/corners_main_bot.gif") no-repeat left bottom; margin:15px 5px 0; padding:0 0 10px; color:$mainTextColor; font-size:97%; line-height:1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ } #main-wrap2 { float:left; width:100%; background:url("http://www.blogblog.com/rounders3/corners_main_top.gif") no-repeat left top; padding:10px 0 0; } #main { background:url("http://www.blogblog.com/rounders3/rails_main.gif") repeat-y; padding:0; } .sidebar-wrap { width:240px; float:left; margin:15px 0 0; font-size:97%; line-height:1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ } .main .widget { margin: 0 13px 4px 13px; } .main .Blog { margin: 0; } /* Links ----------------------------------------------- */ a:link { color: $mainLinkColor; } a:visited { color: $mainVisitedLinkColor; } a:hover { color: $mainVisitedLinkColor; } a img { border-width:0; } /* Blog Header ----------------------------------------------- */ #header-wrapper { background:$titleBgColor url("http://img403.imageshack.us/img403/1308/rounders3topcornercq4.jpg") no-repeat left top; margin:22px 0 0 0; padding:8px 0 0 0; color:$titleTextColor; } #header { background:url("http://img403.imageshack.us/img403/2664/rounders3bottomcornerhm2.jpg") no-repeat left bottom; padding:0 15px 8px; } #header h1 { margin:0; padding:10px 30px 5px; line-height:1.2em; font: $pageTitleFont; } #header a, #header a:visited { text-decoration:none; color: $titleTextColor; } #header .description { margin:0; padding:5px 30px 10px; line-height:1.5em; font: $descriptionFont; } /* Posts ----------------------------------------------- */ h2.date-header { margin:0 28px 0 43px; font-size:85%; line-height:2em; text-transform:uppercase; letter-spacing:.2em; color:$dateHeaderColor; } .post { margin:.3em 0 25px; padding:0 13px; border:1px dotted $borderColor; border-width:1px 0; } .post h3 { margin:0; line-height:1.5em; background:url("http://www.blogblog.com/rounders3/icon_arrow.gif") no-repeat 10px .5em; display:block; border:1px dotted $borderColor; border-width:0 1px 1px; padding:2px 14px 2px 29px; color: $postTitleColor; font: $postTitleFont; } .post h3 a, .post h3 a:visited { text-decoration:none; color: $postTitleColor; } a.title-link:hover { background-color: $borderColor; color: $mainTextColor; } .post-body { border:1px dotted $borderColor; border-width:0 1px 1px; border-bottom-color:$mainBgColor; padding:10px 14px 1px 29px; } html>body .post-body { border-bottom-width:0; } .post p { margin:0 0 .75em; } .post-footer { background: #eee; margin:0; padding:2px 14px 2px 29px; border:1px dotted $borderColor; border-width:1px; font-size:100%; line-height:1.5em; color: #666; } .post-footer p { margin: 0; } html>body .post-footer { border-bottom-color:transparent; } .uncustomized-post-template .post-footer { text-align: right; } .uncustomized-post-template .post-author, .uncustomized-post-template .post-timestamp { display: block; float: left; text-align:left; margin-right: 4px; } .post-footer a { color: $mainLinkColor; } .post-footer a:hover { color: $mainVisitedLinkColor; } a.comment-link { /* IE5.0/Win doesn't apply padding to inline elements, so we hide these two declarations from it */ background/* */:/**/url("http://www.blogblog.com/rounders/2icon_comment.gif") no-repeat 0 45%; padding-left:14px; } html>body a.comment-link { /* Respecified, for IE5/Mac's benefit */ background:url("http://www.blogblog.com/rounders3/icon_comment.gif") no-repeat 0 45%; padding-left:14px; } .post img { margin:0 0 5px 0; padding:4px; border:1px solid $borderColor; } blockquote { margin:.75em 0; border:1px dotted $borderColor; border-width:1px 0; padding:5px 15px; color: $dateHeaderColor; } .post blockquote p { margin:.5em 0; } #blog-pager-newer-link { float: left; margin-left: 13px; } #blog-pager-older-link { float: right; margin-right: 13px; } #blog-pager { text-align: center; } .feed-links { clear: both; line-height: 2.5em; margin-left: 13px; } /* Comments ----------------------------------------------- */ #comments { margin:-25px 13px 0; border:1px dotted $borderColor; border-width:0 1px 1px; padding:20px 0 15px 0; } #comments h4 { margin:0 0 10px; padding:0 14px 2px 29px; border-bottom:1px dotted $borderColor; font-size:120%; line-height:1.4em; color:$postTitleColor; } #comments-block { margin:0 15px 0 9px; } .comment-author { background:url("http://www.blogblog.com/rounders3/icon_comment.gif") no-repeat 2px .3em; margin:.5em 0; padding:0 0 0 20px; font-weight:bold; } .comment-body { margin:0 0 1.25em; padding:0 0 0 20px; } .comment-body p { margin:0 0 .5em; } .comment-footer { margin:0 0 .5em; padding:0 0 .75em 20px; } .comment-footer a:link { color: $mainTextColor; } .deleted-comment { font-style:italic; color:gray; } /* Profile ----------------------------------------------- */ .profile-img { float: left; margin: 5px 5px 5px 0; border: 4px solid $topSidebarTextColor; } .profile-datablock { margin:0 15px .5em 0; padding-top:8px; } .profile-link { background:url("http://www.blogblog.com/rounders3/icon_profile.gif") no-repeat 0 .1em; padding-left:15px; font-weight:bold; } .profile-textblock { clear: both; margin: 0; } .sidebar .clear, .main .widget .clear { clear: both; } .sidebartop-wrap { background:$topSidebarBgColor url("http://www.blogblog.com/rounders3/corners_prof_bot.gif") no-repeat left bottom; margin:0px 0px 15px; padding:0px 0px 10px; color:$topSidebarTextColor; } .sidebartop-wrap2 { background:url("http://www.blogblog.com/rounders3/corners_prof_top.gif") no-repeat left top; padding: 10px 0 0; margin:0; border-width:0; } #sidebartop h2 { line-height:1.5em; color:$topSidebarHeaderColor; border-bottom: 1px dotted $topSidebarHeaderColor; margin-bottom: 0.5em; font: $headerFont; } #sidebartop a { color: $topSidebarLinkColor; } #sidebartop a:hover { color: $topSidebarVisitedLinkColor; } #sidebartop a:visited { color: $topSidebarVisitedLinkColor; } /* Sidebar Boxes ----------------------------------------------- */ .sidebar .widget { margin:.5em 13px 1.25em; padding:0 0px; } .widget-content { margin-top: 0.5em; } .sidebarbottom-wrap1 { background:$mainBgColor url("http://www.blogblog.com/rounders3/corners_side_top.gif") no-repeat left top; margin:0 0 15px; padding:10px 0 0; color: $mainTextColor; } .sidebarbottom-wrap2 { background:url("http://www.blogblog.com/rounders3/corners_side_bot.gif") no-repeat left bottom; padding:8px 0px 8px; } .sidebar h2 { margin:0; padding:0 0 .2em; line-height:1.5em; font:$headerFont; } .sidebar ul { list-style:none; margin:0 0 1.25em; padding:0 0px; } .sidebar ul li { background:url("http://www.blogblog.com/rounders3/icon_arrow_sm.gif") no-repeat 2px .25em; margin:0; padding:0 0 3px 16px; margin-bottom:3px; border-bottom:1px dotted $borderColor; line-height:1.4em; } .sidebar p { margin:0 0 .6em; } #sidebar h2 { color: $postTitleColor; border-bottom: 1px dotted $postTitleColor; } /* Footer ----------------------------------------------- */ #footer-wrap1 { clear:both; margin:0; padding:15px 0 0; } #footer-wrap2 { background:$titleBgColor url("http://img403.imageshack.us/img403/1308/rounders3topcornercq4.jpg") no-repeat left top; padding:8px 0 0; color:$titleTextColor; } #footer { background:url("http://img403.imageshack.us/img403/2664/rounders3bottomcornerhm2.jpg") no-repeat left bottom; padding:8px 15px 8px; } #footer hr {display:none;} #footer p {margin:0;} #footer a {color:$titleTextColor;} /** Page structure tweaks for layout editor wireframe */ body#layout #main-wrap1, body#layout .sidebar-wrap, body#layout #header-wrapper { margin-top: 0; } body#layout #header, body#layout #header-wrapper, body#layout #outer-wrapper { margin-left:0, margin-right: 0; padding: 0; } body#layout #outer-wrapper { width: 730px; } body#layout #footer-wrap1 { padding-top: 0; } ]]></b:skin> </head> <body> <div id='outer-wrapper'> <div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1'> <b:widget id='Header1' locked='true' title='Webtalks (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 class='sidebar-wrap'> <div class='sidebarbottom-wrap1'><div class='sidebarbottom-wrap2'> <b:section class='sidebar' id='sidebar2' preferred='yes'/> </div></div> </div> <div id='main-wrap1'><div id='main-wrap2'> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'> <b:includable id='comments' var='post'> <div id='comments'> <a name='comments'/> <h4> <b:if cond='data:post.numComments == 1'> 1 Comment: <b:else/> <data:post.numComments/> Comments: </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> said... </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'>Post a Comment</a> </p> <div id='backlinks-container'> <b:if cond='data:post.showBacklinks'> <b:include data='post' name='backlinks'/> </b:if> </div> </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' title='Edit Post'> <span class='quick-edit-icon'>�</span> </a> </span> </b:if> </b:includable> <b:includable id='main' var='top'> <!-- posts --> <div id='blog-posts'> <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:if cond='data:post.allowComments'> <b:include data='post' name='comments'/> </b:if> </b:if> </b:loop> </div> <!-- navigation --> <b:include name='nextprev'/> <!-- feed links --> <b:include name='feedLinks'/> </b:includable> <b:includable id='backlinkDeleteIcon' var='backlink'> <span expr:class='"item-control " + data:backlink.adminClass'> <a expr:href='data:backlink.deleteUrl' title='Delete Backlink'> <span class='delete-comment-icon'>�</span> </a> </span> </b:includable> <b:includable id='feedLinksBody' var='links'> <div class='feed-links'> Subscribe to: <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='backlinks' var='post'> <a name='links'/><h4><data:post.backlinksLabel/></h4> <b:if cond='data:post.numBacklinks != 0'> <dl 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' id='b-backlink' target='_blank'><data:post.createLinkLabel/></a> </p> </b:includable> <b:includable id='feedLinks'> <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links --> <b:if cond='data:feedLinks'> <div id='blog-feeds'> <b:include data='feedLinks' name='feedLinksBody'/> </div> </b:if> <b:else/> <!--Post feed links --> <div id='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='nextprev'> <div id='blog-pager'> <b:if cond='data:newerPageUrl'> <a expr:href='data:newerPageUrl' expr:title='data:newerPageTitle' id='blog-pager-newer-link'><data:newerPageTitle/></a> </b:if> <b:if cond='data:olderPageUrl'> <a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager-older-link'><data:olderPageTitle/></a> </b:if> <b:if cond='data:blog.homepageUrl != data:blog.url'> <a class='home-link' expr:href='data:blog.homepageUrl'>Home</a> </b:if> </div> <div class='clear'/> </b:includable> <b:includable id='commentDeleteIcon' var='comment'> <span expr:class='"item-control " + data:comment.adminClass'> <a expr:href='data:comment.deleteUrl' title='Delete Comment'> <span class='delete-comment-icon'>�</span> </a> </span> </b:includable> <b:includable id='post' var='post'> <div class='post uncustomized-post-template'> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title'> <b:if cond='data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </h3> </b:if> <div class='post-header-line-1'/> <div class='post-body'> <p><data:post.body/></p> <div style='clear: both;'/> <!-- clear for photos floats --> </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> <!-- backlinks --> <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> <span class='post-icons'> <!-- email post links --> <b:if cond='data:post.emailPostUrl'> <span class='item-action'> <a expr:href='data:post.emailPostUrl' title='Email Post'> <span class='email-post-icon'>�</span> </a> </span> </b:if> <!-- quickedit pencil --> <b:include data='post' name='postQuickEdit'/> </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:widget> </b:section> </div></div> <div class='sidebar-wrap'> <div class='sidebartop-wrap'><div class='sidebartop-wrap2'> <b:section class='sidebar' id='sidebartop'> <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"'> <!-- team blog profile --> <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/> <!-- normal blog profile --> <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'>View my complete profile</a> </b:if> <b:include name='quickedit'/> </div> </b:includable> </b:widget> </b:section> </div></div> <div class='sidebarbottom-wrap1'><div class='sidebarbottom-wrap2'> <b:section class='sidebar' id='sidebar' preferred='yes'/> </div></div> </div> <div id='footer-wrap1'><div id='footer-wrap2'> <b:section class='footer' id='footer'> </b:section> </div></div> </div> <center><p> <a href=""><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBiOEbsGKUSglqD3q-vIN4vBGzbvyRXF3wiqs-dkwA8sROdk3xN1LopE0qkfdjQRYNAdqX6zNMJWcorkqlzSkR69oaqNoU6U73Jd3R2C-QvBuDOlrfTJOM1G5lVMzxQw5CTUQ4Fmax7fwz/s400/clip_image002.jpg" alt="" id="BLOGGER_PHOTO_ID_5250772466617403234" border="0" /></a></p></center> </body> </html> കൂടുതല് കോളങ്ങള് ഉള്ള മറ്റൊരു ടെമ്പ്ലേറ്റ് ഇതാ... <?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 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/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[ /* ************ START OF CSS STYLING ************ */ /* ----------------------------------------------------------------------- Design by: Mullookkaaran; September 2008 ----------------------------------------------------------------------- */ /* Variable definitions ======================== <Variable name="bodybgColor" description="Body Background Color" type="color" default="#FFBBE8" value="#808080"> <Variable name="blogframeColor" description="Blog Background Color" type="color" default="#800040" value="#000000"> <Variable name="blogBorderColor" description="Blog Border Color" type="color" default="#800040" value="#3D81EE"> <Variable name="headerbgColor" description="Header Background Color" type="color" default="#ffffff" value="#006699"> <Variable name="headerBorderColor" description="Header Border Color" type="color" default="#800040" value="#e6ee3d"> <Variable name="blogTitleColor" description="Blog Title Color" type="color" default="#800040" value="#ffffff"> <Variable name="blogDescriptionColor" description="Blog Description Color" type="color" default="#800040" value="#ffffff"> <Variable name="linkbarbgColor" description="Linkbar Background Color" type="color" default="#C94093" value="#000000"> <Variable name="linkbarmainBorderColor" description="Linkbar Main Border Color" type="color" default="#C94093" value="#666666"> <Variable name="linkbarBorderColor" description="Linkbar Border Color" type="color" default="#9D1961" value="#ffffff"> <Variable name="linkbarTextColor" description="Linkbar Text Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="linkbarHoverBgColor" description="Linkbar Hover Background Color" type="color" default="#ffffff" value="#3deec3"> <Variable name="linkbarHoverTextColor" description="Linkbar Hover Text Color" type="color" default="#9D1961" value="#ffffff"> <Variable name="middlebarbgColor" description="Middlebar Background Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="contentbgColor" description="Content Background Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="contentBorderColor" description="Content Border Color" type="color" default="#9D1961" value="#3deec3"> <Variable name="postbgColor" description="Post Background Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="postBorderColor" description="Post Border Color" type="color" default="#ffffff" value="#cc0000"> <Variable name="postTitleColor" description="Post Title Color" type="color" default="#000000" value="#cc0000"> <Variable name="posttitlebgColor" description="Post Title Background Color" type="color" default="#000000" value="#ffffff"> <Variable name="posttitleBorderColor" description="Post Title Border Color" type="color" default="#000000" value="#000000"> <Variable name="dateHeaderColor" description="Date Header Color" type="color" default="#000000" value="#6131BD"> <Variable name="textColor" description="Text Color" type="color" default="#191919" value="#000000"> <Variable name="mainLinkColor" description="Main Link Color" type="color" default="#333333" value="#000000"> <Variable name="mainHoverLinkColor" description="Main Hover Link Color" type="color" default="#9D1961" value="#7D849E"> <Variable name="mainVisitedLinkColor" description="Main Visited Link Color" type="color" default="#9D1961" value="#86AA3F"> <Variable name="blockquotebgColor" description="Blockquote Background Color" type="color" default="#191919" value="#f8ffa9"> <Variable name="blockquoteBorderColor" description="Blockquote Border Color" type="color" default="#191919" value="#C2CD43"> <Variable name="blockQuoteColor" description="Blockquote Color" type="color" default="#191919" value="#86AA3F"> <Variable name="codeTextColor" description="Code Text Color" type="color" default="#660000" value="#86AA3F"> <Variable name="imagebgColor" description="Photo Background Color" type="color" default="#f5f5f5" value="#f8ffa9"> <Variable name="imageBorderColor" description="Photo Border Color" type="color" default="#f5f5f5" value="#c2cd43"> <Variable name="postfooterBgColor" description="Postfooter Background Color" type="color" default="#b8659C" value="#fbffc9"> <Variable name="postfooterBorderColor" description="Postfooter Border Color" type="color" default="#b8659C" value="#C2CD43"> <Variable name="postfooterTextColor" description="Postfooter Text Color" type="color" default="#b8659C" value="#7D849E"> <Variable name="postfooterLinkColor" description="Postfooter Link Color" type="color" default="#b8659C" value="#7D849E"> <Variable name="commentTabLinkColor" description="Comment Tab Link Color" type="color" default="#b8659C" value="#7D849E"> <Variable name="feedlinksColor" description="Feed Links Color" type="color" default="#9D1961" value="#86AA3F"> <Variable name="mainsidebar1bgColor" description="Main Sidebar Background Color" type="color" default="#FFBBE8" value="#0066CC"> <Variable name="sidebar1bgColor" description="Sidebar1 Background Color" type="color" default="#FFBBE8" value="#cc0000"> <Variable name="sidebar2bgColor" description="Sidebar2 Background Color" type="color" default="#FFBBE8" value="#fbffc9"> <Variable name="sidebar1BorderColor" description="Sidebar1 Border Color" type="color" default="#C94093" value="#C2CD43"> <Variable name="sidebar2BorderColor" description="Sidebar2 Border Color" type="color" default="#C94093" value="#C2CD43"> <Variable name="sidebar1HeaderBgColor" description="Sidebar1 Header Background Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="sidebar2HeaderBgColor" description="Sidebar2 Header Background Color" type="color" default="#ffffff" value="#fcfcfc"> <Variable name="sidebar1HeaderBorderColor" description="Sidebar1 Header Border Color" type="color" default="#C94093" value="#86AA3F"> <Variable name="sidebar2HeaderBorderColor" description="Sidebar2 Header Border Color" type="color" default="#C94093" value="#ffffff"> <Variable name="sidebar1HeaderColor" description="Sidebar1 Header Color" type="color" default="#000000" value="#86AA3F"> <Variable name="sidebar2HeaderColor" description="Sidebar2 Header Color" type="color" default="#000000" value="#86AA3F"> <Variable name="sidebar1TextColor" description="Sidebar1 Text Color" type="color" default="#9D1961" value="#86AA3F"> <Variable name="sidebar2TextColor" description="Sidebar2 Text Color" type="color" default="#9D1961" value="#86AA3F"> <Variable name="sidebar1LinkColor" description="Sidebar1 Link Color" type="color" default="#9D1961" value="#86AA3F"> <Variable name="sidebar2LinkColor" description="Sidebar2 Link Color" type="color" default="#9D1961" value="#86AA3F"> <Variable name="sidebar1HoverLinkColor" description="Sidebar1 Hover Link Color" type="color" default="#000000" value="#000000"> <Variable name="sidebar2HoverLinkColor" description="Sidebar2 Hover Link Color" type="color" default="#000000" value="#000000"> <Variable name="sidebar1VisitedLinkColor" description="Sidebar1 Visited Link Color" type="color" default="#000000" value="#86AA3F"> <Variable name="sidebar2VisitedLinkColor" description="Sidebar2 Visited Link Color" type="color" default="#000000" value="#86AA3F"> <Variable name="sidebarListLineColor" description="Sidebar List Line Color" type="color" default="#000000" value="#0066CC"> <Variable name="lowerbarbgColor" description="Lowerbar Background Color" type="color" default="#ffffff" value="#fbffc9"> <Variable name="lowerbarBorderColor" description="Lowerbar Border Color" type="color" default="#C94093" value="#C2CD43"> <Variable name="lowerbarHeaderColor" description="Lowerbar Header Color" type="color" default="#000000" value="#343E61"> <Variable name="lowerbarTitleBgColor" description="Lowerbar Header Background Color" type="color" default="#C94093" value="#bb0000"> <Variable name="lowerbarTitleBorderColor" description="Lowerbar Header Border Color" type="color" default="#C94093" value="#333333"> <Variable name="lowerbarTextColor" description="Lowerbar Text Color" type="color" default="#9D1961" value="#7D849E"> <Variable name="lowerbarLinkColor" description="Lowerbar Link Color" type="color" default="#9D1961" value="#86AA3F"> <Variable name="lowerbarHoverLinkColor" description="Lowerbar Hover Link Color" type="color" default="#000000" value="#7D849E"> <Variable name="lowerbarVisitedLinkColor" description="Lowerbar Visited Link Color" type="color" default="#000000" value="#86AA3F"> <Variable name="lowerbarListLineColor" description="Lowerbar List Line Color" type="color" default="#000000" value="#cc0000"> <Variable name="commentbgColor" description="Comment Background Color" type="color" default="#9D1961" value="#f8ffa9"> <Variable name="commentBorderColor" description="Comment Border Color" type="color" default="#C94093" value="#C2CD43"> <Variable name="commentTitleColor" description="Comment Header Color" type="color" default="#000000" value="#343E61"> <Variable name="commentAuthorBgColor" description="Comment Author Background Color" type="color" default="#9D1961" value="#cc0000"> <Variable name="commentboxBorderColor" description="Comment Author Border Color" type="color" default="#C94093" value="#C2CD43"> <Variable name="commentauthorColor" description="Comment Author Color" type="color" default="#9D1961" value="#86AA3F"> <Variable name="commentTimeStampColor" description="Comment Timestamp Color" type="color" default="#C94093" value="#7D849E"> <Variable name="commentTextColor" description="Comment Text Color" type="color" default="#4c4c4c" value="#7D849E"> <Variable name="footerbgColor" description="Footer Background Color" type="color" default="#ffffff" value="#fbffc9"> <Variable name="footerBorderColor" description="Footer Border Color" type="color" default="#000000" value="#fbffc9"> <Variable name="footerHeaderColor" description="Footer Header Color" type="color" default="#000000" value="#C2CD43"> <Variable name="footerTextColor" description="Footer Text Color" type="color" default="#C94093" value="#C2CD43"> <Variable name="footerLinkColor" description="Footer Link Color" type="color" default="#C94093" value="#C2CD43"> <Variable name="footerHoverLinkColor" description="Footer Hover Link Color" type="color" default="#C94093" value="#bb0000"> <Variable name="footerVisitedLinkColor" description="Footer Visited Link Color" type="color" default="#C94093" value="#C2CD43"> <Variable name="blogTitleFont" description="Blog Title Font" type="font" default="normal bold 273% Georgia, Times, serif" value="normal bold 302% Georgia, Times, serif"> <Variable name="blogDescriptionFont" description="Blog Description Font" type="font" default="normal normal 104% georgia,helvetica,verdana,Georgia, serif" value="normal bold 99% Georgia, Times, serif"> <Variable name="linkbarTextFont" description="Linkbar Text Font" type="font" default="normal normal 77% Verdana, sans-serif" value="normal bold 74% Arial, sans-serif"> <Variable name="postTitleFont" description="Post Title Font" type="font" default="normal bold 180% Georgia, Times, serif" value="normal bold 113% Verdana, sans-serif"> <Variable name="dateHeaderFont" description="Date Header Font" type="font" default="normal bold 117% Arial, sans-serif" value="normal normal 74% Arial, sans-serif"> <Variable name="textFont" description="Text Font" type="font" default="normal normal 90% Arial, sans-serif" value="normal normal 77% Verdana, sans-serif"> <Variable name="quoteFont" description="Blog Quote Font" type="font" default="normal normal 92% helvetica,tahoma,verdana,arial,times,Sans-serif" value="italic normal 95% Verdana, sans-serif"> <Variable name="sidebarHeaderFont" description="Sidebar Title Font" type="font" default="normal bold 117% Arial, sans-serif" value="normal bold 103% Verdana, sans-serif"> <Variable name="sidebarTextFont" description="Sidebar Text Font" type="font" default="normal normal 78% Arial, Verdana, sans-serif" value="normal normal 68% Verdana, sans-serif"> <Variable name="postfooterTextFont" description="Post-Footer Text Font" type="font" default="normal normal 93% Arial, sans-serif" value="normal normal 86% Verdana, sans-serif"> <Variable name="commentTitleFont" description="Comment Title Font" type="font" default="normal bold 120% Arial, sans-serif" value="normal bold 127% Verdana, sans-serif"> <Variable name="commentTextFont" description="Comment Text Font" type="font" default="normal normal 95% Arial, sans-serif" value="normal normal 94% Verdana, sans-serif"> <Variable name="footerHeaderFont" description="Footer Header Font" type="font" default="normal bold 131% Trebuchet, Trebuchet MS, Arial, sans-serif" value="normal bold 114% Arial, sans-serif"> <Variable name="footerTextFont" description="Footer Text Font" type="font" default="normal normal 76% Trebuchet, Trebuchet MS, Arial, sans-serif" value="normal bold 72% Arial, sans-serif"> */ /* ----- GLOBAL ----- Blogger template design by mullookkaaran */ * {margin:0; padding:0;} body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; color: $textColor; background: $bodybgColor url() repeat top right; background-attachment: fixed; font-family: arial,verdana,helvetica,tahoma,Sans-serif; font-size: 100%; width: 100%; } #outer-wrapper { margin: 0 auto; /* auto - to make the template lay in the screen center */ padding: 0px 0px 0px 0px; margin-top: 25px; margin-bottom: 20px; position: relative; width: 100%; text-align: center; } #blog-wrapper { margin: 0 auto; /* auto - to make the template lay in the screen center */ padding: 20px; margin-top: 20px; margin-bottom: 10px; text-align: center; position: relative; width: 930px; background: $blogframeColor; border: 1px solid $blogBorderColor; } #spacer {clear: both; margin: 0; padding: 0;} /* global link attributes */ a {color: $mainLinkColor; text-decoration: underline;} a:hover {color: $mainHoverLinkColor; text-decoration: underline;} a:visited {color: $mainVisitedLinkColor; text-decoration: underline;} /* Blogger Navigation Bar */ #Navbar1 { margin: 0; padding: 0; /* visibility: hidden; */ /* display: none; */ } /* ----- TOP ADS ----- Blogger template design by mullookkaaran */ #topads-wrapper { margin: 0; padding: 0; position: relative; text-align: center; width: 100%; } #topads {margin: 0; padding: 0;} #topads .widget {margin: 0; padding: 5px 0;} /* ----- HEADER ----- Blogger template design by mullookkaaran */ #header-wrapper { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 930px; text-align: center; background: $headerbgColor; border: 0px solid $headerBorderColor; } #header { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; } #header h1 { color: $blogTitleColor; font: $blogTitleFont; text-align: left; text-transform: uppercase; margin: 0px 0px 0px 0px; padding: 20px 20px 0px 20px; } #header h1 a { text-decoration: none; color: $blogTitleColor; } #header h1 a:hover { text-decoration: underline; color: $blogDescriptionColor; } #header .description { color: $blogDescriptionColor; font: $blogDescriptionFont; text-align: left; margin: 0px 0px 0px 0px; padding: 2px 20px 17px 20px; } #header h1 p, #header .description p {margin:0;padding:0} #header a img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0; } /* ----- LINKBAR ----- Blogger template design by mullookkaaran */ #linkbar-wrapper { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 930px; position: relative; background: $linkbarbgColor; border-bottom: 5px solid $linkbarmainBorderColor; } #linkbar .widget { margin: 0px 0px 0px 0px; padding: 6px 5px 5px 5px; } #linkbar ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; list-style-type:none; border-right: 0px solid $linkbarBorderColor; } #linkbar li { display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #linkbar h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: none; visibility: hidden; } #linkbar a { clear: both; margin: 0px -4px 0px 0px; padding: 9px 20px 6px 20px; width:100%; text-decoration:none; font: $linkbarTextFont; color: $linkbarTextColor; /* text-transform: uppercase; */ border-right: 1px solid $linkbarBorderColor; border-left: 0px solid $linkbarBorderColor; } #linkbar a:hover { color: $linkbarHoverTextColor; background: $linkbarHoverBgColor; } /* ----- MIDDLE ADS ----- Blogger template design by mullookkaaran */ #middleads-wrapper { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 930px; position: relative; text-align: center; width: 100%; } #middleads, #middleads2 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #middleads .widget, #middleads2 .widget { margin: 0; padding: 5px 0; background: $middlebarbgColor; } /* ----- MAIN ----- Blogger template design by mullookkaaran */ #content-wrapper { width: 930px; margin: 0px 0px 0px 0px; padding: 15px 0px 0px 0px; position: relative; text-align: left; /* background: $contentbgColor; */ border: 0px solid $contentBorderColor; 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 */ } #subcontent-wrapper { float: left; position: relative; width: 555px; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; background: $postbgColor; border: 1px solid $contentBorderColor; } #main-wrapper { float: left; position: relative; max-width: 415px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: justify; 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 */ } #main { width: 415px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: justify; color: $textColor; font: $textFont; } #main .widget { margin: 0px 0px 7px 0px; padding: 15px 5px 15px 10px; background: $postbgColor; /* url(http://farm4.static.flickr.com/3135/2746541297_c4c9e6dae2_o.jpg) repeat-y top left; */ border: 0px solid $postBorderColor; } .post { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 1.6em; text-align: justify; } .post h3 { margin: 0px 0px 0px 0px; padding: 0px 0px 1px 0px; color: $postTitleColor; font: $postTitleFont; text-decoration: none; text-align: left; line-height: 1.6em; /* text-transform: uppercase; background: $posttitlebgColor; border-top: 1px solid $posttitleBorderColor; border-bottom: 2px solid $posttitleBorderColor; */ } .post h3 a, .post h3 a:visited { color: $postTitleColor; text-decoration: none; } .post h3 a:hover { color: $textColor; text-decoration: underline; } .post-header-line-1 { margin: 0px 0px 0px 0px; padding: 0px 0px 17px 0px; } h2.date-header { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; color: $dateHeaderColor; font: $dateHeaderFont; text-decoration: none; text-transform: uppercase; } .date-header span { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .post-body p { /* Fix bug in IE5/Win with italics in posts */ margin: 0px 0px 0px 0px; padding: 1px 0px 1px 0px; display: inline; /* to fix floating-ads wrapping problem in IE */ height: 1%; overflow: visible; } .post-body p a, .post-body p a:visited { color: $mainLinkColor; text-decoration: underline; } .post-body a:hover { text-decoration: underline; color: $mainHoverLinkColor; } .post ul { margin: 0px 0px 0px 0px; padding: 12px 0px 12px 30px; list-style-type: disc; line-height: 1.6em; font-size: 95%; } .post ol { margin: 0px 0px 0px 0px; padding: 12px 0px 12px 30px; line-height: 1.6em; font-size: 95%; } .post li { margin: 0px 0px 0px 0px; padding: 0px 0px 8px 0px; } a img { margin: 5px 5px 5px 5px; padding: 0px 0px 0px 0px; } .post img { margin: 5px; padding: 5px; background: $imagebgColor; border: 1px solid $imageBorderColor; } /* ----- POST-FOOTER ----- Blogger template design by mullookkaaran */ .post-footer { display: block; margin: 15px 0px 25px 0px; padding: 4px 0px 5px 0px; text-align: left; font: $postfooterTextFont; color: $postfooterTextColor; font-weight: normal; line-height: 1.6em; text-decoration: none; /* background: $postfooterBgColor; */ border-top: 1px dashed $postfooterBorderColor; } .post-footer-line { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .post-footer-line-1, .post-footer-line-2, .post-footer-line-3 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .post-footer a { color: $postfooterLinkColor; text-decoration: none; } .post-footer a:hover { color: $mainHoverLinkColor; text-decoration: underline; } .post-footer .post-comment-link a { margin: 0px 0px 0px 7px; padding: 0px 0px 0px 9px; border-left: 1px solid $postfooterTextColor; color: $commentTabLinkColor; font-weight: normal; text-decoration: none; } .post-footer .post-comment-link a:hover { color: $mainHoverLinkColor; text-decoration: underline; } .post-footer .post-icons { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .post-footer img { margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; background: $postfooterBgColor; } #blog-pager { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; font: $postfooterTextFont; color: $feedlinksColor; } #blog-pager a {color: $feedlinksColor} #blog-pager a:hover {color: $mainHoverLinkColor} #blog-pager-newer-link { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #blog-pager-older-link { float: right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .feed-links { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; clear: both; text-align: left; font: $postfooterTextFont; color: $feedlinksColor; } .feed-links a, .feed-links a:visited {color: $feedlinksColor} .feed-links a:hover {color: $mainHoverLinkColor} /* ----- BLOCKQUOTE ----- */ blockquote { margin: 10px 0px 10px 20px; padding: 10px 15px 10px 15px; font: $quoteFont; line-height: 1.6em; color: $blockQuoteColor; background: $blockquotebgColor; border: 2px solid $blockquoteBorderColor; } /* ----- CODE ----- */ code { color: $codeTextColor; font-size: 110%; } /* ----- SIDEBAR ----- Blogger template design by mullookkaaran */ #side-wrapper1 { max-width: 140px; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: $postbgColor; 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 */ } #side-wrapper2 { max-width: 373px; float: right; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; 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-wrapper { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 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 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; font: $sidebarTextFont; } #sidebar1 { width: 120px; margin: 0px 0px 0px 0px; padding: 15px 10px 0px 10px; color: $sidebar1TextColor; line-height: 1.6em; } #sidebar2 { width: 358px; margin: 0px 0px 0px 15px; padding: 0px 0px 0px 0px; color: $sidebar2TextColor; line-height: 1.6em; } #sidebar1 .widget { margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; border: 0px solid $sidebar1BorderColor; } #sidebar2 .widget { margin: 0px 0px 15px 0px; padding: 10px 10px 10px 10px; background: $sidebar2bgColor; border: 1px solid $sidebar2BorderColor; } /* sidebar heading ----- Blogger template design by mullookkaaran */ #sidebar1 h2 { margin: 0px 0px 2px 0px; padding: 0px 0px 2px 0px; text-align: left; color: $sidebar1HeaderColor; font: $sidebarHeaderFont; text-transform: uppercase; text-decoration: underline; /* background: $sidebar1HeaderBgColor; border-top: 0px solid $sidebar1HeaderBorderColor; border-bottom: 1px solid $sidebar1HeaderBorderColor; */ } #sidebar2 h2 { margin: 0px 0px 2px 0px; padding: 0px 0px 2px 0px; text-align: left; color: $sidebar2HeaderColor; font: $sidebarHeaderFont; text-transform: uppercase; text-decoration: underline; /* background: $sidebar2HeaderBgColor; border-top: 0px solid $sidebar2HeaderBorderColor; border-bottom: 1px solid $sidebar2HeaderBorderColor; */ } .sidebar ul, #BlogArchive1 ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; } .sidebar li, #BlogArchive1 li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; /* border-bottom: 1px solid $sidebarListLineColor; */ } #sidebar1 a { color: $sidebar1LinkColor; text-decoration: none; } #sidebar1 a:hover { text-decoration: underline; color: $sidebar1HoverLinkColor; } #sidebar1 a:visited { text-decoration: none; color: $sidebar1VisitedLinkColor; } #sidebar2 a { color: $sidebar2LinkColor; text-decoration: none; } #sidebar2 a:hover { text-decoration: underline; color: $sidebar2HoverLinkColor; } #sidebar2 a:visited { text-decoration: none; color: $sidebar2VisitedLinkColor; } .sidebar a img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /* ----- PROFILE ----- Blogger template design by Mullookkaaran */ .profile-img { margin: 5px; padding: 0px; border: 1px solid $sidebarListLineColor; } .profile-textblock { margin: 0px 0px 0px 0px; padding: 3px 0px 3px 0px; clear: both; line-height: 1.6em; /* border-top: 1px solid $sidebarListLineColor; border-bottom: 1px solid $sidebarListLineColor; */ } .profile-datablock { margin: 2px 0px 5px 0px; padding: 0px 0px 0px 0px; } .profile-data { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight: normal; font-style: italic; } .profile-link { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /* ----- COMMENT ----- Blogger template design by mullookkaaran */ #comments { margin: 0px 0px 0px 0px; padding: 0px 15px 20px 15px; text-align: left; color: $commentTextColor; font: $commentTextFont; background: $commentbgColor; border: 1px solid $commentBorderColor; } /* comment-header */ #comments h4 { margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; color: $commentTitleColor; font: $commentTitleFont; } .deleted-comment { font-style:italic; color:gray; margin: 3px 0px 3px 0px; } .comment-author { display: block; margin: 10px 0px 0px 0px; padding: 8px 10px 3px 0px; color: $commentauthorColor; /* background: $commentAuthorBgColor; */ border-top: 1px solid $commentboxBorderColor; border-bottom: 0px dotted $commentboxBorderColor; font-weight: normal; } .comment-author a {color: $commentauthorColor; text-decoration: none;} .comment-author a:hover {color: $commentTimeStampColor; text-decoration: underline;} .comment-author a:visited {color: $commentauthorColor; text-decoration: none;} .comment-body {margin: 0; padding: 5px 0px 5px 40px;} .comment-body p {margin: 0; padding: 0; line-height: 1.7em;} .comment-footer, .comment-footer a {margin: 0px 0px 0px 0px; padding: 4px 0px 0px 0px;} .comment-timestamp { margin: 0px 0px 0px 4px; padding: 0px 0px 7px 4px; color: $commentTimeStampColor; text-decoration: none; font-weight: normal; font-style: italic; font-size: 96%; } .comment-timestamp a { color: $commentTimeStampColor; text-decoration: none; } .comment-timestamp a:hover {color: $commentauthorColor; text-decoration: underline;} #comments ul {margin: 0; padding: 0; list-style-type: none;} #comments li {margin: 0; padding: 0;} a.comment-link { /* ie5.0/win doesn't apply padding to inline elements, so we hide these two declarations from it */ padding: 0px 0px 0px 0px; } html>body a.comment-link { /* respecified, for ie5/mac's benefit */ padding-left: 0px; } /* ----- LOWER SECTION ----- Blogger template design by mullookkaaran */ #lower-wrapper { margin: 15px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 930px; font: $sidebarTextFont; color: $lowerbarTextColor; background: $lowerbarbgColor; border-top: 5px solid $lowerbarBorderColor; border-bottom: 5px solid $lowerbarBorderColor; } #lowerbar-wrapper { float: left; margin: 0px 0px 0px 0px; padding: 15px 0px 25px 0px; width: 33%; text-align: left; line-height: 1.8em; 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 */ } #lowerads-wrapper { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; text-align: center; 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 */ } .lowerbar {margin: 0; padding: 0;} .lowerbar .widget {margin: 0; padding: 15px 20px 25px 34px;} .lowerads {margin: 0; padding: 0;} .lowerads .widget {margin: 0; padding: 10px 0px 10px 0px;} .lowerbar h2 { margin: 0px 0px 2px 0px; padding: 10px 0px 2px 0px; color: $lowerbarHeaderColor; font: $sidebarHeaderFont; text-align: left; text-transform: uppercase; text-decoration: underline; /* background: $lowerbarTitleBgColor; border-bottom: 1px solid $lowerbarTitleBorderColor; */ } .lowerbar ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; } .lowerbar li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; /* border-bottom: 1px solid $lowerbarListLineColor; */ } .lowerbar a {color: $lowerbarLinkColor; text-decoration: none;} .lowerbar a:hover {text-decoration: underline; color: $lowerbarHoverLinkColor;} .lowerbar a:visited {text-decoration: none; color: $lowerbarVisitedLinkColor;} /* ----- FOOTER ----- Blogger template design by mullookkaaran */ #footer-wrapper { clear: both; display: inline; /* handles IE margin bug */ float: left; width: 930px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: $footerbgColor; border-top: 1px solid $footerBorderColor; } #footer { margin: 0px 0px 0px 0px; padding: 15px 0px 0px 0px; text-align: center; color: $footerTextColor; font: $footerTextFont; line-height: 1.6em; } #footer h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 2px 0px; color: $footerHeaderColor; font: $footerHeaderFont; } #footer .widget { margin: 0px 0px 0px 0px; padding: 0px 10px 15px 10px; } .footer p {margin: 0; padding: 0} .footer a { color: $footerLinkColor; text-decoration: none; } .footer a:hover { color: $footerHoverLinkColor; text-decoration: underline; } .footer a:visited { color: $footerVisitedLinkColor; text-decoration: none; } /* ----- BOTTOM ADS ----- Blogger template design by mullookkaaran */ #bottomads-wrapper { margin: 0; padding: 0; position: relative; text-align: center; width: 100%; } #bottomads {margin: 0; padding: 10px 0;} #bottomads .widget {margin: 0; padding: 5px 0;} /* ----- CREDIT ----- */ #credit { margin: 0px 0px 0px 0px; padding: 2px 0px 0px 0px; width: 100%; height: 26px; clear: both; font-family: verdana, helvetica; font-size: 70%; color: $postbgColor; font-weight: normal; background: $textColor; } #creditleft { margin: 0px 0px 0px 0px; padding: 7px 0px 0px 0px; height: 26px; position: relative; float: left; text-align: left; display: inline; width: 71%; background: $textColor; } #creditright { margin: -33px 0px 0px 0px; padding: 7px 0px 0px 0px; height: 26px; position: relative; float: right; text-align:right; display: inline; width: 30%; background: $textColor; } #creditleft p { margin: 0; padding: 0 } #creditright p { margin: 0; padding: 0 } #creditleft a, .creditleft a:hover, .creditleft a:visited { color: $postbgColor; text-decoration: underline; } #creditright a, .creditright a:hover, .creditright a:visited { color: $postbgColor; text-decoration: underline; } /* ************ END OF CSS STYLING ************ */ /** Page structure tweaks for layout editor wireframe */ body#layout #main, body#layout #sidebar { padding: 0; } ]]></b:skin> <b:if cond='data:blog.pageType != "item"'> <script type='text/javascript'> var fade = false; function showFull(id) { var post = document.getElementById(id); var spans = post.getElementsByTagName('span'); for (var i = 0; i < spans.length; i++) { if (spans[i].id == "fullpost") { if (fade) { spans[i].style.background = peekaboo_bgcolor; Effect.Appear(spans[i]); } else spans[i].style.display = 'inline'; } if (spans[i].id == "showlink") spans[i].style.display = 'none'; if (spans[i].id == "hidelink") spans[i].style.display = 'inline'; } } function hideFull(id) { var post = document.getElementById(id); var spans = post.getElementsByTagName('span'); for (var i = 0; i < spans.length; i++) { if (spans[i].id == "fullpost") { if (fade) { spans[i].style.background = peekaboo_bgcolor; Effect.Fade(spans[i]); } else spans[i].style.display = 'none'; } if (spans[i].id == "showlink") spans[i].style.display = 'inline'; if (spans[i].id == "hidelink") spans[i].style.display = 'none'; } post.scrollIntoView(true); } function checkFull(id) { var post = document.getElementById(id); var spans = post.getElementsByTagName('span'); var found = 0; for (var i = 0; i < spans.length; i++) { if (spans[i].id == "fullpost") { spans[i].style.display = 'none'; found = 1; } if ((spans[i].id == "showlink") && (found == 0)) spans[i].style.display = 'none'; } } </script> </b:if> </head> <body> <div id='outer-wrapper'> <!-- skip links for text browsers --> <span id='skiplinks' style='display:none;'> <a href='#main'>skip to main </a> | <a href='#sidebar'>skip to sidebar</a> </span> <div id='topads-wrapper'> <b:section class='topads' id='topads' preferred='yes'/> </div> <div style='clear: both;'/> <div id='blog-wrapper'> <div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Testpad (Header)' type='Header'/> </b:section> </div> <div style='clear: both;'/> <div id='linkbar-wrapper'> <b:section class='linkbar' id='linkbar' showaddelement='no'> <b:widget id='LinkList1' locked='true' title='' type='LinkList'/> </b:section> </div> <div style='clear: both;'/> <div id='middleads-wrapper'> <b:section class='middleads' id='middleads' preferred='yes'/> </div> <div style='clear: both;'/> <div id='content-wrapper'> <div id='subcontent-wrapper'> <div id='main-wrapper'> <b:section class='main' id='main' preferred='yes'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> </b:section> </div> <div id='side-wrapper1'> <b:section class='sidebar' id='sidebar1' preferred='yes'> <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/> <b:widget id='Profile1' locked='false' title='About' type='Profile'/> </b:section> </div> </div> <!-- end subcontent-wrapper --> <div id='side-wrapper2'> <b:section class='sidebar' id='sidebar2' preferred='yes'> <b:widget id='Image1' locked='false' title='' type='Image'/> <b:widget id='Feed2' locked='false' title='Recent Posts' type='Feed'/> <b:widget id='Label2' locked='false' title='Labels' type='Label'/> </b:section> </div> <!-- spacer for skins that sets sidebar and main to be the same height--> <div style='clear: both;'/> </div> <!-- end content-wrapper --> <div id='middleads-wrapper'> <b:section class='middleads2' id='middleads2' preferred='yes'/> </div> <div style='clear: both;'/> <div id='lower-wrapper'> <div id='lowerbar-wrapper'> <b:section class='lowerbar' id='lowerbar1' preferred='yes'> <b:widget id='Text2' locked='false' title='About This Blog' type='Text'/> </b:section> </div> <div id='lowerbar-wrapper'> <b:section class='lowerbar' id='lowerbar2' preferred='yes'> <b:widget id='Text3' locked='false' title='Lorem Ipsum' type='Text'/> </b:section> </div> <div id='lowerbar-wrapper'> <b:section class='lowerbar' id='lowerbar3' preferred='yes'> <b:widget id='Feed1' locked='false' title='Our Blogger Templates' type='Feed'/> </b:section> </div> <div style='clear: both;'/> <div id='lowerads-wrapper'> <b:section class='lowerads' id='lowerads' preferred='yes'/> </div> <div style='clear: both;'/> </div> <!-- end lower-wrapper --> <div id='footer-wrapper'> <b:section class='footer' id='footer'> <b:widget id='Text1' locked='false' title='Footer' type='Text'/> </b:section> </div> <div style='clear: both;'/> </div> <!-- end blog-wrapper --> <div id='bottomads-wrapper'> <b:section class='bottomads' id='bottomads' preferred='yes'/> </div> </div> <!-- end outer-wrapper --> <!-- --> <div id='credit'> <div id='creditleft'> <p><b><a href=''/> <i/><font color='red'> Dsgd: by <blink>Mullookkaaran</blink></font><a href=''/></b></p> </div> <div id='creditright'> <p><b>Back to <a href='#outer-wrapper'>TOP</a>  </b></p> </div> </div> <!-- end credit --> </body> </html> കൂടുതല് കോളങ്ങള് ഉള്ള മറ്റൊരു ടെമ്പ്ലേറ്റ് ... <?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 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/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[ /* ************ START OF CSS STYLING ************ */ /* ----------------------------------------------------------------------- Template Design: by Mullookkaaran ----------------------------------------------------------------------- */ /* Variable definitions ======================== <Variable name="bodybgColor" description="Body Background Color" type="color" default="#FFBBE8" value="#666666"> <Variable name="blogframeColor" description="Blog Background Color" type="color" default="#800040" value="#3275b8"> <Variable name="blogBorderColor" description="Blog Border Color" type="color" default="#800040" value="#ffffff"> <Variable name="headerbgColor" description="Header Background Color" type="color" default="#ffffff" value="#000000"> <Variable name="headerBorderColor" description="Header Border Color" type="color" default="#800040" value="#191919"> <Variable name="blogTitleColor" description="Blog Title Color" type="color" default="#800040" value="#ffffff"> <Variable name="blogDescriptionColor" description="Blog Description Color" type="color" default="#800040" value="#ffff66"> <Variable name="linkbarbgColor" description="Linkbar Background Color" type="color" default="#C94093" value="#cccccc"> <Variable name="linkbarmainBorderColor" description="Linkbar Main Border Color" type="color" default="#C94093" value="#cc0000"> <Variable name="linkbarBorderColor" description="Linkbar Border Color" type="color" default="#9D1961" value="#3D81EE"> <Variable name="linkbarTextColor" description="Linkbar Text Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="linkbarHoverBgColor" description="Linkbar Hover Background Color" type="color" default="#ffffff" value="#FF6FCF"> <Variable name="linkbarHoverTextColor" description="Linkbar Hover Text Color" type="color" default="#9D1961" value="#ffffff"> <Variable name="middlebarbgColor" description="Middlebar Background Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="contentbgColor" description="Content Background Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="contentBorderColor" description="Content Border Color" type="color" default="#9D1961" value="#0066CC"> <Variable name="postbgColor" description="Post Background Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="postBorderColor" description="Post Border Color" type="color" default="#ffffff" value="#000000"> <Variable name="postTitleColor" description="Post Title Color" type="color" default="#000000" value="#cc0000"> <Variable name="posttitlebgColor" description="Post Title Background Color" type="color" default="#000000" value="#215670"> <Variable name="posttitleBorderColor" description="Post Title Border Color" type="color" default="#000000" value="#0066CC"> <Variable name="dateHeaderColor" description="Date Header Color" type="color" default="#000000" value="#666666"> <Variable name="textColor" description="Text Color" type="color" default="#191919" value="#000000"> <Variable name="mainLinkColor" description="Main Link Color" type="color" default="#333333" value="#ffffff"> <Variable name="mainHoverLinkColor" description="Main Hover Link Color" type="color" default="#9D1961" value="#6728B2"> <Variable name="mainVisitedLinkColor" description="Main Visited Link Color" type="color" default="#9D1961" value="#ffffff"> <Variable name="blockQuoteColor" description="Blockquote Color" type="color" default="#191919" value="#eeaa3d"> <Variable name="blockquoteBorderColor" description="Blockquote Border Color" type="color" default="#191919" value="#4c4c4c"> <Variable name="codeTextColor" description="Code Text Color" type="color" default="#660000" value="#000000"> <Variable name="imagebgColor" description="Photo Background Color" type="color" default="#f5f5f5" value="#FF6FCF"> <Variable name="imageBorderColor" description="Photo Border Color" type="color" default="#f5f5f5" value="#0066CC"> <Variable name="postfooterBgColor" description="Postfooter Background Color" type="color" default="#b8659C" value="#e6e6e6"> <Variable name="postfooterBorderColor" description="Postfooter Border Color" type="color" default="#b8659C" value="#000000"> <Variable name="postfooterTextColor" description="Postfooter Text Color" type="color" default="#b8659C" value="#000000"> <Variable name="postfooterLinkColor" description="Postfooter Link Color" type="color" default="#b8659C" value="#333333"> <Variable name="commentTabLinkColor" description="Comment Tab Link Color" type="color" default="#b8659C" value="#6232b8"> <Variable name="feedlinksColor" description="Feed Links Color" type="color" default="#9D1961" value="#3D81EE"> <Variable name="mainsidebar1bgColor" description="Main Sidebar Background Color" type="color" default="#FFBBE8" value="#3d81ee"> <Variable name="sidebar1bgColor" description="Sidebar1 Background Color" type="color" default="#FFBBE8" value="#ffffff"> <Variable name="sidebar2bgColor" description="Sidebar2 Background Color" type="color" default="#FFBBE8" value="#ffffff"> <Variable name="sidebar1BorderColor" description="Sidebar1 Border Color" type="color" default="#C94093" value="#ffffff"> <Variable name="sidebar2BorderColor" description="Sidebar2 Border Color" type="color" default="#C94093" value="#ffffff"> <Variable name="sidebar1HeaderBgColor" description="Sidebar1 Header Background Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="sidebar2HeaderBgColor" description="Sidebar2 Header Background Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="sidebar1HeaderBorderColor" description="Sidebar1 Header Border Color" type="color" default="#C94093" value="#ffffff"> <Variable name="sidebar2HeaderBorderColor" description="Sidebar2 Header Border Color" type="color" default="#C94093" value="#ffffff"> <Variable name="sidebar1HeaderColor" description="Sidebar1 Header Color" type="color" default="#000000" value="#ffffff"> <Variable name="sidebar2HeaderColor" description="Sidebar2 Header Color" type="color" default="#000000" value="#ffffff"> <Variable name="sidebar1TextColor" description="Sidebar1 Text Color" type="color" default="#9D1961" value="#000000"> <Variable name="sidebar2TextColor" description="Sidebar2 Text Color" type="color" default="#9D1961" value="#000000"> <Variable name="sidebar1LinkColor" description="Sidebar1 Link Color" type="color" default="#9D1961" value="#66B5FF"> <Variable name="sidebar2LinkColor" description="Sidebar2 Link Color" type="color" default="#9D1961" value="#66B5FF"> <Variable name="sidebar1HoverLinkColor" description="Sidebar1 Hover Link Color" type="color" default="#000000" value="#940f04"> <Variable name="sidebar2HoverLinkColor" description="Sidebar2 Hover Link Color" type="color" default="#000000" value="#940f04"> <Variable name="sidebar1VisitedLinkColor" description="Sidebar1 Visited Link Color" type="color" default="#000000" value="#6666ff"> <Variable name="sidebar2VisitedLinkColor" description="Sidebar2 Visited Link Color" type="color" default="#000000" value="#6666ff"> <Variable name="sidebarListLineColor" description="Sidebar List Line Color" type="color" default="#000000" value="#9D1961"> <Variable name="lowerbarbgColor" description="Lowerbar Background Color" type="color" default="#ffffff" value="#cccccc"> <Variable name="lowerbarBorderColor" description="Lowerbar Border Color" type="color" default="#C94093" value="#FF6FCF"> <Variable name="lowerbarHeaderColor" description="Lowerbar Header Color" type="color" default="#000000" value="#cc0000"> <Variable name="lowerbarTitleBgColor" description="Lowerbar Header Background Color" type="color" default="#C94093" value="#6666ff"> <Variable name="lowerbarTitleBorderColor" description="Lowerbar Header Border Color" type="color" default="#C94093" value="#6666ff"> <Variable name="lowerbarTextColor" description="Lowerbar Text Color" type="color" default="#9D1961" value="#ffffff"> <Variable name="lowerbarLinkColor" description="Lowerbar Link Color" type="color" default="#9D1961" value="#FF6FCF"> <Variable name="lowerbarHoverLinkColor" description="Lowerbar Hover Link Color" type="color" default="#000000" value="#CAF99B"> <Variable name="lowerbarVisitedLinkColor" description="Lowerbar Visited Link Color" type="color" default="#000000" value="#a2d1ff"> <Variable name="lowerbarListLineColor" description="Lowerbar List Line Color" type="color" default="#000000" value="#ffffff"> <Variable name="commentTitleColor" description="Comment Header Color" type="color" default="#000000" value="#940f04"> <Variable name="commentAuthorBgColor" description="Comment Author Background Color" type="color" default="#9D1961" value="#b3b3b3"> <Variable name="commentboxBorderColor" description="Comment Author Border Color" type="color" default="#C94093" value="#191919"> <Variable name="commentauthorColor" description="Comment Author Color" type="color" default="#9D1961" value="#6666ff"> <Variable name="commentTimeStampColor" description="Comment Timestamp Color" type="color" default="#C94093" value="#999999"> <Variable name="commentTextColor" description="Comment Text Color" type="color" default="#4c4c4c" value="#ffffff"> <Variable name="footerbgColor" description="Footer Background Color" type="color" default="#ffffff" value="#000000"> <Variable name="footerBorderColor" description="Footer Border Color" type="color" default="#000000" value="#ffff66"> <Variable name="footerHeaderColor" description="Footer Header Color" type="color" default="#000000" value="#3D81EE"> <Variable name="footerTextColor" description="Footer Text Color" type="color" default="#C94093" value="#ffffff"> <Variable name="footerLinkColor" description="Footer Link Color" type="color" default="#C94093" value="#cccccc"> <Variable name="footerHoverLinkColor" description="Footer Hover Link Color" type="color" default="#C94093" value="#ffffff"> <Variable name="footerVisitedLinkColor" description="Footer Visited Link Color" type="color" default="#C94093" value="#ffffb3"> <Variable name="blogTitleFont" description="Blog Title Font" type="font" default="normal bold 273% Georgia, Times, serif" value="normal bold 218% Arial, sans-serif"> <Variable name="blogDescriptionFont" description="Blog Description Font" type="font" default="normal normal 104% georgia,helvetica,verdana,Georgia, serif" value="normal normal 101% Arial, sans-serif"> <Variable name="linkbarTextFont" description="Linkbar Text Font" type="font" default="normal normal 77% Verdana, sans-serif" value="normal bold 67% Verdana, sans-serif"> <Variable name="postTitleFont" description="Post Title Font" type="font" default="normal bold 180% Georgia, Times, serif" value="normal bold 127% Arial, sans-serif"> <Variable name="dateHeaderFont" description="Date Header Font" type="font" default="normal bold 117% Arial, sans-serif" value="normal normal 90% Trebuchet, Trebuchet MS, Arial, sans-serif"> <Variable name="textFont" description="Text Font" type="font" default="normal normal 90% Arial, sans-serif" value="normal normal 76% Verdana, sans-serif"> <Variable name="quoteFont" description="Blog Quote Font" type="font" default="normal normal 92% helvetica,tahoma,verdana,arial,times,Sans-serif" value="italic normal 95% Verdana, sans-serif"> <Variable name="sidebarHeaderFont" description="Sidebar Title Font" type="font" default="normal bold 117% Arial, sans-serif" value="normal bold 126% Verdana, sans-serif"> <Variable name="sidebarTextFont" description="Sidebar Text Font" type="font" default="normal normal 78% Arial, Verdana, sans-serif" value="normal normal 85% Verdana, sans-serif"> <Variable name="postfooterTextFont" description="Post-Footer Text Font" type="font" default="normal normal 93% Arial, sans-serif" value="normal normal 86% Verdana, sans-serif"> <Variable name="commentTitleFont" description="Comment Title Font" type="font" default="normal bold 120% Arial, sans-serif" value="normal normal 157% Verdana, sans-serif"> <Variable name="commentTextFont" description="Comment Text Font" type="font" default="normal normal 95% Arial, sans-serif" value="normal normal 94% Verdana, sans-serif"> <Variable name="footerHeaderFont" description="Footer Header Font" type="font" default="normal bold 131% Trebuchet, Trebuchet MS, Arial, sans-serif" value="normal bold 127% Verdana, sans-serif"> <Variable name="footerTextFont" description="Footer Text Font" type="font" default="normal normal 76% Trebuchet, Trebuchet MS, Arial, sans-serif" value="normal normal 72% Verdana, sans-serif"> */ /* ----- GLOBAL ----- */ * {margin:0; padding:0;} body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; color: $textColor; background: $bodybgColor url() repeat top right; background-attachment: fixed; font-family: arial,verdana,helvetica,tahoma,Sans-serif; font-size: 100%; width: 100%; } #outer-wrapper { margin: 0 auto; /* auto - to make the template lay in the screen center */ padding: 0px 0px 0px 0px; margin-top: 0px; margin-bottom: 20px; position: relative; width: 100%; text-align: center; } #blog-wrapper { margin: 0 auto; /* auto - to make the template lay in the screen center */ padding: 0px 1px 0px 1px; margin-top: 0px; margin-bottom: 10px; text-align: center; position: relative; width: 972px; background: $blogframeColor; border: 2px solid $blogBorderColor; border-top: 0; } #spacer {clear: both; margin: 0; padding: 0;} /* global link attributes */ a {color: $mainLinkColor; text-decoration: underline;} a:hover {color: $mainHoverLinkColor; text-decoration: underline;} a:visited {color: $mainVisitedLinkColor; text-decoration: underline;} /* Blogger Navigation Bar */ #Navbar1 { margin: 0; padding: 0; /* visibility: hidden; */ /* display: none; */ } /* ----- TOP ADS ----- */ #topads-wrapper { margin: 0; padding: 0; position: relative; text-align: center; width: 100%; } #topads {margin: 0; padding: 0;} #topads .widget {margin: 0; padding: 5px 0;} /* ----- HEADER ----- */ #header-wrapper { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 972px; text-align: center; background: $headerbgColor; border-top: 0px solid $headerBorderColor; border-bottom: 0px solid $headerBorderColor; } #header { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; } #header h1 { color: $blogTitleColor; font: $blogTitleFont; text-align: left; text-transform: uppercase; margin: 0px 0px 0px 0px; padding: 20px 25px 0px 25px; } #header h1 a { text-decoration: none; color: $blogTitleColor; } #header h1 a:hover { text-decoration: underline; color: $blogDescriptionColor; } #header .description { color: $blogDescriptionColor; font: $blogDescriptionFont; text-align: left; margin: 0px 0px 0px 0px; padding: 5px 25px 17px 25px; } #header h1 p, #header .description p {margin:0;padding:0} #header a img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0; } /* ----- LINKBAR ----- */ #linkbar-wrapper { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 972px; } #linkbar { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 972px; position: relative; background: $linkbarbgColor; border-top: 5px solid $linkbarmainBorderColor; border-bottom: 2px solid $linkbarmainBorderColor; } #linkbar .widget { margin: 0px 0px 0px 0px; padding: 5px 10px 5px 10px; } #linkbar ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; list-style-type:none; border-right: 0px solid $linkbarBorderColor; } #linkbar li { display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #linkbar h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: none; visibility: hidden; } #linkbar a { clear: both; margin: 0px -4px 0px 0px; padding: 8px 20px 6px 20px; width:100%; text-decoration:none; font: $linkbarTextFont; color: $linkbarTextColor; /* text-transform: uppercase; */ border-right: 1px solid $linkbarBorderColor; border-bottom: 0px solid $linkbarBorderColor; } #linkbar a:hover { color: $linkbarHoverTextColor; background: $linkbarHoverBgColor; } /* ----- MIDDLE ADS ----- */ #middleads-wrapper { margin: 0; padding: 0; position: relative; text-align: center; width: 100%; } #middleads, #middleads2 { margin: 0; padding: 0; } #middleads .widget, #middleads2 .widget { margin: 0; padding: 5px 0; background: $middlebarbgColor; } /* ----- MAIN ----- */ #content-wrapper { width: 972px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; text-align: left; background: $contentbgColor; border-top: 10px solid $contentBorderColor; } #main-wrapper { float: left; position: relative; max-width: 578px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; 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 */ } #main { width: 526px; margin: 0px 5px 0px 5px; padding: 15px 20px 0px 20px; text-align: left; background: $postbgColor; /* url(http://farm4.static.flickr.com/3135/2746541297_c4c9e6dae2_o.jpg) repeat-y top left; */ border-left: 1px solid $postBorderColor; border-right: 1px solid $postBorderColor; color: $textColor; font: $textFont; } #main .widget { margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; } .post { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 1.8em; text-align: left; } .post h3 { margin: 0px -15px 0px -15px; padding: 0px 15px 0px 15px; color: $postTitleColor; font: $postTitleFont; text-decoration: none; text-align: left; line-height: 1.6em; /* background: $posttitlebgColor; border-top: 1px solid $posttitleBorderColor; border-bottom: 2px solid $posttitleBorderColor; */ } .post h3 a, .post h3 a:visited { color: $postTitleColor; text-decoration: none; } .post h3 a:hover { color: $textColor; text-decoration: underline; } .post-header-line-1 { margin: 4px 0px 10px 0px; padding: 3px 0px 4px 0px; border-top: 1px solid $posttitleBorderColor; border-bottom: 1px solid $posttitleBorderColor; } h2.date-header { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; color: $dateHeaderColor; font: $dateHeaderFont; text-decoration: none; text-transform: uppercase; } .date-header span { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .post-body p { /* Fix bug in IE5/Win with italics in posts */ margin: 0px 0px 0px 0px; padding: 1px 0px 1px 0px; display: inline; /* to fix floating-ads wrapping problem in IE */ height: 1%; overflow: visible; } .post-body p a, .post-body p a:visited { color: $mainLinkColor; text-decoration: underline; } .post-body a:hover { text-decoration: underline; color: $mainHoverLinkColor; } .post ul { margin: 0px 0px 0px 0px; padding: 12px 0px 12px 30px; list-style-type: disc; line-height: 1.6em; font-size: 95%; } .post ol { margin: 0px 0px 0px 0px; padding: 12px 0px 12px 30px; line-height: 1.6em; font-size: 95%; } .post li { margin: 0px 0px 0px 0px; padding: 0px 0px 8px 0px; } a img { margin: 5px 5px 5px 5px; padding: 0px 0px 0px 0px; } .post img { margin: 5px; padding: 5px; background: $imagebgColor; border: 1px solid $imageBorderColor; } /* ----- POST-FOOTER ----- */ .post-footer { display: block; margin: 25px 0px 25px 0px; padding: 7px 12px 5px 12px; text-align: left; font: $postfooterTextFont; color: $postfooterTextColor; font-weight: normal; line-height: 1.7em; text-decoration: none; background: $postfooterBgColor; border-bottom: 1px solid $postfooterBorderColor; } .post-footer-line { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .post-footer-line-1, .post-footer-line-2, .post-footer-line-3 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .post-footer a { color: $postfooterLinkColor; text-decoration: none; } .post-footer a:hover { color: $mainHoverLinkColor; text-decoration: underline; } .post-footer .post-comment-link a { margin: 0px 0px 0px 7px; padding: 0px 0px 0px 9px; border-left: 1px solid $postfooterTextColor; color: $commentTabLinkColor; font-weight: normal; text-decoration: none; } .post-footer .post-comment-link a:hover { color: $mainHoverLinkColor; text-decoration: underline; } .post-footer .post-icons { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .post-footer img { margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; background: $postfooterBgColor; } #blog-pager { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; font: $postfooterTextFont; color: $feedlinksColor; } #blog-pager a {color: $feedlinksColor} #blog-pager a:hover {color: $mainHoverLinkColor} #blog-pager-newer-link { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #blog-pager-older-link { float: right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .feed-links { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; clear: both; text-align: left; font: $postfooterTextFont; color: $feedlinksColor; } .feed-links a, .feed-links a:visited {color: $feedlinksColor} .feed-links a:hover {color: $mainHoverLinkColor} /* ----- SIDEBAR ----- */ #side-wrapper1, #side-wrapper2 { max-width: 197px; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 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-wrapper { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 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 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; font: $sidebarTextFont; } #sidebar1 { width: 160px; margin: 0px 5px 0px 0px; padding: 15px 15px 0px 15px; color: $sidebar1TextColor; line-height: 1.6em; background: $sidebar1bgColor; border-left: 1px solid $sidebar1BorderColor; border-right: 1px solid $sidebar1BorderColor; } #sidebar2 { width: 160px; margin: 0px 5px 0px 0px; padding: 15px 15px 0px 15px; color: $sidebar2TextColor; line-height: 1.6em; background: $sidebar2bgColor; border-left: 1px solid $sidebar2BorderColor; border-right: 1px solid $sidebar2BorderColor; } #sidebar1 .widget { margin: 0px 0px 0px 0px; padding: 0px 0px 35px 0px; } #sidebar2 .widget { margin: 0px 0px 0px 0px; padding: 0px 0px 35px 0px; } /* sidebar heading ----- */ #sidebar1 h2 { margin: 0px 0px 5px 0px; padding: 3px 0px 3px 0px; text-align: left; color: $sidebar1HeaderColor; font: $sidebarHeaderFont; /* background: $sidebar1HeaderBgColor; */ border-bottom: 2px solid $sidebar1HeaderBorderColor; } #sidebar2 h2 { margin: 0px 0px 5px 0px; padding: 3px 0px 3px 0px; text-align: left; color: $sidebar2HeaderColor; font: $sidebarHeaderFont; /* background: $sidebar2HeaderBgColor; */ border-bottom: 2px solid $sidebar2HeaderBorderColor; } .sidebar ul, #BlogArchive1 ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; } .sidebar li, #BlogArchive1 li { margin: 0px 0px 0px 0px; padding: 8px 0px 8px 0px; border-bottom: 1px solid $sidebarListLineColor; } #sidebar1 a { color: $sidebar1LinkColor; text-decoration: none; } #sidebar1 a:hover { text-decoration: underline; color: $sidebar1HoverLinkColor; } #sidebar1 a:visited { text-decoration: none; color: $sidebar1VisitedLinkColor; } #sidebar2 a { color: $sidebar2LinkColor; text-decoration: none; } #sidebar2 a:hover { text-decoration: underline; color: $sidebar2HoverLinkColor; } #sidebar2 a:visited { text-decoration: none; color: $sidebar2VisitedLinkColor; } .sidebar a img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /* ----- PROFILE ----- */ .profile-img { margin: 5px; padding: 0px; border: 1px solid $sidebarListLineColor; } .profile-textblock { margin: 5px 0px 5px 0px; padding: 5px 0px 5px 0px; clear: both; line-height: 1.6em; border-top: 1px solid $sidebarListLineColor; border-bottom: 1px solid $sidebarListLineColor; } .profile-datablock { margin: 2px 0px 5px 0px; padding: 0px 0px 0px 0px; } .profile-data { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight: normal; font-style: italic; } .profile-link { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /* ----- BLOCKQUOTE ----- */ blockquote { margin: 10px 0px 10px 20px; padding: 0px 0px 0px 15px; font: $quoteFont; line-height: 1.6em; color: $blockQuoteColor; border-left: 1px solid $blockquoteBorderColor; } /* ----- CODE ----- */ code { color: $codeTextColor; font-size: 110%; } /* ----- COMMENT ----- */ #comments { margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; text-align: left; color: $commentTextColor; font: $commentTextFont; } /* comment-header */ #comments h4 { margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; color: $commentTitleColor; font: $commentTitleFont; } .deleted-comment { font-style:italic; color:gray; margin: 3px 0px 3px 0px; } .comment-author { display: block; margin: 10px 0px 0px 0px; padding: 8px 10px 3px 0px; color: $commentauthorColor; /* background: $commentAuthorBgColor; */ border-top: 1px solid $commentboxBorderColor; border-bottom: 0px dotted $commentboxBorderColor; font-weight: normal; } .comment-author a {color: $commentauthorColor; text-decoration: none;} .comment-author a:hover {color: $commentTimeStampColor; text-decoration: underline;} .comment-author a:visited {color: $commentauthorColor; text-decoration: none;} .comment-body {margin: 0; padding: 5px 0px 5px 40px;} .comment-body p {margin: 0; padding: 0; line-height: 1.7em;} .comment-footer, .comment-footer a {margin: 0px 0px 0px 0px; padding: 4px 0px 0px 0px;} .comment-timestamp { margin: 0px 0px 0px 4px; padding: 0px 0px 7px 4px; color: $commentTimeStampColor; text-decoration: none; font-weight: normal; font-style: italic; } .comment-timestamp a { color: $commentTimeStampColor; text-decoration: none; } .comment-timestamp a:hover {color: $commentauthorColor; text-decoration: underline;} #comments ul {margin: 0; padding: 0; list-style-type: none;} #comments li {margin: 0; padding: 0;} a.comment-link { /* ie5.0/win doesn't apply padding to inline elements, so we hide these two declarations from it */ padding: 0px 0px 0px 0px; } html>body a.comment-link { /* respecified, for ie5/mac's benefit */ padding-left: 0px; } /* ----- LOWER SECTION ----- */ #lower-wrapper { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 972px; font: $sidebarTextFont; color: $lowerbarTextColor; background: $lowerbarbgColor; border-top: 3px solid $lowerbarBorderColor; } #lowerbar-wrapper { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 33%; text-align: left; line-height: 1.6em; 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 */ } #lowerads-wrapper { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; text-align: center; 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 */ } .lowerbar {margin: 0; padding: 0;} .lowerbar .widget {margin: 0; padding: 15px 20px 15px 20px;} .lowerads {margin: 0; padding: 0;} .lowerads .widget {margin: 0; padding: 10px 0px 10px 0px;} .lowerbar h2 { margin: 0px 0px 5px 0px; padding: 10px 0px 5px 0px; color: $lowerbarHeaderColor; font: $sidebarHeaderFont; text-align: left; /* background: $lowerbarTitleBgColor; */ border-bottom: 1px solid $lowerbarTitleBorderColor; } .lowerbar ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; } .lowerbar li { margin: 0px 0px 0px 0px; padding: 1px 0px 1px 0px; /* border-bottom: 1px solid $lowerbarListLineColor; */ } .lowerbar a {color: $lowerbarLinkColor; text-decoration: none;} .lowerbar a:hover {text-decoration: underline; color: $lowerbarHoverLinkColor;} .lowerbar a:visited {text-decoration: none; color: $lowerbarVisitedLinkColor;} /* ----- FOOTER ----- */ #footer-wrapper { clear: both; display: inline; /* handles IE margin bug */ float: left; width: 972px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: $footerbgColor; border-top: 3px solid $footerBorderColor; } #footer { margin: 0px 0px 0px 0px; padding: 15px 0px 0px 0px; text-align: center; color: $footerTextColor; font: $footerTextFont; line-height: 1.6em; } #footer h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 2px 0px; color: $footerHeaderColor; font: $footerHeaderFont; } #footer .widget { margin: 0px 0px 0px 0px; padding: 0px 10px 15px 10px; } .footer p {margin: 0; padding: 0} .footer a { color: $footerLinkColor; text-decoration: none; } .footer a:hover { color: $footerHoverLinkColor; text-decoration: underline; } .footer a:visited { color: $footerVisitedLinkColor; text-decoration: none; } /* ----- BOTTOM ADS ----- */ #bottomads-wrapper { margin: 0; padding: 0; position: relative; text-align: center; width: 100%; } #bottomads {margin: 0; padding: 10px 0;} #bottomads .widget {margin: 0; padding: 5px 0;} /* ----- CREDIT ----- */ #credit { margin: 0px 0px 0px 0px; padding: 2px 0px 0px 0px; width: 100%; height: 26px; clear: both; font-family: verdana, helvetica; font-size: 70%; color: #dddddd; font-weight: normal; background: #000000; } #creditleft { margin: 0px 0px 0px 0px; padding: 7px 0px 0px 0px; height: 26px; position: relative; float: left; text-align: left; display: inline; width: 71%; background: #000000; } #creditright { margin: -33px 0px 0px 0px; padding: 7px 0px 0px 0px; height: 26px; position: relative; float: right; text-align:right; display: inline; width: 30%; background: #000000; } #creditleft p { margin: 0; padding: 0 } #creditright p { margin: 0; padding: 0 } #creditleft a, .creditleft a:hover, .creditleft a:visited { color: #dddddd; text-decoration: underline; } #creditright a, .creditright a:hover, .creditright a:visited { color: #dddddd; text-decoration: underline; } /* ************ END OF CSS STYLING ************ */ /** Page structure tweaks for layout editor wireframe */ body#layout #main, body#layout #sidebar { padding: 0; } ]]></b:skin> <b:if cond='data:blog.pageType != "item"'> <script type='text/javascript'> var fade = false; function showFull(id) { var post = document.getElementById(id); var spans = post.getElementsByTagName('span'); for (var i = 0; i < spans.length; i++) { if (spans[i].id == "fullpost") { if (fade) { spans[i].style.background = peekaboo_bgcolor; Effect.Appear(spans[i]); } else spans[i].style.display = 'inline'; } if (spans[i].id == "showlink") spans[i].style.display = 'none'; if (spans[i].id == "hidelink") spans[i].style.display = 'inline'; } } function hideFull(id) { var post = document.getElementById(id); var spans = post.getElementsByTagName('span'); for (var i = 0; i < spans.length; i++) { if (spans[i].id == "fullpost") { if (fade) { spans[i].style.background = peekaboo_bgcolor; Effect.Fade(spans[i]); } else spans[i].style.display = 'none'; } if (spans[i].id == "showlink") spans[i].style.display = 'inline'; if (spans[i].id == "hidelink") spans[i].style.display = 'none'; } post.scrollIntoView(true); } function checkFull(id) { var post = document.getElementById(id); var spans = post.getElementsByTagName('span'); var found = 0; for (var i = 0; i < spans.length; i++) { if (spans[i].id == "fullpost") { spans[i].style.display = 'none'; found = 1; } if ((spans[i].id == "showlink") && (found == 0)) spans[i].style.display = 'none'; } } </script> </b:if> </head> <body> <div id='outer-wrapper'> <!-- skip links for text browsers --> <span id='skiplinks' style='display:none;'> <a href='#main'>skip to main </a> | <a href='#sidebar'>skip to sidebar</a> </span> <div id='topads-wrapper'> <b:section class='topads' id='topads' preferred='yes'/> </div> <div style='clear: both;'/> <div id='blog-wrapper'> <div id='linkbar-wrapper'> <b:section class='linkbar' id='linkbar' showaddelement='no'> <b:widget id='LinkList1' locked='true' title='' type='LinkList'/> </b:section> </div> <div style='clear: both;'/> <div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Love is life (Header)' type='Header'/> </b:section> </div> <div style='clear: both;'/> <div id='middleads-wrapper'> <b:section class='middleads' id='middleads' preferred='yes'> <b:widget id='HTML1' locked='false' title='' type='HTML'/> </b:section> </div> <div style='clear: both;'/> <div id='content-wrapper'> <div id='main-wrapper'> <b:section class='main' id='main' preferred='yes'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> </b:section> </div> <div id='side-wrapper1'> <b:section class='sidebar' id='sidebar1' preferred='yes'> <b:widget id='Feed2' locked='false' title='Recent Posts' type='Feed'/> <b:widget id='Label2' locked='false' title='Labels' type='Label'/> </b:section> </div> <div id='side-wrapper2'> <b:section class='sidebar' id='sidebar2' preferred='yes'> <b:widget id='Profile1' locked='false' title='About me' type='Profile'/> <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/> </b:section> </div> <!-- spacer for skins that sets sidebar and main to be the same height--> <div style='clear: both;'/> </div> <!-- end content-wrapper --> <div id='middleads-wrapper'> <b:section class='middleads2' id='middleads2' preferred='yes'/> </div> <div style='clear: both;'/> <div id='lower-wrapper'> <div id='lowerbar-wrapper'> <b:section class='lowerbar' id='lowerbar1' preferred='yes'> <b:widget id='Text2' locked='false' title='About This Blog' type='Text'/> </b:section> </div> <div id='lowerbar-wrapper'> <b:section class='lowerbar' id='lowerbar2' preferred='yes'> <b:widget id='Text3' locked='false' title='Lorem Ipsum' type='Text'/> </b:section> </div> <div id='lowerbar-wrapper'> <b:section class='lowerbar' id='lowerbar3' preferred='yes'> <b:widget id='Feed1' locked='false' title='Our Blogger Templates' type='Feed'/> </b:section> </div> <div style='clear: both;'/> <div id='lowerads-wrapper'> <b:section class='lowerads' id='lowerads' preferred='yes'/> </div> <div style='clear: both;'/> </div> <!-- end lower-wrapper --> <div id='footer-wrapper'> <b:section class='footer' id='footer'> <b:widget id='Text1' locked='false' title='' type='Text'/> </b:section> </div> <div style='clear: both;'/> </div> <!-- end blog-wrapper --> <div id='bottomads-wrapper'> <b:section class='bottomads' id='bottomads' preferred='yes'/> </div> </div> <!-- end outer-wrapper --> <!-- --> <div id='credit'> <div id='creditleft'> <p><b><a href=''><font color="red"><i>Dsgd: by Mullookkaaran</i></font></a> <i/><a href=''/> </b></p> </div> <div id='creditright'> <p><b>Back to <a href='#outer-wrapper'>TOP</a>  </b></p> </div> </div> <!-- end credit --> </body> </html> കൂടുതല് കോളങ്ങള് ഉള്ള മറ്റൊരു ടെമ്പ്ലേറ്റ് ... <?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 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/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[ /* ************ START OF CSS STYLING ************ */ /* ----------------------------------------------------------------------- Blogger Template Design: By Mullookkaaran ----------------------------------------------------------------------- */ /* Variable definitions ======================== <Variable name="bodybgColor" description="Body Background Color" type="color" default="#FFBBE8" value="#808080"> <Variable name="blogframeColor" description="Blog Background Color" type="color" default="#800040" value="#191919"> <Variable name="blogBorderColor" description="Blog Border Color" type="color" default="#800040" value="#ffffff"> <Variable name="headerbgColor" description="Header Background Color" type="color" default="#ffffff" value="#940f04"> <Variable name="headerBorderColor" description="Header Border Color" type="color" default="#800040" value="#ffffff"> <Variable name="blogTitleColor" description="Blog Title Color" type="color" default="#800040" value="#66B5FF"> <Variable name="blogDescriptionColor" description="Blog Description Color" type="color" default="#800040" value="#ffffff"> <Variable name="linkbarbgColor" description="Linkbar Background Color" type="color" default="#C94093" value="#ffffff"> <Variable name="linkbarmainBorderColor" description="Linkbar Main Border Color" type="color" default="#C94093" value="#948a04"> <Variable name="linkbarBorderColor" description="Linkbar Border Color" type="color" default="#9D1961" value="#948a04"> <Variable name="linkbarTextColor" description="Linkbar Text Color" type="color" default="#ffffff" value="#000000"> <Variable name="linkbarHoverBgColor" description="Linkbar Hover Background Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="linkbarHoverTextColor" description="Linkbar Hover Text Color" type="color" default="#9D1961" value="#808080"> <Variable name="middlebarbgColor" description="Middlebar Background Color" type="color" default="#ffffff" value="#7f7f7f"> <Variable name="contentbgColor" description="Content Background Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="contentBorderColor" description="Content Border Color" type="color" default="#9D1961" value="#044b94"> <Variable name="postbgColor" description="Post Background Color" type="color" default="#ffffff" value="#C3D9FF"> <Variable name="postBorderColor" description="Post Border Color" type="color" default="#ffffff" value="#cc0000"> <Variable name="postTitleColor" description="Post Title Color" type="color" default="#000000" value="#cc0000"> <Variable name="posttitlebgColor" description="Post Title Background Color" type="color" default="#000000" value="#FFBBE8"> <Variable name="posttitleBorderColor" description="Post Title Border Color" type="color" default="#000000" value="#000000"> <Variable name="dateHeaderColor" description="Date Header Color" type="color" default="#000000" value="#4c4c4c"> <Variable name="textColor" description="Text Color" type="color" default="#191919" value="#000000"> <Variable name="mainLinkColor" description="Main Link Color" type="color" default="#333333" value="#040e94"> <Variable name="mainHoverLinkColor" description="Main Hover Link Color" type="color" default="#9D1961" value="#7D849E"> <Variable name="mainVisitedLinkColor" description="Main Visited Link Color" type="color" default="#9D1961" value="#cc0000"> <Variable name="blockquotebgColor" description="Blockquote Background Color" type="color" default="#191919" value="#cccccc"> <Variable name="blockquoteBorderColor" description="Blockquote Border Color" type="color" default="#191919" value="#948a04"> <Variable name="blockQuoteColor" description="Blockquote Color" type="color" default="#191919" value="#86AA3F"> <Variable name="codeTextColor" description="Code Text Color" type="color" default="#660000" value="#86AA3F"> <Variable name="imagebgColor" description="Photo Background Color" type="color" default="#f5f5f5" value="#00FF80"> <Variable name="imageBorderColor" description="Photo Border Color" type="color" default="#f5f5f5" value="#cc0000"> <Variable name="postfooterBgColor" description="Postfooter Background Color" type="color" default="#b8659C" value="#e6e6e6"> <Variable name="postfooterBorderColor" description="Postfooter Border Color" type="color" default="#b8659C" value="#333333"> <Variable name="postfooterTextColor" description="Postfooter Text Color" type="color" default="#b8659C" value="#cc0000"> <Variable name="postfooterLinkColor" description="Postfooter Link Color" type="color" default="#b8659C" value="#7D849E"> <Variable name="commentTabLinkColor" description="Comment Tab Link Color" type="color" default="#b8659C" value="#7D849E"> <Variable name="feedlinksColor" description="Feed Links Color" type="color" default="#9D1961" value="#040e94"> <Variable name="mainsidebar1bgColor" description="Main Sidebar Background Color" type="color" default="#FFBBE8" value="#0066CC"> <Variable name="sidebar1bgColor" description="Sidebar1 Background Color" type="color" default="#FFBBE8" value="#C3D9FF"> <Variable name="sidebar2bgColor" description="Sidebar2 Background Color" type="color" default="#FFBBE8" value="#C3D9FF"> <Variable name="sidebar1BorderColor" description="Sidebar1 Border Color" type="color" default="#C94093" value="#cc0000"> <Variable name="sidebar2BorderColor" description="Sidebar2 Border Color" type="color" default="#C94093" value="#cc0000"> <Variable name="sidebar1HeaderBgColor" description="Sidebar1 Header Background Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="sidebar2HeaderBgColor" description="Sidebar2 Header Background Color" type="color" default="#ffffff" value="#fcfcfc"> <Variable name="sidebar1HeaderBorderColor" description="Sidebar1 Header Border Color" type="color" default="#C94093" value="#948a04"> <Variable name="sidebar2HeaderBorderColor" description="Sidebar2 Header Border Color" type="color" default="#C94093" value="#948a04"> <Variable name="sidebar1HeaderColor" description="Sidebar1 Header Color" type="color" default="#000000" value="#86AA3F"> <Variable name="sidebar2HeaderColor" description="Sidebar2 Header Color" type="color" default="#000000" value="#86AA3F"> <Variable name="sidebar1TextColor" description="Sidebar1 Text Color" type="color" default="#9D1961" value="#86AA3F"> <Variable name="sidebar2TextColor" description="Sidebar2 Text Color" type="color" default="#9D1961" value="#86AA3F"> <Variable name="sidebar1LinkColor" description="Sidebar1 Link Color" type="color" default="#9D1961" value="#86AA3F"> <Variable name="sidebar2LinkColor" description="Sidebar2 Link Color" type="color" default="#9D1961" value="#86AA3F"> <Variable name="sidebar1HoverLinkColor" description="Sidebar1 Hover Link Color" type="color" default="#000000" value="#000000"> <Variable name="sidebar2HoverLinkColor" description="Sidebar2 Hover Link Color" type="color" default="#000000" value="#000000"> <Variable name="sidebar1VisitedLinkColor" description="Sidebar1 Visited Link Color" type="color" default="#000000" value="#86AA3F"> <Variable name="sidebar2VisitedLinkColor" description="Sidebar2 Visited Link Color" type="color" default="#000000" value="#86AA3F"> <Variable name="sidebarListLineColor" description="Sidebar List Line Color" type="color" default="#000000" value="#0066CC"> <Variable name="lowerbarbgColor" description="Lowerbar Background Color" type="color" default="#ffffff" value="#99C9FF"> <Variable name="lowerbarBorderColor" description="Lowerbar Border Color" type="color" default="#C94093" value="#cc0000"> <Variable name="lowerbarHeaderColor" description="Lowerbar Header Color" type="color" default="#000000" value="#000000"> <Variable name="lowerbarTitleBgColor" description="Lowerbar Header Background Color" type="color" default="#C94093" value="#bb0000"> <Variable name="lowerbarTitleBorderColor" description="Lowerbar Header Border Color" type="color" default="#C94093" value="#333333"> <Variable name="lowerbarTextColor" description="Lowerbar Text Color" type="color" default="#9D1961" value="#000000"> <Variable name="lowerbarLinkColor" description="Lowerbar Link Color" type="color" default="#9D1961" value="#044b94"> <Variable name="lowerbarHoverLinkColor" description="Lowerbar Hover Link Color" type="color" default="#000000" value="#7D849E"> <Variable name="lowerbarVisitedLinkColor" description="Lowerbar Visited Link Color" type="color" default="#000000" value="#2BA94F"> <Variable name="lowerbarListLineColor" description="Lowerbar List Line Color" type="color" default="#000000" value="#cc0000"> <Variable name="commentbgColor" description="Comment Background Color" type="color" default="#9D1961" value="#f8ffa9"> <Variable name="commentBorderColor" description="Comment Border Color" type="color" default="#C94093" value="#C2CD43"> <Variable name="commentTitleColor" description="Comment Header Color" type="color" default="#000000" value="#343E61"> <Variable name="commentAuthorBgColor" description="Comment Author Background Color" type="color" default="#9D1961" value="#cc0000"> <Variable name="commentboxBorderColor" description="Comment Author Border Color" type="color" default="#C94093" value="#C2CD43"> <Variable name="commentauthorColor" description="Comment Author Color" type="color" default="#9D1961" value="#86AA3F"> <Variable name="commentTimeStampColor" description="Comment Timestamp Color" type="color" default="#C94093" value="#7D849E"> <Variable name="commentTextColor" description="Comment Text Color" type="color" default="#4c4c4c" value="#7D849E"> <Variable name="footerbgColor" description="Footer Background Color" type="color" default="#ffffff" value="#cc0000"> <Variable name="footerBorderColor" description="Footer Border Color" type="color" default="#000000" value="#fbffc9"> <Variable name="footerHeaderColor" description="Footer Header Color" type="color" default="#000000" value="#ffffff"> <Variable name="footerTextColor" description="Footer Text Color" type="color" default="#C94093" value="#b3daff"> <Variable name="footerLinkColor" description="Footer Link Color" type="color" default="#C94093" value="#C2CD43"> <Variable name="footerHoverLinkColor" description="Footer Hover Link Color" type="color" default="#C94093" value="#999999"> <Variable name="footerVisitedLinkColor" description="Footer Visited Link Color" type="color" default="#C94093" value="#C2CD43"> <Variable name="blogTitleFont" description="Blog Title Font" type="font" default="normal bold 273% Georgia, Times, serif" value="normal bold 219% Georgia, Times, serif"> <Variable name="blogDescriptionFont" description="Blog Description Font" type="font" default="normal normal 104% georgia,helvetica,verdana,Georgia, serif" value="normal bold 99% Georgia, Times, serif"> <Variable name="linkbarTextFont" description="Linkbar Text Font" type="font" default="normal normal 77% Verdana, sans-serif" value="normal bold 74% Arial, sans-serif"> <Variable name="postTitleFont" description="Post Title Font" type="font" default="normal bold 180% Georgia, Times, serif" value="normal bold 113% Verdana, sans-serif"> <Variable name="dateHeaderFont" description="Date Header Font" type="font" default="normal bold 117% Arial, sans-serif" value="normal normal 74% Arial, sans-serif"> <Variable name="textFont" description="Text Font" type="font" default="normal normal 90% Arial, sans-serif" value="normal normal 77% Verdana, sans-serif"> <Variable name="quoteFont" description="Blog Quote Font" type="font" default="normal normal 92% helvetica,tahoma,verdana,arial,times,Sans-serif" value="italic normal 95% Verdana, sans-serif"> <Variable name="sidebarHeaderFont" description="Sidebar Title Font" type="font" default="normal bold 117% Arial, sans-serif" value="normal bold 103% Verdana, sans-serif"> <Variable name="sidebarTextFont" description="Sidebar Text Font" type="font" default="normal normal 78% Arial, Verdana, sans-serif" value="normal normal 68% Verdana, sans-serif"> <Variable name="postfooterTextFont" description="Post-Footer Text Font" type="font" default="normal normal 93% Arial, sans-serif" value="normal normal 86% Verdana, sans-serif"> <Variable name="commentTitleFont" description="Comment Title Font" type="font" default="normal bold 120% Arial, sans-serif" value="normal bold 127% Verdana, sans-serif"> <Variable name="commentTextFont" description="Comment Text Font" type="font" default="normal normal 95% Arial, sans-serif" value="normal normal 94% Verdana, sans-serif"> <Variable name="footerHeaderFont" description="Footer Header Font" type="font" default="normal bold 131% Trebuchet, Trebuchet MS, Arial, sans-serif" value="normal bold 114% Arial, sans-serif"> <Variable name="footerTextFont" description="Footer Text Font" type="font" default="normal normal 76% Trebuchet, Trebuchet MS, Arial, sans-serif" value="normal bold 72% Arial, sans-serif"> */ /* ----- GLOBAL ----- Template Design: By Mullookkaaran*/ * {margin:0; padding:0;} body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; color: $textColor; background: $bodybgColor url() repeat top right; background-attachment: fixed; font-family: arial,verdana,helvetica,tahoma,Sans-serif; font-size: 100%; width: 100%; } #outer-wrapper { margin: 0 auto; /* auto - to make the template lay in the screen center */ padding: 0px 0px 0px 0px; margin-top: 25px; margin-bottom: 20px; position: relative; width: 100%; text-align: center; } #blog-wrapper { margin: 0 auto; /* auto - to make the template lay in the screen center */ padding: 20px; margin-top: 20px; margin-bottom: 10px; text-align: center; position: relative; width: 930px; background: $blogframeColor; border: 1px solid $blogBorderColor; } #spacer {clear: both; margin: 0; padding: 0;} /* global link attributes */ a {color: $mainLinkColor; text-decoration: underline;} a:hover {color: $mainHoverLinkColor; text-decoration: underline;} a:visited {color: $mainVisitedLinkColor; text-decoration: underline;} /* Blogger Navigation Bar */ #Navbar1 { margin: 0; padding: 0; /* visibility: hidden; */ /* display: none; */ } /* ----- TOP ADS ----- Template Design: By Mullookkaaran*/ #topads-wrapper { margin: 0; padding: 0; position: relative; text-align: center; width: 100%; } #topads {margin: 0; padding: 0;} #topads .widget {margin: 0; padding: 5px 0;} /* ----- HEADER ----- Template Design: By Mullookkaaran*/ #header-wrapper { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 930px; text-align: center; background: $headerbgColor; border: 0px solid $headerBorderColor; } #header { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; } #header h1 { color: $blogTitleColor; font: $blogTitleFont; text-align: left; text-transform: uppercase; margin: 0px 0px 0px 0px; padding: 20px 20px 0px 20px; } #header h1 a { text-decoration: none; color: $blogTitleColor; } #header h1 a:hover { text-decoration: underline; color: $blogDescriptionColor; } #header .description { color: $blogDescriptionColor; font: $blogDescriptionFont; text-align: left; margin: 0px 0px 0px 0px; padding: 2px 20px 17px 20px; } #header h1 p, #header .description p {margin:0;padding:0} #header a img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0; } /* ----- LINKBAR ----- Template Design: By Mullookkaaran*/ #linkbar-wrapper { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 930px; position: relative; background: $linkbarbgColor; border-bottom: 5px solid $linkbarmainBorderColor; } #linkbar .widget { margin: 0px 0px 0px 0px; padding: 6px 5px 5px 5px; } #linkbar ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; list-style-type:none; border-right: 0px solid $linkbarBorderColor; } #linkbar li { display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #linkbar h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: none; visibility: hidden; } #linkbar a { clear: both; margin: 0px -4px 0px 0px; padding: 9px 20px 6px 20px; width:100%; text-decoration:none; font: $linkbarTextFont; color: $linkbarTextColor; /* text-transform: uppercase; */ border-right: 1px solid $linkbarBorderColor; border-left: 0px solid $linkbarBorderColor; } #linkbar a:hover { color: $linkbarHoverTextColor; background: $linkbarHoverBgColor; } /* ----- MIDDLE ADS ----- Template Design: By Mullookkaaran*/ #middleads-wrapper { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 930px; position: relative; text-align: center; width: 100%; } #middleads, #middleads2 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #middleads .widget, #middleads2 .widget { margin: 0; padding: 5px 0; background: $middlebarbgColor; } /* ----- MAIN ----- Template Design: By Mullookkaaran*/ #content-wrapper { width: 930px; margin: 0px 0px 0px 0px; padding: 15px 0px 0px 0px; position: relative; text-align: left; /* background: $contentbgColor; */ border: 0px solid $contentBorderColor; 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 */ } #subcontent-wrapper { float: left; position: relative; width: 555px; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; background: $postbgColor; border: 1px solid $contentBorderColor; } #main-wrapper { float: left; position: relative; max-width: 415px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: justify; 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 */ } #main { width: 415px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: justify; color: $textColor; font: $textFont; } #main .widget { margin: 0px 0px 7px 0px; padding: 15px 5px 15px 10px; background: $postbgColor; /* url(http://farm4.static.flickr.com/3135/2746541297_c4c9e6dae2_o.jpg) repeat-y top left; */ border: 0px solid $postBorderColor; } .post { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 1.6em; text-align: justify; } .post h3 { margin: 0px 0px 0px 0px; padding: 0px 0px 1px 0px; color: $postTitleColor; font: $postTitleFont; text-decoration: none; text-align: left; line-height: 1.6em; /* text-transform: uppercase; background: $posttitlebgColor; border-top: 1px solid $posttitleBorderColor; border-bottom: 2px solid $posttitleBorderColor; */ } .post h3 a, .post h3 a:visited { color: $postTitleColor; text-decoration: none; } .post h3 a:hover { color: $textColor; text-decoration: underline; } .post-header-line-1 { margin: 0px 0px 0px 0px; padding: 0px 0px 17px 0px; } h2.date-header { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; color: $dateHeaderColor; font: $dateHeaderFont; text-decoration: none; text-transform: uppercase; } .date-header span { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .post-body p { /* Fix bug in IE5/Win with italics in posts */ margin: 0px 0px 0px 0px; padding: 1px 0px 1px 0px; display: inline; /* to fix floating-ads wrapping problem in IE */ height: 1%; overflow: visible; } .post-body p a, .post-body p a:visited { color: $mainLinkColor; text-decoration: underline; } .post-body a:hover { text-decoration: underline; color: $mainHoverLinkColor; } .post ul { margin: 0px 0px 0px 0px; padding: 12px 0px 12px 30px; list-style-type: disc; line-height: 1.6em; font-size: 95%; } .post ol { margin: 0px 0px 0px 0px; padding: 12px 0px 12px 30px; line-height: 1.6em; font-size: 95%; } .post li { margin: 0px 0px 0px 0px; padding: 0px 0px 8px 0px; } a img { margin: 5px 5px 5px 5px; padding: 0px 0px 0px 0px; } .post img { margin: 5px; padding: 5px; background: $imagebgColor; border: 1px solid $imageBorderColor; } /* ----- POST-FOOTER ----- Template Design: By Mullookkaaran*/ .post-footer { display: block; margin: 15px 0px 25px 0px; padding: 4px 0px 5px 0px; text-align: left; font: $postfooterTextFont; color: $postfooterTextColor; font-weight: normal; line-height: 1.6em; text-decoration: none; /* background: $postfooterBgColor; */ border-top: 1px dashed $postfooterBorderColor; } .post-footer-line { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .post-footer-line-1, .post-footer-line-2, .post-footer-line-3 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .post-footer a { color: $postfooterLinkColor; text-decoration: none; } .post-footer a:hover { color: $mainHoverLinkColor; text-decoration: underline; } .post-footer .post-comment-link a { margin: 0px 0px 0px 7px; padding: 0px 0px 0px 9px; border-left: 1px solid $postfooterTextColor; color: $commentTabLinkColor; font-weight: normal; text-decoration: none; } .post-footer .post-comment-link a:hover { color: $mainHoverLinkColor; text-decoration: underline; } .post-footer .post-icons { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .post-footer img { margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; background: $postfooterBgColor; } #blog-pager { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; font: $postfooterTextFont; color: $feedlinksColor; } #blog-pager a {color: $feedlinksColor} #blog-pager a:hover {color: $mainHoverLinkColor} #blog-pager-newer-link { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #blog-pager-older-link { float: right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .feed-links { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; clear: both; text-align: left; font: $postfooterTextFont; color: $feedlinksColor; } .feed-links a, .feed-links a:visited {color: $feedlinksColor} .feed-links a:hover {color: $mainHoverLinkColor} /* ----- BLOCKQUOTE ----- */ blockquote { margin: 10px 0px 10px 20px; padding: 10px 15px 10px 15px; font: $quoteFont; line-height: 1.6em; color: $blockQuoteColor; background: $blockquotebgColor; border: 2px solid $blockquoteBorderColor; } /* ----- CODE ----- */ code { color: $codeTextColor; font-size: 110%; } /* ----- SIDEBAR ----- Template Design: By Mullookkaaran*/ #side-wrapper1 { max-width: 140px; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: $postbgColor; 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 */ } #side-wrapper2 { max-width: 373px; float: right; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; 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-wrapper { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 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 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; font: $sidebarTextFont; } #sidebar1 { width: 120px; margin: 0px 0px 0px 0px; padding: 15px 10px 0px 10px; color: $sidebar1TextColor; line-height: 1.6em; } #sidebar2 { width: 358px; margin: 0px 0px 0px 15px; padding: 0px 0px 0px 0px; color: $sidebar2TextColor; line-height: 1.6em; } #sidebar1 .widget { margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; border: 0px solid $sidebar1BorderColor; } #sidebar2 .widget { margin: 0px 0px 15px 0px; padding: 10px 10px 10px 10px; background: $sidebar2bgColor; border: 1px solid $sidebar2BorderColor; } /* sidebar heading ----- Template Design: By Mullookkaaran*/ #sidebar1 h2 { margin: 0px 0px 2px 0px; padding: 0px 0px 2px 0px; text-align: left; color: $sidebar1HeaderColor; font: $sidebarHeaderFont; text-transform: uppercase; text-decoration: underline; /* background: $sidebar1HeaderBgColor; border-top: 0px solid $sidebar1HeaderBorderColor; border-bottom: 1px solid $sidebar1HeaderBorderColor; */ } #sidebar2 h2 { margin: 0px 0px 2px 0px; padding: 0px 0px 2px 0px; text-align: left; color: $sidebar2HeaderColor; font: $sidebarHeaderFont; text-transform: uppercase; text-decoration: underline; /* background: $sidebar2HeaderBgColor; border-top: 0px solid $sidebar2HeaderBorderColor; border-bottom: 1px solid $sidebar2HeaderBorderColor; */ } .sidebar ul, #BlogArchive1 ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; } .sidebar li, #BlogArchive1 li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; /* border-bottom: 1px solid $sidebarListLineColor; */ } #sidebar1 a { color: $sidebar1LinkColor; text-decoration: none; } #sidebar1 a:hover { text-decoration: underline; color: $sidebar1HoverLinkColor; } #sidebar1 a:visited { text-decoration: none; color: $sidebar1VisitedLinkColor; } #sidebar2 a { color: $sidebar2LinkColor; text-decoration: none; } #sidebar2 a:hover { text-decoration: underline; color: $sidebar2HoverLinkColor; } #sidebar2 a:visited { text-decoration: none; color: $sidebar2VisitedLinkColor; } .sidebar a img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /* ----- PROFILE ----- Template Design: By Mullookkaaran*/ .profile-img { margin: 5px; padding: 0px; border: 1px solid $sidebarListLineColor; } .profile-textblock { margin: 0px 0px 0px 0px; padding: 3px 0px 3px 0px; clear: both; line-height: 1.6em; /* border-top: 1px solid $sidebarListLineColor; border-bottom: 1px solid $sidebarListLineColor; */ } .profile-datablock { margin: 2px 0px 5px 0px; padding: 0px 0px 0px 0px; } .profile-data { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight: normal; font-style: italic; } .profile-link { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /* ----- COMMENT ----- Template Design: By Mullookkaaran*/ #comments { margin: 0px 0px 0px 0px; padding: 0px 15px 20px 15px; text-align: left; color: $commentTextColor; font: $commentTextFont; background: $commentbgColor; border: 1px solid $commentBorderColor; } /* comment-header */ #comments h4 { margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; color: $commentTitleColor; font: $commentTitleFont; } .deleted-comment { font-style:italic; color:gray; margin: 3px 0px 3px 0px; } .comment-author { display: block; margin: 10px 0px 0px 0px; padding: 8px 10px 3px 0px; color: $commentauthorColor; /* background: $commentAuthorBgColor; */ border-top: 1px solid $commentboxBorderColor; border-bottom: 0px dotted $commentboxBorderColor; font-weight: normal; } .comment-author a {color: $commentauthorColor; text-decoration: none;} .comment-author a:hover {color: $commentTimeStampColor; text-decoration: underline;} .comment-author a:visited {color: $commentauthorColor; text-decoration: none;} .comment-body {margin: 0; padding: 5px 0px 5px 40px;} .comment-body p {margin: 0; padding: 0; line-height: 1.7em;} .comment-footer, .comment-footer a {margin: 0px 0px 0px 0px; padding: 4px 0px 0px 0px;} .comment-timestamp { margin: 0px 0px 0px 4px; padding: 0px 0px 7px 4px; color: $commentTimeStampColor; text-decoration: none; font-weight: normal; font-style: italic; font-size: 96%; } .comment-timestamp a { color: $commentTimeStampColor; text-decoration: none; } .comment-timestamp a:hover {color: $commentauthorColor; text-decoration: underline;} #comments ul {margin: 0; padding: 0; list-style-type: none;} #comments li {margin: 0; padding: 0;} a.comment-link { /* ie5.0/win doesn't apply padding to inline elements, so we hide these two declarations from it */ padding: 0px 0px 0px 0px; } html>body a.comment-link { /* respecified, for ie5/mac's benefit */ padding-left: 0px; } /* ----- LOWER SECTION ----- Template Design: By Mullookkaaran*/ #lower-wrapper { margin: 15px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 930px; font: $sidebarTextFont; color: $lowerbarTextColor; background: $lowerbarbgColor; border-top: 5px solid $lowerbarBorderColor; border-bottom: 5px solid $lowerbarBorderColor; } #lowerbar-wrapper { float: left; margin: 0px 0px 0px 0px; padding: 15px 0px 25px 0px; width: 33%; text-align: left; line-height: 1.8em; 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 */ } #lowerads-wrapper { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; text-align: center; 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 */ } .lowerbar {margin: 0; padding: 0;} .lowerbar .widget {margin: 0; padding: 15px 20px 25px 34px;} .lowerads {margin: 0; padding: 0;} .lowerads .widget {margin: 0; padding: 10px 0px 10px 0px;} .lowerbar h2 { margin: 0px 0px 2px 0px; padding: 10px 0px 2px 0px; color: $lowerbarHeaderColor; font: $sidebarHeaderFont; text-align: left; text-transform: uppercase; text-decoration: underline; /* background: $lowerbarTitleBgColor; border-bottom: 1px solid $lowerbarTitleBorderColor; */ } .lowerbar ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; } .lowerbar li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; /* border-bottom: 1px solid $lowerbarListLineColor; */ } .lowerbar a {color: $lowerbarLinkColor; text-decoration: none;} .lowerbar a:hover {text-decoration: underline; color: $lowerbarHoverLinkColor;} .lowerbar a:visited {text-decoration: none; color: $lowerbarVisitedLinkColor;} /* ----- FOOTER ----- Template Design: By Mullookkaaran*/ #footer-wrapper { clear: both; display: inline; /* handles IE margin bug */ float: left; width: 930px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: $footerbgColor; border-top: 1px solid $footerBorderColor; } #footer { margin: 0px 0px 0px 0px; padding: 15px 0px 0px 0px; text-align: center; color: $footerTextColor; font: $footerTextFont; line-height: 1.6em; } #footer h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 2px 0px; color: $footerHeaderColor; font: $footerHeaderFont; } #footer .widget { margin: 0px 0px 0px 0px; padding: 0px 10px 15px 10px; } .footer p {margin: 0; padding: 0} .footer a { color: $footerLinkColor; text-decoration: none; } .footer a:hover { color: $footerHoverLinkColor; text-decoration: underline; } .footer a:visited { color: $footerVisitedLinkColor; text-decoration: none; } /* ----- BOTTOM ADS ----- Template Design: By Mullookkaaran*/ #bottomads-wrapper { margin: 0; padding: 0; position: relative; text-align: center; width: 100%; } #bottomads {margin: 0; padding: 10px 0;} #bottomads .widget {margin: 0; padding: 5px 0;} /* ----- CREDIT ----- */ #credit { margin: 0px 0px 0px 0px; padding: 2px 0px 0px 0px; width: 100%; height: 26px; clear: both; font-family: verdana, helvetica; font-size: 70%; color: $postbgColor; font-weight: normal; background: $textColor; } #creditleft { margin: 0px 0px 0px 0px; padding: 7px 0px 0px 0px; height: 26px; position: relative; float: left; text-align: left; display: inline; width: 71%; background: $textColor; } #creditright { margin: -33px 0px 0px 0px; padding: 7px 0px 0px 0px; height: 26px; position: relative; float: right; text-align:right; display: inline; width: 30%; background: $textColor; } #creditleft p { margin: 0; padding: 0 } #creditright p { margin: 0; padding: 0 } #creditleft a, .creditleft a:hover, .creditleft a:visited { color: $postbgColor; text-decoration: underline; } #creditright a, .creditright a:hover, .creditright a:visited { color: $postbgColor; text-decoration: underline; } /* ************ END OF CSS STYLING ************ */ /** Page structure tweaks for layout editor wireframe */ body#layout #main, body#layout #sidebar { padding: 0; } ]]></b:skin> <b:if cond='data:blog.pageType != "item"'> <script type='text/javascript'> var fade = false; function showFull(id) { var post = document.getElementById(id); var spans = post.getElementsByTagName('span'); for (var i = 0; i < spans.length; i++) { if (spans[i].id == "fullpost") { if (fade) { spans[i].style.background = peekaboo_bgcolor; Effect.Appear(spans[i]); } else spans[i].style.display = 'inline'; } if (spans[i].id == "showlink") spans[i].style.display = 'none'; if (spans[i].id == "hidelink") spans[i].style.display = 'inline'; } } function hideFull(id) { var post = document.getElementById(id); var spans = post.getElementsByTagName('span'); for (var i = 0; i < spans.length; i++) { if (spans[i].id == "fullpost") { if (fade) { spans[i].style.background = peekaboo_bgcolor; Effect.Fade(spans[i]); } else spans[i].style.display = 'none'; } if (spans[i].id == "showlink") spans[i].style.display = 'inline'; if (spans[i].id == "hidelink") spans[i].style.display = 'none'; } post.scrollIntoView(true); } function checkFull(id) { var post = document.getElementById(id); var spans = post.getElementsByTagName('span'); var found = 0; for (var i = 0; i < spans.length; i++) { if (spans[i].id == "fullpost") { spans[i].style.display = 'none'; found = 1; } if ((spans[i].id == "showlink") && (found == 0)) spans[i].style.display = 'none'; } } </script> </b:if> </head> <body> <div id='outer-wrapper'> <!-- skip links for text browsers --> <span id='skiplinks' style='display:none;'> <a href='#main'>skip to main </a> | <a href='#sidebar'>skip to sidebar</a> </span> <div id='topads-wrapper'> <b:section class='topads' id='topads' preferred='yes'/> </div> <div style='clear: both;'/> <div id='blog-wrapper'> <div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='mohanamuralika (Header)' type='Header'/> </b:section> </div> <div style='clear: both;'/> <div id='linkbar-wrapper'> <b:section class='linkbar' id='linkbar' showaddelement='no'> <b:widget id='LinkList1' locked='true' title='Linkbar' type='LinkList'/> </b:section> </div> <div style='clear: both;'/> <div id='middleads-wrapper'> <b:section class='middleads' id='middleads' preferred='yes'/> </div> <div style='clear: both;'/> <div id='content-wrapper'> <div id='subcontent-wrapper'> <div id='main-wrapper'> <b:section class='main' id='main' preferred='yes'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> </b:section> </div> <div id='side-wrapper1'> <b:section class='sidebar' id='sidebar1' preferred='yes'> <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/> <b:widget id='Profile1' locked='false' title='About' type='Profile'/> </b:section> </div> </div> <!-- end subcontent-wrapper --> <div id='side-wrapper2'> <b:section class='sidebar' id='sidebar2' preferred='yes'> <b:widget id='Image1' locked='false' title='' type='Image'/> <b:widget id='Feed2' locked='false' title='Recent Posts' type='Feed'/> <b:widget id='Label2' locked='false' title='Labels' type='Label'/> </b:section> </div> <!-- spacer for skins that sets sidebar and main to be the same height--> <div style='clear: both;'/> </div> <!-- end content-wrapper --> <div id='middleads-wrapper'> <b:section class='middleads2' id='middleads2' preferred='yes'/> </div> <div style='clear: both;'/> <div id='lower-wrapper'> <div id='lowerbar-wrapper'> <b:section class='lowerbar' id='lowerbar1' preferred='yes'> <b:widget id='Text2' locked='false' title='About This Blog' type='Text'/> </b:section> </div> <div id='lowerbar-wrapper'> <b:section class='lowerbar' id='lowerbar2' preferred='yes'> <b:widget id='Text3' locked='false' title='Lorem Ipsum' type='Text'/> </b:section> </div> <div id='lowerbar-wrapper'> <b:section class='lowerbar' id='lowerbar3' preferred='yes'> <b:widget id='Feed1' locked='false' title='Mullookkaaran' type='Feed'/> </b:section> </div> <div style='clear: both;'/> <div id='lowerads-wrapper'> <b:section class='lowerads' id='lowerads' preferred='yes'/> </div> <div style='clear: both;'/> </div> <!-- end lower-wrapper --> <div id='footer-wrapper'> <b:section class='footer' id='footer'> <b:widget id='Text1' locked='false' title='Footer' type='Text'/> </b:section> </div> <div style='clear: both;'/> </div> <!-- end blog-wrapper --> <div id='bottomads-wrapper'> <b:section class='bottomads' id='bottomads' preferred='yes'/> </div> </div> <!-- end outer-wrapper --> <!-- Template Design: By Mullookkaaran --> <div id='credit'> <div id='creditleft'> <p> <img border='0' id='BLOGGER_PHOTO_ID_5255170228945611202' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtqlQbQ0bLXU3lU87Bu3rLdhs_LzCCdbFw187tWkW32LGThSDgvZbFGHLgTEM1PxBahByl-YFzRcX73_24VD1gEpNj1UvIXinQgKu5qIitk4ZLknB7NkyZ_AjpSa4wzQABXvczpyPnL2k/s200/clip_image002.jpg' style='CURSOR: hand' title='Mullookkaaran'/> </p> </div> <div id='creditright'> <p><b>Back to <a href='#outer-wrapper'>TOP</a>  </b></p> </div> </div> <!-- end credit --> </body> </html> കൂടുതല് കോളങ്ങള് ഉള്ള മറ്റൊരു ടെമ്പ്ലേറ്റ് ... <?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 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/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[ /* ************ START OF CSS STYLING ************ */ /* ----------------------------------------------------------------------- Blogger Template Design: By Mullookkaaran ----------------------------------------------------------------------- */ /* Variable definitions ======================== <Variable name="bodybgColor" description="Body Background Color" type="color" default="#FFBBE8" value="#808080"> <Variable name="blogframeColor" description="Blog Background Color" type="color" default="#800040" value="#191919"> <Variable name="blogBorderColor" description="Blog Border Color" type="color" default="#800040" value="#ffffff"> <Variable name="headerbgColor" description="Header Background Color" type="color" default="#ffffff" value="#940f04"> <Variable name="headerBorderColor" description="Header Border Color" type="color" default="#800040" value="#ffffff"> <Variable name="blogTitleColor" description="Blog Title Color" type="color" default="#800040" value="#66B5FF"> <Variable name="blogDescriptionColor" description="Blog Description Color" type="color" default="#800040" value="#ffffff"> <Variable name="linkbarbgColor" description="Linkbar Background Color" type="color" default="#C94093" value="#ffffff"> <Variable name="linkbarmainBorderColor" description="Linkbar Main Border Color" type="color" default="#C94093" value="#948a04"> <Variable name="linkbarBorderColor" description="Linkbar Border Color" type="color" default="#9D1961" value="#948a04"> <Variable name="linkbarTextColor" description="Linkbar Text Color" type="color" default="#ffffff" value="#000000"> <Variable name="linkbarHoverBgColor" description="Linkbar Hover Background Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="linkbarHoverTextColor" description="Linkbar Hover Text Color" type="color" default="#9D1961" value="#808080"> <Variable name="middlebarbgColor" description="Middlebar Background Color" type="color" default="#ffffff" value="#7f7f7f"> <Variable name="contentbgColor" description="Content Background Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="contentBorderColor" description="Content Border Color" type="color" default="#9D1961" value="#044b94"> <Variable name="postbgColor" description="Post Background Color" type="color" default="#ffffff" value="#C3D9FF"> <Variable name="postBorderColor" description="Post Border Color" type="color" default="#ffffff" value="#cc0000"> <Variable name="postTitleColor" description="Post Title Color" type="color" default="#000000" value="#cc0000"> <Variable name="posttitlebgColor" description="Post Title Background Color" type="color" default="#000000" value="#FFBBE8"> <Variable name="posttitleBorderColor" description="Post Title Border Color" type="color" default="#000000" value="#000000"> <Variable name="dateHeaderColor" description="Date Header Color" type="color" default="#000000" value="#4c4c4c"> <Variable name="textColor" description="Text Color" type="color" default="#191919" value="#000000"> <Variable name="mainLinkColor" description="Main Link Color" type="color" default="#333333" value="#040e94"> <Variable name="mainHoverLinkColor" description="Main Hover Link Color" type="color" default="#9D1961" value="#7D849E"> <Variable name="mainVisitedLinkColor" description="Main Visited Link Color" type="color" default="#9D1961" value="#cc0000"> <Variable name="blockquotebgColor" description="Blockquote Background Color" type="color" default="#191919" value="#cccccc"> <Variable name="blockquoteBorderColor" description="Blockquote Border Color" type="color" default="#191919" value="#948a04"> <Variable name="blockQuoteColor" description="Blockquote Color" type="color" default="#191919" value="#86AA3F"> <Variable name="codeTextColor" description="Code Text Color" type="color" default="#660000" value="#86AA3F"> <Variable name="imagebgColor" description="Photo Background Color" type="color" default="#f5f5f5" value="#00FF80"> <Variable name="imageBorderColor" description="Photo Border Color" type="color" default="#f5f5f5" value="#cc0000"> <Variable name="postfooterBgColor" description="Postfooter Background Color" type="color" default="#b8659C" value="#e6e6e6"> <Variable name="postfooterBorderColor" description="Postfooter Border Color" type="color" default="#b8659C" value="#333333"> <Variable name="postfooterTextColor" description="Postfooter Text Color" type="color" default="#b8659C" value="#cc0000"> <Variable name="postfooterLinkColor" description="Postfooter Link Color" type="color" default="#b8659C" value="#7D849E"> <Variable name="commentTabLinkColor" description="Comment Tab Link Color" type="color" default="#b8659C" value="#7D849E"> <Variable name="feedlinksColor" description="Feed Links Color" type="color" default="#9D1961" value="#040e94"> <Variable name="mainsidebar1bgColor" description="Main Sidebar Background Color" type="color" default="#FFBBE8" value="#0066CC"> <Variable name="sidebar1bgColor" description="Sidebar1 Background Color" type="color" default="#FFBBE8" value="#C3D9FF"> <Variable name="sidebar2bgColor" description="Sidebar2 Background Color" type="color" default="#FFBBE8" value="#C3D9FF"> <Variable name="sidebar1BorderColor" description="Sidebar1 Border Color" type="color" default="#C94093" value="#cc0000"> <Variable name="sidebar2BorderColor" description="Sidebar2 Border Color" type="color" default="#C94093" value="#cc0000"> <Variable name="sidebar1HeaderBgColor" description="Sidebar1 Header Background Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="sidebar2HeaderBgColor" description="Sidebar2 Header Background Color" type="color" default="#ffffff" value="#fcfcfc"> <Variable name="sidebar1HeaderBorderColor" description="Sidebar1 Header Border Color" type="color" default="#C94093" value="#948a04"> <Variable name="sidebar2HeaderBorderColor" description="Sidebar2 Header Border Color" type="color" default="#C94093" value="#948a04"> <Variable name="sidebar1HeaderColor" description="Sidebar1 Header Color" type="color" default="#000000" value="#86AA3F"> <Variable name="sidebar2HeaderColor" description="Sidebar2 Header Color" type="color" default="#000000" value="#86AA3F"> <Variable name="sidebar1TextColor" description="Sidebar1 Text Color" type="color" default="#9D1961" value="#86AA3F"> <Variable name="sidebar2TextColor" description="Sidebar2 Text Color" type="color" default="#9D1961" value="#86AA3F"> <Variable name="sidebar1LinkColor" description="Sidebar1 Link Color" type="color" default="#9D1961" value="#86AA3F"> <Variable name="sidebar2LinkColor" description="Sidebar2 Link Color" type="color" default="#9D1961" value="#86AA3F"> <Variable name="sidebar1HoverLinkColor" description="Sidebar1 Hover Link Color" type="color" default="#000000" value="#000000"> <Variable name="sidebar2HoverLinkColor" description="Sidebar2 Hover Link Color" type="color" default="#000000" value="#000000"> <Variable name="sidebar1VisitedLinkColor" description="Sidebar1 Visited Link Color" type="color" default="#000000" value="#86AA3F"> <Variable name="sidebar2VisitedLinkColor" description="Sidebar2 Visited Link Color" type="color" default="#000000" value="#86AA3F"> <Variable name="sidebarListLineColor" description="Sidebar List Line Color" type="color" default="#000000" value="#0066CC"> <Variable name="lowerbarbgColor" description="Lowerbar Background Color" type="color" default="#ffffff" value="#99C9FF"> <Variable name="lowerbarBorderColor" description="Lowerbar Border Color" type="color" default="#C94093" value="#cc0000"> <Variable name="lowerbarHeaderColor" description="Lowerbar Header Color" type="color" default="#000000" value="#000000"> <Variable name="lowerbarTitleBgColor" description="Lowerbar Header Background Color" type="color" default="#C94093" value="#bb0000"> <Variable name="lowerbarTitleBorderColor" description="Lowerbar Header Border Color" type="color" default="#C94093" value="#333333"> <Variable name="lowerbarTextColor" description="Lowerbar Text Color" type="color" default="#9D1961" value="#000000"> <Variable name="lowerbarLinkColor" description="Lowerbar Link Color" type="color" default="#9D1961" value="#044b94"> <Variable name="lowerbarHoverLinkColor" description="Lowerbar Hover Link Color" type="color" default="#000000" value="#7D849E"> <Variable name="lowerbarVisitedLinkColor" description="Lowerbar Visited Link Color" type="color" default="#000000" value="#2BA94F"> <Variable name="lowerbarListLineColor" description="Lowerbar List Line Color" type="color" default="#000000" value="#cc0000"> <Variable name="commentbgColor" description="Comment Background Color" type="color" default="#9D1961" value="#f8ffa9"> <Variable name="commentBorderColor" description="Comment Border Color" type="color" default="#C94093" value="#C2CD43"> <Variable name="commentTitleColor" description="Comment Header Color" type="color" default="#000000" value="#343E61"> <Variable name="commentAuthorBgColor" description="Comment Author Background Color" type="color" default="#9D1961" value="#cc0000"> <Variable name="commentboxBorderColor" description="Comment Author Border Color" type="color" default="#C94093" value="#C2CD43"> <Variable name="commentauthorColor" description="Comment Author Color" type="color" default="#9D1961" value="#86AA3F"> <Variable name="commentTimeStampColor" description="Comment Timestamp Color" type="color" default="#C94093" value="#7D849E"> <Variable name="commentTextColor" description="Comment Text Color" type="color" default="#4c4c4c" value="#7D849E"> <Variable name="footerbgColor" description="Footer Background Color" type="color" default="#ffffff" value="#cc0000"> <Variable name="footerBorderColor" description="Footer Border Color" type="color" default="#000000" value="#fbffc9"> <Variable name="footerHeaderColor" description="Footer Header Color" type="color" default="#000000" value="#ffffff"> <Variable name="footerTextColor" description="Footer Text Color" type="color" default="#C94093" value="#b3daff"> <Variable name="footerLinkColor" description="Footer Link Color" type="color" default="#C94093" value="#C2CD43"> <Variable name="footerHoverLinkColor" description="Footer Hover Link Color" type="color" default="#C94093" value="#999999"> <Variable name="footerVisitedLinkColor" description="Footer Visited Link Color" type="color" default="#C94093" value="#C2CD43"> <Variable name="blogTitleFont" description="Blog Title Font" type="font" default="normal bold 273% Georgia, Times, serif" value="normal bold 219% Georgia, Times, serif"> <Variable name="blogDescriptionFont" description="Blog Description Font" type="font" default="normal normal 104% georgia,helvetica,verdana,Georgia, serif" value="normal bold 99% Georgia, Times, serif"> <Variable name="linkbarTextFont" description="Linkbar Text Font" type="font" default="normal normal 77% Verdana, sans-serif" value="normal bold 74% Arial, sans-serif"> <Variable name="postTitleFont" description="Post Title Font" type="font" default="normal bold 180% Georgia, Times, serif" value="normal bold 113% Verdana, sans-serif"> <Variable name="dateHeaderFont" description="Date Header Font" type="font" default="normal bold 117% Arial, sans-serif" value="normal normal 74% Arial, sans-serif"> <Variable name="textFont" description="Text Font" type="font" default="normal normal 90% Arial, sans-serif" value="normal normal 77% Verdana, sans-serif"> <Variable name="quoteFont" description="Blog Quote Font" type="font" default="normal normal 92% helvetica,tahoma,verdana,arial,times,Sans-serif" value="italic normal 95% Verdana, sans-serif"> <Variable name="sidebarHeaderFont" description="Sidebar Title Font" type="font" default="normal bold 117% Arial, sans-serif" value="normal bold 103% Verdana, sans-serif"> <Variable name="sidebarTextFont" description="Sidebar Text Font" type="font" default="normal normal 78% Arial, Verdana, sans-serif" value="normal normal 68% Verdana, sans-serif"> <Variable name="postfooterTextFont" description="Post-Footer Text Font" type="font" default="normal normal 93% Arial, sans-serif" value="normal normal 86% Verdana, sans-serif"> <Variable name="commentTitleFont" description="Comment Title Font" type="font" default="normal bold 120% Arial, sans-serif" value="normal bold 127% Verdana, sans-serif"> <Variable name="commentTextFont" description="Comment Text Font" type="font" default="normal normal 95% Arial, sans-serif" value="normal normal 94% Verdana, sans-serif"> <Variable name="footerHeaderFont" description="Footer Header Font" type="font" default="normal bold 131% Trebuchet, Trebuchet MS, Arial, sans-serif" value="normal bold 114% Arial, sans-serif"> <Variable name="footerTextFont" description="Footer Text Font" type="font" default="normal normal 76% Trebuchet, Trebuchet MS, Arial, sans-serif" value="normal bold 72% Arial, sans-serif"> */ /* ----- GLOBAL ----- Template Design: By Mullookkaaran*/ * {margin:0; padding:0;} body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; color: $textColor; background: $bodybgColor url() repeat top right; background-attachment: fixed; font-family: arial,verdana,helvetica,tahoma,Sans-serif; font-size: 100%; width: 100%; } #outer-wrapper { margin: 0 auto; /* auto - to make the template lay in the screen center */ padding: 0px 0px 0px 0px; margin-top: 25px; margin-bottom: 20px; position: relative; width: 100%; text-align: center; } #blog-wrapper { margin: 0 auto; /* auto - to make the template lay in the screen center */ padding: 20px; margin-top: 20px; margin-bottom: 10px; text-align: center; position: relative; width: 930px; background: $blogframeColor; border: 1px solid $blogBorderColor; } #spacer {clear: both; margin: 0; padding: 0;} /* global link attributes */ a {color: $mainLinkColor; text-decoration: underline;} a:hover {color: $mainHoverLinkColor; text-decoration: underline;} a:visited {color: $mainVisitedLinkColor; text-decoration: underline;} /* Blogger Navigation Bar */ #Navbar1 { margin: 0; padding: 0; /* visibility: hidden; */ /* display: none; */ } /* ----- TOP ADS ----- Template Design: By Mullookkaaran*/ #topads-wrapper { margin: 0; padding: 0; position: relative; text-align: center; width: 100%; } #topads {margin: 0; padding: 0;} #topads .widget {margin: 0; padding: 5px 0;} /* ----- HEADER ----- Template Design: By Mullookkaaran*/ #header-wrapper { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 930px; text-align: center; background: $headerbgColor; border: 0px solid $headerBorderColor; } #header { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; } #header h1 { color: $blogTitleColor; font: $blogTitleFont; text-align: left; text-transform: uppercase; margin: 0px 0px 0px 0px; padding: 20px 20px 0px 20px; } #header h1 a { text-decoration: none; color: $blogTitleColor; } #header h1 a:hover { text-decoration: underline; color: $blogDescriptionColor; } #header .description { color: $blogDescriptionColor; font: $blogDescriptionFont; text-align: left; margin: 0px 0px 0px 0px; padding: 2px 20px 17px 20px; } #header h1 p, #header .description p {margin:0;padding:0} #header a img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0; } /* ----- LINKBAR ----- Template Design: By Mullookkaaran*/ #linkbar-wrapper { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 930px; position: relative; background: $linkbarbgColor; border-bottom: 5px solid $linkbarmainBorderColor; } #linkbar .widget { margin: 0px 0px 0px 0px; padding: 6px 5px 5px 5px; } #linkbar ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; list-style-type:none; border-right: 0px solid $linkbarBorderColor; } #linkbar li { display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #linkbar h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: none; visibility: hidden; } #linkbar a { clear: both; margin: 0px -4px 0px 0px; padding: 9px 20px 6px 20px; width:100%; text-decoration:none; font: $linkbarTextFont; color: $linkbarTextColor; /* text-transform: uppercase; */ border-right: 1px solid $linkbarBorderColor; border-left: 0px solid $linkbarBorderColor; } #linkbar a:hover { color: $linkbarHoverTextColor; background: $linkbarHoverBgColor; } /* ----- MIDDLE ADS ----- Template Design: By Mullookkaaran*/ #middleads-wrapper { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 930px; position: relative; text-align: center; width: 100%; } #middleads, #middleads2 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #middleads .widget, #middleads2 .widget { margin: 0; padding: 5px 0; background: $middlebarbgColor; } /* ----- MAIN ----- Template Design: By Mullookkaaran*/ #content-wrapper { width: 930px; margin: 0px 0px 0px 0px; padding: 15px 0px 0px 0px; position: relative; text-align: left; /* background: $contentbgColor; */ border: 0px solid $contentBorderColor; 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 */ } #subcontent-wrapper { float: left; position: relative; width: 555px; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; background: $postbgColor; border: 1px solid $contentBorderColor; } #main-wrapper { float: left; position: relative; max-width: 415px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: justify; 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 */ } #main { width: 415px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: justify; color: $textColor; font: $textFont; } #main .widget { margin: 0px 0px 7px 0px; padding: 15px 5px 15px 10px; background: $postbgColor; /* url(http://farm4.static.flickr.com/3135/2746541297_c4c9e6dae2_o.jpg) repeat-y top left; */ border: 0px solid $postBorderColor; } .post { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 1.6em; text-align: justify; } .post h3 { margin: 0px 0px 0px 0px; padding: 0px 0px 1px 0px; color: $postTitleColor; font: $postTitleFont; text-decoration: none; text-align: left; line-height: 1.6em; /* text-transform: uppercase; background: $posttitlebgColor; border-top: 1px solid $posttitleBorderColor; border-bottom: 2px solid $posttitleBorderColor; */ } .post h3 a, .post h3 a:visited { color: $postTitleColor; text-decoration: none; } .post h3 a:hover { color: $textColor; text-decoration: underline; } .post-header-line-1 { margin: 0px 0px 0px 0px; padding: 0px 0px 17px 0px; } h2.date-header { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; color: $dateHeaderColor; font: $dateHeaderFont; text-decoration: none; text-transform: uppercase; } .date-header span { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .post-body p { /* Fix bug in IE5/Win with italics in posts */ margin: 0px 0px 0px 0px; padding: 1px 0px 1px 0px; display: inline; /* to fix floating-ads wrapping problem in IE */ height: 1%; overflow: visible; } .post-body p a, .post-body p a:visited { color: $mainLinkColor; text-decoration: underline; } .post-body a:hover { text-decoration: underline; color: $mainHoverLinkColor; } .post ul { margin: 0px 0px 0px 0px; padding: 12px 0px 12px 30px; list-style-type: disc; line-height: 1.6em; font-size: 95%; } .post ol { margin: 0px 0px 0px 0px; padding: 12px 0px 12px 30px; line-height: 1.6em; font-size: 95%; } .post li { margin: 0px 0px 0px 0px; padding: 0px 0px 8px 0px; } a img { margin: 5px 5px 5px 5px; padding: 0px 0px 0px 0px; } .post img { margin: 5px; padding: 5px; background: $imagebgColor; border: 1px solid $imageBorderColor; } /* ----- POST-FOOTER ----- Template Design: By Mullookkaaran*/ .post-footer { display: block; margin: 15px 0px 25px 0px; padding: 4px 0px 5px 0px; text-align: left; font: $postfooterTextFont; color: $postfooterTextColor; font-weight: normal; line-height: 1.6em; text-decoration: none; /* background: $postfooterBgColor; */ border-top: 1px dashed $postfooterBorderColor; } .post-footer-line { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .post-footer-line-1, .post-footer-line-2, .post-footer-line-3 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .post-footer a { color: $postfooterLinkColor; text-decoration: none; } .post-footer a:hover { color: $mainHoverLinkColor; text-decoration: underline; } .post-footer .post-comment-link a { margin: 0px 0px 0px 7px; padding: 0px 0px 0px 9px; border-left: 1px solid $postfooterTextColor; color: $commentTabLinkColor; font-weight: normal; text-decoration: none; } .post-footer .post-comment-link a:hover { color: $mainHoverLinkColor; text-decoration: underline; } .post-footer .post-icons { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .post-footer img { margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; background: $postfooterBgColor; } #blog-pager { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; font: $postfooterTextFont; color: $feedlinksColor; } #blog-pager a {color: $feedlinksColor} #blog-pager a:hover {color: $mainHoverLinkColor} #blog-pager-newer-link { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #blog-pager-older-link { float: right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .feed-links { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; clear: both; text-align: left; font: $postfooterTextFont; color: $feedlinksColor; } .feed-links a, .feed-links a:visited {color: $feedlinksColor} .feed-links a:hover {color: $mainHoverLinkColor} /* ----- BLOCKQUOTE ----- */ blockquote { margin: 10px 0px 10px 20px; padding: 10px 15px 10px 15px; font: $quoteFont; line-height: 1.6em; color: $blockQuoteColor; background: $blockquotebgColor; border: 2px solid $blockquoteBorderColor; } /* ----- CODE ----- */ code { color: $codeTextColor; font-size: 110%; } /* ----- SIDEBAR ----- Template Design: By Mullookkaaran*/ #side-wrapper1 { max-width: 140px; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: $postbgColor; 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 */ } #side-wrapper2 { max-width: 373px; float: right; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; 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-wrapper { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 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 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; font: $sidebarTextFont; } #sidebar1 { width: 120px; margin: 0px 0px 0px 0px; padding: 15px 10px 0px 10px; color: $sidebar1TextColor; line-height: 1.6em; } #sidebar2 { width: 358px; margin: 0px 0px 0px 15px; padding: 0px 0px 0px 0px; color: $sidebar2TextColor; line-height: 1.6em; } #sidebar1 .widget { margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; border: 0px solid $sidebar1BorderColor; } #sidebar2 .widget { margin: 0px 0px 15px 0px; padding: 10px 10px 10px 10px; background: $sidebar2bgColor; border: 1px solid $sidebar2BorderColor; } /* sidebar heading ----- Template Design: By Mullookkaaran*/ #sidebar1 h2 { margin: 0px 0px 2px 0px; padding: 0px 0px 2px 0px; text-align: left; color: $sidebar1HeaderColor; font: $sidebarHeaderFont; text-transform: uppercase; text-decoration: underline; /* background: $sidebar1HeaderBgColor; border-top: 0px solid $sidebar1HeaderBorderColor; border-bottom: 1px solid $sidebar1HeaderBorderColor; */ } #sidebar2 h2 { margin: 0px 0px 2px 0px; padding: 0px 0px 2px 0px; text-align: left; color: $sidebar2HeaderColor; font: $sidebarHeaderFont; text-transform: uppercase; text-decoration: underline; /* background: $sidebar2HeaderBgColor; border-top: 0px solid $sidebar2HeaderBorderColor; border-bottom: 1px solid $sidebar2HeaderBorderColor; */ } .sidebar ul, #BlogArchive1 ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; } .sidebar li, #BlogArchive1 li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; /* border-bottom: 1px solid $sidebarListLineColor; */ } #sidebar1 a { color: $sidebar1LinkColor; text-decoration: none; } #sidebar1 a:hover { text-decoration: underline; color: $sidebar1HoverLinkColor; } #sidebar1 a:visited { text-decoration: none; color: $sidebar1VisitedLinkColor; } #sidebar2 a { color: $sidebar2LinkColor; text-decoration: none; } #sidebar2 a:hover { text-decoration: underline; color: $sidebar2HoverLinkColor; } #sidebar2 a:visited { text-decoration: none; color: $sidebar2VisitedLinkColor; } .sidebar a img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /* ----- PROFILE ----- Template Design: By Mullookkaaran*/ .profile-img { margin: 5px; padding: 0px; border: 1px solid $sidebarListLineColor; } .profile-textblock { margin: 0px 0px 0px 0px; padding: 3px 0px 3px 0px; clear: both; line-height: 1.6em; /* border-top: 1px solid $sidebarListLineColor; border-bottom: 1px solid $sidebarListLineColor; */ } .profile-datablock { margin: 2px 0px 5px 0px; padding: 0px 0px 0px 0px; } .profile-data { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight: normal; font-style: italic; } .profile-link { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /* ----- COMMENT ----- Template Design: By Mullookkaaran*/ #comments { margin: 0px 0px 0px 0px; padding: 0px 15px 20px 15px; text-align: left; color: $commentTextColor; font: $commentTextFont; background: $commentbgColor; border: 1px solid $commentBorderColor; } /* comment-header */ #comments h4 { margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; color: $commentTitleColor; font: $commentTitleFont; } .deleted-comment { font-style:italic; color:gray; margin: 3px 0px 3px 0px; } .comment-author { display: block; margin: 10px 0px 0px 0px; padding: 8px 10px 3px 0px; color: $commentauthorColor; /* background: $commentAuthorBgColor; */ border-top: 1px solid $commentboxBorderColor; border-bottom: 0px dotted $commentboxBorderColor; font-weight: normal; } .comment-author a {color: $commentauthorColor; text-decoration: none;} .comment-author a:hover {color: $commentTimeStampColor; text-decoration: underline;} .comment-author a:visited {color: $commentauthorColor; text-decoration: none;} .comment-body {margin: 0; padding: 5px 0px 5px 40px;} .comment-body p {margin: 0; padding: 0; line-height: 1.7em;} .comment-footer, .comment-footer a {margin: 0px 0px 0px 0px; padding: 4px 0px 0px 0px;} .comment-timestamp { margin: 0px 0px 0px 4px; padding: 0px 0px 7px 4px; color: $commentTimeStampColor; text-decoration: none; font-weight: normal; font-style: italic; font-size: 96%; } .comment-timestamp a { color: $commentTimeStampColor; text-decoration: none; } .comment-timestamp a:hover {color: $commentauthorColor; text-decoration: underline;} #comments ul {margin: 0; padding: 0; list-style-type: none;} #comments li {margin: 0; padding: 0;} a.comment-link { /* ie5.0/win doesn't apply padding to inline elements, so we hide these two declarations from it */ padding: 0px 0px 0px 0px; } html>body a.comment-link { /* respecified, for ie5/mac's benefit */ padding-left: 0px; } /* ----- LOWER SECTION ----- Template Design: By Mullookkaaran*/ #lower-wrapper { margin: 15px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 930px; font: $sidebarTextFont; color: $lowerbarTextColor; background: $lowerbarbgColor; border-top: 5px solid $lowerbarBorderColor; border-bottom: 5px solid $lowerbarBorderColor; } #lowerbar-wrapper { float: left; margin: 0px 0px 0px 0px; padding: 15px 0px 25px 0px; width: 33%; text-align: left; line-height: 1.8em; 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 */ } #lowerads-wrapper { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; text-align: center; 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 */ } .lowerbar {margin: 0; padding: 0;} .lowerbar .widget {margin: 0; padding: 15px 20px 25px 34px;} .lowerads {margin: 0; padding: 0;} .lowerads .widget {margin: 0; padding: 10px 0px 10px 0px;} .lowerbar h2 { margin: 0px 0px 2px 0px; padding: 10px 0px 2px 0px; color: $lowerbarHeaderColor; font: $sidebarHeaderFont; text-align: left; text-transform: uppercase; text-decoration: underline; /* background: $lowerbarTitleBgColor; border-bottom: 1px solid $lowerbarTitleBorderColor; */ } .lowerbar ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; } .lowerbar li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; /* border-bottom: 1px solid $lowerbarListLineColor; */ } .lowerbar a {color: $lowerbarLinkColor; text-decoration: none;} .lowerbar a:hover {text-decoration: underline; color: $lowerbarHoverLinkColor;} .lowerbar a:visited {text-decoration: none; color: $lowerbarVisitedLinkColor;} /* ----- FOOTER ----- Template Design: By Mullookkaaran*/ #footer-wrapper { clear: both; display: inline; /* handles IE margin bug */ float: left; width: 930px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: $footerbgColor; border-top: 1px solid $footerBorderColor; } #footer { margin: 0px 0px 0px 0px; padding: 15px 0px 0px 0px; text-align: center; color: $footerTextColor; font: $footerTextFont; line-height: 1.6em; } #footer h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 2px 0px; color: $footerHeaderColor; font: $footerHeaderFont; } #footer .widget { margin: 0px 0px 0px 0px; padding: 0px 10px 15px 10px; } .footer p {margin: 0; padding: 0} .footer a { color: $footerLinkColor; text-decoration: none; } .footer a:hover { color: $footerHoverLinkColor; text-decoration: underline; } .footer a:visited { color: $footerVisitedLinkColor; text-decoration: none; } /* ----- BOTTOM ADS ----- Template Design: By Mullookkaaran*/ #bottomads-wrapper { margin: 0; padding: 0; position: relative; text-align: center; width: 100%; } #bottomads {margin: 0; padding: 10px 0;} #bottomads .widget {margin: 0; padding: 5px 0;} /* ----- CREDIT ----- */ #credit { margin: 0px 0px 0px 0px; padding: 2px 0px 0px 0px; width: 100%; height: 26px; clear: both; font-family: verdana, helvetica; font-size: 70%; color: $postbgColor; font-weight: normal; background: $textColor; } #creditleft { margin: 0px 0px 0px 0px; padding: 7px 0px 0px 0px; height: 26px; position: relative; float: left; text-align: left; display: inline; width: 71%; background: $textColor; } #creditright { margin: -33px 0px 0px 0px; padding: 7px 0px 0px 0px; height: 26px; position: relative; float: right; text-align:right; display: inline; width: 30%; background: $textColor; } #creditleft p { margin: 0; padding: 0 } #creditright p { margin: 0; padding: 0 } #creditleft a, .creditleft a:hover, .creditleft a:visited { color: $postbgColor; text-decoration: underline; } #creditright a, .creditright a:hover, .creditright a:visited { color: $postbgColor; text-decoration: underline; } /* ************ END OF CSS STYLING ************ */ /** Page structure tweaks for layout editor wireframe */ body#layout #main, body#layout #sidebar { padding: 0; } ]]></b:skin> <b:if cond='data:blog.pageType != "item"'> <script type='text/javascript'> var fade = false; function showFull(id) { var post = document.getElementById(id); var spans = post.getElementsByTagName('span'); for (var i = 0; i < spans.length; i++) { if (spans[i].id == "fullpost") { if (fade) { spans[i].style.background = peekaboo_bgcolor; Effect.Appear(spans[i]); } else spans[i].style.display = 'inline'; } if (spans[i].id == "showlink") spans[i].style.display = 'none'; if (spans[i].id == "hidelink") spans[i].style.display = 'inline'; } } function hideFull(id) { var post = document.getElementById(id); var spans = post.getElementsByTagName('span'); for (var i = 0; i < spans.length; i++) { if (spans[i].id == "fullpost") { if (fade) { spans[i].style.background = peekaboo_bgcolor; Effect.Fade(spans[i]); } else spans[i].style.display = 'none'; } if (spans[i].id == "showlink") spans[i].style.display = 'inline'; if (spans[i].id == "hidelink") spans[i].style.display = 'none'; } post.scrollIntoView(true); } function checkFull(id) { var post = document.getElementById(id); var spans = post.getElementsByTagName('span'); var found = 0; for (var i = 0; i < spans.length; i++) { if (spans[i].id == "fullpost") { spans[i].style.display = 'none'; found = 1; } if ((spans[i].id == "showlink") && (found == 0)) spans[i].style.display = 'none'; } } </script> </b:if> </head> <body> <div id='outer-wrapper'> <!-- skip links for text browsers --> <span id='skiplinks' style='display:none;'> <a href='#main'>skip to main </a> | <a href='#sidebar'>skip to sidebar</a> </span> <div id='topads-wrapper'> <b:section class='topads' id='topads' preferred='yes'/> </div> <div style='clear: both;'/> <div id='blog-wrapper'> <div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Mullookkaaran (Header)' type='Header'/> </b:section> </div> <div style='clear: both;'/> <div id='linkbar-wrapper'> <b:section class='linkbar' id='linkbar' showaddelement='no'> <b:widget id='LinkList1' locked='true' title='Linkbar' type='LinkList'/> </b:section> </div> <div style='clear: both;'/> <div id='middleads-wrapper'> <b:section class='middleads' id='middleads' preferred='yes'/> </div> <div style='clear: both;'/> <div id='content-wrapper'> <div id='subcontent-wrapper'> <div id='main-wrapper'> <b:section class='main' id='main' preferred='yes'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> </b:section> </div> <div id='side-wrapper1'> <b:section class='sidebar' id='sidebar1' preferred='yes'> <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/> <b:widget id='Profile1' locked='false' title='About' type='Profile'/> </b:section> </div> </div> <!-- end subcontent-wrapper --> <div id='side-wrapper2'> <b:section class='sidebar' id='sidebar2' preferred='yes'> <b:widget id='Image1' locked='false' title='' type='Image'/> <b:widget id='Feed2' locked='false' title='Recent Posts' type='Feed'/> <b:widget id='Label2' locked='false' title='Labels' type='Label'/> </b:section> </div> <!-- spacer for skins that sets sidebar and main to be the same height--> <div style='clear: both;'/> </div> <!-- end content-wrapper --> <div id='middleads-wrapper'> <b:section class='middleads2' id='middleads2' preferred='yes'/> </div> <div style='clear: both;'/> <div id='lower-wrapper'> <div id='lowerbar-wrapper'> <b:section class='lowerbar' id='lowerbar1' preferred='yes'> <b:widget id='Text2' locked='false' title='About This Blog' type='Text'/> </b:section> </div> <div id='lowerbar-wrapper'> <b:section class='lowerbar' id='lowerbar2' preferred='yes'> <b:widget id='Text3' locked='false' title='Lorem Ipsum' type='Text'/> </b:section> </div> <div id='lowerbar-wrapper'> <b:section class='lowerbar' id='lowerbar3' preferred='yes'> <b:widget id='Feed1' locked='false' title='Mullookkaaran' type='Feed'/> </b:section> </div> <div style='clear: both;'/> <div id='lowerads-wrapper'> <b:section class='lowerads' id='lowerads' preferred='yes'/> </div> <div style='clear: both;'/> </div> <!-- end lower-wrapper --> <div id='footer-wrapper'> <b:section class='footer' id='footer'> <b:widget id='Text1' locked='false' title='Footer' type='Text'/> </b:section> </div> <div style='clear: both;'/> </div> <!-- end blog-wrapper --> <div id='bottomads-wrapper'> <b:section class='bottomads' id='bottomads' preferred='yes'/> </div> </div> <!-- end outer-wrapper --> <!-- Template Design: By Mullookkaaran --> <div id='credit'> <div id='creditleft'> <p> <img border='0' id='BLOGGER_PHOTO_ID_5255170228945611202' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtqlQbQ0bLXU3lU87Bu3rLdhs_LzCCdbFw187tWkW32LGThSDgvZbFGHLgTEM1PxBahByl-YFzRcX73_24VD1gEpNj1UvIXinQgKu5qIitk4ZLknB7NkyZ_AjpSa4wzQABXvczpyPnL2k/s200/clip_image002.jpg' style='CURSOR: hand' title='Mullookkaaran'/> </p> </div> <div id='creditright'> <p><b>Back to <a href='#outer-wrapper'>TOP</a>  </b></p> </div> </div> <!-- end credit --> </body> </html> കൂടുതല് കോളങ്ങള് ഉള്ള മറ്റൊരു ടെമ്പ്ലേറ്റ് ... <?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 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/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[ /* ************ START OF CSS STYLING ************ */ /* ----------------------------------------------------------------------- Blogger Template Design: by Mullookkaaran ----------------------------------------------------------------------- */ /* Variable definitions ======================== <Variable name="bodybgColor" description="Body Background Color" type="color" default="#FFBBE8" value="#ffffff"> <Variable name="blogframeColor" description="Blog Background Color" type="color" default="#800040" value="#ffffff"> <Variable name="blogBorderColor" description="Blog Border Color" type="color" default="#800040" value="#ffffff"> <Variable name="headerbgColor" description="Header Background Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="headerTopBorderColor" description="Header Top Border Color" type="color" default="#800040" value="#658DB5"> <Variable name="headerBorderColor" description="Header Border Color" type="color" default="#800040" value="#b3b3b3"> <Variable name="blogTitleColor" description="Blog Title Color" type="color" default="#800040" value="#191919"> <Variable name="blogDescriptionColor" description="Blog Description Color" type="color" default="#800040" value="#191919"> <Variable name="linkbarbgColor" description="Linkbar Background Color" type="color" default="#C94093" value="#ffffff"> <Variable name="linkbarmainBorderColor" description="Linkbar Main Border Color" type="color" default="#C94093" value="#b3b3b3"> <Variable name="linkbarBorderColor" description="Linkbar Border Color" type="color" default="#9D1961" value="#ffffff"> <Variable name="linkbarTextColor" description="Linkbar Text Color" type="color" default="#ffffff" value="#191919"> <Variable name="linkbarHoverBgColor" description="Linkbar Hover Background Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="linkbarHoverTextColor" description="Linkbar Hover Text Color" type="color" default="#9D1961" value="#658DB5"> <Variable name="contentbgColor" description="Content Background Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="contentBorderColor" description="Content Border Color" type="color" default="#9D1961" value="#ffffff"> <Variable name="postbgColor" description="Post Background Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="postBorderColor" description="Post Border Color" type="color" default="#ffffff" value="#f3f3f3"> <Variable name="postTitleColor" description="Post Title Color" type="color" default="#000000" value="#191919"> <Variable name="posttitlebgColor" description="Post Title Background Color" type="color" default="#000000" value="#999999"> <Variable name="posttitleBorderColor" description="Post Title Border Color" type="color" default="#000000" value="#ffffff"> <Variable name="dateHeaderColor" description="Date Header Color" type="color" default="#000000" value="#658DB5"> <Variable name="textColor" description="Text Color" type="color" default="#191919" value="#333333"> <Variable name="mainLinkColor" description="Main Link Color" type="color" default="#333333" value="#658DB5"> <Variable name="mainHoverLinkColor" description="Main Hover Link Color" type="color" default="#9D1961" value="#191919"> <Variable name="mainVisitedLinkColor" description="Main Visited Link Color" type="color" default="#9D1961" value="#658DB5"> <Variable name="blockQuoteColor" description="Blockquote Color" type="color" default="#191919" value="#4c4c4c"> <Variable name="blockquoteBorderColor" description="Blockquote Border Color" type="color" default="#191919" value="#B3C8DB"> <Variable name="codeTextColor" description="Code Text Color" type="color" default="#660000" value="#4c4c4c"> <Variable name="imagebgColor" description="Photo Background Color" type="color" default="#f5f5f5" value="#ffffff"> <Variable name="imageBorderColor" description="Photo Border Color" type="color" default="#f5f5f5" value="#cccccc"> <Variable name="postfooterBgColor" description="Postfooter Background Color" type="color" default="#b8659C" value="#ffffff"> <Variable name="postfooterBorderColor" description="Postfooter Border Color" type="color" default="#b8659C" value="#e6e6e6"> <Variable name="postfooterTextColor" description="Postfooter Text Color" type="color" default="#b8659C" value="#b3b3b3"> <Variable name="postfooterLinkColor" description="Postfooter Link Color" type="color" default="#b8659C" value="#b3b3b3"> <Variable name="commentTabLinkColor" description="Comment Tab Link Color" type="color" default="#b8659C" value="#b3b3b3"> <Variable name="feedlinksColor" description="Feed Links Color" type="color" default="#9D1961" value="#658DB5"> <Variable name="sidebar1bgColor" description="Sidebar1 Background Color" type="color" default="#FFBBE8" value="#f3f3f3"> <Variable name="sidebar1BorderColor" description="Sidebar1 Border Color" type="color" default="#C94093" value="#b3b3b3"> <Variable name="sidebar1HeaderBgColor" description="Sidebar1 Header Background Color" type="color" default="#ffffff" value="#f3f3f3"> <Variable name="sidebar1HeaderBorderColor" description="Sidebar1 Header Border Color" type="color" default="#C94093" value="#eeeeee"> <Variable name="sidebar1HeaderColor" description="Sidebar1 Header Color" type="color" default="#000000" value="#000000"> <Variable name="sidebar1TextColor" description="Sidebar1 Text Color" type="color" default="#9D1961" value="#658DB5"> <Variable name="sidebar1LinkColor" description="Sidebar1 Link Color" type="color" default="#9D1961" value="#658DB5"> <Variable name="sidebar1HoverLinkColor" description="Sidebar1 Hover Link Color" type="color" default="#000000" value="#191919"> <Variable name="sidebar1VisitedLinkColor" description="Sidebar1 Visited Link Color" type="color" default="#000000" value="#658DB5"> <Variable name="lowerbarbgColor" description="Lowerbar Background Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="lowerbarBorderColor" description="Lowerbar Border Color" type="color" default="#C94093" value="#b3b3b3"> <Variable name="lowerbarHeaderColor" description="Lowerbar Header Color" type="color" default="#000000" value="#191919"> <Variable name="lowerbarTitleBgColor" description="Lowerbar Header Background Color" type="color" default="#C94093" value="#cccccc"> <Variable name="lowerbarTitleBorderColor" description="Lowerbar Header Border Color" type="color" default="#C94093" value="#eeeeee"> <Variable name="lowerbarTextColor" description="Lowerbar Text Color" type="color" default="#9D1961" value="#658DB5"> <Variable name="lowerbarLinkColor" description="Lowerbar Link Color" type="color" default="#9D1961" value="#658DB5"> <Variable name="lowerbarHoverLinkColor" description="Lowerbar Hover Link Color" type="color" default="#000000" value="#191919"> <Variable name="lowerbarVisitedLinkColor" description="Lowerbar Visited Link Color" type="color" default="#000000" value="#658DB5"> <Variable name="lowerbarListLineColor" description="Lowerbar List Line Color" type="color" default="#000000" value="#808080"> <Variable name="commentTitleColor" description="Comment Header Color" type="color" default="#000000" value="#191919"> <Variable name="commentAuthorBgColor" description="Comment Author Background Color" type="color" default="#9D1961" value="#ffffff"> <Variable name="commentboxBorderColor" description="Comment Author Border Color" type="color" default="#C94093" value="#eeeeee"> <Variable name="commentauthorColor" description="Comment Author Color" type="color" default="#9D1961" value="#658DB5"> <Variable name="commentTimeStampColor" description="Comment Timestamp Color" type="color" default="#C94093" value="#b3b3b3"> <Variable name="commentTextColor" description="Comment Text Color" type="color" default="#4c4c4c" value="#333333"> <Variable name="footerbgColor" description="Footer Background Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="footerBorderColor" description="Footer Border Color" type="color" default="#000000" value="#b3b3b3"> <Variable name="footerHeaderColor" description="Footer Header Color" type="color" default="#000000" value="#191919"> <Variable name="footerTextColor" description="Footer Text Color" type="color" default="#C94093" value="#b3b3b3"> <Variable name="footerLinkColor" description="Footer Link Color" type="color" default="#C94093" value="#658DB5"> <Variable name="footerHoverLinkColor" description="Footer Hover Link Color" type="color" default="#C94093" value="#191919"> <Variable name="footerVisitedLinkColor" description="Footer Visited Link Color" type="color" default="#C94093" value="#658DB5"> <Variable name="blogTitleFont" description="Blog Title Font" type="font" default="normal bold 273% Georgia, Times, serif" value="normal normal 258% Verdana, sans-serif"> <Variable name="blogDescriptionFont" description="Blog Description Font" type="font" default="normal normal 104% georgia,helvetica,verdana,Georgia, serif" value="normal normal 75% Verdana, sans-serif"> <Variable name="linkbarTextFont" description="Linkbar Text Font" type="font" default="normal normal 77% Verdana, sans-serif" value="normal normal 105% Georgia, Times, serif"> <Variable name="postTitleFont" description="Post Title Font" type="font" default="normal bold 180% Georgia, Times, serif" value="normal normal 234% Times, serif"> <Variable name="dateHeaderFont" description="Date Header Font" type="font" default="normal bold 117% Arial, sans-serif" value="normal normal 99% Verdana, sans-serif"> <Variable name="textFont" description="Text Font" type="font" default="normal normal 90% Arial, sans-serif" value="normal normal 68% Verdana, sans-serif"> <Variable name="quoteFont" description="Blog Quote Font" type="font" default="normal normal 92% helvetica,tahoma,verdana,arial,times,Sans-serif" value="italic normal 105% Verdana, sans-serif"> <Variable name="sidebarHeaderFont" description="Sidebar Title Font" type="font" default="normal bold 117% Arial, sans-serif" value="normal bold 105% Georgia, Times, serif"> <Variable name="sidebarTextFont" description="Sidebar Text Font" type="font" default="normal normal 78% Arial, Verdana, sans-serif" value="normal normal 72% Arial, sans-serif"> <Variable name="postfooterTextFont" description="Post-Footer Text Font" type="font" default="normal normal 93% Arial, sans-serif" value="normal normal 95% Verdana, sans-serif"> <Variable name="commentTitleFont" description="Comment Title Font" type="font" default="normal bold 120% Arial, sans-serif" value="normal normal 173% Verdana, sans-serif"> <Variable name="commentTextFont" description="Comment Text Font" type="font" default="normal normal 95% Arial, sans-serif" value="normal normal 103% Verdana, sans-serif"> <Variable name="footerHeaderFont" description="Footer Header Font" type="font" default="normal bold 131% Trebuchet, Trebuchet MS, Arial, sans-serif" value="normal bold 105% Georgia, Times, serif"> <Variable name="footerTextFont" description="Footer Text Font" type="font" default="normal normal 76% Trebuchet, Trebuchet MS, Arial, sans-serif" value="normal normal 72% Arial, sans-serif"> */ /* ----- GLOBAL ----- Blogger template design by Mullookkaaran*/ * {margin:0; padding:0;} body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; color: $textColor; background: $bodybgColor url() repeat top right; background-attachment: fixed; font-family: arial,verdana,helvetica,tahoma,Sans-serif; font-size: 100%; width: 100%; } #outer-wrapper { margin: 0 auto; /* auto - to make the template lay in the screen center */ padding: 0px 0px 0px 0px; margin-top: 0px; margin-bottom: 20px; position: relative; width: 100%; text-align: center; } #blog-wrapper { margin: 0 auto; /* auto - to make the template lay in the screen center */ padding: 0px 5px 5px 5px; margin-top: 0px; margin-bottom: 10px; text-align: center; position: relative; width: 755px; background: $blogframeColor; border: 2px solid $blogBorderColor; border-top: 0; } #spacer {clear: both; margin: 0; padding: 0;} /* global link attributes */ a {color: $mainLinkColor; text-decoration: underline;} a:hover {color: $mainHoverLinkColor; text-decoration: underline;} a:visited {color: $mainVisitedLinkColor; text-decoration: underline;} /* Blogger Navigation Bar */ #Navbar1 { margin: 0; padding: 0; /* visibility: hidden; display: none; */ } /* ----- TOP ADS ----- Blogger template design by Mullookkaaran*/ #topads-wrapper { margin: 0; padding: 0; position: relative; text-align: center; width: 100%; } #topads {margin: 0; padding: 0px 0;} /* ----- HEADER ----- Blogger template design by Mullookkaaran*/ #header-wrapper { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 755px; text-align: center; background: $headerbgColor; border-top: 7px solid $headerTopBorderColor; border-bottom: 1px solid $headerBorderColor; } #header { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; } #header h1 { color: $blogTitleColor; font: $blogTitleFont; text-align: center; text-transform: uppercase; font-stretch: narrower; margin: 0px 0px 0px 0px; padding: 15px 30px 0px 30px; } #header h1 a { text-decoration: none; color: $blogTitleColor; } #header h1 a:hover { text-decoration: underline; color: $blogDescriptionColor; } #header .description { color: $blogDescriptionColor; font: $blogDescriptionFont; text-align: center; text-transform: uppercase; margin: 0px 0px 0px 0px; padding: 8px 30px 15px 30px; } #header h1 p, #header .description p {margin:0;padding:0} #header a img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0; } /* ----- LINKBAR ----- Blogger template design by Mullookkaaran*/ #linkbar { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 755px; position: relative; background: $linkbarbgColor; border-top: 0px solid $linkbarmainBorderColor; border-bottom: 1px solid $linkbarmainBorderColor; } #linkbar ul { margin: 0px 0px 0px 0px; padding: 12px 10px 12px 10px; text-align: center; list-style-type:none; text-align: center; text-transform: uppercase; font-stretch: narrower; border-right: 0px solid $linkbarBorderColor; } #linkbar li { display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #linkbar h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: none; visibility: hidden; } #linkbar a { clear: both; margin: 0px -4px 0px 0px; padding: 7px 15px 7px 15px; width:100%; text-decoration:none; font: $linkbarTextFont; color: $linkbarTextColor; /* text-transform: uppercase; */ border-right: 1px solid $linkbarBorderColor; border-bottom: 0px solid $linkbarBorderColor; } #linkbar a:hover { color: $linkbarHoverTextColor; background: $linkbarHoverBgColor; } /* ----- MIDDLE ADS ----- Blogger template design by Mullookkaaran*/ #middleads-wrapper { margin: 0; padding: 0; position: relative; text-align: center; width: 100%; } #middleads {margin: 0; padding: 0px 0;} /* ----- MAIN ----- Blogger template design by Mullookkaaran*/ #content-wrapper { width: 755px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; text-align: left; background: $contentbgColor; border-top: 0px solid $contentBorderColor; border-bottom: 0px solid $contentBorderColor; } #main-wrapper { float: left; position: relative; max-width: 548px; margin: 0px 0px 0px -1px; padding: 0px 0px 0px 0px; text-align: left; border-left: 1px solid $sidebar1BorderColor; 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 */ } #main { width: 546px; margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; text-align: left; /* background: $postbgColor; url(http://farm4.static.flickr.com/3135/2746541297_c4c9e6dae2_o.jpg) repeat-y top left; */ /* border-left: 1px solid $postBorderColor; */ color: $textColor; font: $textFont; } #main .widget { margin: 0px 0px 0px 0px; padding: 30px 0px 0px 20px; } .post { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 1.5em; text-align: left; } .post h3 { margin: 0px -15px 0px -15px; padding: 0px 15px 0px 15px; color: $postTitleColor; font: $postTitleFont; text-decoration: none; text-align: left; line-height: 1.5em; font-stretch: ultra-condensed; /* background: $posttitlebgColor; border-top: 1px solid $posttitleBorderColor; border-bottom: 2px solid $posttitleBorderColor; */ } .post h3 a, .post h3 a:visited { color: $postTitleColor; text-decoration: none; } .post h3 a:hover { color: $textColor; text-decoration: underline; } .post-header-line-1 { margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px; border-bottom: 1px solid $posttitleBorderColor; } h2.date-header { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; color: $dateHeaderColor; font: $dateHeaderFont; text-decoration: none; /* text-transform: uppercase; */ } .date-header span { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .post-body p { /* Fix bug in IE5/Win with italics in posts */ margin: 0px 0px 0px 0px; padding: 2px 0px 2px 0px; display: inline; /* to fix floating-ads wrapping problem in IE */ height: 1%; overflow: visible; } .post-body p a, .post-body p a:visited { color: $mainLinkColor; text-decoration: underline; } .post-body a:hover { text-decoration: underline; color: $mainHoverLinkColor; } .post ul { margin: 0px 0px 0px 0px; padding: 12px 0px 12px 30px; list-style-type: disc; line-height: 1.5em; font-size: 95%; } .post ol { margin: 0px 0px 0px 0px; padding: 12px 0px 12px 30px; line-height: 1.5em; font-size: 95%; } .post li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 1.5em; } a img { margin: 5px 5px 5px 5px; padding: 0px 0px 0px 0px; } .post img { margin: 5px; padding: 5px; background: $imagebgColor; border: 1px solid $imageBorderColor; } /* ----- POST-FOOTER ----- Blogger template design by Mullookkaaran*/ .post-footer { display: block; margin: 10px 0px; padding: 7px 0px; text-align: left; font: $postfooterTextFont; color: $postfooterTextColor; font-weight: normal; line-height: 1.5em; text-decoration: none; background: $postfooterBgColor; border-top: 1px solid $postfooterBorderColor; } .post-footer-line { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .post-footer-line-1, .post-footer-line-2, .post-footer-line-3 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .post-footer a { color: $postfooterLinkColor; text-decoration: none; } .post-footer a:hover { color: $mainHoverLinkColor; text-decoration: underline; } .post-footer .post-comment-link a { margin: 0px 0px 0px 7px; padding: 0px 0px 0px 9px; border-left: 1px solid $postfooterTextColor; color: $commentTabLinkColor; font-weight: normal; text-decoration: none; } .post-footer .post-comment-link a:hover { color: $mainHoverLinkColor; text-decoration: underline; } .post-footer .post-icons { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .post-footer img { margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; background: $postfooterBgColor; } #blog-pager { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; font: $postfooterTextFont; color: $feedlinksColor; } #blog-pager a {color: $feedlinksColor} #blog-pager a:hover {color: $mainHoverLinkColor} #blog-pager-newer-link { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #blog-pager-older-link { float: right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .feed-links { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; clear: both; text-align: left; font: $postfooterTextFont; color: $feedlinksColor; } .feed-links a, .feed-links a:visited {color: $feedlinksColor} .feed-links a:hover {color: $mainHoverLinkColor} /* ----- SIDEBAR ----- Blogger template design by Mullookkaaran*/ #side-wrapper1 { max-width: 205px; float: left; margin: 0px 0px 0px 0px; padding: 30px 0px 0px 0px; border-right: 1px solid $sidebar1BorderColor; 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-wrapper { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 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 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; font: $sidebarTextFont; } #sidebar1 { width: 205px; margin: 0px 0px 0px 0px; padding: 0px 0px 3px 0px; color: $sidebar1TextColor; line-height: 1.5em; } #sidebar1 .widget { margin: 0px 0px 8px 0px; padding: 0px 20px 15px 0px; /* background: $sidebar1bgColor; */ } /* sidebar heading ----- Blogger template design by Mullookkaaran*/ #sidebar1 h2 { margin: 0px 0px 5px 0px; padding: 5px 0px 5px 0px; text-align: left; color: $sidebar1HeaderColor; font: $sidebarHeaderFont; /* background: $sidebar1HeaderBgColor; */ border-top: 1px solid $sidebar1HeaderBorderColor; border-bottom: 1px solid $sidebar1HeaderBorderColor; text-align: left; } .sidebar ul, #BlogArchive1 ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; } .sidebar li, #BlogArchive1 li { margin: 0px 0px 0px 0px; padding: 1px 0px 1px 0px; } #sidebar1 a { color: $sidebar1LinkColor; text-decoration: none; } #sidebar1 a:hover { text-decoration: underline; color: $sidebar1HoverLinkColor; } #sidebar1 a:visited { text-decoration: none; color: $sidebar1VisitedLinkColor; } #sidebar2 a { color: $sidebar1LinkColor; text-decoration: none; } #sidebar2 a:hover { text-decoration: underline; color: $sidebar1HoverLinkColor; } #sidebar2 a:visited { text-decoration: none; color: $sidebar1VisitedLinkColor; } .sidebar a img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /* ----- PROFILE ----- Blogger template design by Mullookkaaran*/ .profile-img a img { display: block; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; clear: both; } .profile-textblock { margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px; clear: both; line-height: 1.5em; } .profile-data { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight: normal; font-style: italic; } .profile-datablock { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .profile-link { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /* ----- BLOCKQUOTE ----- */ blockquote { margin: 10px 0px 10px 25px; padding: 0px 0px 0px 10px; font: $quoteFont; line-height: 1.5em; color: $blockQuoteColor; border-left: 3px solid $blockquoteBorderColor; } /* ----- CODE ----- */ code { color: $codeTextColor; font-size: 110%; } /* ----- COMMENT ----- Blogger template design by Mullookkaaran*/ #comments { margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; text-align: left; color: $commentTextColor; font: $commentTextFont; } /* comment-header */ #comments h4 { margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; color: $commentTitleColor; font: $commentTitleFont; } .deleted-comment { font-style:italic; color:gray; margin: 3px 0px 3px 0px; } .comment-author { display: block; margin: 10px 0px 0px 0px; padding: 8px 10px 3px 0px; color: $commentauthorColor; /* background: $commentAuthorBgColor; */ border-top: 1px solid $commentboxBorderColor; border-bottom: 0px dotted $commentboxBorderColor; font-weight: normal; } .comment-author a {color: $commentauthorColor; text-decoration: none;} .comment-author a:hover {color: $commentTimeStampColor; text-decoration: underline;} .comment-author a:visited {color: $commentauthorColor; text-decoration: none;} .comment-body {margin: 0; padding: 5px 0px 5px 40px;} .comment-body p {margin: 0; padding: 0; line-height: 1.5em;} .comment-footer, .comment-footer a {margin: 0px 0px 0px 0px; padding: 4px 0px 0px 0px;} .comment-timestamp { margin: 0px 0px 0px 4px; padding: 0px 0px 7px 4px; color: $commentTimeStampColor; text-decoration: none; font-weight: normal; font-style: italic; } .comment-timestamp a { color: $commentTimeStampColor; text-decoration: none; } .comment-timestamp a:hover {color: $commentauthorColor; text-decoration: underline;} #comments ul {margin: 0; padding: 0; list-style-type: none;} #comments li {margin: 0; padding: 0;} a.comment-link { /* ie5.0/win doesn't apply padding to inline elements, so we hide these two declarations from it */ padding: 0px 0px 0px 0px; } html>body a.comment-link { /* respecified, for ie5/mac's benefit */ padding-left: 0px; } /* ----- LOWER SECTION ----- Blogger template design by Mullookkaaran*/ #lower-wrapper { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 755px; font: $sidebarTextFont; color: $lowerbarTextColor; background: $lowerbarbgColor; border-top: 1px solid $lowerbarBorderColor; } #lowerbar-wrapper { float: left; margin: 0px 0px 0px 0px; padding: 30px 0px 0px 0px; width: 33%; text-align: left; 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 */ } #lowerads-wrapper { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; width: 100%; text-align: center; 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 */ } .lowerbar {margin: 0; padding: 0;} .lowerbar .widget {margin: 0; padding: 0px 20px 20px 20px;} .lowerads {margin: 0; padding: 0;} .lowerads .widget {margin: 0; padding: 10px 0px 0px 0px;} .lowerbar h2 { margin: 0px 0px 5px 0px; padding: 5px 0px 5px 0px; text-align: left; color: $lowerbarHeaderColor; font: $sidebarHeaderFont; /* background: $lowerbarTitleBgColor; */ border-top: 1px solid $lowerbarTitleBorderColor; border-bottom: 1px solid $lowerbarTitleBorderColor; text-align: left; } .lowerbar ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; } .lowerbar li { margin: 0px 0px 0px 0px; padding: 1px 0px 1px 0px; /* border-bottom: 1px solid $lowerbarListLineColor; */ } .lowerbar a {color: $lowerbarLinkColor; text-decoration: none;} .lowerbar a:hover {text-decoration: underline; color: $lowerbarHoverLinkColor;} .lowerbar a:visited {text-decoration: none; color: $lowerbarVisitedLinkColor;} /* ----- FOOTER ----- Blogger template design by Mullookkaaran*/ #footer-wrapper { clear: both; display: inline; /* handles IE margin bug */ float: left; width: 755px; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; background: $footerbgColor; border-top: 1px solid $footerBorderColor; } #footer { margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px; text-align: center; color: $footerTextColor; font: $footerTextFont; line-height: 1.5em; } #footer h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 2px 0px; color: $footerHeaderColor; font: $footerHeaderFont; } #footer .widget { margin: 0px 0px 0px 0px; padding: 0px 10px 10px 10px; } .footer p {margin: 0; padding: 0} .footer a { color: $footerLinkColor; text-decoration: none; } .footer a:hover { color: $footerHoverLinkColor; text-decoration: underline; } .footer a:visited { color: $footerVisitedLinkColor; text-decoration: none; } /* ----- BOTTOM ADS ----- Blogger template design by Mullookkaaran*/ #bottomads-wrapper { margin: 0; padding: 0; position: relative; text-align: center; width: 100%; } #bottomads {margin: 0; padding: 10px 0;} /* ----- CREDIT ----- */ #credit { margin: 0px 0px 0px 0px; padding: 2px 0px 0px 0px; width: 100%; height: 26px; clear: both; font-family: verdana, helvetica; font-size: 70%; color: #222222; font-weight: normal; background: #777777; } #creditleft { margin: 0px 0px 0px 0px; padding: 7px 0px 0px 0px; height: 26px; position: relative; float: left; text-align: left; display: inline; width: 71%; background: #ffffff url(http://farm4.static.flickr.com/3284/2759741172_0364e856db_o.png) repeat-x top left; } #creditright { margin: -33px 0px 0px 0px; padding: 7px 0px 0px 0px; height: 26px; position: relative; float: right; text-align:right; display: inline; width: 30%; background: #ffffff url(http://farm4.static.flickr.com/3284/2759741172_0364e856db_o.png) repeat-x top left; } #creditleft p { margin: 0; padding: 0 } #creditright p { margin: 0; padding: 0 } #creditleft a, .creditleft a:hover, .creditleft a:visited { color: #222222; text-decoration: underline; } #creditright a, .creditright a:hover, .creditright a:visited { color: #222222; text-decoration: underline; } /* ************ END OF CSS STYLING ************ */ /** Page structure tweaks for layout editor wireframe */ body#layout #main, body#layout #sidebar { padding: 0; } ]]></b:skin> <b:if cond='data:blog.pageType != "item"'> <script type='text/javascript'> var fade = false; function showFull(id) { var post = document.getElementById(id); var spans = post.getElementsByTagName('span'); for (var i = 0; i < spans.length; i++) { if (spans[i].id == "fullpost") { if (fade) { spans[i].style.background = peekaboo_bgcolor; Effect.Appear(spans[i]); } else spans[i].style.display = 'inline'; } if (spans[i].id == "showlink") spans[i].style.display = 'none'; if (spans[i].id == "hidelink") spans[i].style.display = 'inline'; } } function hideFull(id) { var post = document.getElementById(id); var spans = post.getElementsByTagName('span'); for (var i = 0; i < spans.length; i++) { if (spans[i].id == "fullpost") { if (fade) { spans[i].style.background = peekaboo_bgcolor; Effect.Fade(spans[i]); } else spans[i].style.display = 'none'; } if (spans[i].id == "showlink") spans[i].style.display = 'inline'; if (spans[i].id == "hidelink") spans[i].style.display = 'none'; } post.scrollIntoView(true); } function checkFull(id) { var post = document.getElementById(id); var spans = post.getElementsByTagName('span'); var found = 0; for (var i = 0; i < spans.length; i++) { if (spans[i].id == "fullpost") { spans[i].style.display = 'none'; found = 1; } if ((spans[i].id == "showlink") && (found == 0)) spans[i].style.display = 'none'; } } </script> </b:if> </head> <body> <div id='outer-wrapper'> <!-- skip links for text browsers --> <span id='skiplinks' style='display:none;'> <a href='#main'>skip to main </a> | <a href='#sidebar'>skip to sidebar</a> </span> <div id='topads-wrapper'> <b:section class='topads' id='topads' preferred='yes'/> </div> <div style='clear: both;'/> <div id='blog-wrapper'> <div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Mullookkaaran(Header)' type='Header'/> </b:section> </div> <div style='clear: both;'/> <div id='linkbar-wrapper'> <b:section class='linkbar' id='linkbar' showaddelement='no'> <b:widget id='LinkList1' locked='true' title='Linkbar' type='LinkList'/> </b:section> </div> <div style='clear: both;'/> <div id='middleads-wrapper'> <b:section class='middleads' id='middleads' preferred='yes'/> </div> <div style='clear: both;'/> <div id='content-wrapper'> <div id='side-wrapper1'> <b:section class='sidebar' id='sidebar1' preferred='yes'> <b:widget id='Text3' locked='false' title='About' type='Text'/> <b:widget id='Label2' locked='false' title='Labels' type='Label'/> <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/> </b:section> </div> <div id='main-wrapper'> <b:section class='main' id='main' preferred='yes'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> </b:section> </div> <!-- spacer for skins that sets sidebar and main to be the same height--> <div style='clear: both;'/> </div> <!-- end content-wrapper --> <div id='lower-wrapper'> <div id='lowerbar-wrapper'> <b:section class='lowerbar' id='lowerbar1' preferred='yes'> <b:widget id='Text2' locked='false' title='About This Blog' type='Text'/> </b:section> </div> <div id='lowerbar-wrapper'> <b:section class='lowerbar' id='lowerbar2' preferred='yes'> <b:widget id='Feed2' locked='false' title='Recent Posts' type='Feed'/> </b:section> </div> <div id='lowerbar-wrapper'> <b:section class='lowerbar' id='lowerbar3' preferred='yes'> <b:widget id='Feed1' locked='false' title='Our Blogger Templates' type='Feed'/> </b:section> </div> <div style='clear: both;'/> <div id='lowerads-wrapper'> <b:section class='lowerads' id='lowerads' preferred='yes'/> </div> <div style='clear: both;'/> </div> <!-- end lower-wrapper --> <div id='footer-wrapper'> <b:section class='footer' id='footer'> <b:widget id='Text1' locked='false' title='Footer' type='Text'/> </b:section> </div> <div style='clear: both;'/> </div> <!-- end blog-wrapper --> <div id='bottomads-wrapper'> <b:section class='bottomads' id='bottomads' preferred='yes'/> </div> </div> <!-- end outer-wrapper --> <!-- --> <div id='credit'> <div id='creditleft'> <p> <img border='0' id='BLOGGER_PHOTO_ID_5255170228945611202' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtqlQbQ0bLXU3lU87Bu3rLdhs_LzCCdbFw187tWkW32LGThSDgvZbFGHLgTEM1PxBahByl-YFzRcX73_24VD1gEpNj1UvIXinQgKu5qIitk4ZLknB7NkyZ_AjpSa4wzQABXvczpyPnL2k/s200/clip_image002.jpg' style='CURSOR: hand' title='Mullookkaaran'/> </p> </div> <div id='creditright'> <p><b>Back to <a href='#outer-wrapper'>TOP</a>  </b></p> </div> </div> <!-- end credit --> </body> </html> മറ്റൊരു 3 കോളം ടെമ്പ്ലേറ്റ്..... <?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[/* * Blog Template Style * Name: Three Column * Author: mullookkaaran */ /* Variable definitions ==================== <Variable name="textcolor" description="Text Color" type="color" default="#333" value="#000000"> <Variable name="pagetitlecolor" description="Page Header Color" type="color" default="#FFF" value="#cc0000"> <Variable name="datecolor" description="Date Header Color" type="color" default="#999999" value="#000000"> <Variable name="titlecolor" description="Post Title Color" type="color" default="#993333" value="#000000"> <Variable name="footercolor" description="Post Footer Color" type="color" default="#999" value="#000000"> <Variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#999" value="#000000"> <Variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#666" value="#000000"> <Variable name="linkcolor" description="Link Color" type="color" default="#69c" value="#6699cc"> <Variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#666699" value="#3a00cc"> <Variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Verdana, sans-serif" value="normal normal 100% Verdana, sans-serif"> <Variable name="pagetitlefont" description="Page Header Font" type="font" default="normal normal 100% 'Lucida Grande','Trebuchet MS'" value="normal bold 161% Verdana, sans-serif"> <Variable name="titlefont" description="Post Title Font" type="font" default="normal bold 130% 'Lucida Grande','Trebuchet MS'" value="normal bold 157% 'Lucida Grande','Trebuchet MS'"> <Variable name="sidebarheaderfont" description="Sidebar Title Font" type="font" default="normal bold 130% 'Lucida Grande','Trebuchet MS'" value="normal bold 130% 'Lucida Grande','Trebuchet MS'"> */ /* ---( page defaults )--- */ body { margin: 0; padding: 0; font-size: small; text-align: center; color: $textcolor; background: #808080; } blockquote { margin: 0 0 0 30px; padding: 10px 0 0 20px; font-size: 88%; line-height: 1.5em; color: #666; background: url(http://www.blogblog.com/tictac_blue/quotes.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: 10px; padding: 0; } li { list-style: none; padding-left: 14px; margin-bottom: 3px; background: url(http://www.blogblog.com/tictac_blue/tictac_blue.gif) no-repeat 0 6px; } /* links */ a:link { color: $linkcolor; } a:visited { color: $visitedlinkcolor; } a:hover { color: #5B739C; } a:active { color: #5B739C; text-decoration: none; } /* ---( layout structure )---*/ #outer-wrapper { width: 1100px; margin: 3px auto 0; text-align: left; font: $bodyfont; background: #BDB76B; } #content-wrapper { margin-left: 37px; /* to avoid the border image */ width: 1000px; margin: 3px auto 0; background: #ffffff; } #main { float: left; width: 530px; 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: 220px; padding: 20px 0px 0 0; font-size: 85%; line-height: 1.4em; margin: 2px; color: $sidebartextcolor; background: #ffffff; 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 */ } #left-sidebar { float: left; width: 220px; padding: 20px 0px 0 0; font-size: 85%; line-height: 1.4em; margin: 2; color: $sidebartextcolor; background: #ffffff; 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: #ffffff ; } #header { margin: 2; padding: 25px 60px 35px 160px; color: $pagetitlecolor; background: #ffffff; } #header h1 { font-size: 200%; text-shadow: #4F73B6 2px 2px 2px; } #header h1 a { text-decoration: none; color: $pagetitlecolor; } #header h1 a:hover { color: #eee; } /* ---( main column )--- */ h2.date-header { margin-top: 0; padding-left: 14px; font-size: 90%; color: $datecolor; background: url(http://www.blogblog.com/tictac_blue/date_icon_blue.gif) no-repeat 0 50%; } .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 #ddd; } .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; background: url(http://www.blogblog.com/tictac_blue/tictac_grey.gif) no-repeat 0 8px; } .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; background: #eee url(http://www.blogblog.com/tictac_blue/comments_curve.gif) no-repeat top left; } #comments h4 { margin: 20px 0 15px 0; padding: 8px 0 0 40px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 130%; color: #666; background: url(http://www.blogblog.com/tictac_blue/bubbles.gif) no-repeat 10px 0; 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://www.blogblog.com/tictac_blue/tictac_blue.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; background: url(http://www.blogblog.com/tictac_blue/comment_arrow_blue.gif) no-repeat 44px 2px; } .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 40px; font: $sidebarheaderfont; color: $sidebarcolor; height: 32px; background: url(http://www.blogblog.com/tictac_blue/sidebar_icon.gif) no-repeat 10px 15px; height: 32px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */ } .sidebar .widget { margin: 0; padding: 0 0 10px 10px; border-bottom: 1px solid #ddd; } .sidebar li { background: url(http://www.blogblog.com/tictac_blue/tictac_blue.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: url(http://templates.bloggerbuster.com/tic_tac/three_col/bottom_sill.gif) no-repeat bottom center; } #footer { margin: 0; padding: 20px 320px 20px 95px; background: url(http://templates.bloggerbuster.com/tic_tac/three_col/sash.gif) no-repeat top center; } /** 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: 740px; } body#layout #sidebar, body#layout #left-sidebar { width: 150px; margin-right: 0; margin-bottom: 1em; } body#layout #header, body#layout #footer, body#layout #main { padding: 0; } body#layout #content-wrapper { margin: 0px; } body#layout #main { width: 390px; margin: 0 auto; } ]]></b:skin> </head> <body> <div id='outer-wrapper'><div id='wrap2'> <!-- skip links for text browsers --> <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='2' showaddelement='yes'> <b:widget id='Header1' locked='true' title='mohanamuralika (Header)' type='Header'/> </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='left-sidebar-wrapper'> <b:section class='sidebar' id='left-sidebar' preferred='yes'> <b:widget id='Profile1' locked='false' title='About Me' type='Profile'/> </b:section> </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='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/> </b:section> </div> <!-- spacer for skins that want sidebar and main to be the same height--> <div class='clear'> </div> </div> <!-- end content-wrapper --> <div id='footer-wrapper'> <center><a href=' ' title='Mullookkaaran'><font color='red'><i> Template By: Mullookkaaran</i></font></a> </center> </div> </div></div> <!-- end outer-wrapper --> </body> </html> കൂടുതല് കോളങ്ങള് ഉള്ള മറ്റൊരു ടെമ്പ്ലേറ്റ് ... <?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[ /* ************ START OF CSS STYLING ************ */ /* ----------------------------------------------------------------------- Blogger Template Design: by Mullookkaaran ----------------------------------------------------------------------- */ /* Variable definitions ======================== <Variable name="bodybgColor" description="Body Background Color" type="color" default="#FFBBE8" value="#ffffff"> <Variable name="blogbgColor" description="Blog Background Color" type="color" default="#800040" value="#C3D9FF"> <Variable name="blogBorderColor" description="Blog Border Color" type="color" default="#800040" value="#99C9FF"> <Variable name="headerbgColor" description="Header Background Color" type="color" default="#E895CC" value="#ffffff"> <Variable name="headerBorderColor" description="Header Border Color" type="color" default="#9D1961" value="#0066CC"> <Variable name="blogTitleColor" description="Blog Title Color" type="color" default="#800040" value="#ffffff"> <Variable name="blogDescriptionColor" description="Blog Description Color" type="color" default="#800040" value="#99C9FF"> <Variable name="linkbartextbgColor" description="Linkbar Text Background Color" type="color" default="#C94093" value="#99C9FF"> <Variable name="linkbarBorderColor" description="Linkbar Border Color" type="color" default="#9D1961" value="#3D81EE"> <Variable name="linkbarTextColor" description="Linkbar Text Color" type="color" default="#ffffff" value="#0066CC"> <Variable name="linkbarHoverBgColor" description="Linkbar Hover Background Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="linkbarHoverTextColor" description="Linkbar Hover Text Color" type="color" default="#9D1961" value="#66B5FF"> <Variable name="postbgColor" description="Posts Background Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="postBorderColor" description="Post Border Color" type="color" default="#000000" value="#C3D9FF"> <Variable name="postTitleColor" description="Post Title Color" type="color" default="#000000" value="#0066CC"> <Variable name="dateHeaderColor" description="Date Header Color" type="color" default="#000000" value="#808080"> <Variable name="textColor" description="Text Color" type="color" default="#191919" value="#333333"> <Variable name="mainLinkColor" description="Main Link Color" type="color" default="#333333" value="#0066CC"> <Variable name="mainHoverLinkColor" description="Main Hover Link Color" type="color" default="#9D1961" value="#66B5FF"> <Variable name="mainVisitedLinkColor" description="Main Visited Link Color" type="color" default="#9D1961" value="#0066CC"> <Variable name="blogQuoteColor" description="Blog Quote Color" type="color" default="#191919" value="#333333"> <Variable name="codeTextColor" description="Code Text Color" type="color" default="#660000" value="#3D81EE"> <Variable name="postfooterbgColor" description="Postfooter Background Color" type="color" default="#E590C8" value="#ffffff"> <Variable name="postfooterBorderColor" description="Postfooter Border Color" type="color" default="#E590C8" value="#C3D9FF"> <Variable name="postfooterTextColor" description="Postfooter Text Color" type="color" default="#b8659C" value="#3D81EE"> <Variable name="postfooterLinkColor" description="Postfooter Link Color" type="color" default="#b8659C" value="#3D81EE"> <Variable name="commentTabLinkColor" description="Comment Tab Link Color" type="color" default="#b8659C" value="#3D81EE"> <Variable name="feedlinksColor" description="Feed Links Color" type="color" default="#9D1961" value="#3D81EE"> <Variable name="sidebar1bgColor" description="Sidebar1 Background Color" type="color" default="#FFBBE8" value="#C3D9FF"> <Variable name="sidebar2bgColor" description="Sidebar2 Background Color" type="color" default="#FFBBE8" value="#C3D9FF"> <Variable name="sidebar3bgColor" description="Sidebar3 Background Color" type="color" default="#FFBBE8" value="#C3D9FF"> <Variable name="sidebar1BorderColor" description="Sidebar1 Border Color" type="color" default="#C94093" value="#99C9FF"> <Variable name="sidebar2BorderColor" description="Sidebar2 Border Color" type="color" default="#C94093" value="#99C9FF"> <Variable name="sidebar3BorderColor" description="Sidebar3 Border Color" type="color" default="#C94093" value="#C3D9FF"> <Variable name="sidebar1HeaderBgColor" description="Sidebar1 Header Background Color" type="color" default="#ffffff" value="#C3D9FF"> <Variable name="sidebar2HeaderBgColor" description="Sidebar2 Header Background Color" type="color" default="#ffffff" value="#C3D9FF"> <Variable name="sidebar3HeaderBgColor" description="Sidebar3 Header Background Color" type="color" default="#ffffff" value="#C3D9FF"> <Variable name="sidebar1HeaderBorderColor" description="Sidebar1 Header Border Color" type="color" default="#C94093" value="#3D81EE"> <Variable name="sidebar2HeaderBorderColor" description="Sidebar2 Header Border Color" type="color" default="#C94093" value="#3D81EE"> <Variable name="sidebar3HeaderBorderColor" description="Sidebar3 Header Border Color" type="color" default="#C94093" value="#3D81EE"> <Variable name="sidebar1HeaderColor" description="Sidebar1 Header Color" type="color" default="#000000" value="#3D81EE"> <Variable name="sidebar2HeaderColor" description="Sidebar2 Header Color" type="color" default="#000000" value="#3D81EE"> <Variable name="sidebar3HeaderColor" description="Sidebar3 Header Color" type="color" default="#000000" value="#3D81EE"> <Variable name="sidebar1TextColor" description="Sidebar1 Text Color" type="color" default="#9D1961" value="#0066CC"> <Variable name="sidebar2TextColor" description="Sidebar2 Text Color" type="color" default="#9D1961" value="#0066CC"> <Variable name="sidebar3TextColor" description="Sidebar3 Text Color" type="color" default="#9D1961" value="#0066CC"> <Variable name="sidebar1LinkColor" description="Sidebar1 Link Color" type="color" default="#9D1961" value="#0066CC"> <Variable name="sidebar2LinkColor" description="Sidebar2 Link Color" type="color" default="#9D1961" value="#0066CC"> <Variable name="sidebar3LinkColor" description="Sidebar3 Link Color" type="color" default="#9D1961" value="#0066CC"> <Variable name="sidebar1HoverLinkColor" description="Sidebar1 Hover Link Color" type="color" default="#000000" value="#000000"> <Variable name="sidebar2HoverLinkColor" description="Sidebar2 Hover Link Color" type="color" default="#000000" value="#000000"> <Variable name="sidebar3HoverLinkColor" description="Sidebar3 Hover Link Color" type="color" default="#000000" value="#000000"> <Variable name="sidebar1VisitedLinkColor" description="Sidebar1 Visited Link Color" type="color" default="#000000" value="#0066CC"> <Variable name="sidebar2VisitedLinkColor" description="Sidebar2 Visited Link Color" type="color" default="#000000" value="#0066CC"> <Variable name="sidebar3VisitedLinkColor" description="Sidebar3 Visited Link Color" type="color" default="#000000" value="#0066CC"> <Variable name="sidebarListLineColor" description="Sidebar List Line Color" type="color" default="#000000" value="#C3D9FF"> <Variable name="commentbgColor" description="Comment Background Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="commentboxBorderColor" description="Comment Box Border Color" type="color" default="#C94093" value="#C3D9FF"> <Variable name="commentTitleColor" description="Comment Title Color" type="color" default="#000000" value="#000000"> <Variable name="commentAuthorBorderColor" description="Comment Author Border Color" type="color" default="#C94093" value="#e6e6e6"> <Variable name="commentTextColor" description="Comment Text Color" type="color" default="#4c4c4c" value="#333333"> <Variable name="commentauthorColor" description="Comment Author Color" type="color" default="#9D1961" value="#3D81EE"> <Variable name="footerbgColor" description="Footer Background Color" type="color" default="#E895CC" value="#000000"> <Variable name="footerBorderColor" description="Footer Border Color" type="color" default="#9D1961" value="#000000"> <Variable name="footerHeaderColor" description="Footer Header Color" type="color" default="#000000" value="#e6e6e6"> <Variable name="footerTextColor" description="Footer Text Color" type="color" default="#C94093" value="#99C9FF"> <Variable name="footerHoverLinkColor" description="Footer Hover Link Color" type="color" default="#C94093" value="#ffffff"> <Variable name="footerVisitedLinkColor" description="Footer Visited Link Color" type="color" default="#C94093" value="#99C9FF"> <Variable name="creditTextColor" description="Credit Text Color" type="color" default="#C94093" value="#3D81EE"> <Variable name="blogTitleFont" description="Blog Title Font" type="font" default="normal bold 273% Georgia, Times, serif" value="italic bold 153% Georgia, Times, serif"> <Variable name="blogDescriptionFont" description="Blog Description Font" type="font" default="normal normal 104% georgia,helvetica,verdana,Georgia, serif" value="normal bold 77% Georgia, Times, serif"> <Variable name="linkbarTextFont" description="Linkbar Text Font" type="font" default="normal normal 77% Verdana, sans-serif" value="normal bold 79% Arial, sans-serif"> <Variable name="dateHeaderFont" description="Date Header Font" type="font" default="normal bold 117% Arial, sans-serif" value="normal bold 101% Arial, sans-serif"> <Variable name="postTitleFont" description="Post Title Font" type="font" default="normal bold 180% Georgia, Times, serif" value="normal bold 186% Georgia, Times, serif"> <Variable name="textFont" description="Text Font" type="font" default="normal normal 90% Arial, sans-serif" value="normal normal 72% Verdana, sans-serif"> <Variable name="quoteFont" description="Blog Quote Font" type="font" default="normal normal 92% helvetica,tahoma,verdana,arial,times,Sans-serif" value="italic normal 100% Verdana, sans-serif"> <Variable name="sidebarHeaderFont" description="Sidebar Header Font" type="font" default="normal bold 117% Arial, sans-serif" value="normal bold 131% Arial, sans-serif"> <Variable name="sidebarTextFont" description="Sidebar Text Font" type="font" default="normal normal 78% Arial, Verdana, sans-serif" value="normal normal 68% Arial, sans-serif"> <Variable name="postfooterTextFont" description="Post-Footer Text Font" type="font" default="normal normal 93% Arial, sans-serif" value="normal normal 84% Verdana, sans-serif"> <Variable name="commentTextFont" description="Comment Text Font" type="font" default="normal normal 95% Arial, sans-serif" value="normal normal 95% Verdana, sans-serif"> <Variable name="commentTitleFont" description="Comment Title Font" type="font" default="normal bold 120% Arial, sans-serif" value="normal bold 117% Arial, sans-serif"> <Variable name="footerHeaderFont" description="Footer Header Font" type="font" default="normal bold 131% Trebuchet, Trebuchet MS, Arial, sans-serif" value="normal bold 109% Verdana, sans-serif"> <Variable name="footerTextFont" description="Footer Text Font" type="font" default="normal normal 76% Trebuchet, Trebuchet MS, Arial, sans-serif" value="normal normal 67% Arial, sans-serif"> */ /* ----- GLOBAL ----- */ body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; min-width: 810px; text-align: center; color: $textColor; background: $bodybgColor; background-attachment: fixed; font-family: arial,verdana,helvetica,tahoma,Sans-serif; font-size: 100%; } #outer-wrapper { margin: 0 auto; /* to make the template lay in the screen center */ padding: 0px 0px 0px 0px; margin-top: 0px; text-align: left; position: relative; width: 810px; } #blog-wrapper { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; position: relative; width: 810px; border: 1px solid $blogBorderColor; border-right: 0; border-top: 0; } #spacer { z-index: -1; clear: both; margin: -7px 0px 0px 0px; padding: 0; line-height: 0; min-height: 0; max-height: 0; z-index: -1; } /* global link attributes */ a { color: $mainLinkColor; text-decoration: none; } a:hover { text-decoration: underline; color: $mainHoverLinkColor; } a:visited { text-decoration: none; color: $mainVisitedLinkColor; } /* setting margin of Blogger Navbar */ #Navbar1 { margin: 0; padding: 0; } /* ----- HEADER ----- */ #top-wrapper { margin: 0px 0px 0px 0px; padding: 3px 0px 3px 3px; width: 805px; background: $blogbgColor; border-right: 1px solid $blogBorderColor; } #header-wrapper { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 802px; } #header { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: $headerbgColor; border: 1px solid $headerBorderColor; text-align: center; } #header h1 { display: block; margin: 0px 0px 0px 0px; padding: 130px 20px 0px 20px; color: $blogTitleColor; font: $blogTitleFont; text-align: left; } #header h1 a { text-decoration: none; color: $blogTitleColor; } #header h1 a:hover { text-decoration: none; } #header .description { display: block; margin: 0px 0px 0px 0px; padding: 5px 20px 10px 20px; color: $blogDescriptionColor; font: $blogDescriptionFont; text-align: left; } #header a img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0; position: absolute; top: 0px; left: 0px; } /* ----- LINKBAR ----- */ #linkbar { margin: 0px 0px 2px 0px; padding: 3px 0px 6px 0px; position: relative; width: 800px; } #linkbar ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; list-style-type:none; } #linkbar li { display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #linkbar h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: none; visibility: hidden; } #linkbar a { clear: both; margin: 0px -2px 0px 0px; padding: 5px 15px 5px 15px; width:100%px; text-decoration:none; font: $linkbarTextFont; color: $linkbarTextColor; background: $linkbartextbgColor; border: 1px solid $linkbarBorderColor; } #linkbar a:hover { color: $linkbarHoverTextColor; background: $linkbarHoverBgColor; } /* ----- BANNER ----- */ .banner { margin: 0px 0px 0px 0px; padding: 0px 15px 0px 15px; width: 800px; text-align: center; } /* ----- MAIN ----- */ #content-wrapper { margin: 0px 0px 0px 0px; padding: 0px 0px 3px 3px; width: 805px; position: relative; text-align: left; background: $blogbgColor; border-right: 1px solid $blogBorderColor; } #main-wrapper { float: left; position: relative; margin: 0px 3px 0px 0px; padding: 0px 0px 0px 0px; 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 */ } #main { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 490px; color: $textColor; font: $textFont; background: $postbgColor; border: 1px solid $postBorderColor; } #main .widget { margin: 0px 0px 10px 0px; padding: 10px 15px 0px 15px; } h2.date-header { margin: 0px 0px -10px 0px; padding: 20px 0px 0px 0px; text-align: left; color: $dateHeaderColor; font: $dateHeaderFont; text-decoration: underline; } .date-header span { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .post { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 1.6em; text-align: left; } .post h3 { margin: 0px 0px 10px 0px; padding: 20px 0px 5px 0px; color: $postTitleColor; font: $postTitleFont; text-decoration: none; text-align: left; line-height: 1.6em; } .post h3 a, .post h3 a:visited, .post h3 a:hover { color: $postTitleColor; text-decoration: none; } .post-body p { /* Fix bug in IE5/Win with italics in posts */ margin: 0px 0px 0px 0px; padding: 5px 0px 15px 0px; display: inline; /* to fix floating-ads wrapping problem in IE */ height: 1%; overflow: visible; } .post-body p a, .post-body p a:visited { color: $mainLinkColor; text-decoration: underline; } .post-body a:hover { text-decoration: underline; color: $mainHoverLinkColor; } .post ul { margin: 0px 0px 0px 0px; padding: 15px 0px 15px 30px; list-style-type: disc; line-height: 2.0em; font-size: 95%; } .post ol { margin: 0px 0px 0px 0px; padding: 15px 0px 15px 30px; line-height: 2.0em; font-size: 95%; } .post li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 1.5em; } a img { margin: 5px 5px 5px 5px; padding: 0px 0px 0px 0px; } /* ----- POST-FOOTER ----- */ .post-footer { display: block; margin: 20px 0px 0px 0px; padding: 3px 0px 3px 0px; text-align: left; font: $postfooterTextFont; color: $postfooterTextColor; font-weight: normal; text-decoration: none; background: $postfooterbgColor; border-top: 2px dotted $postfooterBorderColor; } .post-footer-line { margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; } .post-footer a { color: $postfooterLinkColor; text-decoration: none; } .post-footer a:hover { text-decoration: none; color: $commentTabLinkColor; text-decoration: none; } .post-footer .post-comment-link a { margin: 0px 10px 0px 10px; padding: 0px 10px 0px 10px; border-left: 1px solid $postfooterLinkColor; border-right: 1px solid $postfooterLinkColor; color: $commentTabLinkColor; font-weight: bold; } .post-footer .post-comment-link a:hover { text-decoration: none; color: $postfooterLinkColor; } #blog-pager, #blog-pager a { margin: 0px 0px 0px 0px; padding: 7px 0px 10px 0px; text-align: center; font-size: 93%; color: $feedlinksColor; } #blog-pager a:hover {color: $mainHoverLinkColor} #blog-pager-newer-link { float: left; margin: 0px 0px 0px 0px; padding-left: 3px; } #blog-pager-older-link { float: right; margin: 0px 0px 0px 0px; padding-right: 3px; } .feed-links { margin: 0px 0px 0px 0px; padding: 25px 3px 10px 3px; clear: both; line-height: 1.5em; text-align: right; font-size: 93%; color: $feedlinksColor; } .feed-links a, .feed-links a:visited {color: $feedlinksColor} .feed-links a:hover {color: $mainHoverLinkColor} /* ----- SIDEBAR ----- */ #side-wrapper { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 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-wrapper { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 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 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; line-height: 1.4em; font: $sidebarTextFont; } #sidebar1 { width: 120px; margin: 0px 3px 3px 0px; padding: 15px 15px 0px 15px; color: $sidebar1TextColor; background: $sidebar1bgColor; border: 1px solid $sidebar1BorderColor; } #sidebar2 { width: 120px; margin: 0px 0px 3px 0px; padding: 15px 15px 0px 15px; color: $sidebar2TextColor; background: $sidebar2bgColor; border: 1px solid $sidebar2BorderColor; z-index: 1; } #sidebar3 { width: 275px; margin: 0px 0px 3px 0px; padding: 15px 15px 0px 15px; color: $sidebar3TextColor; background: $sidebar3bgColor; border: 1px solid $sidebar3BorderColor; } #sidebar1 .widget, #sidebar2 .widget, #sidebar3 .widget { margin: 0px 0px 0px 0px; padding: 0px 0px 30px 0px; } /* sidebar heading ----- */ #sidebar1 h2 { margin: -10px 0px 7px 0px; padding: 5px 0px 2px 0px; text-align: left; color: $sidebar1HeaderColor; font: $sidebarHeaderFont; background: $sidebar1HeaderBgColor; border-bottom: 1px solid $sidebar1HeaderBorderColor; text-align: left; } #sidebar2 h2 { margin: -10px 0px 7px 0px; padding: 5px 0px 2px 0px; text-align: left; color: $sidebar2HeaderColor; font: $sidebarHeaderFont; background: $sidebar2HeaderBgColor; border-bottom: 1px solid $sidebar2HeaderBorderColor; text-align: left; } #sidebar3 h2 { margin: -10px 0px 7px 0px; padding: 5px 0px 2px 0px; text-align: left; color: $sidebar3HeaderColor; font: $sidebarHeaderFont; background: $sidebar3HeaderBgColor; border-bottom: 1px solid $sidebar3HeaderBorderColor; text-align: left; } .sidebar ul, #BlogArchive1 ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; } .sidebar li, #BlogArchive1 li { margin: 0px 0px 0px 0px; padding: 4px 0px 2px 0px; line-height: 1.3em; border-bottom: 1px solid $sidebarListLineColor; } #sidebar1 a { color: $sidebar1LinkColor; text-decoration: none; } #sidebar2 a { color: $sidebar2LinkColor; text-decoration: none; } #sidebar3 a { color: $sidebar3LinkColor; text-decoration: none; } #sidebar1 a:hover { text-decoration: none; color: $sidebar1HoverLinkColor; } #sidebar2 a:hover { text-decoration: none; color: $sidebar2HoverLinkColor; } #sidebar3 a:hover { text-decoration: none; color: $sidebar3HoverLinkColor; } #sidebar1 a:visited { text-decoration: none; color: $sidebar1VisitedLinkColor; } #sidebar2 a:visited { text-decoration: none; color: $sidebar2VisitedLinkColor; } #sidebar3 a:visited { text-decoration: none; color: $sidebar3VisitedLinkColor; } .sidebar a img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /* ----- PROFILE ----- */ .profile-img a img { display: block; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; clear: both; } .profile-textblock { margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px; clear: both; line-height: 1.4em; } .profile-data { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight: normal; font-style: italic; } .profile-datablock { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .profile-link { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /* ----- BLOCKQUOTE ----- */ blockquote { margin: 15px 30px 15px 30px; padding: 0px 0px 0px 0px; color: $blogQuoteColor; font: $quoteFont; line-height: 1.6em; } /* ----- CODE ----- */ code { color: $codeTextColor; font-size: 110%; } /* ----- COMMENT ----- */ #comments { margin: 0px -15px 0px -15px; padding: 0px 25px 15px 25px; text-align: left; background: $commentbgColor; color: $commentTextColor; font: $commentTextFont; border-bottom: 1px solid $commentboxBorderColor; } /* comment-header */ #comments h4 { margin: 0px 0px 0px 0px; padding: 17px 0px 5px 0px; color: $commentTitleColor; font: $commentTitleFont; text-transform: uppercase; } .deleted-comment { font-style:italic; color:gray; margin: 3px 0px 3px 0px; } .comment-author { margin: 15px 0px 10px 0px; padding: 15px 0px 0px 0px; color: $commentauthorColor; border-top: 1px dotted $commentAuthorBorderColor; } .comment-author a {color: $commentauthorColor;} .comment-author a:hover {color: $mainHoverLinkColor;} .comment-body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 30px; } .comment-footer { margin: 0px 0px 20px 0px; padding: 10px 0px 0px 30px; } .comment-timestamp, .comment-timestamp a { margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px; color: $commentTextColor; font-size: 95%; text-decoration: none; } .comment-body p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 1.6em; } #comments ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: disc; } #comments li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } a.comment-link { /* ie5.0/win doesn't apply padding to inline elements, so we hide these two declarations from it */ padding: 0px 0px 0px 0px; } html>body a.comment-link { /* respecified, for ie5/mac's benefit */ padding-left: 0px; } /* ----- FOOTER ----- */ #footer-wrapper { clear: both; display: inline; /* handles IE margin bug */ float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 3px 3px; width: 805px; background: $blogbgColor; border-right: 1px solid $blogBorderColor; } #footer { margin: 0px 0px 0px 0px; padding: 10px 15px 10px 15px; width: 770px; text-align: right; color: $footerTextColor; font: $footerTextFont; line-height: 1.6em; background: $footerbgColor; border: 1px solid $footerBorderColor; } #footer h2 { margin: 0px 0px 0px 0px; padding: 3px 0px 3px 0px; color: $footerHeaderColor; font: $footerHeaderFont; } #footer .widget { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .footer a { color: $footerTextColor; text-decoration: underline; } .footer a:hover { color: $footerHoverLinkColor; text-decoration: underline; } .footer a:visited { color: $footerVisitedLinkColor; text-decoration: underline; } /* ----- CREDIT ----- */ #credit-wrapper { clear: both; margin: 2px 0px 0px 0px; text-align: left; font: $textFont; font-size: 60%; color: $creditTextColor; font-weight: bold; background: #333333; } .creditleft { float:left; display: inline; padding: 2px 10px 1px 10px; } .creditright { float:right; text-align:right; display: inline; padding: 2px 10px 1px 10px; } .creditleft a, .creditleft a:hover, .creditleft a:visited { color: $creditTextColor; text-decoration: underline; } .creditright a, .creditright a:hover, .creditright a:visited { color: $creditTextColor; text-decoration: underline; } /* ************ END OF CSS STYLING ************ */ /** Page structure tweaks for layout editor wireframe */ body#layout #main, body#layout #sidebar { padding: 0; } ]]></b:skin> </head> <body> <div id='outer-wrapper'> <div id='blog-wrapper'> <!-- skip links for text browsers --> <span id='skiplinks' style='display:none;'> <a href='#main'>skip to main </a> | <a href='#sidebar'>skip to sidebar</a> </span> <div id='top-wrapper'> <div id='linkbar-wrapper'> <b:section class='linkbar' id='linkbar' maxwidgets='1' showaddelement='no'> <b:widget id='LinkList1' locked='true' title='Linkbar' type='LinkList'> <b:includable id='main'> <b:if cond='data:title'><h2><data:title/></h2></b:if> <div class='widget-content'> <ul> <b:loop values='data:links' var='link'> <li><a expr:href='data:link.target'><data:link.name/></a></li> </b:loop> </ul> <b:include name='quickedit'/> </div> </b:includable> </b:widget> </b:section> </div> <div id='header-wrapper'> <b:section class='header' id='header' preferred='yes'> <b:widget id='Header1' locked='true' title='Test Blog II (Header)' type='Header'> <b:includable id='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> </b:includable> <b:includable id='description'> <div class='descriptionwrapper'> <p class='description'><span><data:description/></span></p> </div> </b:includable> <b:includable id='main'> <b:if cond='data:useImage'> <b:if cond='data:imagePlacement == "REPLACE"'> <!--Show just the image, no text--> <div id='header-inner'> <a expr:href='data:blog.homepageUrl' style='display: block'> <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/> </a> </div> <b:else/> <!--Show image as background to text--> <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-repeat: no-repeat; " + "width: " + data:width + "px; " + "height: " + data:height + "px;"' id='header-inner'> <div class='titlewrapper' style='background: transparent'> <h1 class='title' style='background: transparent; border-width: 0px'> <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> </div> </b:if> <b:else/> <!--No header image --> <div id='header-inner'> <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> </div> </b:if> </b:includable> </b:widget> </b:section> </div> <div style='clear: both'/> </div> <!-- end top-wrapper --> <div style='clear: both'/> <div id='content-wrapper'> <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;'/> <!-- clear for photos floats --> </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'> <!-- email post links --> <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> <!-- quickedit pencil --> <b:include data='post' name='postQuickEdit'/> </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"'> <!-- Blog feed links --> <b:if cond='data:feedLinks'> <div class='blog-feeds'> <b:include data='feedLinks' name='feedLinksBody'/> </div> </b:if> <b:else/> <!--Post feed links --> <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> </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'> <!-- posts --> <div class='blog-posts'> <b:include data='top' name='status-message'/> <data:adStart/> <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> <data:adEnd/> </div> <!-- navigation --> <b:include name='nextprev'/> <!-- feed links --> <b:include name='feedLinks'/> </b:includable> </b:widget> </b:section> </div> <div id='side-wrapper'> <b:section class='sidebar' id='sidebar3' preferred='yes'> <b:widget id='Feed1' locked='false' title='Our Blogger Templates' type='Feed'> <b:includable id='main'> <h2><data:title/></h2> <div class='widget-content'> <ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'> <b:loop values='data:feedData.items' var='i'> <li> <span class='item-title'> <a expr:href='data:i.alternate.href'> <data:i.title/> </a> </span> <b:if cond='data:showItemDate'> <b:if cond='data:i.str_published != ""'> <span class='item-date'>  - <data:i.str_published/> </span> </b:if> </b:if> <b:if cond='data:showItemAuthor'> <b:if cond='data:i.author != ""'> <span class='item-author'>  - <data:i.author/> </span> </b:if> </b:if> </li> </b:loop> </ul> <b:include name='quickedit'/> </div> </b:includable> </b:widget> </b:section> <div id='sidebar-wrapper'> <b:section class='sidebar' id='sidebar1' preferred='yes'> <b:widget id='Label1' locked='false' title='Categories' 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:section> </div> <div id='sidebar-wrapper'> <b:section class='sidebar' id='sidebar2' preferred='yes'> <b:widget id='BlogArchive1' locked='false' title='Archives' type='BlogArchive'> <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='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='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='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='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: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:widget> <b:widget id='Profile1' locked='false' title='About' 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"'> <!-- team blog profile --> <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/> <!-- normal blog profile --> <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:section> </div> </div> <!-- end mainside-wrapper --> <!-- spacer for skins that sets sidebar and main to be the same height--> <div style='clear: both;'/> </div> <!-- end content-wrapper --> <div style='clear: both;'/> <div id='footer-wrapper'> <b:section class='footer' id='footer'> <b:widget id='Text1' locked='false' title='Our Blogger Templates ' type='Text'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> </div> <div style='clear: both;'/> </div> <!-- end blog-wrapper --> <div style='clear: both'/> <!-- --> <div id='credit-wrapper'> <div class='creditleft'> <p> <img border='0' id='BLOGGER_PHOTO_ID_5255170228945611202' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtqlQbQ0bLXU3lU87Bu3rLdhs_LzCCdbFw187tWkW32LGThSDgvZbFGHLgTEM1PxBahByl-YFzRcX73_24VD1gEpNj1UvIXinQgKu5qIitk4ZLknB7NkyZ_AjpSa4wzQABXvczpyPnL2k/s200/clip_image002.jpg' style='CURSOR: hand' title='Mullookkaaran'/></p> </div> <div class='creditright'> <p><a href='#outer-wrapper'>Jump to TOP </a></p> </div> </div> <!-- end credit-wrapper --> </div> <!-- end outer-wrapper --> </body> </html> നാല് കോളങ്ങള് ഉള്ള മറ്റൊരു ടെമ്പ്ലേറ്റ് ... <?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 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/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: Minima Designer: Mullookkaaran ----------------------------------------------- */ /* 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="#333333"> <Variable name="linkcolor" description="Link Color" type="color" default="#58a" value="#5588aa"> <Variable name="pagetitlecolor" description="Blog Title Color" type="color" default="#666" value="#666666"> <Variable name="descriptioncolor" description="Blog Description Color" type="color" default="#999" value="#999999"> <Variable name="titlecolor" description="Post Title Color" type="color" default="#c60" value="#cc6600"> <Variable name="bordercolor" description="Border Color" type="color" default="#ccc" value="#cccccc"> <Variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#999" value="#999999"> <Variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#666" value="#666666"> <Variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#999" value="#999999"> <Variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif"> <Variable name="headerfont" description="Sidebar Title Font" type="font" default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif"> <Variable name="pagetitlefont" description="Blog Title Font" type="font" default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif"> <Variable name="descriptionfont" description="Blog Description Font" type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif"> <Variable name="postfooterfont" description="Post Footer Font" type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif"> <Variable name="startSide" description="Side where text starts in blog language" 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; margin:0; color:$textcolor; font:x-small Georgia Serif; font-size/* */:/**/small; font-size: /**/small; text-align: center; } a:link { color:$linkcolor; text-decoration:none; } a:visited { color:$visitedlinkcolor; text-decoration:none; } a:hover { color:$titlecolor; text-decoration:underline; } a img { border-width:0; } /* Header ----------------------------------------------- */ #header-wrapper { width:100%; margin:0 auto 10px; border:1px solid $bordercolor; } #header-inner { background-position: center; margin-left: auto; margin-right: auto; } #header { margin: 5px; border: 1px solid $bordercolor; text-align: center; color:$pagetitlecolor; } #header h1 { margin:5px 5px 0; padding:15px 20px .25em; line-height:1.2em; text-transform:uppercase; letter-spacing:.2em; font: $pagetitlefont; } #header a { color:$pagetitlecolor; text-decoration:none; } #header a:hover { color:$pagetitlecolor; } #header .description { margin:0 5px 5px; padding:0 20px 15px; max-width:950px; text-transform:uppercase; letter-spacing:.2em; line-height: 1.4em; font: $descriptionfont; color: $descriptioncolor; text-align: center; } #header img { margin-$startSide: auto; margin-$endSide: auto; } /* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { width: 990px; margin:0 auto; padding:0; text-align:left; font: $bodyfont; } #main-wrapper { margin:0 0 0 20px; width: 450px; float: left; 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 */ } #left-column { width: 163px; float: left; 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 */ } #rightsidebar-left { margin:0 0 0 10px; width: 163px; float: left; word-wrap: break-word; overflow: hidden; } #rightsidebar-right { width: 164px; float: right; word-wrap: break-word; overflow: hidden; } /* Headings ----------------------------------------------- */ h2 { margin:1.5em 0 .75em; font:$headerfont; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color:$sidebarcolor; } /* Posts ----------------------------------------------- */ h2.date-header { margin:1.5em 0 .5em; } .post { margin:.5em 0 1.5em; border-bottom:1px dotted $bordercolor; padding-bottom:1.5em; } .post h3 { margin:.25em 0 0; padding:0 0 4px; font-size:140%; font-weight:normal; line-height:1.4em; color:$titlecolor; } .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:1.6em; } .post-body blockquote { line-height:1.3em; } .post-footer { margin: .75em 0; color:$sidebarcolor; text-transform:uppercase; letter-spacing:.1em; font: $postfooterfont; line-height: 1.4em; } .comment-link { margin-$startSide:.6em; } .post img { padding:4px; border:1px solid $bordercolor; } .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; } #blog-pager-newer-link { float: $startSide; } #blog-pager-older-link { float: $endSide; } #blog-pager { text-align: center; } .feed-links { clear: both; line-height: 2.5em; } /* Sidebar Content ----------------------------------------------- */ .sidebar { color: $sidebartextcolor; line-height: 1.5em; } .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:1px 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: 1px solid $bordercolor; } .profile-data { margin:0; text-transform:uppercase; letter-spacing:.1em; font: $postfooterfont; color: $sidebarcolor; font-weight: bold; line-height: 1.6em; } .profile-datablock { margin:.5em 0 .5em; } .profile-textblock { margin: 0.5em 0; line-height: 1.6em; } .profile-link { font: $postfooterfont; text-transform: uppercase; letter-spacing: .1em; } /* Footer ----------------------------------------------- */ #footer { width:990px; clear:both; margin:0 auto; padding-top:15px; line-height: 1.6em; text-transform:uppercase; letter-spacing:.1em; text-align: center; } ]]></b:skin> </head> <body> <div id='outer-wrapper'><div id='wrap2'> <!-- skip links for text browsers --> <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='' showaddelement='yes'> <b:widget id='Header1' locked='true' title='à´�à´¨àµ�à´¦àµ�വരà´� (Header)' type='Header'/> </b:section> </div> <div id='content-wrapper'> <div id='crosscol-wrapper' style='text-align:center'> <b:section class='crosscol' id='crosscol' showaddelement='yes'> <b:widget id='HTML2' locked='false' title='' type='HTML'/> </b:section> </div> <div id='left-column'> <b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='HTML3' locked='false' title='' type='HTML'/> <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/> </b:section> </div> <div id='main-wrapper'> <b:section class='main' id='main' showaddelement='yes'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> </b:section> </div> <div id='rightsidebar-left'> <b:section class='sidebar' id='sidebar2' preferred='yes'> <b:widget id='HTML4' locked='false' title='' type='HTML'/> </b:section> </div> <div id='rightsidebar-right'> <b:section class='sidebar' id='sidebar3' preferred='yes'> <b:widget id='HTML1' locked='false' title='' type='HTML'/> </b:section> </div> <!-- spacer for skins that want sidebar and main to be the same height--> <div class='clear'> </div> </div> <!-- end content-wrapper --> <div id='footer-wrapper'><center><img border='0' id='BLOGGER_PHOTO_ID_5255170228945611202' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtqlQbQ0bLXU3lU87Bu3rLdhs_LzCCdbFw187tWkW32LGThSDgvZbFGHLgTEM1PxBahByl-YFzRcX73_24VD1gEpNj1UvIXinQgKu5qIitk4ZLknB7NkyZ_AjpSa4wzQABXvczpyPnL2k/s200/clip_image002.jpg' style='' title='Mullookkaaran'/></center> <b:section class='footer' id='footer'/> </div> </div></div> <!-- end outer-wrapper --> </body> </html> മൂന്നു കോളങ്ങള് ഉള്ള മറ്റൊരു ടെമ്പ്ലേറ്റ് ... <?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 Design: Mullookkaaran ----------------------------------------------- */ /* Variable definitions ======================== <Variable name="mainbgColor" description="Main Background Color" type="color" default="#cccccc" value="#cccccc"> <Variable name="contentbgColor" description="Content Background Color" type="color" default="#fdfdfd" value="#fdfdfd"> <Variable name="headerbgColor" description="Header Background Color" type="color" default="#ff6000" value="#ff6000"> <Variable name="blogTitleColor" description="Blog Title Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="blogDescriptionColor" description="Blog Description Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="postTitleColor" description="Post Title Color" type="color" default="#670000" value="#670000"> <Variable name="textColor" description="Text Color" type="color" default="#444444" value="#444444"> <Variable name="blogQuoteColor" description="Blog Quote Color" type="color" default="#555599" value="#555599"> <Variable name="mainLinkColor" description="Link Color" type="color" default="#006700" value="#006700"> <Variable name="mainVisitedLinkColor" description="Visited Link Color" type="color" default="#006700" value="#006700"> <Variable name="dateHeaderColor" description="Date Header Color" type="color" default="#006700" value="#006700"> <Variable name="sidebarTextColor" description="Sidebar Text Color" type="color" default="#670000" value="#670000"> <Variable name="sidebarHeaderColor" description="Sidebar Header Color" type="color" default="#000000" value="#000000"> <Variable name="sidebarLinkColor" description="Sidebar Link Color" type="color" default="#670000" value="#670000"> <Variable name="sidebarVisitedLinkColor" description="Sidebar Visited Link Color" type="color" default="#670000" value="#670000"> <Variable name="commentTextColor" description="Comment Text Color" type="color" default="#006700" value="#006700"> <Variable name="footerTextColor" description="Footer Text Color" type="color" default="#0f0068" value="#0f0068"> <Variable name="pageTitleFont" description="Blog Title Font" type="font" default="normal bold 300% Times, serif" value="normal bold 300% Times, serif"> <Variable name="blogDescriptionFont" description="Blog Description Font" type="font" default="normal bold 170% Georgia, Times, serif" value="normal bold 170% Georgia, Times, serif"> <Variable name="postTitleFont" description="Post Title Font" type="font" default="normal bold 140% verdana,arial,tahoma,times,'Trebuchet MS', Sans-serif" value="normal bold 140% verdana,arial,tahoma,times,'Trebuchet MS', Sans-serif"> <Variable name="bodyFont" description="Text Font" type="font" default="normal normal 70% verdana,arial,tahoma,times,'Trebuchet MS', Sans-serif" value="normal normal 70% verdana,arial,tahoma,times,'Trebuchet MS', Sans-serif"> <Variable name="quoteFont" description="Blog Quote Font" type="font" default="normal normal 100% verdana,arial,tahoma,times,'Trebuchet MS', Sans-serif" value="normal normal 100% verdana,arial,tahoma,times,'Trebuchet MS', Sans-serif"> <Variable name="headerFont" description="Sidebar Title Font" type="font" default="normal bold 150% Times,'Arial Black',Times,Arial,Verdana" value="normal bold 150% Times,'Arial Black',Times,Arial,Verdana"> */ /* ----- GLOBAL ----- */ body { margin: 0; text-align: center; min-width: 1200px; background: $mainbgColor; color: $textColor; font: $bodyFont; } blockquote { margin: 10px 0px 10px 0px; padding: 0px 10px 0px 10px; color: $blogQuoteColor; border-left: 1px dotted #006700; font: $quoteFont; font-stretch: wider; line-height: 1.6em; font-style: oblique; } code { color: $postTitleColor; } hr { display: none; } /* ----- LAYOUT ----- */ #outer-wrapper { margin: 0 auto; width: 1200px; text-align: left; } #header-wrapper { position: relative; height: 100px; padding: 10px 0px 5px 0px; margin: 20px 0px 0px 0px; border: 7px solid #fdfdfd; border-bottom: 0; background: $headerbgColor; /*url(http://farm1.static.flickr.com/197/481440374_4e1c3610e4_o.jpg) repeat-x left bottom; */ } #header { padding: 25px 0px 35px 0px; } #content-wrapper { position: relative; width: 1200px; padding: 5px 0px 0px 0px; background: $contentbgColor; /*url(http://farm1.static.flickr.com/214/481440376_22490ec4bd_o.jpg) repeat-y center top;*/ border-bottom: 7px solid $headerbgColor; } #main-wrapper { display: inline; /* handles IE margin bug */ float: left; margin: 0px 0px 0px 0px; width: 750px; 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 */ } #main { padding: 0px 0px 0px 0px; } #main .widget { padding: 10px 0px 10px 0px; text-align: center; } .post { padding: 10px 0px 7px 0px; margin: 0px 7px 0px 7px; line-height: 1.4em; border-top: 1px dotted #670000; text-align: left; } #comments { margin: 7px 0px 7px 0px; padding: 0px 7px 7px 20px; border-top: 1px dotted #670000; color: $commentTextColor; background: #f7fef7; text-align: left; } .sidebar-wrapper { display: inline; /* handles IE margin bug */ float: right; margin: 0px 0px 0px 0px; 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 { padding: 0px 0px 10px 0px; color: $sidebarTextColor; font-family: verdana,serif,times,Arial; font-size: 94%; font-stretch: narrower; } #sidebar1 { width: 220px; } #sidebar2 { width: 220px; } .sidebar .widget { padding: 10px 7px 0px 7px; } #sidebar1 .widget { } #sidebar2 .widget { } #footer-wrapper { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; clear: both; /*background: url(http://farm1.static.flickr.com/191/481440370_47fa4c667a_o.jpg) repeat-x left top;*/ } #footer { padding: 5px 0px 6px 0px; text-align: center; color: $footerTextColor; font-size: 98%; line-height: 1.4em; } #footer .widget { margin: 0; padding: 0 0 10px 0px; } /* ----- HEADINGS ----- */ #header h1 { position: absolute; right: 500px; bottom: 40px; margin: 0px 0px 0px 0px; padding: 0px 50px 0px 0px; color: $blogTitleColor; font: $pageTitleFont; text-align: right; border-right: 2px solid #fdfdfd; } #header .description { position: absolute; left: 500px; bottom: 40px; margin: 0px 0px 0px 0px; padding: 0px 0px 4px 50px; color: $blogDescriptionColor; font: $blogDescriptionFont; text-align: left; } h2.date-header { margin: 10px 0px 0px 0px; padding: 0px 7px 3px 7px; text-align: left; text-transform: uppercase; color: $dateHeaderColor; letter-spacing: 0.7px; font-size: 100%; font-weight: x-bold%; } .date-header span { margin: 0 0 0 0px; padding: 0 25px 0 25px; } .sidebar h2 { padding: 0px 0px 5px 0px; margin: 0px 0px -5px 0px; color: $sidebarHeaderColor; letter-spacing: 0.7px; font: $headerFont; font-variant: small-caps; font-weight: x-bold; font-size: 115%; } #sidebar1 h2 { } .sidebar .Profile h2 { } .profile-textblock { clear: both; color: %sidebarTextColor; margin: 5px 0px 0px 0px; padding: 5px 0px 7px 0px; border-top: 1px dotted #006700; border-bottom: 1px dotted #006700; } /* Post Title Header */ .post h3 { margin: 0; padding: 15px 0px 15px 0px; color: $postTitleColor; font: $postTitleFont; } .post h3 a, .post h3 a:visited { color: $postTitleColor; } /* comment-header */ #comments h4 { margin: 0px 0px -30px 0px; padding: 5px 0px 25px 0px; text-align: left; text-transform: uppercase; color: $dateHeaderColor; letter-spacing: 0.7px; font-size: 95%; font-weight: x-bold%; } /* ----- TEXT ----- */ .post-body p { /* Fix bug in IE5/Win with italics in posts */ margin: 0; height: 1%; overflow: visible; } .post-footer { display: block; padding: 5px 0px 5px 0px; margin: 0px 0px 10px 0px; font-variant: small-caps; font-weight: bold; color: $postTitleColor; } .post-footer .post-comment-link a { } .comment-author { font-size: 100%; color: $mainLinkColor; padding: 10px 0px 0px 0px; } .deleted-comment { font-style:italic; color:gray; font-size: 98%; } .comment-body p { line-height: 1.4em; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size: 100% } /* ----- LISTS ----- */ .post ul { padding-left: 10px; list-style-type: none; line-height: 1.6em; } .post li { padding: 0 0 0px 10px; line-height: 1.6em; } #comments ul { margin: 0; list-style-type: none; } #comments li { padding: 0 0 10px 10px; } .sidebar ul { padding: 0px 0px 5px 0px; line-height: 1.3em; margin-left: 0; } .sidebar li { padding: 0px 0px 0px 0px; } #blog-pager-newer-link { float: left; margin-left: 29px; } #blog-pager-older-link { float: right; margin-right: 16px; } #blog-pager { text-align: center; } /* ----- LINKS ----- */ a { color: $mainLinkColor; font-weight: 580; text-decoration: none; } a:hover { text-decoration: underline; } a:visited { color: $mainLinkColor; } a.comment-link { /* ie5.0/win doesn't apply padding to inline elements, so we hide these two declarations from it */ padding-left: 0px; } html>body a.comment-link { /* respecified, for ie5/mac's benefit */ padding-left: 0px; } .feed-links { clear: both; line-height: 1.5em; margin: 5px 7px 0px 7px; padding: 7px 0px 7px 0px; text-align: center; border-top: 1px dotted #670000; } .sidebar a { color: $sidebarLinkColor; } .sidebar a:visited { color: $sidebarLinkColor; } .sidebar a:hover { text-decoration: underline;; } #sidebar1 a { } #sidebar1 a:visited { } #sidebar1 a:hover { } #header h1 a { color: $blogTitleColor; text-decoration: none; } #header h1 a:hover { text-decoration: underline;; } .post h3 a { text-decoration: none; } a img { margin: 7px 7px 7px 7px; } .sidebar a img { border: 0px solid #333333; } .footer a { color: #673333; } .clear { clear: both; line-height: 0; height: 0; } .profile-img { float: left; margin: 0px 5px 5px 5px; padding: 0px; border: 3px solid #7777aa; display: block; clear: both; } .profile-link { padding: 0px 0px 0px 0px; color: #0000cd; } /** Page structure tweaks for layout editor wireframe */ body#layout #main, body#layout #sidebar { padding: 0; } ]]></b:skin> </head> <body> <div id='outer-wrapper'><div id='wrap2'> <!-- skip links for text browsers --> <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='à´®àµ�à´³àµ�à´³àµ�à´�àµ�à´�ാരനàµ�â�� (Header)' type='Header'/> </b:section> </div> <div id='content-wrapper'> <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 class='sidebar-wrapper'> <b:section class='sidebar' id='sidebar1' preferred='yes'> <b:widget id='HTML1' locked='false' title='Hello' type='HTML'/> <b:widget id='AdSense1' locked='false' title='' type='AdSense'/> </b:section> </div> <div class='sidebar-wrapper'> <b:section class='sidebar' id='sidebar2' preferred='yes'> <b:widget id='LinkList1' locked='false' title='Hawaiian Links' type='LinkList'/> <b:widget id='Label1' locked='false' title='Categories' type='Label'/> <b:widget id='BlogArchive1' locked='false' title='Archives' type='BlogArchive'/> <b:widget id='Profile1' locked='false' title='About Me' type='Profile'/> </b:section> </div> <!-- spacer for skins that want sidebar and main to be the same height--> <div class='clear'> </div> </div> <!-- end content-wrapper --> <div id='footer-wrapper'> </div> </div></div> <!-- end outer-wrapper --><center><img border='0' id='BLOGGER_PHOTO_ID_5255170228945611202' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtqlQbQ0bLXU3lU87Bu3rLdhs_LzCCdbFw187tWkW32LGThSDgvZbFGHLgTEM1PxBahByl-YFzRcX73_24VD1gEpNj1UvIXinQgKu5qIitk4ZLknB7NkyZ_AjpSa4wzQABXvczpyPnL2k/s200/clip_image002.jpg' style='' title='Mullookkaaran'/></center> </body> </html> മൂന്നു കോളങ്ങള് ഉള്ള മറ്റൊരു ടെമ്പ്ലേറ്റ് ... <?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[/* Variable definitions ==================== <Variable name="textcolor" description="Main Text Color" type="color" default="#555" value="#555555"> <Variable name="linkcolor" description="Link Color" type="color" default="#a42d41" value="#a42d41"> <Variable name="headercolor" description="Blog Name Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="headerbgcolor" description="Header Background Color" type="color" default="#036" value="#003366"> <Variable name="titlecolor" description="Post Title Color" type="color" default="#036" value="#003366"> <Variable name="titleunderline" description="Post Title Underline" type="color" default="#a42d41" value="#a42d41"> <Variable name="bodyfont" description="Body Font" type="font" default="normal normal 85% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif" value="normal normal 85% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif"> */ * {margin: 0; padding: 0; } body {color: $textcolor; font: $bodyfont; } a {color: $linkcolor; text-decoration: none; } a:hover {color: $linkcolor; text-decoration: underline; } a img {border: none; } #container {line-height: 110%; width:880px; text-align: left; background-color: #ffffff; margin: 0 auto 30px auto; } #header {color: $headercolor; background-color: $headerbgcolor; text-align: left; width: 880px; height: 90px; margin: auto; } #main {width: 520px; float: left; } #sidebar1, #sidebar2 { width: 160px; float: left; margin-left: 20px; } .widget-content {font-size: 0.8em; margin-bottom: 10px; } #sidebar1 ul, #sidebar2 ul { list-style: none; } #sidebar1 li, #sidebar2 li { padding: 0 0 .5em 15px; text-indent: -15px; line-height: 1.5em; } #header h1, #header h1 a, #header h1 a:hover, #header h1 a:visited { color: $headercolor; font-size: 1.4em; padding-top: 8px; line-height:110%; margin: 0 5px 0 0; text-decoration: none; text-align:right; } h2, #sidebar1 h2, #sidebar2 h2 {line-height: 103%; color: $titlecolor; font-size: 1.1em; text-align: left; text-transform: uppercase; font-weight: bold; margin-top: 6px; margin-bottom: 5px; border-bottom: 1px solid $titleunderline; } h2 a, h2 a:hover {color: $titlecolor; text-decoration: none; } h3, .meta {font-size: 0.85em; } .meta {margin: 10px 0; } .meta, .post-comment-link {text-align: right; } #commentwrap {border: 1px solid #ccc; padding: 5px; margin-bottom: 20px; } .commentspostinfo {border-bottom: 1px solid #ccc; } .blog-pager, .post-feeds, .blog-feeds {font-size: 0.8em; text-align: center; } .post-feeds, .blog-feeds {margin-bottom: 20px; } #credit {padding: 0; margin: 20px auto 5px auto; width: 880px; clear: both; } #credit p {color: #666666; margin-top: 30px; font-size: 0.8em; text-align: right; border-top: 1px solid #666666; } #credit p a {color: #666666; font-weight: bold; text-decoration: underline; } ]]></b:skin> </head> <body> <!-- begin container --> <div id='container'> <!-- begin header --> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Mullookkaaran (Header)' type='Header'/> </b:section> <!-- end header --> <!-- begin main --> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> </b:section> <!-- end main --> <!-- begin sidebar1 --> <b:section class='sidebar' id='sidebar1'> <b:widget id='Label1' locked='false' title='Labels' type='Label'/> </b:section> <!-- end sidebar1 --> <!-- begin sidebar2 --> <b:section class='sidebar' id='sidebar2'> <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/> </b:section> <!-- end sidebar2 --> </div> <!-- end container --> <!-- begin credit --> <div id='credit'> <p><center><a href=''><img border='0' id='BLOGGER_PHOTO_ID_5255170228945611202' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtqlQbQ0bLXU3lU87Bu3rLdhs_LzCCdbFw187tWkW32LGThSDgvZbFGHLgTEM1PxBahByl-YFzRcX73_24VD1gEpNj1UvIXinQgKu5qIitk4ZLknB7NkyZ_AjpSa4wzQABXvczpyPnL2k/s200/clip_image002.jpg' style='' title='Mullookkaaran'/></a></center></p> </div> <!-- end credit --> </body> </html> മൂന്നു കോളങ്ങള് ഉള്ള മറ്റൊരു ടെമ്പ്ലേറ്റ് ... <?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[/* ----------------------------------------------- Dsgd By: Mullookkaaran Date: Aug: 2007 ----------------------------------------------- */ /* Variable definitions ==================== <Variable name="mainBgColor" description="Main Background Color" type="color" default="#fff" value="#ffffff"> <Variable name="mainTextColor" description="Text Color" type="color" default="#000" value="#000000"> <Variable name="postTitleColor" description="Post Title Color" type="color" default="#000" value="#000000"> <Variable name="dateHeaderColor" description="Date Header Color" type="color" default="#000" value="#000000"> <Variable name="borderColor" description="Post Border Color" type="color" default="#bbb" value="#bbbbbb"> <Variable name="mainLinkColor" description="Link Color" type="color" default="#b00" value="#BB0000"> <Variable name="mainVisitedLinkColor" description="Visited Link Color" type="color" default="#666" value="#666666"> <Variable name="titleBgColor" description="Page Header Background Color" type="color" default="#FFA" value="#FAFAFA"> <Variable name="titleTextColor" description="Blog Title Color" type="color" default="#000" value="#000000"> <Variable name="topSidebarHeaderColor" description="Top Sidebar Title Color" type="color" default="#b00" value="#BB0000"> <Variable name="topSidebarBgColor" description="Top Sidebar Background Color" type="color" default="#eee" value="#EEEEEE"> <Variable name="topSidebarTextColor" description="Top Sidebar Text Color" type="color" default="#000" value="#000000"> <Variable name="topSidebarLinkColor" description="Top Sidebar Link Color" type="color" default="#b00" value="#BB0000"> <Variable name="topSidebarVisitedLinkColor" description="Top Sidebar Visited Link Color" type="color" default="#666" value="#666666"> <Variable name="bottomSidebarHeaderColor" description="Bottom Sidebar Title Color" type="color" default="#333" value="#333333"> <Variable name="bottomSidebarBgColor" description="Bottom Sidebar Background Color" type="color" default="#000" value="#000000"> <Variable name="bottomSidebarTextColor" description="Bottom Sidebar Text Color" type="color" default="#fff" value="#ffffff"> <Variable name="bottomSidebarLinkColor" description="Bottom Sidebar Link Color" type="color" default="#cf6" value="#ccff66"> <Variable name="bottomSidebarVisitedLinkColor" description="Bottom Sidebar Visited Link Color" type="color" default="#f09" value="#ff0099"> <Variable name="bodyFont" description="Text Font" type="font" default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif"> <Variable name="headerFont" description="Sidebar Title Font" type="font" default="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif"> <Variable name="postTitleFont" description="Post Title Font" type="font" default="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif"> */ body { padding: 0px 0 0 0; margin: 0; font: .75em Tahoma, Arial, sans-serif; line-height: 1.5em; background: #EFF6FC url(http://dstudiobali.googlepages.com/bg.gif) repeat-x; color: #454545; } /* Ads ----------------------------------------------- */ #adbritebottom { background:center center; padding:3px 0px; text-align: center; } #adbritepost { background:left; padding:2px 0px 3px; text-align: left; float: left; margin-right: 2px; width: 180px; } /* Page Structure ----------------------------------------------- */ /* The images which help create rounded corners depend on the following widths and measurements. If you want to change these measurements, the images will also need to change. */ #outer-wrapper { width:760px; margin:0 auto; text-align:left; font: $bodyFont; } #main-wrap1 { width:405px; float:left; margin:0px 0 0; padding:0px; color:$mainTextColor; font-size:97%; 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 */ } #main-wrap2 { float:left; width:100%; padding:10px 0 0; } #main { background: #fff url(http://dstudiobali.googlepages.com/bgshade.gif) repeat-x; color: #454545; padding:0; } #sidebar-wrap { background: #fff url(http://dstudiobali.googlepages.com/bgshade.gif) repeat-x; color: #454545; padding:0; margin:10px 0 0; width:345px; float:right; font-size:97%; line-height:1.2em; 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-ad { margin:2px; width:340px; font-size:97%; line-height:1.2em; background: #999999 center center; border-bottom-width: thin; border-bottom-style: solid; border-bottom-color: #000000; 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-wrap h2 { margin:0; line-height:1.2em; border-width:0 1px 1px; color: $postTitleColor; font: $postTitleFont; } #sidebarleft-wrap { width:170px; background: #cccccc; float:left; margin: 0px 0 0; padding: 1px 0 0; font-size:97%; line-height:1.2em; 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 */ } #sidebarright-wrap { width:170px; float: right; margin:0px 0 0; padding: 1px 0 0; font-size:97%; line-height:1.2em; 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 */ } .main .widget { margin-top: 4px; width: 387px; padding: 0 3px; } .main .Blog { margin: 0; padding: 0; width: 404px; } /* Links ----------------------------------------------- */ a:link { color: $mainLinkColor; } a:visited { color: $mainVisitedLinkColor; } a:hover { color: $mainVisitedLinkColor; } a img { border-width:0; } /* Blog Header ----------------------------------------------- */ #header-wrapper { padding:8px 0 0 0; margin:10px 0 0 0; font: .7em Tahoma, Arial, sans-serif; line-height: 1.7em; background:$titleBgColor url(http://dstudiobali.googlepages.com/bg.gif) repeat-x; color:$titleTextColor; }#header { padding:0 15px 8px; } #header h1 { margin:0; padding:10px 20px 5px; line-height:1.2em; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; } #header a, #header a:visited { text-decoration:none; color: $titleTextColor; } #header .description { margin:0; padding:5px 20px 10px; line-height:1.5em; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } /* Posts ----------------------------------------------- */ h3.date-header { margin:0 28px 0 43px; font-size:85%; line-height:2em; text-transform:uppercase; letter-spacing:.2em; color:$dateHeaderColor; } .post { margin:.3em 0 25px; padding:0 5px; border:1px dotted $borderColor; border-width:1px 0; } .post h2 { margin:0; line-height:1.5em; border:1px dotted $borderColor; border-width:0 1px 1px; padding:2px 14px 2px 15px; color: $postTitleColor; font: $postTitleFont; } .post h2 a, .post h2 a:visited { text-decoration:none; color: $postTitleColor; } .post h2 a:hover { color:#FF0066; text-decoration: none; background-image:url(http://i49.photobucket.com/albums/f283/insideme/star.gif); background-repeat:no-repeat; background-position: left 20%; padding-left: 20px; background-color: #CCCCCC; display: block; } .post-body { border:1px dotted $borderColor; border-width:0 1px 1px; border-bottom-color:$mainBgColor; padding:5px 5px 1px; text-align: justify; } html>body .post-body { border-bottom-width:0; } .post p { margin:0 0 .75em; } .post-footer { background: #eee; margin:0; padding:2px 14px 2px 29px; border:1px dotted $borderColor; border-width:1px; font-size:100%; line-height:1.5em; color: #666; } .post-footer p { margin: 0; } html>body .post-footer { border-bottom-color:transparent; } .uncustomized-post-template .post-footer { text-align: right; } .uncustomized-post-template .post-author, .uncustomized-post-template .post-timestamp { display: block; float: left; text-align:left; margin-right: 4px; } .post-footer a { color: #BF3E18; } .post-footer a:hover { color: #8A2001; } a.comment-link { /* IE5.0/Win doesn't apply padding to inline elements, so we hide these two declarations from it */ background/* */:/**/url("http://www.blogblog.com/rounders4/icon_comment.gif") no-repeat 0 45%; padding-left:14px; } html>body a.comment-link { /* Respecified, for IE5/Mac's benefit */ background:url("http://www.blogblog.com/rounders4/icon_comment.gif") no-repeat 0 45%; padding-left:14px; } .post img { margin:0 0 5px 0; padding:4px; border:1px solid $borderColor; } blockquote { margin:.75em 0; border:1px dotted $borderColor; border-width:1px 0; padding:5px 15px; color: #ffffff; } .post blockquote p { margin:.5em 0; } #blog-pager-newer-link { float: left; margin-left: 13px; } #blog-pager-older-link { float: right; margin-right: 13px; } #blog-pager { text-align: center; } .feed-links { clear: both; line-height: 2.5em; margin-left: 13px; } /* Comments ----------------------------------------------- */ #comments { margin:-25px 13px 0; border:1px dotted $borderColor; border-width:0 1px 1px; padding:20px 0 15px 0; } #comments h4 { margin:0 0 10px; padding:0 14px 2px 29px; border-bottom:1px dotted $borderColor; font-size:120%; line-height:1.4em; color:$postTitleColor; } #comments-block { margin:0 15px 0 9px; } .comment-author { background:url("http://www.blogblog.com/rounders4/icon_comment.gif") no-repeat 2px .3em; margin:.5em 0; padding:0 0 0 20px; font-weight:bold; } .comment-body { margin:0 0 1.25em; padding:0 0 0 20px; } .comment-body p { margin:0 0 .5em; } .comment-footer { margin:0 0 .5em; padding:0 0 .75em 20px; } .comment-footer a:link { color: #BB0000; } .deleted-comment { font-style:italic; color:gray; } /* Profile ----------------------------------------------- */ .profile-img { float: left; margin: 5px 5px 5px 0; border: 4px solid $topSidebarTextColor; } .profile-datablock { margin: 0 15px .5em 0; padding-top: 8px; } .profile-link { background:url("http://www.blogblog.com/rounders4/icon_profile.gif") no-repeat 0 .1em; padding-left:15px; font-weight:bold; } .profile-textblock { clear: both; margin: 0; } .sidebar .clear, .main .widget .clear { clear: both; } /* Sidebar Boxes ----------------------------------------------- */ .sidebar .widget { margin:0.5em 5px 1.25em; padding:0 0px; } .widget-content { margin-top: 0.5em; } #sidebarright-wrap1 { margin:0px 0px 0px; padding:0px 0px 0px; color:$topSidebarTextColor; } #sidebarright-wrap2 { padding: 0px 0 0; margin:0; border-width:0; } #sidebarright h3 { line-height:1.2em; color:$topSidebarHeaderColor; border-bottom: 1px dotted $topSidebarHeaderColor; font: $headerFont; margin-bottom: 0.5em; } #sidebarright a { color: $topSidebarLinkColor; } #sidebarright a:hover { color: $topSidebarVisitedLinkColor; } #sidebarright a:visited { color: $topSidebarVisitedLinkColor; } #sidebar { background:url("http://akuajaneh.googlepages.com/rails_side.gif") repeat-y; } #sidebar { color: $bottomSidebarTextColor; } #sidebar h3 { color: $bottomSidebarTextColor; border-bottom: 1px dotted $bottomSidebarTextColor; margin-bottom: 0.5em; } #sidebar a { color: $bottomSidebarLinkColor; } #sidebar a:hover, #sidebar a:visited { color: $bottomSidebarVisitedLinkColor; } .sidebar h3 { margin:0; padding:0 0 .2em; line-height:1.2em; font:$headerFont; } .sidebar ul { list-style:none; margin:0 0 1.25em; padding:0 0px; } .sidebar ul li { background:url("http://geocities.com/dstudiodesign/images/cat-li.gif") no-repeat 2px .25em; margin:0; padding:0 0 3px 14px; margin-bottom:3px; border-bottom:1px dotted $borderColor; line-height:1.4em; } .sidebar p { margin:0 0 .6em; } /* Footer ----------------------------------------------- */ #footer-wrap1 { clear:both; margin:0; padding:15px 0 0; } #footer { background: #3C6491 url(http://dstudiobali.googlepages.com/footerbg.gif) repeat-x top left; padding:8px 15px 8px; color: #FFF; } #footer hr {display:none;} #footer p {margin:0;} #footer a {color:#ffffff;} #extreme { z-index: 1; visibility: hidden; position: absolute; z-index: 10000; } /** Page structure tweaks for layout editor wireframe */ body#layout #main-wrap1, body#layout #sidebar-wrap, body#layout #header-wrapper { margin-top: 0; } body#layout #header, body#layout #header-wrapper, body#layout #outer-wrapper { margin-left:0, margin-right: 0; padding: 0; } body#layout #outer-wrapper { width: 730px; } body#layout #footer-wrap1 { padding-top: 0; } ]]></b:skin> </head> <body> <div id='outer-wrapper'> <div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1'> <b:widget id='Header1' locked='true' title='Mullookkaaran (Header)' type='Header'/> </b:section> </div> <div id='main-wrap1'><div id='main-wrap2'> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> </b:section> <!-- Related --> <b:section id='sidebar5'> <b:widget id='Blog2' locked='false' title='Blog Posts' type='Blog'/> </b:section> <!-- Related --> </div></div> <div id='sidebar-wrap'> <!-- Sidebar AD Start --> <div id='sidebar-ad'> <b:section class='sidebar' id='sidebartop2'/> </div> <!-- Sidebar AD End --> <div id='sidebarleft-wrap'> <div id='sidebartop-wrap'><div id='sidebartop-wrap2'> <b:section class='sidebar' id='sidebartop'> <b:widget id='Label1' locked='false' title='Labels' type='Label'/> <b:widget id='Profile1' locked='false' title='About Me' type='Profile'/> </b:section> </div></div> <!-- akhir sidebar left --> <!--sidebar left bottom start--> <div id='sidebarbottom-wrap1'><div id='sidebarbottom-wrap2'> <b:section class='sidebar' id='sidebar' preferred='yes'/> </div></div> <!--akhir sidebar left bottom--> </div> <!--akhir sidebar left --> <!--Start sidebar right --> <div id='sidebarright-wrap'> <div id='sidebarright-wrap1'><div id='sidebarright-wrap2'> <b:section class='sidebar' id='sidebarright' preferred='no'> <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/> </b:section> </div></div> </div> <div style='text-align: center; padding: 4px'> </div> </div> <div id='footer-wrap1'><div id='footer-wrap2'> <b:section class='footer' id='footer'/> <center><img id="BLOGGER_PHOTO_ID_5255170228945611202" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtqlQbQ0bLXU3lU87Bu3rLdhs_LzCCdbFw187tWkW32LGThSDgvZbFGHLgTEM1PxBahByl-YFzRcX73_24VD1gEpNj1UvIXinQgKu5qIitk4ZLknB7NkyZ_AjpSa4wzQABXvczpyPnL2k/s200/clip_image002.jpg" style="" title="Mullookkaaran" border="0"/></center> </div></div> </div> </body> </html> മൂന്നു കോളങ്ങള് ഉള്ള മറ്റൊരു ടെമ്പ്ലേറ്റ് ... <?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 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/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[/* * dsgd by mullookkaaran */ /* Variable definitions ==================== <Variable name="bgcolor" description="Page Background Color" type="color" default="#fff" value="#ffffff"> <Variable name="textcolor" description="Text Color" type="color" default="#000" value="#000000"> <Variable name="pagetitlecolor" description="Blog Title Color" type="color" default="#000" value="#000000"> <Variable name="titlecolor" description="Post Title Color" type="color" default="#000" value="#000000"> <Variable name="footercolor" description="Date and Footer Color" type="color" default="#555" value="#555555"> <Variable name="linkcolor" description="Link Color" type="color" default="#58a" value="#5588aa"> <Variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#999" value="#999999"> Used to be #969 <Variable name="bordercolor" description="Border Color" type="color" default="#999" value="#999999"> <Variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% arial,Georgia,Serif;" value="normal normal 100% arial,Georgia,Serif;"> <Variable name="pagetitlefont" description="Blog Title Font" type="font" default="normal bold 200% arial, Georgia,Serif" value="normal bold 200% arial, Georgia,Serif"> <Variable name="startSide" description="Start side in blog language" type="automatic" default="left" value="left"> <Variable name="endSide" description="End side in blog language" type="automatic" default="right" value="right"> */ body { margin:0; font:$bodyfont; background:$bgcolor; color:$textcolor; text-align:center } p {margin:0 0 6px 0 } #page {float:right; width:470px; margin-left:10px} #s320 {text-align:left; margin:5px 0 5px 0; } #sidkiri {float:left; width:320px; font-size:12px;} #sidkiri1 {float:left; width:120px; text-align:left;} #sidkiri2 { float:left; width:190px; margin-left:10px; text-align:left;} .clr {clear:both; } .navi {width:800px ; background-color:#0099FF; float:left;} .navi ul {margin:0; padding:0; } .navi ul li {list-style-type:none; } .navi ul li a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; display:inline; padding:5px; float:left; margin:0; border-right:1px solid #ffffff; background-color:#0099FF; color:#003399; text-decoration:none; } .navi ul li a:visited { color:#003399} .navi ul li a:hover {background-color:#003366; color:#FFFFFF; } a:link { color:$linkcolor; text-decoration:none; } a:visited { color:#003366; text-decoration:none; } a:hover { color:#006699; text-decoration:underline; } a img { border-width:0; } #outer-wrapper { width:800px; border:5px solid #006699; padding:5px; margin:0 auto; } #njobo { } h1 { border-bottom:dotted 1px $bordercolor; margin-bottom:0px; color: $pagetitlecolor; font: $pagetitlefont; } h1 a, h1 a:link, h1 a:visited { color: $pagetitlecolor; } h2 { margin:0px; padding: 0px; font-size:18px; } #main .widget { padding-bottom:10px; margin-bottom:20px; border-bottom:dotted 1px $bordercolor; clear: both; } #wheader .widget-content {margin-bottom:3px; } #wheader {border-bottom:4px solid #00ccff; } #main .Header { border-bottom-width: 0px; } h2.date-header { padding-top:5px; color:$footercolor; padding-bottom:0px; margin:0px; font-size:12px; text-align:left; } .isid h2 { font-weight:normal; background-color:#ccffff; color:#006699; padding:2px; } .isid ul {margin:0; padding:0; } .isid ul li {border-bottom:1px solid #ccffff; list-style-type:none;} .isid ul li a {display:block; text-decoration:none; color:blue; padding:2px 0 2px 0;} .isid ul li a:visited {color:bloe; } .isid ul li a:hover {color:#ffffff; background-color:#00ccff;} #bottom { margin:0; padding:2px; font-size:10px; background-color:#ccffff;} p.description {margin:0 200px 10px 200px; display:block; color:#006699; font-size:12px; font-family:verdana, arial, tahoma; } h3.post-title { font-size:24px; color: $titlecolor; font-family: "trebuchet ms", georgia, arial, verdana; margin:3px 0 3px 0; } .post { padding:5px; text-align:left; font-family:"arial,georgia, "trebuchet ms"; } .post-footer { color:#006699; font-size:12px; margin-bottom:10px;padding:5px 0 5px 10px; border-bottom:1px solid #cccccc; } .post-body {font-size:12px; line-height:18px; } #comments { padding-top:30px; color:$textcolor; padding-bottom:0px; margin-bottom:0px; text-align:left; } #comments .comment-footer { font-size:1em; font-weight:normal; color:$footercolor; margin-$endSide:10px; display:inline; } .comment-author { margin-top: 3%; } .comment-body { font-size:1em; font-weight:normal; } .deleted-comment { font-style:italic; color:gray; } .comment-link { margin-$startSide:.6em; } .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; } .clear { clear: both; } .profile-img { float: $startSide; margin-top: 0; margin-$endSide: 5px; margin-bottom: 5px; margin-$startSide: 0; } body#layout #outer-wrapper { margin-top: 0px; margin-$endSide: 50px; margin-bottom: 0; margin-$startSide: 50px; } ]]></b:skin> <style> <b:if cond='data:blog.pageType == "item"'> span.fullpost {display:inline;} <b:else/> span.fullpost {display:none;} </b:if> </style> </head> <body> <div id='njobo'> <div id='outer-wrapper'> <div id='wheader'> <b:section class='header1' id='header2'> <b:widget id='Header1' locked='false' title='Mullookkaaran (Header)' type='Header'/> </b:section> </div> <div> <div id='sidkiri'> <div id='s320'> <b:section class='isid' id='s320x'/> </div> <div id='sidkiri1'> <b:section class='isid' id='kiri1'/> </div> <div id='sidkiri2'> <b:section class='isid' id='kiri2'> <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/> </b:section> </div> </div> <div id='page'> <b:section class='main' id='main' showaddelement='yes'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> </b:section> </div> </div> <div class='clr'/> <div id='footer'> <b:section class='footers' id='footer1'/> </div> <div id='bottom'> <p><a href=''><img border='0' id='BLOGGER_PHOTO_ID_5255170228945611202' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtqlQbQ0bLXU3lU87Bu3rLdhs_LzCCdbFw187tWkW32LGThSDgvZbFGHLgTEM1PxBahByl-YFzRcX73_24VD1gEpNj1UvIXinQgKu5qIitk4ZLknB7NkyZ_AjpSa4wzQABXvczpyPnL2k/s200/clip_image002.jpg' style='' title='Mullookkaaran'/></a> </p> </div> </div> </div> </body> </html> (Rounder Column)മൂന്നു കോളങ്ങള് ഉള്ള മറ്റൊരു ടെമ്പ്ലേറ്റ് ... <?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: Rounders Dsgd: By Mullookkaaran ----------------------------------------------- */ /* Variable definitions ==================== <Variable name="mainBgColor" description="Main Background Color" type="color" default="#fff" value="#ffffff"> <Variable name="mainTextColor" description="Text Color" type="color" default="#000" value="#000000"> <Variable name="postTitleColor" description="Post Title Color" type="color" default="#333" value="#333333"> <Variable name="dateHeaderColor" description="Date Header Color" type="color" default="#810" value="#881100"> <Variable name="borderColor" description="Post Border Color" type="color" default="#bbb" value="#bbbbbb"> <Variable name="mainLinkColor" description="Link Color" type="color" default="#b30" value="#bb3300"> <Variable name="mainVisitedLinkColor" description="Visited Link Color" type="color" default="#c63" value="#cc6633"> <Variable name="titleBgColor" description="Page Header Background Color" type="color" default="#710" value="#771100"> <Variable name="titleTextColor" description="Blog Title Color" type="color" default="#fff" value="#ffffff"> <Variable name="topSidebarHeaderColor" description="Top Sidebar Title Color" type="color" default="#fff" value="#ffffff"> <Variable name="topSidebarBgColor" description="Top Sidebar Background Color" type="color" default="#999" value="#999999"> <Variable name="topSidebarTextColor" description="Top Sidebar Text Color" type="color" default="#fff" value="#ffffff"> <Variable name="topSidebarLinkColor" description="Top Sidebar Link Color" type="color" default="#fff" value="#ffffff"> <Variable name="topSidebarVisitedLinkColor" description="Top Sidebar Visited Link Color" type="color" default="#ddd" value="#dddddd"> <Variable name="bodyFont" description="Text Font" type="font" default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif"> <Variable name="pageTitleFont" description="Blog Title Font" type="font" default="normal bold 200% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 200% 'Trebuchet MS',Verdana,Arial,Sans-serif"> <Variable name="descriptionFont" description="Blog Description Font" type="font" default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif"> <Variable name="headerFont" description="Sidebar Title Font" type="font" default="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif"> <Variable name="postTitleFont" description="Post Title Font" type="font" default="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif"> */ body { background:#ccc; margin:0; text-align:center; line-height: 1.5em; font: x-small Trebuchet MS, Verdana, Arial, Sans-serif; color:$mainTextColor; font-size/* */:/**/small; font-size: /**/small; } /* Page Structure ----------------------------------------------- */ /* */ #outer-wrapper { width:995px; margin:0 auto; text-align:left; font: $bodyFont; } #main-wrap1 { width:485px; float:left; background:$mainBgColor url("http://www.blogblog.com/rounders2/corners_main_bot.gif") no-repeat left bottom; margin:15px 15px 0; padding:0 0 10px; color:$mainTextColor; font-size:97%; 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 */ } #main-wrap2 { float:left; width:100%; background:url("http://www.blogblog.com/rounders2/corners_main_top.gif") no-repeat left top; padding:10px 0 0; } #main { background:url("http://www.blogblog.com/rounders2/rails_main.gif") repeat-y; padding:0; } #sidebar-wrap { width:240px; float:right; margin:15px 0 0; font-size:97%; 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 */ } #left-sidebar-wrap { width:240px; float:left; margin:15px 0px 15px; font-size:97%; 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 */ } .main .widget { margin: 0 13px 4px 13px; } .main .Blog { margin: 0; } /* Links ----------------------------------------------- */ a:link { color: $mainLinkColor; } a:visited { color: $mainVisitedLinkColor; } a:hover { color: $mainVisitedLinkColor; } a img { border-width:0; } /* Blog Header ----------------------------------------------- */ #header-wrapper { background:$titleBgColor url("http://kunoichi.info/bloggerbuster_templates/rounders2/corners_cap_top.gif") no-repeat left top; margin:22px 0 0 0; padding:8px 0 0 0; color:$titleTextColor; } #header { background:url("http://kunoichi.info/bloggerbuster_templates/rounders2/corners_cap_bot.gif") no-repeat left bottom; padding:0 15px 8px; } #header h1 { margin:0; padding:10px 30px 5px; line-height:1.2em; font: $pageTitleFont; } #header a, #header a:visited { text-decoration:none; color: $titleTextColor; } #header .description { margin:0; padding:5px 30px 10px; line-height:1.5em; font: $descriptionFont; } /* Posts ----------------------------------------------- */ h2.date-header { margin:0 28px 0 43px; font-size:85%; line-height:2em; text-transform:uppercase; letter-spacing:.2em; color:$dateHeaderColor; } .post { margin:.3em 0 25px; padding:0 13px; border:1px dotted $borderColor; border-width:1px 0; } .post h3 { margin:0; line-height:1.5em; background:url("http://www.blogblog.com/rounders2/icon_arrow.gif") no-repeat 10px .5em; display:block; border:1px dotted $borderColor; border-width:0 1px 1px; padding:2px 14px 2px 29px; color: $postTitleColor; font: $postTitleFont; } .post h3 a, .post h3 a:visited { text-decoration:none; color: $postTitleColor; } .post h3 a:hover { background-color: $borderColor; color: $postTitleColor; } .post-body { border:1px dotted $borderColor; border-width:0 1px 1px; border-bottom-color:$mainBgColor; padding:10px 14px 1px 29px; } html>body .post-body { border-bottom-width:0; } .post p { margin:0 0 .75em; } .post-footer { background: #eee; margin:0; padding:2px 14px 2px 29px; border:1px dotted $borderColor; border-width:1px; font-size:100%; line-height:1.5em; color: #666; } .post-footer p { margin: 0; } html>body .post-footer { border-bottom-color:transparent; } .uncustomized-post-template .post-footer { text-align: right; } .uncustomized-post-template .post-author, .uncustomized-post-template .post-timestamp { display: block; float: left; text-align:left; margin-right: 4px; } .post-footer a { color: #258; } .post-footer a:hover { color: #666; } a.comment-link { /* IE5.0/Win doesn't apply padding to inline elements, so we hide these two declarations from it */ background/* */:/**/url("http://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 0 45%; padding-left:14px; } html>body a.comment-link { /* Respecified, for IE5/Mac's benefit */ background:url("http://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 0 45%; padding-left:14px; } .post img { margin:0 0 5px 0; padding:4px; border:1px solid $borderColor; } blockquote { margin:.75em 0; border:1px dotted $borderColor; border-width:1px 0; padding:5px 15px; color: $dateHeaderColor; } .post blockquote p { margin:.5em 0; } #blog-pager-newer-link { float: left; margin-left: 13px; } #blog-pager-older-link { float: right; margin-right: 13px; } #blog-pager { text-align: center; } .feed-links { clear: both; line-height: 2.5em; margin-left: 13px; } /* Comments ----------------------------------------------- */ #comments { margin:-25px 13px 0; border:1px dotted $borderColor; border-width:0 1px 1px; padding:20px 0 15px 0; } #comments h4 { margin:0 0 10px; padding:0 14px 2px 29px; border-bottom:1px dotted $borderColor; font-size:120%; line-height:1.4em; color:$postTitleColor; } #comments-block { margin:0 15px 0 9px; } .comment-author { background:url("http://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 2px .3em; margin:.5em 0; padding:0 0 0 20px; font-weight:bold; } .comment-body { margin:0 0 1.25em; padding:0 0 0 20px; } .comment-body p { margin:0 0 .5em; } .comment-footer { margin:0 0 .5em; padding:0 0 .75em 20px; } .comment-footer a:link { color: #ced; } .deleted-comment { font-style:italic; color:gray; } /* Profile ----------------------------------------------- */ .profile-img { float: left; margin: 5px 5px 5px 0; border: 4px solid $topSidebarTextColor; } .profile-datablock { margin: 0 15px .5em 0; padding-top: 8px; } .profile-link { background:url("http://www.blogblog.com/rounders2/icon_profile.gif") no-repeat 0 .1em; padding-left:15px; font-weight:bold; } .profile-textblock { clear: both; margin: 0; } .sidebar .clear, .main .widget .clear { clear: both; } #left-sidebartop-wrap { background:$topSidebarBgColor url("http://www.blogblog.com/rounders2/corners_prof_bot.gif") no-repeat left bottom; margin:0px 0px 15px; padding:0px 0px 10px; color:$topSidebarTextColor; } #left-sidebartop-wrap2 { background:url("http://www.blogblog.com/rounders2/corners_prof_top.gif") no-repeat left top; padding: 10px 0 0; margin:0; border-width:0; } #left-sidebartop h2 { line-height:1.5em; color:$topSidebarHeaderColor; border-bottom: 1px dotted $topSidebarHeaderColor; font: $headerFont; margin-bottom: 0.5em; } #left-sidebartop a { color: $topSidebarLinkColor; } #left-sidebartop a:hover { color: $topSidebarVisitedLinkColor; } #left-sidebartop a:visited { color: $topSidebarVisitedLinkColor; } #sidebartop-wrap { background:$topSidebarBgColor url("http://www.blogblog.com/rounders2/corners_prof_bot.gif") no-repeat left bottom; margin:0px 0px 15px; padding:0px 0px 10px; color:$topSidebarTextColor; } #sidebartop-wrap2 { background:url("http://www.blogblog.com/rounders2/corners_prof_top.gif") no-repeat left top; padding: 10px 0 0; margin:0; border-width:0; } #sidebartop h2 { line-height:1.5em; color:$topSidebarHeaderColor; border-bottom: 1px dotted $topSidebarHeaderColor; font: $headerFont; margin-bottom: 0.5em; } #sidebartop a { color: $topSidebarLinkColor; } #sidebartop a:hover { color: $topSidebarVisitedLinkColor; } #sidebartop a:visited { color: $topSidebarVisitedLinkColor; } /* Sidebar Boxes ----------------------------------------------- */ .sidebar .widget { margin:.5em 13px 1.25em; padding:0 0px; } .widget-content { margin-top: 0.5em; } #sidebarbottom-wrap1 { background: $mainBgColor url("http://www.blogblog.com/rounders2/corners_side_top.gif") no-repeat left top; margin:0 0 15px; padding:10px 0 0; color: $mainTextColor; } #sidebarbottom-wrap2 { background:url("http://www.blogblog.com/rounders2/corners_side_bot.gif") no-repeat left bottom; padding:8px 0px 8px; } #left-sidebarbottom-wrap1 { background: $mainBgColor url("http://www.blogblog.com/rounders2/corners_side_top.gif") no-repeat left top; margin:0 0 15; padding:10px 0 0; color: $mainTextColor; } #left-sidebarbottom-wrap2 { background:url("http://www.blogblog.com/rounders2/corners_side_bot.gif") no-repeat left bottom; padding:8px 0px 8px; } #sidebar { background:url("http://www.blogblog.com/rounders2/rails_side.gif") repeat-y; } #left-sidebar { background:url("http://www.blogblog.com/rounders2/rails_side.gif") repeat-y; } #sidebar h2 { color: $mainTextColor; border-bottom: 1px dotted $mainTextColor; margin-bottom: 0.5em; } #left-sidebar h2 { color: $mainTextColor; border-bottom: 1px dotted $mainTextColor; margin-bottom: 0.5em; } #sidebar a { color: $mainLinkColor; } #sidebar a:hover, #sidebar a:visited { color: $mainVisitedLinkColor; } .sidebar h2 { margin:0; padding:0 0 .2em; line-height:1.5em; font:$headerFont; } .sidebar ul { list-style:none; margin:0 0 1.25em; padding:0 0px; } .sidebar ul li { background:url("http://www.blogblog.com/rounders2/icon_arrow_sm.gif") no-repeat 2px .25em; margin:0; padding:0 0 3px 16px; margin-bottom:3px; border-bottom:1px dotted $borderColor; line-height:1.4em; } .sidebar p { margin:0 0 .6em; } /* Footer ----------------------------------------------- */ #footer-wrap1 { clear:both; margin:0; padding:15px 0 0; } #footer-wrap2 { background:$titleBgColor url("http://kunoichi.info/bloggerbuster_templates/rounders2/corners_cap_top.gif") no-repeat left top; padding:8px 0 0; color:$titleTextColor; } #footer { background:url("http://kunoichi.info/bloggerbuster_templates/rounders2/corners_cap_bot.gif") no-repeat left bottom; padding:8px 15px 8px; } #footer hr {display:none;} #footer p {margin:0;} #footer a {color:$titleTextColor;} /** Page structure tweaks for layout editor wireframe */ body#layout #main-wrap1, body#layout #sidebar-wrap, body#layout #header-wrapper { margin-top: 0; } body#layout #header, body#layout #header-wrapper, body#layout #outer-wrapper { margin-left:0, margin-right: 0; padding: 0; } body#layout #outer-wrapper { width: 730px; } body#layout #footer-wrap1 { padding-top: 0; } body#layout #main-wrap1 { width: 300px; } body#layout #left-sidebar-wrap { width: 200px; } body#layout #sidebar-wrap { width: 200px; } /* Label Cloud Styles ----------------------------------------------- */ #labelCloud {text-align:center;font-family:arial,sans-serif;} #labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;} #labelCloud ul{list-style-type:none;margin:0 auto;padding:0;} #labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0} #labelCloud a{text-decoration:none} #labelCloud a:hover{text-decoration:underline} #labelCloud li a{} #labelCloud .label-cloud {} #labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000} #labelCloud .label-cloud li:before{content:"" !important} ]]></b:skin> <script type='text/javascript'> // Label Cloud User Variables var cloudMin = 1; var maxFontSize = 25; var maxColor = [70,10,0]; var minFontSize = 10; var minColor = [23,33,47]; var lcShowCount = false; </script> </head> <body> <div id='outer-wrapper'> <div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='2'> <b:widget id='Header1' locked='false' title='Mullookkaaran (Header)' type='Header'/> </b:section> </div> <div id='crosscol-wrapper' style='text-align:center'> <b:section class='crosscol' id='crosscol' showaddelement='no'/> </div> <div id='left-sidebar-wrap'> <div id='left-sidebartop-wrap'><div id='left-sidebartop-wrap2'> <b:section class='sidebar' id='left-sidebartop'> <b:widget id='Profile1' locked='false' title='About Me' type='Profile'/> </b:section> </div></div> <div id='left-sidebarbottom-wrap1'><div id='left-sidebarbottom-wrap2'> <b:section class='sidebar' id='left-sidebar' preferred='yes'> <b:widget id='Label2' locked='false' title='Labels' type='Label'/> </b:section> </div></div> </div> <div id='main-wrap1'><div id='main-wrap2'> <b:section class='main' id='main' showaddelement='yes'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> </b:section> </div></div> <div id='sidebar-wrap'> <div id='sidebartop-wrap'><div id='sidebartop-wrap2'> <b:section class='sidebar' id='sidebartop'> <b:widget id='Text1' locked='false' title='Just a test caption' type='Text'/> <b:widget id='Label1' locked='false' title='Label Cloud' type='Label'/> </b:section> </div></div> <div id='sidebarbottom-wrap1'><div id='sidebarbottom-wrap2'> <b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/> </b:section> </div></div> </div><div id='footer-wrap1'><div id='footer-wrap2'> <b:section class='footer' id='footer'/><center><hr color='pink' size='2' width='100%'/><img border='0' id='BLOGGER_PHOTO_ID_5255170228945611202' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtqlQbQ0bLXU3lU87Bu3rLdhs_LzCCdbFw187tWkW32LGThSDgvZbFGHLgTEM1PxBahByl-YFzRcX73_24VD1gEpNj1UvIXinQgKu5qIitk4ZLknB7NkyZ_AjpSa4wzQABXvczpyPnL2k/s200/clip_image002.jpg' style='' title='Mullookkaaran'/></center> <hr color='pink' size='2' width='100%'/> </div></div> </div> </body> </html> (Minima)മൂന്നു കോളങ്ങള് ഉള്ള മറ്റൊരു ടെമ്പ്ലേറ്റ് .... <?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: Minima 3 column Designer: Mullookkaaran Date: 26 Aug: 2008 ----------------------------------------------- */ /* 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="#333333"> <Variable name="linkcolor" description="Link Color" type="color" default="#58a" value="#5588aa"> <Variable name="pagetitlecolor" description="Blog Title Color" type="color" default="#666" value="#666666"> <Variable name="descriptioncolor" description="Blog Description Color" type="color" default="#999" value="#999999"> <Variable name="titlecolor" description="Post Title Color" type="color" default="#c60" value="#cc6600"> <Variable name="bordercolor" description="Border Color" type="color" default="#ccc" value="#cccccc"> <Variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#999" value="#999999"> <Variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#666" value="#666666"> <Variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#999" value="#999999"> <Variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif"> <Variable name="headerfont" description="Sidebar Title Font" type="font" default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif"> <Variable name="pagetitlefont" description="Blog Title Font" type="font" default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif"> <Variable name="descriptionfont" description="Blog Description Font" type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif"> <Variable name="postfooterfont" description="Post Footer Font" type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif"> */ /* Use this with templates/template-twocol.html */ body { background:$bgcolor; margin:0; color:$textcolor; font:x-small Georgia Serif; font-size/* */:/**/small; font-size: /**/small; text-align: center; } a:link { color:$linkcolor; text-decoration:none; } a:visited { color:$visitedlinkcolor; text-decoration:none; } a:hover { color:$titlecolor; text-decoration:underline; } a img { border-width:0; } /* Header ----------------------------------------------- */ #header-wrapper { width:860px; margin:0 auto 10px; border:1px solid $bordercolor; } #header-inner { background-position: center; margin-left: auto; margin-right: auto; } #header { margin: 5px; border: 1px solid $bordercolor; text-align: center; color:$pagetitlecolor; } #header h1 { margin:5px 5px 0; padding:15px 20px .25em; line-height:1.2em; text-transform:uppercase; letter-spacing:.2em; font: $pagetitlefont; } #header a { color:$pagetitlecolor; text-decoration:none; } #header a:hover { color:$pagetitlecolor; } #header .description { margin:0 5px 5px; padding:0 20px 15px; max-width:860px; text-transform:uppercase; letter-spacing:.2em; line-height: 1.4em; font: $descriptionfont; color: $descriptioncolor; } #header img { margin-left: auto; margin-right: auto; } /* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { width: 860px; margin:0 auto; padding:10px; text-align:left; font: $bodyfont; } #main-wrapper { width: 410px; float: left; 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 */ } #sidebar1-wrapper { width:180px; float:right; margin-left:5px; padding-bottom:10px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; } #sidebar2-wrapper { width:180px; float:right; margin-left:20px; padding-bottom:10px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; } #sidebar1 { padding:0 0 10px 5px; width:180px; } #sidebar2 { padding:0 0 10px 5px; width:180px; } #widebar-wrapper { width:385px; float:right; padding-bottom:10px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; } #widebar { width:385px; padding:10px 0 5px 10px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ } /* Headings ----------------------------------------------- */ h2 { margin:1.5em 0 .75em; font:$headerfont; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color:$sidebarcolor; } /* Posts ----------------------------------------------- */ h2.date-header { margin:1.5em 0 .5em; } .post { margin:.5em 0 1.5em; border-bottom:1px dotted $bordercolor; padding-bottom:1.5em; } .post h3 { margin:.25em 0 0; padding:0 0 4px; font-size:140%; font-weight:normal; line-height:1.4em; color:$titlecolor; } .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 p { margin:0 0 .75em; line-height:1.6em; } .post-footer { margin: .75em 0; color:$sidebarcolor; text-transform:uppercase; letter-spacing:.1em; font: $postfooterfont; line-height: 1.4em; } .comment-link { margin-left:.6em; } .post img { padding:4px; border:1px solid $bordercolor; } .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; } #blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; } #blog-pager { text-align: center; } .feed-links { clear: both; line-height: 2.5em; } /* Sidebar Content ----------------------------------------------- */ .sidebar { color: $sidebartextcolor; line-height: 1.5em; } .sidebar ul { list-style:none; margin:0 0 0; padding:0 0 0; } .sidebar li { margin:0; padding:0 0 .25em 15px; text-indent:-15px; line-height:1.5em; } .sidebar .widget, .main .widget { border-bottom:1px dotted $bordercolor; margin:0 0 1.5em; padding:0 0 1.5em; } .main .Blog { border-bottom-width: 0; } /* Profile ----------------------------------------------- */ .profile-img { float: left; margin: 0 5px 5px 0; padding: 4px; border: 1px solid $bordercolor; } .profile-data { margin:0; text-transform:uppercase; letter-spacing:.1em; font: $postfooterfont; color: $sidebarcolor; font-weight: bold; line-height: 1.6em; } .profile-datablock { margin:.5em 0 .5em; } .profile-textblock { margin: 0.5em 0; line-height: 1.6em; } .profile-link { font: $postfooterfont; text-transform: uppercase; letter-spacing: .1em; } /* Footer ----------------------------------------------- */ #footer { width:860px; clear:both; margin:0 auto; padding-top:15px; line-height: 1.6em; text-transform:uppercase; letter-spacing:.1em; text-align: center; } /* Page structure tweaks for layout editor wireframe */ body#layout #sidebar, body#layout #main, body#layout #main-wrapper, body#layout #outer-wrapper, body#layout #sidebar-wrapper { padding: 0; } body#layout #outer-wrapper { padding: 0; width: 860px; padding: 0 5px 0 10px; } body#layout #sidebar1-wrapper { padding: 0; width: 180px; } body#layout #sidebar2-wrapper { padding: 0; width: 180px; } body#layout #widebar-wrapper { width: 385px; padding: 5px 10px 0 5px; } body#layout #widebar { padding: 0; width: 385px; } body#layout #main-wrapper { padding: 0; width: 410px; padding: 5px 10px 0 5px; } body#layout #header-wrapper { padding: 0; width: 860px; } body#layout #footer-wrapper { padding: 0; width: 860px; } /** Page structure tweaks for layout editor wireframe */ body#layout #header { margin-left: 0px; margin-right: 0px; } ]]></b:skin> </head> <body> <div id='outer-wrapper'><div id='wrap2'> <!-- skip links for text browsers --> <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='3' showaddelement='no'> <b:widget id='Header1' locked='true' title='Mullookkaaran (Header)' type='Header'/> <b:widget id='AdSense1' locked='false' title='' type='AdSense'/> </b:section> </div> <div id='widebar-wrapper'> <b:section class='sidebar' id='widebar' preferred='yes'> <b:widget id='AdSense2' locked='false' title='' type='AdSense'/> </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:section> </div> <div id='sidebar2-wrapper'> <b:section class='sidebar' id='left-sidebar' preferred='yes'> <b:widget id='AdSense3' locked='false' title='' type='AdSense'/> <b:widget id='AdSense4' locked='false' title='' type='AdSense'/> </b:section> </div> <div id='sidebar1-wrapper'> <b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='AdSense5' locked='false' title='' type='AdSense'/> <b:widget id='AdSense6' locked='false' title='' type='AdSense'/> </b:section> </div> <!-- spacer for skins that want sidebar and main to be the same height--> <div class='clear'> </div> </div> <!-- end content-wrapper --> <div id='footer-wrapper'> <b:section class='footer' id='footer'/> <div class='widget-content'> <img border='0' id='BLOGGER_PHOTO_ID_5255170228945611202' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtqlQbQ0bLXU3lU87Bu3rLdhs_LzCCdbFw187tWkW32LGThSDgvZbFGHLgTEM1PxBahByl-YFzRcX73_24VD1gEpNj1UvIXinQgKu5qIitk4ZLknB7NkyZ_AjpSa4wzQABXvczpyPnL2k/s200/clip_image002.jpg' style='' title='Mullookkaaran'/> </div> </div> </div></div> <!-- end outer-wrapper --> </body> </html> (Simple)മൂന്നു കോളങ്ങള് ഉള്ള മറ്റൊരു ടെമ്പ്ലേറ്റ് .... <?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: Free simple 3 column Designer: Mullookkaaran ----------------------------------------------- */ /* Variable definitions ==================== <Variable name="bgcolor" description="Page Background Color" type="color" default="#000" value="#ffffff"> <Variable name="textcolor" description="Text Color" type="color" default="#ccc" value="#000000"> <Variable name="linkcolor" description="Link Color" type="color" default="#9c6" value="#cc0000"> <Variable name="pagetitlecolor" description="Blog Title Color" type="color" default="#ccc" value="#cc0000"> <Variable name="descriptioncolor" description="Blog Description Color" type="color" default="#777" value="#002E3F"> <Variable name="titlecolor" description="Post Title Color" type="color" default="#f33" value="#cc0000"> <Variable name="bordercolor" description="Border Color" type="color" default="#ccc" value="#80FF00"> <Variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#777" value="#cc0000"> <Variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#999" value="#000000"> <Variable name="sidebarheadcolor" description="Sidebar Head Text Color" type="color" default="#D4E9F7" value="#940f04"> <Variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#8CC653" value="#8CC653"> <Variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif" value="normal normal 96% Arial, sans-serif"> <Variable name="headerfont" description="Sidebar Title Font" type="font" default="normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif"> <Variable name="pagetitlefont" description="Blog Title Font" type="font" default="normal bold 200% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif" value="normal bold 624% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif"> <Variable name="descriptionfont" description="Blog Description Font" type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif"> <Variable name="postfooterfont" description="Post Footer Font" type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif"> <Variable name="sidebarheadfont" description="Sidebar Head Title Font" type="font" default="normal bold 90% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 90% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif"> */ /* Use this with templates/template-twocol.html */ body { background:$bgcolor; margin:0; color:$textcolor; font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif; font-size/* */:/**/small; font-size: /**/small; text-align: center; } a:link { color:$linkcolor; text-decoration:none; } a:visited { color:$linkcolor; text-decoration:none; border-bottom: 1px dotted $visitedlinkcolor; } a:hover { color:$titlecolor; text-decoration:underline; } a img { border-width:0; } /* Header ----------------------------------------------- */ #header { margin: 5px; border-bottom: 1px solid $bordercolor; text-align: center; color:$pagetitlecolor; } #header h1 { margin:5px 5px 0; padding:15px 20px .25em; line-height:1.2em; text-transform:uppercase; letter-spacing:.2em; font: $pagetitlefont; } #header a { color:$pagetitlecolor; text-decoration:none; } #header a:hover { color:$pagetitlecolor; } #header .description { margin:0 auto 5px; padding:0 20px 15px; max-width:900px; text-transform:uppercase; letter-spacing:.2em; line-height: 1.4em; font: $descriptionfont; color: $descriptioncolor; } #header img { margin-left: auto; margin-right: auto; } /* Outer-Wrapper ----------------------------------------------- */ #wrap { width: 950px; margin:0 auto; padding:10px; text-align:left; font: $bodyfont; } #content-wrap { width: 100%; float: left; background: url(http://datatemplates.googlepages.com/bg-content.gif) right 0 repeat-y; } #content { margin: 0 440px 0 0; } #sidebar-data { width: 220px; float: left; color: #333; margin-left: -440px; } #sidebar2-data { width: 220px; float: left; color: #333; margin-left: -220px; } #content .gap { margin-right: 10px; } #sidebar-data .gap, #sidebar2-data .gap{ margin: 10px; } /* Headings ----------------------------------------------- */ #sidebar-data h2, #sidebar2-data h2 { margin:1.5em 0 .75em; font:$sidebarheadfont; line-height: 1em; text-transform:uppercase; /* letter-spacing:.2em; */ color:$sidebarheadcolor; } /* Posts ----------------------------------------------- */ h2.date-header { margin:1.5em 0 0; font-size: 1em; } .post { margin:.5em 0 1.5em; border-bottom:1px dotted $bordercolor; padding-bottom:1.5em; } .post h3 { margin:.25em 0 0; padding:0 0 4px; font-size:2em; font-family: Arial, verdana; font-weight:normal; line-height:1.4em; color:$titlecolor; } .post h3 a, .post h3 a:visited, .post h3 strong { display:block; text-decoration:none; color:$titlecolor; font-weight:bold; } .post h3 strong, .post h3 a:hover { color:$textcolor; } .post p { margin:0 0 .75em; line-height:1.6em; } .post-footer { margin: .75em 0; color:$sidebarcolor; text-transform:uppercase; letter-spacing:.1em; font: $postfooterfont; line-height: 1.4em; } .comment-link { margin-left:.6em; } .post img { padding:4px; border:1px solid $bordercolor; } .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: left; } #blog-pager-older-link { float: right; } #blog-pager { text-align: center; } /* Sidebar Content ----------------------------------------------- */ .sidebar { color: $sidebartextcolor; line-height: 1.5em; } .sidebar ul { list-style:none; margin:0 0 0; padding:0 0 0; } .sidebar li { margin:0; padding:0 0 .25em 15px; text-indent:-15px; line-height:1.5em; } .sidebar .widget, .main .widget { border-bottom:1px dotted $bordercolor; margin:0 0 1.5em; padding:0 0 1.5em; } .main .Blog { border-bottom-width: 0; } /* Profile ----------------------------------------------- */ .profile-img { float: left; margin: 0 5px 5px 0; padding: 4px; border: 1px solid $bordercolor; } .profile-data { margin:0; text-transform:uppercase; letter-spacing:.1em; font: $postfooterfont; color: $sidebarcolor; font-weight: bold; line-height: 1.6em; } .profile-datablock { margin:.5em 0 .5em; } .profile-textblock { margin: 0.5em 0; line-height: 1.6em; } .profile-link { font: $postfooterfont; text-transform: uppercase; letter-spacing: .1em; } /* Footer ----------------------------------------------- */ #footr { width:950px; clear:both; margin:0 auto; padding-top:15px; line-height: 1.6em; letter-spacing:.1em; text-align: center; border-top: 1px solid #ccc; } /** Page structure tweaks for layout editor wireframe */ body#layout #header { margin-left: 0px; margin-right: 0px; } ]]></b:skin> </head> <body> <!-- skip links for text browsers --> <span id='skiplinks' style='display:none;'> <a href='#main'>skip to main </a> | <a href='#sidebar'>skip to sidebar</a> </span> <div id='wrap'> <div id='headr'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Mullookkaaran (Header)' type='Header'/> </b:section> </div> <div id='content-wrap'> <div id='content'> <div class='gap'> <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:section> </div> </div> </div> <div class='clear'> </div> </div> <!-- end content-wrap --> <div id='sidebar-data'> <div class='gap'> <b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='BlogArchive1' locked='false' title='archive' type='BlogArchive'/> </b:section> </div> </div> <div id='sidebar2-data'> <div class='gap'> <b:section class='sidebar' id='sidebar2' preferred='yes'/> </div> </div> <div id='footr'> <b:section class='footer' id='footer' preferred='yes'/> <p><a href=''><img border='0' id='BLOGGER_PHOTO_ID_5255170228945611202' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtqlQbQ0bLXU3lU87Bu3rLdhs_LzCCdbFw187tWkW32LGThSDgvZbFGHLgTEM1PxBahByl-YFzRcX73_24VD1gEpNj1UvIXinQgKu5qIitk4ZLknB7NkyZ_AjpSa4wzQABXvczpyPnL2k/s200/clip_image002.jpg' style='' title='Mullookkaaran'/></a></p> </div> <!-- end footer--> </div> </body> </html> |
ഉപകാരപ്രദം സുഹൃത്തേ.
ReplyDeletevery useful.but the html links are deleted.can we do anything on it?
ReplyDeleteഉപകാരപ്രദം
ReplyDeletehi. thankuuuuu
ReplyDeletemullukaraaaaa
chetta ningal oru vilayidnavatha manushyan e vipaniyude lokathu life value ariyunna persoan
ReplyDeleteനിങ്ങളുടെ ബ്ലോഗ് മറ്റുള്ളവര്ക്ക് ബ്ലോഗിനെ കുറിച്ച് വളരെ ഏറെ അറിവ് നല്കുന്നു.
ReplyDeleteOru animation portfoliokku pattiya template kittumo???
ReplyDeletevery helpfull,thank you
ReplyDelete