Wiki Fiction Blog Code

Below is the HTML code for the Wiki Fiction Blog.

<?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">

<head>

<b:include data='blog' name='all-head-content'/>

<b:skin><![CDATA[/*

-----------------------------------------------

Blogger Template Style

Name: Harbor

Date: 24 Feb 2004

Updated by: Blogger Team

----------------------------------------------- */

Variable definitions

====================

<Variable name="textcolor" description="Text Color" type="color"

default="#333" value="#3a00cc">

<Variable name="titlecolor" description="Blog Title Color"

type="color" default="#678" value="#cc0000">

<Variable name="posttitlecolor" description="Post Title Color" type="color"

default="#368" value="#336688">

<Variable name="sidebarheader" description="Sidebar Title Color"

type="color" default="#933" value="#993333">

<Variable name="dateHeaderColor" description="Date Header Color"

type="color" default="#933" value="#993333">

<Variable name="bodyfont" description="Text Font" type="font"

default="normal normal 100% Georgia,Serif" value="normal normal 110% Times, serif">

<Variable name="pagetitlefont" description="Blog Title Font" type="font"

default="normal normal 270% Georgia, Serif" value="normal normal 270% Georgia, Serif">

<Variable name="blogDescriptionFont" description="Blog Description Font" type="font"

default="normal normal 75% Georgia, Serif" value="normal normal 75% Georgia, Serif">

<Variable name="headerfont" description="Sidebar Title Font" type="font"

default="normal normal 78% Georgia, Serif" value="normal normal 78% Georgia, Serif">

<Variable name="dateHeaderFont" description="Date Header Font" type="font"

default="normal normal 78% Georgia, Serif" value="normal normal 78% 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 {

background:#fff url("http://www1.blogblog.com/harbor/rocks_$startSide.jpg") no-repeat $endSide bottom;

background-attachment:fixed;

margin:0;

padding:0;

font:x-small Georgia, Serif;

color:$textcolor;

font-size/* */:/**/small;

font-size: /**/small;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

body {background-attachment:scroll;}

/* End IE5-Mac hack */

a:link {

color:$posttitlecolor;

text-decoration:none;

}

a:visited {

color:#764;

text-decoration:none;

}

a:hover {

color:$sidebarheader;

text-decoration:underline;

}

a img {

border-width:0;

}

/* Page Structure

----------------------------------------------- */

#wrap {

background:url("http://www2.blogblog.com/harbor/sky_$startSide.jpg") repeat-x;

min-width:740px;

margin:0;

padding:0;

text-align:$startSide;

font: $bodyfont;

}

#wrap2 {

background:url("http://www.blogblog.com/harbor/lighthouse_$startSide.jpg") no-repeat $startSide 0px;

}

#wrap3 {

background:url("http://www1.blogblog.com/harbor/cloud_$startSide.jpg") no-repeat $endSide 75px;

}

#wrap4 {

background:url("http://www1.blogblog.com/harbor/center_cloud_$startSide.jpg") no-repeat 50% 0px;

padding:15px;

width:100%;

width/* */:/**/auto;

width: /**/auto;

}

#outer-wrapper {

max-width:890px;

padding: 0 30px 50px;

width:100%;

width/* */:/**/auto;

width: /**/auto;

}

html>body #outer-wrapper {

border:3px double #fff;

}

#main-wrapper {

width:64%;

float:$endSide;

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:0;

padding:0;

}

#sidebar-wrapper {

width:32%;

float:$startSide;

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:0;

padding-top: 170px;

}

/** Page structure tweaks for layout editor wireframe */

body#layout #outer-wrapper,

body#layout #sidebar,

body#layout #wrap4,

body#layout #header {

margin-top: 0;

margin-bottom: 0;

padding: 0;

}

body#layout #sidebar-wrapper {

width: 180px;

margin-$startSide: 0;

}

body#layout #wrap4, body#layout #outer-wrapper {

width: 650px;

}

/* Header

----------------------------------------------- */

#header {

padding-top:15px;

padding-$endSide:0;

padding-bottom:10px;

padding-$startSide:110px;

position: relative;

}

.Header h1 {

margin:0 0 .25em;

color:$titlecolor;

font: $pagetitlefont;

}

.Header h1 a {

color:$titlecolor;

text-decoration:none;

}

.Header .description {

margin:0;

max-width:700px;

line-height:1.8em;

text-transform:uppercase;

letter-spacing:.2em;

color:$titlecolor;

font: $blogDescriptionFont;

}

/* Headings

----------------------------------------------- */

h2 {

margin:1.5em 0 .75em;

line-height: 1.4em;

font: $headerfont;

text-transform:uppercase;

letter-spacing:.2em;

color:$sidebarheader;

}

/* Posts

----------------------------------------------- */

h2.date-header {

margin:2em 0 .5em;

color: $dateHeaderColor;

font: $dateHeaderFont;

}

.post {

margin:.5em 0 1.5em;

}

.post h3 {

margin:.25em 0 0;

padding:0 0 4px;

font-size:140%;

font-weight:normal;

line-height:1.4em;

}

.post h3 a, .post h3 strong {

background:url("http://www1.blogblog.com/harbor/icon_lighthouse.gif") no-repeat $startSide .15em;

display:block;

padding-$startSide:20px;

text-decoration:none;

color:$posttitlecolor;

font-weight:normal;

}

.post h3 strong {

background-image:url("http://www2.blogblog.com/harbor/icon_lighthouse2.gif");

color:#000;

}

.post h3 a:hover {

color:$sidebarheader;

}

