යාලුවනේ මෙම ටෙමිප්ලේටි එක එඩිටි කර දෙනවාද
navigation bar එකක් add karaganna onn
අලංකාර readmore බටන් එකක් දාගන්න ඔින
ප්රධාන මාතෘකාවට අදාල උප මාතෘකා
bump එකක් වත් දාල යන්න මෙික ඔයාලටත් වැදගත් වෙයි
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<!--
<b:skin><![CDATA[
/* === Hide the NavBar === */
.Navbar {
visibility:hidden;
display: none;
}
/* === Hide the NavBar === */
body {
font: 75%/170% Arial, Helvetica, sans-serif;
padding: 0px;
margin: 0px;
color: #333333;
word-wrap: break-word;
}
a {
color: #44a1d0;
text-decoration: none;
}
a:visited {
color: #5EAFD7;
}
a:hover {
text-decoration: underline;
}
p {
margin: 0px 0px 15px;
}
img {
border: none;
}
ul {
margin: 5px 0px 15px;
padding-left: 20px;
}
ul li {
margin: 0px;
}
ol {
margin: 5px 0px 15px;
padding-left: 20px;
}
ul li {
margin: 0px;
}
form {
margin: 0px;
padding: 0px;
}
small {
font-size: 90%;
}
#wrapper {
width: 995px;
margin: 0px auto;
position: relative;
}
/* ------------------------------------- header area */
#topheader {
height: 120px;
overflow: hidden;
}
}
.entry {
padding: 10px 0px 5px;
clear: both;
}
/* post title */
h2 {
color: #333333;
margin: 3px 0 2px;
padding-bottom: 4px;
font: normal 150%/100% "Lucida Grande", Arial, sans-serif;
border-bottom: dotted 1px #CCCCCC;
}
h2 a, h2 a:visited {
color: #333333;
text-decoration: none;
}
h2 a:hover {
color: #44a1d0;
text-decoration: none;
}
h3 {
color: #666666;
margin: 5px 0px 5px;
font: bold 110%/110% "Lucida Grande", Arial, sans-serif;
}
.status-message {
height:21px;
margin-bottom:15px;
color:#ffffff;
text-align:center;
}
/* next - previous page navigation */
.page-nav {
clear:both;
height:21px;
margin-top:15px;
color:#ffffff;
}
.page-nav a, .page-nav a:visited {
color:#ffffff;
text-decoration: none;
}
.page-nav a:hover {
color: #000000;
text-decoration: none;
}
.previous-entries a {
float: left;
padding-left: 10px;
margin-left: 10px;
}
.next-entries a {
float: right;
padding-right: 10px;
margin-right: 10px;
}
/* next - previous post navigation */
.post-nav {
clear: both;
padding-bottom: 35px;
margin-top: -15px;
font-size: 95%;
}
.post-nav a, .post-nav a:visited {
color: #999999;
text-decoration: none;
}
.post-nav a:hover {
color: #000000;
text-decoration: none;
}
.post-nav .previous a {
float: left;
padding-left: 20px;
}
.post-nav .next a {
float: right;
padding-right: 20px;
text-align: right;
}
/* ------------------------------------- comment area */
h3#comments {
padding-left: 22px;
font: normal 140%/120% Arial, Helvetica, sans-serif;
clear: both;
}
h3#respond {
padding-left: 22px;
font: normal 140%/120% Arial, Helvetica, sans-serif;
margin: 20px 0px 0px;
clear: both;
}
h3#links {
font: normal 140%/120% Arial, Helvetica, sans-serif;
margin: 10px 0px 0px;
clear: both;
}
/* comment list */
.commentlist {
margin: 10px 0px;
padding-left: 45px;
line-height: 130%;
}
.commentlist li{
padding: 5px 10px;
background: #F4F4F4;
margin-bottom: 10px;
}
.commentlist cite {
font-weight: bold;
font-style: normal;
font-size: 110%;
color: #669900;
}
.commentlist cite a, .commentlist cite a:visited {
color: #669900;
}
.commentlist small {
margin-bottom: 5px;
display: block;
font-size: 87%;
}
.commentlist small a, .commentlist small a:visited{
color: #999999;
}
/* ------------------------------------- footer area */
#footer {
padding: 10px 0px 0px 10px;
font-size: 87%;
color: #282828;
}
#footer a, #footer a:visited {
text-decoration: none;
color: #000000;
}
#footer a:hover {
text-decoration: underline;
}
/* sidebar */
#sidebar1-wrapper, #sidebar2-wrapper {
width: 210px;
color: #666666;
line-height: 160%;
padding:0 0px 10px;
position:relative;
display:block;
overflow: hidden;
}
#sidebar1-wrapper {
float:left;
margin-right:15px;
overflow: hidden;
}
#sidebar2-wrapper {
float:right;
overflow: hidden;
}
#sidebar1, #sidebar2 {
margin:0;
padding:0;
overflow: hidden;
}
#sidebar1 p, #sidebar2 p {
margin: 0px 0px 15px;
}
#sidebar1 h2, #sidebar2 h2 {
font: bold 12px/100% Arial, Helvetica, sans-serif;
color: #666666;
position:relative;
display:block;
position:relative;
margin:0;
padding: 16px 24px 7px 10px;
}
#sidebar1 h2 a, #sidebar1 h2 a:visited, #sidebar2 h2 a, #sidebar2 h2 a:visited {
color: #666666;
}
#sidebar1 h2 img, #sidebar2 h2 img {
vertical-align: middle;
}
#sidebar1 a, #sidebar1 a:visited, #sidebar2 a, #sidebar2 a:visited {
color: #000000;
text-decoration:none;
}
#sidebar1 a:hover, #sidebar1 a:focus, #sidebar1 a:active, #sidebar2 a:hover, #sidebar2 a:focus, #sidebar2 a:active {
text-decoration:underline;
}
#sidebar1 ul, #sidebar2 ul {
list-style: none;
margin: 0 ;
padding: 0 ;
}
#sidebar1 ul li, #sidebar2 ul li {
padding-left: 18px ;
}
#sidebar1 ul li ul li, #sidebar2 ul li ul li {
padding-left: 12px ;
}
#sidebar1 .widget-content, #sidebar2 .widget-content {
margin: 0;
padding: 5px 10px 9px 10px;
overflow: hidden;
}
#sidebar1 .widget, #sidebar2 .widget {
position:relative;
display:block;
margin:0;
padding:0;
border:none;
clear: both;
}
/* alignments */
.center {
text-align: center;
}
img.center, img[align="center"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.left {
float: left;
}
img.left, img[align="left"] {
float:left;
margin: 2px 10px 5px 0px;
}
.right {
float: right;
}
img.right, img[align="right"] {
float:right;
margin: 2px 0px 5px 10px;
}
.clear {
clear:both;
}
hr.clear {
clear:both;
visibility: hidden;
margin: 0px;
padding: 0px;
}
.hidden {
clear: both;
visibility: hidden;
}
/****************************************************************
Docking Boxes core CSS: YOU MUST NOT CHANGE OR OVERRIDE THESE
*****************************************************************/
.dbx-clone {
position:absolute;
visibility:hidden;
}
.dbx-clone, .dbx-clone .dbx-handle-cursor {
cursor:move !important;
}
.dbx-dummy {
display:block;
width:0;
height:0;
overflow:hidden;
}
.dbx-group, .dbx-box, .dbx-handle {
position:relative;
display:block;
}
/****************************************************************
avoid padding, margins or borders on dbx-box,
to reduce visual discrepancies between it and the clone.
overall, dbx-box is best left as visually unstyled as possible
*****************************************************************/
.dbx-box {
margin:0;
padding:0;
border:none;
clear: both;
}
/****************************************************************
otherwise, do what you like
*****************************************************************/
/* group container(s) */
.dbx-group {
width:210px;
padding:0 0px 10px;
}
* html .dbx-group {
width: 210px;
padding-bottom:0;
}
/* handles */
.dbx-handle {
position:relative;
margin:0;
padding: 16px 24px 7px 10px;
}
* html .dbx-handle {
width: 176px;
}
/* handle cursors are in a class of their own
so they only get applied if the script is supported */
.dbx-handle-cursor {
cursor:move;
}
/* toggle images */
a.dbx-toggle, a.dbx-toggle:visited {
display:block;
width:20px;
height:20px;
overflow:hidden;
position:absolute;
top:12px;
right:3px;
text-indent:-50px;
text-decoration:none;
}
a.dbx-toggle-open, a.dbx-toggle-open:visited {
background-position:0 0;
}
a.dbx-toggle-closed, a.dbx-toggle-closed:visited {
background-position:0 -20px;
}
a.dbx-toggle-hilite-open, a.dbx-toggle-hilite-open:visited {
background-position:-20px 0;
}
a.dbx-toggle-hilite-closed, a.dbx-toggle-hilite-closed:visited {
background-position:-20px -20px;
}
/* keyboard navigation tooltip */
.dbx-tooltip {
display:block;
position:absolute;
margin:36px 0 0 125px;
width:185px;
border:1px solid #000;
background:#ffd;
color:#000;
font:normal normal normal 0.85em tahoma, arial, sans-serif;
padding:2px 4px 3px 5px;
text-align:left;
}
* html .dbx-tooltip { width:210px; }
/* use CSS2 system colors in CSS2 browsers
but not safari, which doesn't support them */
*[class="dbx-tooltip"]:lang(en) {
border-color:InfoText;
background:InfoBackground;
color:InfoText;
font:small-caption;
font-weight:normal;
}
/* inner content area */
.dbx-content {
margin: 0;
padding: 5px 10px 9px 10px;
overflow: hidden;
}
/* toggle state of inner content area */
.dbx-box-closed .dbx-content {
display:block;
height:4px;
padding:0;
overflow:hidden;
}
.dbx-box-closed .dbx-content * {
display:none;
}
/* additional clone styles */
.dbx-clone {
opacity:0.8;
-moz-opacity:0.8;
-khtml-opacity:0.8;
filter:alpha(opacity=80);
}
body {
background: #42afdc url(http://s310.photobucket.com/albums/kk426/magznetwork/itheme/itheme-html-bg.gif) repeat-x;
}
]]></b:skin>
<!--[if lt IE 7]>
<style type="text/css">
no-repeat;
}
</style>
<![endif]-->
}
#page {
background: none;
}
#wrapper {
width: 100%;
margin: 0px;
}
#topheader {
border-bottom: solid 1px #000000;
height: 100px;
margin-bottom: 15px;
}
#content {
padding: 0;
background: #ffffff;
width: 100%;
}
.post {
padding: 0;
background: none;
}
.post .date {
height: auto;
width: 100%;
background: none;
font: normal 11px Arial, Helvetica, sans-serif;
color: #666666;
text-align: left;
padding: 0;
line-height: 100%;
}
.post .date span {
height: auto;
text-align: left;
padding: 0;
display: inline;
}
.post .title {
clear: both;
width: 100%;
margin: 0;
}
.postdata .category{
background: none;
padding: 0;
float: left;
}
.postdata .author{
background: none;
padding: 0;
float: left;
}
.postdata .comments{
background: none;
padding: 0;
float: right;
}
h3#comments {
background: none;
padding-left: 0;
font: bold 14px/120% Arial, Helvetica, sans-serif;
clear: both;
}
.commentlist li, .commentlist .alt {
border: none !important;
}
#searchform, #nav, #subnav, .mini-add-comment, .status-message, .page-nav, .post-nav, h3#respond, #commentform, #footer, #sidebar {
display: none !important;
}
</style>
<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s.indexOf(">")!=-1){
s = s.substring(s.indexOf(">")+1,s.length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
</head>
<body>
<div id='page'>
<div id='wrapper'>
<b:section id='headerwrapper' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Softy Mania (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'>
<div id='topheader'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "REPLACE"'>
<!--Show just the image, no text-->
<div id='toplogo'>
<a expr:href='data:blog.homepageUrl'>
<img expr:alt='data:title' expr:src='data:sourceUrl'/>
</a>
</div>
<b:else/>
<!--Show image as background to text-->
<div id='toplogo'>
<img expr:alt='data:title' expr:src='data:sourceUrl'/>
</div>
<h1><a expr:href='data:blog.homepageUrl'><data:title/></a></h1>
<div class='description'><data:description/></div>
</b:if>
<b:else/>
<!--No header image -->
<h1><a expr:href='data:blog.homepageUrl'><data:title/></a></h1>
<div class='description'><data:description/></div>
</b:if>
<form action='/search' id='searchform' method='get'>
<div><input id='s' name='q' type='text' value='Search'/>
<input id='searchsubmit' type='submit' value='Go'/>
</div>
</form>
</div>
</b:includable>
</b:widget>
</b:section>
<div id='sidebar1-wrapper'>
<b:section class='dbx-group' 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:widget id='Feed1' locked='false' title='Blogger Flick' type='Feed'>
<b:includable id='main'>
<h2><data:title/></h2>
<div class='widget-content' expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
<span style='filter: alpha(25); opacity: 0.25;'>
<a expr:href='data:feedUrl'><data:loadingMsg/></a>
</span>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='main-col'>
<b:section id='navsection' maxwidgets='1' showaddelement='no'>
<b:widget id='LinkList1' locked='true' title='Top Menu' type='LinkList'>
<b:includable id='main'>
<div id='nav'>
<ul>
<b:loop values='data:links' var='link'>
<li class='page_item'><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
</b:section>
<div id='content'>
</script>
<div class='date'>
<span><script type='text/javascript'>document.write(date_mmm);</script></span>
<script type='text/javascript'>document.write(date_dd);</script>
</div>
<span class='author'>
<data
ost.author/>
</span>
</b:if>
<b:if cond='data
ost.labels'>
<span class='category'>
<b:loop values='data
ost.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>
</span>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data
ost.allowComments'>
<span class='comments'>
<a expr:href='data
ost.url + "#comments"'><b:if cond='data
ost.numComments == 1'>1 <data:top.commentLabel/><b:else/><data
ost.numComments/> <data:top.commentLabelPlural/></b:if></a>
</span>
</b:if>
<b:else/>
<b:if cond='data
ost.allowComments'>
<span class='right mini-add-comment'>
<b:if cond='data
ost.embedCommentForm'>
<a href='#respond'>Add comments</a>
<b:else/>
<a expr:href='data
ost.addCommentUrl' expr
nclick='data
ost.addCommentOnclick'>Add comments</a>
</b:if>
</span>
</b:if>
</b:if>
</div>
</div>
<div class='entry'>
<p>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data
ost.id'><data
ost.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data
ost.id/>"
</script> <span class='rmlink' style='float:right;padding-top:0px;'><a expr:href='data
ost.url'><b>Read More »</b></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data
ost.body/></b:if>
</p>
<div style='clear: both;'/> <!-- clear for photos floats -->
<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data
ost.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='180'/>
</b:if>
</span>
</div>
</div>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-message'>
<data:navMessage/>
</div>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h3 id='respond'><data
ostCommentMsg/></h3>
<p><data:blogCommentMessage/></p>
<iframe allowtransparency='true' expr:src='data
ost.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</div>
</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='postQuickEdit' var='post'>
<b:if cond='data
ost.editUrl'>
<span expr:class='"item-control " + data
ost.adminClass'>
<a expr:href='data
ost.editUrl' expr:title='data:top.editPostMsg'>
<span class='quick-edit-icon'> </span>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='top' name='status-message'/>
<data:adStart/>
<b:loop values='data
osts' var='post'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data
ost.includeAd'>
<data:adEnd/>
<div class='post-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
</b:loop>
<data:adEnd/>
<b:include name='nextprev'/>
<b:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1");
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
navigation bar එකක් add karaganna onn
අලංකාර readmore බටන් එකක් දාගන්න ඔින
ප්රධාන මාතෘකාවට අදාල උප මාතෘකා
bump එකක් වත් දාල යන්න මෙික ඔයාලටත් වැදගත් වෙයි
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<!--
<b:skin><![CDATA[
/* === Hide the NavBar === */
.Navbar {
visibility:hidden;
display: none;
}
/* === Hide the NavBar === */
body {
font: 75%/170% Arial, Helvetica, sans-serif;
padding: 0px;
margin: 0px;
color: #333333;
word-wrap: break-word;
}
a {
color: #44a1d0;
text-decoration: none;
}
a:visited {
color: #5EAFD7;
}
a:hover {
text-decoration: underline;
}
p {
margin: 0px 0px 15px;
}
img {
border: none;
}
ul {
margin: 5px 0px 15px;
padding-left: 20px;
}
ul li {
margin: 0px;
}
ol {
margin: 5px 0px 15px;
padding-left: 20px;
}
ul li {
margin: 0px;
}
form {
margin: 0px;
padding: 0px;
}
small {
font-size: 90%;
}
#wrapper {
width: 995px;
margin: 0px auto;
position: relative;
}
/* ------------------------------------- header area */
#topheader {
height: 120px;
overflow: hidden;
}
}
.entry {
padding: 10px 0px 5px;
clear: both;
}
/* post title */
h2 {
color: #333333;
margin: 3px 0 2px;
padding-bottom: 4px;
font: normal 150%/100% "Lucida Grande", Arial, sans-serif;
border-bottom: dotted 1px #CCCCCC;
}
h2 a, h2 a:visited {
color: #333333;
text-decoration: none;
}
h2 a:hover {
color: #44a1d0;
text-decoration: none;
}
h3 {
color: #666666;
margin: 5px 0px 5px;
font: bold 110%/110% "Lucida Grande", Arial, sans-serif;
}
.status-message {
height:21px;
margin-bottom:15px;
color:#ffffff;
text-align:center;
}
/* next - previous page navigation */
.page-nav {
clear:both;
height:21px;
margin-top:15px;
color:#ffffff;
}
.page-nav a, .page-nav a:visited {
color:#ffffff;
text-decoration: none;
}
.page-nav a:hover {
color: #000000;
text-decoration: none;
}
.previous-entries a {
float: left;
padding-left: 10px;
margin-left: 10px;
}
.next-entries a {
float: right;
padding-right: 10px;
margin-right: 10px;
}
/* next - previous post navigation */
.post-nav {
clear: both;
padding-bottom: 35px;
margin-top: -15px;
font-size: 95%;
}
.post-nav a, .post-nav a:visited {
color: #999999;
text-decoration: none;
}
.post-nav a:hover {
color: #000000;
text-decoration: none;
}
.post-nav .previous a {
float: left;
padding-left: 20px;
}
.post-nav .next a {
float: right;
padding-right: 20px;
text-align: right;
}
/* ------------------------------------- comment area */
h3#comments {
padding-left: 22px;
font: normal 140%/120% Arial, Helvetica, sans-serif;
clear: both;
}
h3#respond {
padding-left: 22px;
font: normal 140%/120% Arial, Helvetica, sans-serif;
margin: 20px 0px 0px;
clear: both;
}
h3#links {
font: normal 140%/120% Arial, Helvetica, sans-serif;
margin: 10px 0px 0px;
clear: both;
}
/* comment list */
.commentlist {
margin: 10px 0px;
padding-left: 45px;
line-height: 130%;
}
.commentlist li{
padding: 5px 10px;
background: #F4F4F4;
margin-bottom: 10px;
}
.commentlist cite {
font-weight: bold;
font-style: normal;
font-size: 110%;
color: #669900;
}
.commentlist cite a, .commentlist cite a:visited {
color: #669900;
}
.commentlist small {
margin-bottom: 5px;
display: block;
font-size: 87%;
}
.commentlist small a, .commentlist small a:visited{
color: #999999;
}
/* ------------------------------------- footer area */
#footer {
padding: 10px 0px 0px 10px;
font-size: 87%;
color: #282828;
}
#footer a, #footer a:visited {
text-decoration: none;
color: #000000;
}
#footer a:hover {
text-decoration: underline;
}
/* sidebar */
#sidebar1-wrapper, #sidebar2-wrapper {
width: 210px;
color: #666666;
line-height: 160%;
padding:0 0px 10px;
position:relative;
display:block;
overflow: hidden;
}
#sidebar1-wrapper {
float:left;
margin-right:15px;
overflow: hidden;
}
#sidebar2-wrapper {
float:right;
overflow: hidden;
}
#sidebar1, #sidebar2 {
margin:0;
padding:0;
overflow: hidden;
}
#sidebar1 p, #sidebar2 p {
margin: 0px 0px 15px;
}
#sidebar1 h2, #sidebar2 h2 {
font: bold 12px/100% Arial, Helvetica, sans-serif;
color: #666666;
position:relative;
display:block;
position:relative;
margin:0;
padding: 16px 24px 7px 10px;
}
#sidebar1 h2 a, #sidebar1 h2 a:visited, #sidebar2 h2 a, #sidebar2 h2 a:visited {
color: #666666;
}
#sidebar1 h2 img, #sidebar2 h2 img {
vertical-align: middle;
}
#sidebar1 a, #sidebar1 a:visited, #sidebar2 a, #sidebar2 a:visited {
color: #000000;
text-decoration:none;
}
#sidebar1 a:hover, #sidebar1 a:focus, #sidebar1 a:active, #sidebar2 a:hover, #sidebar2 a:focus, #sidebar2 a:active {
text-decoration:underline;
}
#sidebar1 ul, #sidebar2 ul {
list-style: none;
margin: 0 ;
padding: 0 ;
}
#sidebar1 ul li, #sidebar2 ul li {
padding-left: 18px ;
}
#sidebar1 ul li ul li, #sidebar2 ul li ul li {
padding-left: 12px ;
}
#sidebar1 .widget-content, #sidebar2 .widget-content {
margin: 0;
padding: 5px 10px 9px 10px;
overflow: hidden;
}
#sidebar1 .widget, #sidebar2 .widget {
position:relative;
display:block;
margin:0;
padding:0;
border:none;
clear: both;
}
/* alignments */
.center {
text-align: center;
}
img.center, img[align="center"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.left {
float: left;
}
img.left, img[align="left"] {
float:left;
margin: 2px 10px 5px 0px;
}
.right {
float: right;
}
img.right, img[align="right"] {
float:right;
margin: 2px 0px 5px 10px;
}
.clear {
clear:both;
}
hr.clear {
clear:both;
visibility: hidden;
margin: 0px;
padding: 0px;
}
.hidden {
clear: both;
visibility: hidden;
}
/****************************************************************
Docking Boxes core CSS: YOU MUST NOT CHANGE OR OVERRIDE THESE
*****************************************************************/
.dbx-clone {
position:absolute;
visibility:hidden;
}
.dbx-clone, .dbx-clone .dbx-handle-cursor {
cursor:move !important;
}
.dbx-dummy {
display:block;
width:0;
height:0;
overflow:hidden;
}
.dbx-group, .dbx-box, .dbx-handle {
position:relative;
display:block;
}
/****************************************************************
avoid padding, margins or borders on dbx-box,
to reduce visual discrepancies between it and the clone.
overall, dbx-box is best left as visually unstyled as possible
*****************************************************************/
.dbx-box {
margin:0;
padding:0;
border:none;
clear: both;
}
/****************************************************************
otherwise, do what you like
*****************************************************************/
/* group container(s) */
.dbx-group {
width:210px;
padding:0 0px 10px;
}
* html .dbx-group {
width: 210px;
padding-bottom:0;
}
/* handles */
.dbx-handle {
position:relative;
margin:0;
padding: 16px 24px 7px 10px;
}
* html .dbx-handle {
width: 176px;
}
/* handle cursors are in a class of their own
so they only get applied if the script is supported */
.dbx-handle-cursor {
cursor:move;
}
/* toggle images */
a.dbx-toggle, a.dbx-toggle:visited {
display:block;
width:20px;
height:20px;
overflow:hidden;
position:absolute;
top:12px;
right:3px;
text-indent:-50px;
text-decoration:none;
}
a.dbx-toggle-open, a.dbx-toggle-open:visited {
background-position:0 0;
}
a.dbx-toggle-closed, a.dbx-toggle-closed:visited {
background-position:0 -20px;
}
a.dbx-toggle-hilite-open, a.dbx-toggle-hilite-open:visited {
background-position:-20px 0;
}
a.dbx-toggle-hilite-closed, a.dbx-toggle-hilite-closed:visited {
background-position:-20px -20px;
}
/* keyboard navigation tooltip */
.dbx-tooltip {
display:block;
position:absolute;
margin:36px 0 0 125px;
width:185px;
border:1px solid #000;
background:#ffd;
color:#000;
font:normal normal normal 0.85em tahoma, arial, sans-serif;
padding:2px 4px 3px 5px;
text-align:left;
}
* html .dbx-tooltip { width:210px; }
/* use CSS2 system colors in CSS2 browsers
but not safari, which doesn't support them */
*[class="dbx-tooltip"]:lang(en) {
border-color:InfoText;
background:InfoBackground;
color:InfoText;
font:small-caption;
font-weight:normal;
}
/* inner content area */
.dbx-content {
margin: 0;
padding: 5px 10px 9px 10px;
overflow: hidden;
}
/* toggle state of inner content area */
.dbx-box-closed .dbx-content {
display:block;
height:4px;
padding:0;
overflow:hidden;
}
.dbx-box-closed .dbx-content * {
display:none;
}
/* additional clone styles */
.dbx-clone {
opacity:0.8;
-moz-opacity:0.8;
-khtml-opacity:0.8;
filter:alpha(opacity=80);
}
body {
background: #42afdc url(http://s310.photobucket.com/albums/kk426/magznetwork/itheme/itheme-html-bg.gif) repeat-x;
}
]]></b:skin>
<!--[if lt IE 7]>
<style type="text/css">
no-repeat;
}
</style>
<![endif]-->
}
#page {
background: none;
}
#wrapper {
width: 100%;
margin: 0px;
}
#topheader {
border-bottom: solid 1px #000000;
height: 100px;
margin-bottom: 15px;
}
#content {
padding: 0;
background: #ffffff;
width: 100%;
}
.post {
padding: 0;
background: none;
}
.post .date {
height: auto;
width: 100%;
background: none;
font: normal 11px Arial, Helvetica, sans-serif;
color: #666666;
text-align: left;
padding: 0;
line-height: 100%;
}
.post .date span {
height: auto;
text-align: left;
padding: 0;
display: inline;
}
.post .title {
clear: both;
width: 100%;
margin: 0;
}
.postdata .category{
background: none;
padding: 0;
float: left;
}
.postdata .author{
background: none;
padding: 0;
float: left;
}
.postdata .comments{
background: none;
padding: 0;
float: right;
}
h3#comments {
background: none;
padding-left: 0;
font: bold 14px/120% Arial, Helvetica, sans-serif;
clear: both;
}
.commentlist li, .commentlist .alt {
border: none !important;
}
#searchform, #nav, #subnav, .mini-add-comment, .status-message, .page-nav, .post-nav, h3#respond, #commentform, #footer, #sidebar {
display: none !important;
}
</style>
<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s.indexOf(">")!=-1){
s = s.substring(s.indexOf(">")+1,s.length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
</head>
<body>
<div id='page'>
<div id='wrapper'>
<b:section id='headerwrapper' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Softy Mania (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'>
<div id='topheader'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "REPLACE"'>
<!--Show just the image, no text-->
<div id='toplogo'>
<a expr:href='data:blog.homepageUrl'>
<img expr:alt='data:title' expr:src='data:sourceUrl'/>
</a>
</div>
<b:else/>
<!--Show image as background to text-->
<div id='toplogo'>
<img expr:alt='data:title' expr:src='data:sourceUrl'/>
</div>
<h1><a expr:href='data:blog.homepageUrl'><data:title/></a></h1>
<div class='description'><data:description/></div>
</b:if>
<b:else/>
<!--No header image -->
<h1><a expr:href='data:blog.homepageUrl'><data:title/></a></h1>
<div class='description'><data:description/></div>
</b:if>
<form action='/search' id='searchform' method='get'>
<div><input id='s' name='q' type='text' value='Search'/>
<input id='searchsubmit' type='submit' value='Go'/>
</div>
</form>
</div>
</b:includable>
</b:widget>
</b:section>
<div id='sidebar1-wrapper'>
<b:section class='dbx-group' 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:widget id='Feed1' locked='false' title='Blogger Flick' type='Feed'>
<b:includable id='main'>
<h2><data:title/></h2>
<div class='widget-content' expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
<span style='filter: alpha(25); opacity: 0.25;'>
<a expr:href='data:feedUrl'><data:loadingMsg/></a>
</span>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='main-col'>
<b:section id='navsection' maxwidgets='1' showaddelement='no'>
<b:widget id='LinkList1' locked='true' title='Top Menu' type='LinkList'>
<b:includable id='main'>
<div id='nav'>
<ul>
<b:loop values='data:links' var='link'>
<li class='page_item'><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
</b:section>
<div id='content'>
</script>
<div class='date'>
<span><script type='text/javascript'>document.write(date_mmm);</script></span>
<script type='text/javascript'>document.write(date_dd);</script>
</div>
<span class='author'>
<data
</span>
</b:if>
<b:if cond='data
<span class='category'>
<b:loop values='data
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</span>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data
<span class='comments'>
<a expr:href='data
</span>
</b:if>
<b:else/>
<b:if cond='data
<span class='right mini-add-comment'>
<b:if cond='data
<a href='#respond'>Add comments</a>
<b:else/>
<a expr:href='data
</b:if>
</span>
</b:if>
</b:if>
</div>
</div>
<div class='entry'>
<p>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data
<script type='text/javascript'>createSummaryAndThumb("summary<data
</script> <span class='rmlink' style='float:right;padding-top:0px;'><a expr:href='data
</b:if>
<b:if cond='data:blog.pageType == "item"'><data
</p>
<div style='clear: both;'/> <!-- clear for photos floats -->
<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data
</b:if>
</span>
</div>
</div>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-message'>
<data:navMessage/>
</div>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h3 id='respond'><data
<p><data:blogCommentMessage/></p>
<iframe allowtransparency='true' expr:src='data
</div>
</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='postQuickEdit' var='post'>
<b:if cond='data
<span expr:class='"item-control " + data
<a expr:href='data
<span class='quick-edit-icon'> </span>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='top' name='status-message'/>
<data:adStart/>
<b:loop values='data
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data
<data:adEnd/>
<div class='post-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
</b:loop>
<data:adEnd/>
<b:include name='nextprev'/>
<b:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1");
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>

