Live Preview

Get your theme code below:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta name="image:topbarpicture" content="1"/>
<meta name="if:show topbarpicture" content="1"> 
<meta name="if:show customize cursor" content="1"/>
<script type="text/javascript" src="http://static.tumblr.com/wgdkvue/rM1m5z3ur/jquery-v1.7.1.js"></script>
<title>{title}</title>
<link rel=”shortcut icon” href=”{Favicon}”/>
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

<style type="text/css">
body{
background-image:url(http://www.dolliehost.com/dolliecrave/backgrounds/christian/30.gif);
color:#000000;
font-family:verdana;
font-size: 10px;
background-color: #ffffff;
background-attachment: fixed;
background-repeat: repeat;
background-position: center;
text-align:justify;
{block:ifshowcustomizecursor}
cursor: url(http://static.tumblr.com/f3gdoib/H37m3ntx5/cursor.png), auto;
{/block:ifshowcustomizecursor}
}
a:link, a:active, a:visited{
color: #000000;
text-decoration:none;
}
a:hover{
color:{color:hover};
{block:ifshowcustomizecursor}
cursor: url(http://static.tumblr.com/f3gdoib/H37m3ntx5/cursor.png), auto;
{/block:ifshowcustomizecursor}
}
#page{
font-family:verdana;
font-size: 10px;
width:800px;
height:400px;
margin-top:30px;
background-color: #ffffff;
border: solid 1px #E1DFDF;
position:relative;
padding-left:3px;
padding-right:1px;
padding-top:150px;
padding-bottom:3px;
overflow:scroll;
overflow-x:hidden;
}
#entrybox {
font-family:verdana;
font-size: 10px;
background: #ffffff;
border: 1px solid #E1DFDF;
margin:2px;
overflow-x: hidden;
float:left;
width:250px;
height:166px;
padding:2px;
{block:IndexPage}
{/block:IndexPage}
{block:permalinkpage}
border: 0px solid #000000;
margin-left:140px;
width:500px;
height:100%;
margin-bottom:10px;
{/block:permalinkpage}
overflow:hidden;}

#entrybox .perma a 
{color:#ffffff;}
#entrybox .perma 
{width: 250px; 
position: absolute; 
margin-top:151px; 
font-family: verdana; 
font-size: 10px; 
line-height: 15px; 
color: #ffffff; 
text-align: center; 
overflow:hidden; 
opacity: 0.0; 
background-color:#000000;
-moz-border-radius:0px; 
-webkit-border-radius:0px;}

#entrybox:hover .perma 
{opacity:1;overflow:visible; 
-webkit-transition-duration: 0.4s; 
-moz-border-radius:0px; 
-webkit-border-radius:0px;
z-index: 2;}


div.navigate a{ 
background: transparent;
text-transform: uppercase;
color: #000000;
display:block;
width: 124px; 
height: 10px; 
text-align: center; 
margin-top:1px;
padding-top:2px;
padding-bottom:2px; 
position:relative; 
text-align: center;
z-index:1; 
display: inline-block;
border: 1px solid #E1DFDF;
-webkit-transition: opacity 0.7s linear;
opacity: 1;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}
div.navigate a:hover{
font-weight: bold;
-webkit-transition: opacity 0.7s linear;
opacity: 0.6;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}
#topbar{
background-color:#ffffff;
width:775px;
height:140px;
margin-top:-150px;
margin-left:0px;
position:fixed;
padding:3px;
}
#sidebar{
background-color: #ffffff;
border:1px solid #E1DFDF;
width:450px;
height:112px;
margin-top:0px;
margin-left:0px;
position:fixed;
padding:3px;
}
#sidebar2{
background-color: #ffffff;
border:1px solid #E1DFDF;
width:305px;
height:112px;
margin-top:0px;
margin-left:462px;
position:fixed;
padding:3px;
}
#title{
color: #000000;
font-family: georgia;
font-size: 20px;
text-align:center;
letter-spacing: -2px;
font-style: italic;
}

#title2{
color: #000000;
font-family: verdana;
font-size: 10px;
text-align: justify;
letter-spacing: 0px;
}

#navbar{
background-color: transparent;
width:800px;
margin-top:125px;
margin-left:-13px;
position:fixed;
padding:0px;}

::-webkit-scrollbar {
    width: 10px;
    background: #ffffff;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(192,192,192,0.7);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border: 1px solid rgba(192,192,192,0.5);
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 1px rgba(192,192,192,0.7);
}

.footer {
margin-top:5px;
color: rgba(0,0,0,0.2);
background-color: rgba(235,235,235,0);
font-family: verdana;
font-size: 10px;
line-height: 16px;
margin-bottom:2px;
text-align:center;
text-transform: uppercase;
}

.footer a{
margin-top:5px;
color: rgba(0,0,0,0.2);
background-color: rgba(235,235,235,0);
font-family: verdana;
font-size: 10px;
line-height: 16px;
margin-bottom:2px;
text-align:center;
text-transform: uppercase;
}

.footer a:hover{
margin-top:5px;
color: rgba(0,0,0,0.25);
background-color: rgba(235,235,235,0);
font-family: verdana;
font-size: 10px;
line-height: 16px;
margin-bottom:2px;
text-align:center;
text-transform: uppercase;
}