.post-body {

background:url("http://www.blogblog.com/harbor/divider.gif") no-repeat center top;

padding-top:12px;

margin:0 0 .75em;

line-height:1.6em;

}

.post-body blockquote {

line-height:1.3em;

}

.post-footer {

color:#999;

text-transform:uppercase;

letter-spacing:.1em;

font-size: 78%;

line-height: 1.4em;

}

.comment-link {

margin-$startSide:.4em;

}

.post-footer .post-timestamp,

.post-footer .post-author {

color:#666;

}

.comment-link strong {

font-size:130%;

}

.comment-link {

margin-$startSide:.4em;

}

.post img, table.tr-caption-container {

padding:4px;

border:1px solid #cde;

}

.tr-caption-container img {

border: none;

padding: 0;

}

/* Comments

----------------------------------------------- */

#comments {

background:url("http://www.blogblog.com/harbor/divider.gif") no-repeat center top;

padding:15px 0 0;

}

#comments h4 {

margin:1em 0;

font-weight: bold;

line-height: 1.6em;

text-transform:uppercase;

letter-spacing:.2em;

color: $dateHeaderColor;

font: bold 78% Georgia Serif;

}

#comments h4 strong {

font-size:130%;

}

#comments-block {

margin:1em 0 1.5em;

line-height:1.4em;

}

#comments-block dt {

margin:.5em 0;

}

#comments-block dd {

margin:.25em 20px 0;

}

#comments-block dd.comment-timestamp {

margin:-.25em 20px 1.5em;

line-height: 1.4em;

text-transform:uppercase;

letter-spacing:.1em;

}

#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: $startSide;

}

#blog-pager-older-link {

float: $endSide;

}

#blog-pager {

text-align: center;

}

.comment-footer {

font: 78%/1.4em Georgia , Serif;

}

/* Sidebar Content

----------------------------------------------- */

.sidebar .widget, .main .widget {

background:url("http://www.blogblog.com/harbor/divider.gif") no-repeat center bottom;

margin:0 0 15px;

padding:0 0 15px;

}

.main .Blog {

background-image: none;

}

.sidebar ul {

list-style:none;

margin-$startSide: 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 p {

color:#666;

line-height:1.5em;

}

/* Profile

----------------------------------------------- */

.profile-datablock {

margin:.5em 0 .5em;

}

.profile-data {

margin:0;

font: $headerfont;

font-weight: bold;

line-height: 1.6em;

text-transform:uppercase;

letter-spacing:.1em;

}

.profile-img {

float: $startSide;

margin-top: 0;

margin-$endSide: 5px;

margin-bottom: 5px;

margin-$startSide: 0;

padding: 4px;

border: 1px solid #cde;

}

.profile-textblock {

margin:.5em 0 .5em;

}

.profile-link {

font:78%/1.4em Georgia,Serif;

text-transform:uppercase;

letter-spacing:.1em;

}

/* Footer

----------------------------------------------- */

#footer-wrapper {

clear:both;

padding-top:15px;

padding-$endSide:30px;

padding-bottom:0;

padding-$startSide:50px;

text-align: center;

}

#footer .widget {

background:url("http://www.blogblog.com/harbor/divider.gif") no-repeat center top;

margin:0;

padding-top:15px;

line-height: 1.6em;

text-transform:uppercase;

letter-spacing:.1em;

}

]]></b:skin>

</head>

<body>

<b:section class='header' id='header' maxwidgets='1'>

<b:widget id='Header1' locked='true' title='Wiki Fiction (Header)' type='Header'/>

</b:section>

<b:section class='crosscol' id='crosscol'>

<b:widget id='PageList1' locked='false' title='Pages' type='PageList'/>

</b:section>

</div>

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>

</b:section>

</div>

<b:section class='sidebar' id='sidebar' preferred='yes'>

<b:widget id='Slideshow1' locked='false' title='Images from this blog' type='Slideshow'/>

<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>

<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>

<b:widget id='LinkList3' locked='false' title='Useful links' type='LinkList'/>

<b:widget id='Label1' locked='false' title='Labels' type='Label'/>

<b:widget id='CustomSearch1' locked='false' title='Search This Blog' type='CustomSearch'/>

<b:widget id='LinkList2' locked='false' title='Creative blogs' type='LinkList'/>

<b:widget id='HTML8' locked='false' title='Google Friend Connect' type='HTML'/>

<b:widget id='HTML7' locked='false' title='JWS Scribd' type='HTML'/>

<b:widget id='Subscribe1' locked='false' title='Subscribe To' type='Subscribe'/>

<b:widget id='HTML1' locked='false' title='Twitter Updates' type='HTML'/>

<b:widget id='Gadget1' locked='false' title='Word Cloud' type='Gadget'/>

<b:widget id='HTML3' locked='false' title='Facebook Badge' type='HTML'/>

<b:widget id='Feed1' locked='false' title='Good books' type='Feed'/>

<b:widget id='HTML5' locked='false' title='My Shelfari Bookshelf' type='HTML'/>

<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>

</b:section>

</div>

<b:section class='footer' id='footer'>

<b:widget id='HTML9' locked='false' title='Wiki Fiction' type='HTML'/>

<b:widget id='LinkList1' locked='false' title='Collaborative Fiction Writing' type='LinkList'/>

<b:widget id='HTML2' locked='false' title='License' type='HTML'/>

<b:widget id='HTML6' locked='false' title='Some' type='HTML'/>

<b:widget id='HTML4' locked='false' title='Blog Network' type='HTML'/>

</b:section>

</div>

</div></div></div></div>

</body>

</html>