Live Preview

0 Notes / Reblog
0 Notes / Reblog
Get your theme code below:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<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}" />
<meta name="image:Header" content=""/>
{/block:Description}
<link href='http://fonts.googleapis.com/css?family=Miniver' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="http://static.tumblr.com/wgdkvue/rM1m5z3ur/jquery-v1.7.1.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/f3gdoib/fwcm5m0w5/scrollup.js"></script>
<meta name="text:Custom Link One" content="" />
<meta name="text:Custom Link One Title" content="" />
<meta name="text:Custom Link Two" content="" />
<meta name="text:Custom Link Two Title" content="" />
<meta name="text:Custom Link Three" content="" />
<meta name="text:Custom Link Three Title" content="" />
<style type="text/css">
body{
margin:0;
padding:0;
color:#404040;
background-image:url(http://www.dolliehost.com/dolliecrave/backgrounds/music/);
background-color: #ffffff;
text-align:left;
font-family: Trebuchet MS;
font-size:11px;
line-height:12px;
background-attachment: fixed;
}

p{
color:#404040;
text-align:left;
margin-left: 1px;
font-family: Trebuchet MS;
font-size:11px;
line-height:12px;
} 

p.gone{
color:#404040;
text-align:left;
margin-left: -36px;
font-family: Trebuchet MS;
font-size:11px;
line-height:12px;
} 


a:link {
color:#404040;
text-decoration:none;
-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;
}

a:visited {
color:#404040;
text-decoration:none;
} 

a:hover {
color:#505050;
text-decoration:none;
cursor: crosshair;
-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;
} 

a:active {
color:#404040;
text-decoration:none;
-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;
}

#wrap {
width:700px;
margin:0 auto;
background:#FFFFFF;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
-moz-box-shadow: 0 0 6em #505050;
-webkit-box-shadow: 0 0 6em #505050;
}

#header {
padding:0px;
background:#FFFFFF;
}


.page {
padding: 10px;
color:#404040;
font-family: 'Miniver', cursive;
font-size:50px;
line-height:50px;
letter-spacing:-1px;
font-weight:normal;
text-transform:lowercase;
margin:0px;
text-align:center;
-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;
}

.page a{
padding: 10px;
color:#404040;
font-family: 'Miniver', cursive;
font-size:50px;
line-height:50px;
letter-spacing:-1px;
font-weight:normal;
text-transform:lowercase;
margin:0px;
text-align:center;
-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;
}

.page a:hover{
padding: 10px;
color:#404040;
font-family: 'Miniver', cursive;
font-size:50px;
line-height:50px;
letter-spacing:-1px;
font-weight:normal;
text-transform:lowercase;
margin:0px;
text-align:center;
-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;
}

h1 {
color:#404040;
font-family: 'Miniver', cursive;
font-size:30px;
line-height:30px;
letter-spacing:-1px;
font-weight:normal;
text-transform:lowercase;
margin:0px;
textmalign:justify;
}

h2 {
margin:0;
}

#main {
float:left;

width:400px;
padding:20px;
background:#FFFFFF;
border-right:0px solid #eee;
}

#sidebar {
float: right;
position: fixed;
margin-left: 455px;
width:200px;
padding:10px;
background:#FFFFFF;
color:#404040;
text-align:right;
font-family: Trebuchet MS;
font-size:11px;
line-height: 12px;
letter-spacing: 0px;
}

#sidebar h1{
font-family: 'Miniver', cursive;
font-size: 20px;
line-height:22px;
font-weight: normal;
text-transform:normal;
line-height:22px;
background: #FFFFFF;
margin-top: 12px;
margin-bottom: 10px;
padding: 0px 0px;
border-bottom: 0px;
padding-left:10px;
color: #404040;
letter-spacing: 0px;
}

#sidebar h2{
font-family: Trebuchet MS;
font-size: 11px;
line-height:12px;
font-weight: bold;
background: #FFFFFF;
margin-top: 12px;
margin-bottom: 10px;
padding: 0px 0px;
color: #404040;
letter-spacing: 0px;
}

#sidebar ul li;
margin: 2em;
width: 10em;
padding: 5px;
}

A.mainnavi:link, A.mainnavi:active, A.mainnavi:visited {
display:block;
color:#404040;
font-size:11px;
line-height:12px;
padding: 5px;
float: center;
width:328px;
text-alig.:center;
text-decoration:none;
 
text-transform: lowercase;
margin-left:1px;
margin-bottom:1px;
letter-spacing:0px;
font-weight:lighter;
background:#FFFFFF;
border-bottom: 1px solid #e9e9e9;
}