{CustomCSS]
</style>
<style type="text/css">
#button {
width:96px;
height:20px;
position: absolute;    
right: 3px;    
top: 26px;
color: #ffffff;}
</style>

<div id="DoNotEditImportant">
<div id="button">
<a href="http://www.dolliecrave.com/christian-tumblr-themes.php" target="_blank" title="Christian Tumblr Themes"><img src="http://static.tumblr.com/wgdkvue/mmam6fcwv/install.png" border=0 alt="Christian Tumblr Themes"></a></div></div>
</head>
<body>
<center>
<table><tr><td>
<div id="page">
<div id="topbar">
<div id="sidebar">
<div style="overflow:auto; padding-left:0px; width: 445px; height: 112px; background-color: #ffffff;
font-family:verdana; font-size: 10px;">
{block:ifshowtopbarpicture}<img src="{image:topbarpicture}" align="left" style="width: auto; height: 105px;">{/block:ifshowtopbarpicture}<table><tr><td align=justify><font size=1>{description}</font>
</tr></td></table>
</div>
</div>

<div id="sidebar2">
<table><tr><td align=justify>
<div style="overflow:auto; padding:0px; width: 295px; height: 112px; background-color: #ffffff;font-family:verdana;font-size: 10px;">Write here. Write here. 
Write here. Write here. Write here. Write here. Write here. Write here. Write here. Write here. Write here. Write here. Write here. Write here. Write here. Write here. Write here. Write here. Write here. Write here. Write here. 
</div>
</tr></td></table>
</div>

<div id="navbar"><center><div class="navigate">
<a href="/">Home</a>
<a href="/ask">Ask</a> 
<a href="/archive">Archive</a> 
<a href="http://www.dolliecrave.com/" title="Tumblr Themes">Theme</a> 
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}" title="newer posts">Previous</a> {/block:PreviousPage} 
{block:NextPage}<a href="{NextPage}" title="older posts">Next</a>{/block:NextPage}
{/block:Pagination}

</div></center></div>
</div>
<div class="autopagerize_page_element">
{block:Posts}
<div id="entrybox">
{block:IndexPage}
<div class="perma">
<a href="{Permalink}">{NoteCountWithLabel} </a></span> - <a href="{ReblogURL}" target="_blank" class="details">Reblog</a></span></div>
{/block:IndexPage}
<div id="title">{block:Title}{Title}{/block:Title}</div>
{block:Text}{Body}{/block:Text}
{block:Photoset}{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}

</center>{block:PermalinkPage}{/block:PermalinkPage}{/block:Photoset}
{block:Photo}{block:IndexPage}<center>
<a href="{ReblogURL}" target="_blank"><img src="{PhotoURL-500}" style="width:250px; height:auto; overflow: hidden;"></a>{/block:IndexPage}
{block:PermalinkPage}
{LinkOpenTag}
<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=500/>
{LinkCloseTag}
{/block:PermalinkPage}
{/block:Photo}
{block:Quote}
<div id="title2">"{Quote}"</div>
<div align="right">
{block:Source}<center>-{Source}</center>{/block:Source}
</div>
{/block:Quote}
{block:Video}
{Video-500}<br>
{PlayCountWithLabel}
{/block:Video}
{block:Link}
<div id="title"><a href="{URL}" class="link" {Target}>{Name}</a></div>
{block:Description}{Description}{/block:Description}
{/block:Link}
{block:Chat}
{block:Lines}
{block:Label}
<br>{Label}
{/block:Label}
&nbsp;{Line}
{/block:Lines}
{/block:Chat}
{block:Audio}
{AudioPlayerWhite}
<br><div align="right">{block:Artist}
Artist: {Artist}</div>
{/block:Artist}<br>
{block:Caption}{Caption}{/block:Caption}
{/block:Audio}
{block:Answer}
<img src="{AskerPortraitURL-16}"/> {Asker}: <b>{Question}</b><Br>
{Answer}
{/block:Answer}
{block:PostNotes}
<center>
{Caption}<br>
{block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
{block:HasTags} 
tagged as: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
{block:RebloggedFrom}
reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}<br>
posted on {Month} {DayofMonth}, {Year}
</center></span>
<BR>
<div id="postnotes">{PostNotes}</div><br>
<center>{block:ContentSource}
<br><a href="{SourceURL}">
{lang:Source}:
{block:SourceLogo}
<img src="{BlackLogoURL}" width="{LogoWidth}"
height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}
{SourceLink}
{/block:NoSourceLogo}
</a>
{/block:ContentSource}</center>
{/block:PostNotes}
</div>
{/block:Posts}
</div>
{block:ifshowarrows}
<center>
{block:Pagination}
<div id="title">{block:PreviousPage}<a href="{PreviousPage}" title="newer posts">previous</a> {/block:PreviousPage} 

{block:NextPage}<a href="{NextPage}" title="older posts">next</a>{/block:NextPage}</div>
{/block:Pagination}
</center>
{/block:ifshowarrows}
</div>


<div align="center">
<div class="footer"> Powered By: <a href="http://www.dolliecrave.com" target=_blank title="Tumblr Themes"><b>Tumblr Themes</b></a> | <a href="http://www.get-covers.com" target=_blank title="Facebook Covers"><b>Facebook Covers</b></a>
</div>
</div>
</div>

</tr></td></table></center>
</body>
</html>