Se vera algo así: http://www.dolliecrave.com/tumblr/space/theme9-black.php?layout=7
Negro:
<!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/AJ9m5m0ue/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:#CBC9C9;
background-image:url(http://www.dolliehost.com/dolliecrave/backgrounds/space/7.gif);
background-color: #ffffff;
text-align:left;
font-family: Trebuchet MS;
font-size:11px;
line-height:12px;
background-attachment: fixed;
}
p{
color:#CBC9C9;
text-align:left;
margin-left: 1px;
font-family: Trebuchet MS;
font-size:11px;
line-height:12px;
}
p.gone{
color:#CBC9C9;
text-align:left;
margin-left: -36px;
font-family: Trebuchet MS;
font-size:11px;
line-height:12px;
}
a:link {
color:#CBC9C9;
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:#CBC9C9;
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:#CBC9C9;
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:#000000;
-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 #000000;
-webkit-box-shadow: 0 0 6em #000000;
}
#header {
padding:0px;
background:#000000;
}
.page {
padding: 10px;
color:#CBC9C9;
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:#CBC9C9;
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:#CBC9C9;
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:#CBC9C9;
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:#000000;
border-right:0px solid #eee;
}
#sidebar {
float: right;
position: fixed;
margin-left: 455px;
width:200px;
padding:10px;
background:#000000;
color:#CBC9C9;
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: #000000;
margin-top: 12px;
margin-bottom: 10px;
padding: 0px 0px;
border-bottom: 0px;
padding-left:10px;
color: #CBC9C9;
letter-spacing: 0px;
}
#sidebar h2{
font-family: Trebuchet MS;
font-size: 11px;
line-height:12px;
font-weight: bold;
background: #000000;
margin-top: 12px;
margin-bottom: 10px;
padding: 0px 0px;
color: #CBC9C9;
letter-spacing: 0px;
}
#sidebar ul li;
margin: 2em;
width: 10em;
padding: 5px;
}
A.mainnavi:link, A.mainnavi:active, A.mainnavi:visited {
display:block;
color:#CBC9C9;
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:#000000;
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: #000000;
margin-top: 12px;
margin-bottom: 10px;
padding: 5px;
color: #CBC9C9;
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: #000000;
margin-top: 12px;
margin-bottom: 10px;
padding: 5px 5px;
color: #CBC9C9;
letter-spacing: 0px;
}
#col2 p{
text-align: center;
margin-top: 175px;
}
A.navi:link, A.navi:active, A.navi:visited {
display:block;
color: #CBC9C9;
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:#000000;
border-bottom: 1px solid #101010;
-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: #CBC9C9;
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:#000000;
border-bottom: 1px solid #101010;
-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: #000000;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(25,25,25,1);
border-radius: 14px;
}
::-webkit-scrollbar-thumb {
border-radius: 14px;
border: 1px solid rgba(122,122,122,.5);
-webkit-box-shadow: inset 0 0 6px rgba(65,65,65,1);
}
* html #footer {
height:1px;
}
b {
margin-top:10px;
padding:4px;
font-family: verdana;
font-size: 10px;
line-height: 16px;
color: rgba(255,255,255,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(255,255,255,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:#000000;
font-family: verdana;
font-size: 10px;
line-height: 16px;
color: rgba(255,255,255,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:#000000;
font-family: verdana;
font-size: 10px;
line-height: 16px;
color: rgba(255,255,255,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: #000000;
font-family: Trebuchet MS;
font-size: 11px;
line-height:12px;
font-weight: bold;
color: #CBC9C9;
width: 430px;
padding: 5px 5px;
margin-left: -2px;
margin-right: 0px;
margin-bottom: 50px;
margin-top: 3px;
}
#postmeta a{
color: #CBC9C9;
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/space-tumblr-themes.php" target="_blank" title="Space Tumblr Themes"><img src="http://static.tumblr.com/wgdkvue/mmam6fcwv/install.png" border=0 alt="Space 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="3">{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>2
Blanco:
<!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/space/7.gif);
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/space-tumblr-themes.php" target="_blank" title="Space Tumblr Themes"><img src="http://static.tumblr.com/wgdkvue/mmam6fcwv/install.png" border=0 alt="Space 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>
No hay comentarios:
Publicar un comentario