#col3 {
float: left;
width: 160px;
}

#col3 h1{
font-family: Trebuchet MS;
font-size: 11px;
line-height:12px;
font-weight: bold;
background: #ffffff;
margin-top: 12px;
margin-bottom: 10px;
padding: 5px;
color: #404040;
width: 140px;
letter-spacing: 0px;
}

#col3 p{
line-height: 12pt;
}

#col2 {
float: right;
width: 160px;
}

#col2 h1{
font-family: Trebuchet MS;
font-size: 11px;
line-height:12px;
font-weight: bold;
background: #ffffff;
margin-top: 12px;
margin-bottom: 10px;
padding: 5px 5px;
color: #404040;
letter-spacing: 0px;
}

#col2 p{
text-align: center;
margin-top: 175px;
}

A.navi:link, A.navi:active, A.navi:visited {
display:block;
color: #404040;
font-size:11px;
line-height:12px;
padding: 5px;
float: center;
width:180px;
text-align:left;
text-decoration:none;
text-transform: lowercase;
margin-left:1px;
margin-bottom:1px;
letter-spacing:1px;
background:#FFFFFF;
border-bottom: 1px solid #F1F1F1;
-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;
}
A.navi:hover{
display:block;
color: #404040;
font-size:11px;
line-height:12px;
padding: 5px;
float: center;
width:180px;
text-align:left;
text-decoration:none;
text-transform: lowercase;
margin-left:1px;
margin-bottom:1px;
letter-spacing:1px;
background:#FFFFFF;
border-bottom: 1px solid #F1F1F1;
-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;
}

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

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

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

* html #footer {
 height:1px;
}

b {
margin-top:10px;
padding:4px;
font-family: verdana;
font-size: 10px;
line-height: 16px;
color: rgba(0,0,0,0.2);
text-transform: uppercase;
text-decoration: none;
-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;
}

b a:hover{
margin-top:10px;
padding:4px;
font-family: verdana;
font-size: 10px;
line-height: 16px;
color: rgba(0,0,0,0.1);
text-transform: uppercase;
text-decoration: none;
-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;
}

#footer {
clear: both;
padding:10px;
background:#FFFFFF;
font-family: verdana;
font-size: 10px;
line-height: 16px;
color: rgba(0,0,0,0.2);
text-transform: uppercase;
text-decoration: none;
-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;
}

#footer a:hover{
padding:10px;
background:#FFFFFF;
font-family: verdana;
font-size: 10px;
line-height: 16px;
color: rgba(0,0,0,0.1);
text-transform: uppercase;
text-decoration: none;
-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;
}


#footer p {
margin:0;
}
/*
POSTMETA AND IMAGE BORDER AND LIKES CSS
*/

#postmeta {
background-color: #FFFFFF;
font-family: Trebuchet MS;
font-size: 11px;
line-height:12px;
font-weight: bold;
color: #404040;
width: 430px;
padding: 5px 5px;
margin-left: -2px;
margin-right: 0px;
margin-bottom: 50px;
margin-top: 3px;
}

#postmeta a{
color: #404040;
text-decoration: none;
border: none;
border-bottom: 0px dotted #EEE;
-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;
}

#postmeta a:hover{
color: #505050;
text-decoration: none;
border: none;
cursor: crosshair;
-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;
}

.photoset{
-khtml-border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px; 
}

img{
-khtml-border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px; 
border: 0px;
}


#sidebar li { 
padding: 20px 5px 20px 5px;
border-bottom: 0px solid #eee;
width:190px;

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


</head>
<div id="DoNotEditImportant">
<div id="button">
<a href="http://www.dolliecrave.com/music-tumblr-themes.php" target="_blank" title="Music Tumblr Themes"><img src="http://static.tumblr.com/wgdkvue/mmam6fcwv/install.png" border=0 alt="Music Tumblr Themes"></a></div></div>
<body> 
<div id="wrap"> 
<div id="header">{block:IfHeaderImage}<center><img src="{image:Header}" width="700"/></center>

{/block:IfHeaderImage}
{block:IfNotHeaderImage}
<center><a href= "http://www.{Name}.tumblr.com/" class="page">{Title}</a></center>
{/block:IfNotHeaderImage}
</div> 

<div id="main"> 

{block:Posts}
<!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}

{/block:NoRebloggedFrom} -->


<!-- Text Posts -->
{block:ContentSource}
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ContentSource}

{block:Regular}
<div class="regular">
{block:Title} 
<h1>{Title}</h1>
{/block:Title}
{Body}
</div>

