Live Preview

Get your theme code below:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script type="text/javascript" src="http://static.tumblr.com/wgdkvue/rM1m5z3ur/jquery-v1.7.1.js"></script>
<meta name="image:topbarpicture" content="1"/>
<meta name="if:show topbarpicture" content="1">
<meta name="if:infinite scrolling" content="1"/>
{block:ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescrolling}
<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}
<link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono' rel='stylesheet' type='text/css'>
<style type="text/css">
body{
color: #202020;
font-family: Ubuntu Mono;
font-size: 12px;
background-color: #ffffff;
background-image:url(http://www.dolliehost.com/dolliecrave/backgrounds/random/);
background-attachment: fixed;
background-repeat: repeat;
background-position: center;
text-align:justify;
}
a:link, a:active, a:visited{
color: #202020;
text-decoration:none;
}
a:hover{
color:{color:hover};
}
#page{
width:525px;
height:400px;
margin-top:25px;
background-color:rgba(255,255,255,1.0);
border:solid 1px rgba(0,0,0,0.11);
padding:0px;
position:static;
padding-top:150px;
padding-bottom:3px;
overflow:scroll;
overflow-x:hidden;
}
#entrybox {
background: #ffffff;
border: 0px solid #202020;
margin:2px;
float: left;
overflow-x: hidden;
width:500px;
line-height: 13px;
padding:2px;
padding-left:3px;
{block:IndexPage}
{/block:IndexPage}
{block:permalinkpage}
{/block:permalinkpage}
overflow:hidden;
}

div#permalinkblock{
line-height: 13px;
font-size: 12px;
text-transform: uppercase;
text-align: center; 
background: #F4F2F2;
border: 0px solid #202020;
display: block;
padding-top: 3px;
padding-bottom:3px;
margin-top: 5px;
}

#permalinkblock a{

text-transform: uppercase;
-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;
}

#permalinkblock a:hover {

-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;
}

perma {
font-family: Ubuntu Mono; 
color: #404040; 
text-align: center; 
font-size: 12px; }

div.navigate 
a{ 
background-color: transparent;
width: 75px;
color: #303030;
font-family: arial black;
text-transform: uppercase;
line-height:15px;
font-size: 12px;
letter-spacing: -1px;
display:block; 
text-align: center; 
float: center;
margin-top:1px;
margin-bottom;3px;
padding-top:0px;
padding-bottom:-4px; 
position:relative; 
text-align: center;
z-index:1; 
display: inline-block;
border: 0px solid #202020;
-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-family: arial black;
text-transform: uppercase;
line-height:15px;
font-size: 12px;
letter-spacing: -1px;
font-weight: normal;
-webkit-transition: opacity 0.5s linear;
opacity: 0.6;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

#topbar{
background-color: #ffffff;
width:501px;
height:140px;
margin-top:-150px;
margin-left:0px;
position:fixed;
padding:3px;
}

#sidebar{
background-color: #ffffff;
border:0px solid #202020;
width:500px;
height:112px;
margin-top:0px;
margin-left:-1px;
position:fixed;
padding:2px;
}
#title{
padding-top:5px;
color: #303030;
font-family: arial black;
text-transform: uppercase;
font-size: 12px;
text-align:center;
font-weight:normal;
letter-spacing:-1px;
}

::-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);
}

#navbar{
text-transform: lowercase;
width:500px;
margin-top:123px;
margin-left:0px;
position:fixed;
padding:0px;
display:block;
}

.footer {
margin-top:5px;
color: rgba(0,0,0,0.2);
background-color: rgba(235,235,235,0);
font-family: Ubuntu Mono;
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: Ubuntu Mono;
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: Ubuntu Mono;
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/random-tumblr-themes.php" target="_blank" title="Random Tumblr Themes"><img src="http://static.tumblr.com/wgdkvue/mmam6fcwv/install.png" border=0 alt="Random Tumblr Themes"></a></div></div>
</head>
<body>
<center>
<table align=center>
<tr><td>
<div id="page">
<div id="topbar">
<div id="sidebar">
<div style="overflow:auto; width: 510px; height: 112px; background-color: #transparent; text-align: center;">
{block:ifshowtopbarpicture}<img src="{image:topbarpicture}" align="left" style="width: auto; height: 110px; border: 0px double #202020;">{/block:ifshowtopbarpicture}
<table style="width:auto;" cellpadding="2" cellspacing="0">
<tr><td align="justify" style="font-size:12px; padding-left:4px;padding-right:6px;line-height:13px;">{description}</tr></td></table></div>
</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 id="permalinkblock">
<a href="{Permalink}"><perma>{NoteCountWithLabel}</perma> </a></span> - <a href="{ReblogURL}" target="_blank"><perma>reblog</perma></a></span></div>
{/block:IndexPage}
<div id="title">{block:Title}{Title}{/block:Title}</div>
{block:Text}{Body}{/block:Text}
{block:Photoset}{block:IndexPage}{Photoset-500}{/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}" width="500"></a>{/block:IndexPage}
{block:PermalinkPage}
{LinkOpenTag}
<img src="{PhotoURL-500}" width=500/>
{LinkCloseTag}
{/block:PermalinkPage}
{/block:Photo}
{block:Quote}
<div id="postnotes">"{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}
<b>{Asker}: {Question}</b><br>
{Answer}
{/block:Answer}
{block:PostNotes}
<center>
<table align="justify" padding="10">
<tr>
<td>
{Caption}
</tr></td></table>
<table align="justify" padding="10">
<tr>
<td>
{block:NoteCount}{NoteCountWithLabel}{/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}"><b>{ReblogParentName}</b></a><br>
originally posted by <a href="{ReblogRootURL}"><b>{ReblogRootName}</b></a>{/block:RebloggedFrom} posted on {Month} {DayofMonth}, {Year}
</center></tr></td></table></span>
<BR>
<table width=500><tr><td align=justify>
<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>
<br>
{/block:Posts}
</div>
</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>
</tr></td></table>
</center>
</tr></td></table>
</body>
</html>