<div id="postmeta">
<a href="{Permalink}"> {NoteCount} Notes</a> / <a href="{ReblogURL}">Reblog</a>
</div>

 {/block:Regular}
 
<!-- Photo Posts -->
{block:Photo}
<div class="photo">
 {LinkOpenTag}<center><img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400" class="border"/></center>{LinkCloseTag}
{block:Caption}{Caption}{/block:Caption}
</div>

<div id="postmeta">
<a href="{Permalink}"> {NoteCount} Notes</a> / <a href="{ReblogURL}">Reblog</a>
</div>

 
{/block:Photo}
 
<!-- Quote Posts -->
{block:Quote}
<div class="quote">
<div class="quotes">
<p class="blockquote">"<i>{Quote}</i>"</p>
</div>
{block:Source}<div class="source">- {Source}</div>{/block:Source}
</div>
 
<div id="postmeta">
<a href="{Permalink}"> {NoteCount} Notes</a> / <a href="{ReblogURL}">Reblog</a>
</div>

{/block:Quote}

<!-- Link Posts -->
{block:Link}
 <u><a href="{URL}" class="link" {Target}>{Name}

</a></u>

{block:Description}
<div class="description">{Description}</div>
{/block:Description}

<div id="postmeta">
<a href="{Permalink}"> {NoteCount} Notes</a> / <a href="{ReblogURL}">Reblog</a>
</div>

{/block:Link}

<!-- Chat Posts -->
{block:Conversation}
<div class="conversation">
{block:Title}<h1><a 

href="{Permalink}">{Title}</a></h1>{/block:Title}
<ul>{block:Lines}
<li class="{Alt}">{block:Label}

<span 

class="label">{Label}</span>{/block:Label}

{Line}</li>
{/block:Lines}</ul>
</div>
 
<div id="postmeta">
<a href="{Permalink}"> {NoteCount} Notes</a> / <a href="{ReblogURL}">Reblog</a></div>

{/block:Conversation}

<!-- Audio Posts -->
{block:Audio}
<div class="audio">
{AudioPlayerWhite}
{block:Caption}{Caption}{/block:Caption}
</div>

<div id="postmeta"> 
<a href="{Permalink}"> {NoteCount} Notes</a> / <a href="{ReblogURL}">Reblog</a></div>

{/block:Audio}
 
<!-- Video Posts -->
{block:Video}
<div class="video">
<center>{Video-400}</center>
<p>{block:Caption}{Caption}{/block:Caption}</p>
</div>

<div id="postmeta">
<a href="{Permalink}"> {NoteCount} Notes</a> / <a href="{ReblogURL}">Reblog</a>
</div>

{/block:Video}


{/block:Posts}

{block:PostNotes}
<h2>Notes</em></h2>
{PostNotes}
{/block:PostNotes}

</div>

<div id="sidebar"> 
<h1>About Me</h1>
<center>
<table><tr><td align=justify style="font-size:11px;">
{Description}
</tr></td></table>
</center>

<h1>Search</h1>
<form action="/search" method="get">
<input type="text" name="q" value="{SearchQuery}"/>
<input type="submit" value="Go"/>
</form>

<h1>Navigation</h1>
<a href= "http://www.{Name}.tumblr.com/" class="navi">Home</a>
<a href= "http://www.{Name}.tumblr.com/archive" class="navi">Archive</a>
<a href= "http://www.{Name}.tumblr.com/ask" class="navi">Ask Me</a>
<a href= "http://www.{Name}.tumblr.com/submit" class="navi">Submit</a>
<a href= "{RSS}" class="navi">RSS</a>
{block:ifCustomLinkOneTitle}
<a href="{text:Custom Link One}" class="navi">{text:Custom Link One Title}</a> {/block:ifCustomLinkOneTitle}
{block:ifCustomLinkTwoTitle}
<a href="{text:Custom Link Two}" class="navi">{text:Custom Link Two Title}</a> {/block:ifCustomLinkTwoTitle}
{block:ifCustomLinkThreeTitle}
<a href="{text:Custom Link Three}" class="navi">{text:Custom Link Three Title}</a> 
{/block:ifCustomLinkThreeTitle}

<br><br>
<center>{block:PreviousPage}<a href="{PreviousPage}"><font size="1">PREV</a></font> {/block:PreviousPage}
<font size="2">{CurrentPage}/{TotalPages}</font>{block:NextPage} <a href="{NextPage}"><font size="1">NEXT</a></font>
{/block:NextPage}{/block:Pagination}
<br>
</center>
</div>

<div id="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><!-- end #footer -->
</div>
</body> 
</html>
Advertisements: