Como decorar tu tumblr

Como decorar tu tumblr

jueves, 19 de diciembre de 2013

Tema n°7

Se vera algo así: http://www.dolliecrave.com/tumblr/space/theme7-black.php?layout=7


Negro:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<title>{Title}</title>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<link rel="shortcut icon" href="{Favicon}" />
<link rel="alternate" type="application/rss+xml" href="{RSS}" />
<meta name="if:Show Display Picture" content="1"/>
<meta name="if:ShowTitle" content="1"/>
<meta name="if:ShowNotes" content="1"/>
<meta name="if:ShowReblogLink" content="1"/>
<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="" />
<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>
<link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono' rel='stylesheet' type='text/css'>

<style type="text/css">
body {
background-image:url(http://www.dolliehost.com/dolliecrave/backgrounds/space/7.gif);
background-attachment: fixed;
background-color: #000000;
color: #D4D4D4;
font-family: Ubuntu Mono;
font-size: 12px;
letter-spacing:-1px;
padding-top:5px;
background-position:top left;
text-transform:normal;
}

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


a, a:link, a:visited { color: #D4D4D4;
font-family: Ubuntu Mono;
letter-spacing:-1px;
text-transform:normal;
text-decoration: none; font-size: 12px;
-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:hover {color: #808080;font-family: Ubuntu Mono;
letter-spacing:-1px;
text-transform:normal;
text-decoration: none;
font-size: 12px;
-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;}


.posted-date  {
padding-left: 2px;
color: #D4D4D4;
font-size: 12px;
font-family: Ubuntu Mono; line-height:11px;
text-transform: lowercase;
margin-top:1px;
}

.posted-date a {
padding-left: 2px;
font-size: 12px;
line-height:11px;
font-family: Ubuntu Mono;
text-transform: lowercase;
margin-top:1px;
color: #D4D4D4;
}

.posted-date a:hover {
padding-left: 2px;
font-size: 12px;
line-height:11px;
font-family: Ubuntu Mono;
text-transform: lowercase;
margin-top:1px;
color: #808080;
}

.right-side {float:right; text-transform: lowercase; color: #D4D4D4;padding-right: 7px;}
.right-side img {margin-top:-15px;}

p {
margin: 5px 0 0 5px;
line-height:12px;
padding: 0;}
ul, ol {
margin: 5px 0 0 25px; padding: 0;}
blockquote {
margin: 2px 2px 1px 2px;
padding: 1px 2px 1px 4px;
border: 0px solid #000000;
}
blockquote p {
margin: 0;
padding: 0;
line-height: 12px;}

#main {
font-family: Ubuntu Mono;
font-size: 12px;
overflow: auto;
width: 516px;
top: 34px;
position:static;
background-color: rgba(0,0,0,1);
}

#top{
top: 0px;
z-index:8;
position:static;
display:block;
padding: 0px;
width: 516px;
height: 30px;
border: 0px solid #212121;
background-image:url();
}

#sideperm {
background-color: #ffffff;
width: 100px;
overflow:hidden; padding: 4px;
position:absolute;text-align:left;
text-transform:normal;
top: 86px;left: 100px;font-family: Ubuntu Mono;}

#left {
line-height: 10px;
height:auto;
padding: 5px; font-size: 12px;
background-color: #ffffff;
Display:block;
}


.right {
margin: 0 0 5px 0; padding: 3px;
text-align: left;
text-transform:normal;
overflow:hidden}
color: #D4D4D4;
{block:ifEnableimageopacity}
.right img{

  -webkit-transition: opacity 0.7s linear;

   opacity: 1;

   -webkit-transition: all 0.3s ease-out;

   -moz-transition: all 0.3s ease-out;

   transition: all 0.3s ease-out;}



.right img:hover{

 -webkit-transition: opacity 0.7s linear;

   opacity: 0.6;

   -webkit-transition: all 0.5s ease-out;

   -moz-transition: all 0.5s ease-out;

   transition: all 0.5s ease-out;}

{/block:ifEnableimageopacity}


.right img {max-width:500px;}

.right img {
border: 0px;
display: block;
margin-left: 4px;
margin-top:6px;
margin-bottom:5px;}

.photoset{
border: 0px;
display: block;
margin-left: 4px;
margin-top:6px;
margin-bottom:5px;}

.photoset_photo{
border: 0px;
display: block;
margin-left: 4px;
margin-top:6px;
margin-bottom:5px;}

.details a  {
display:block;
font-size: 12px;
color: #D4D4D4;
}
.details a:hover {
display:block;
font-size: 12px;
color: #808080;
}
.title, .title a {
padding-left: 3px;
font-family: georgia;
letter-spacing: -2px;
font-style: italic;
font-size: 18px; color: #D4D4D4;
text-transform: none;
}

.title:hover, .title a:hover {
color: #808080;
}

.title2, .title2 a {
padding-left: 3px;
font-family: Ubuntu Mono;
font-size: 12px;
color: #D4D4D4;
letter-spacing:0px;
text-transform: none;}

.title2:hover, .title2 a:hover {
color: #808080;
}

.pagebottom
background-color: #202020;
margin: 0 0 0px 0;
padding: 5px;
overflow:hidden }


.pagebottom a:link, .pagebottom a:visited, .pagebottom a:active
{ background-color: #202020;
margin: 0 0 0px 0;
padding: 5px;
overflow:hidden }

.pagebottom a:hover {
color: #808080;
text-align: center;
}

#bottom{
bottom: 0px;
position:static;
z-index:8;
margin-top:-5px;
display:block;
line-height:15px;
padding: 5px;
padding-left: 5px;
padding-right: 5px;
color: #D4D4D4;
text-align: center;
width: 506px;
height: 20px;
background-color: #202020;
}

.footer {
margin-top:5px;
color: rgba(0,0,0,0.2);
background-color: rgba(235,235,235,0);
font-family: Ubuntu Mono;
font-size: 12px;
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: 12px;
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: 12px;
line-height: 16px;
margin-bottom:2px;
text-align:center;
text-transform: uppercase;
}

#search input {background-color:#ffffff; margin-top: 0px;width:100%; border: 0px solid;
font-family: Ubuntu Mono; font-size: 12px; color:#D4D4D4;}
#search { text-align: ;}
#search input:hover {background-color:#000000; color:#D4D4D4;}
.audioplayer { padding-left: 12px;background-color:#D4D4D4;}
.playcount {float: right;clear: both;padding-top: 10px;padding-right: 20px;color:#D4D4D4;
font-size: 12px;text-transform:{text:Title text transform};}
#imgwidth img {max-width:100%;}
.right img {max-width:500px;  margin-left:5px; margin-top:6px;}
*:active,*:focus { outline: 0px;}
.right img { border: 0px;  display: block;}
#imgwidth img { border: 0px;  display: block;}
.ques {background-color: #000000; padding:5px;  font-family: Ubuntu Mono; font-size: 12px; line-height: 16px;
text-transform: uppercase; letter-spacing:-1px;}
.ques a {font-family: Ubuntu Mono; font-size: 12px; line-height: 16px; text-transform: uppercase;
letter-spacing:-1px;color: #D4D4D4;}
.ques a:hover {color: #808080;}
.said a {font-family: Ubuntu Mono; font-size: 12px; line-height: 14px; text-transform: uppercase;
letter-spacing:-1px;margin-top:6px;}
.said a:hover {font-family: Ubuntu Mono; font-size: 12px; line-height: 14px; text-transform: uppercase;
letter-spacing:-1px;margin-top:6px;}

.pagination-previous a{
position:fixed;
top:300px;
left: 150px;
-webkit-transition: opacity 0.4s linear;
opacity: 0.9;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.pagination-previous a:hover{
position:fixed;
top:300px;
left: 150px;
-webkit-transition: opacity 0.7s linear;
opacity: 0.3;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}
.pagination-next a{
position:fixed;
top:300px;
right: 150px;
-webkit-transition: opacity 0.4s linear;
opacity: 0.9;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.pagination-next a:hover{
position:fixed;
top:300px;
right: 150px;
-webkit-transition: opacity 0.7s linear;
opacity: 0.3;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}


.leftside {float:left;}
.tags {float:center; line-height:0px;}
.displaybar {float:center;}

#navtop {
background-color: #202020; width:516px; height: 30px;font-size: 12px;
color: #D4D4D4; font-weight: bold;
margin: 0 auto 0; padding:0px;margin-bottom:-3px; margin-top:-3px;margin-left:-3px;}

.nav2{float:left; width:516px;}
#nav {margin: 0; padding: 0; list-style: none;}
#nav ul {float:left; list-style: none; margin: 0; padding: 0;}
#nav li {list-style: none; margin: 0; padding: 0;}

#nav li a, #nav li a:link, #nav li a:visited {
color: #D4D4D4; display: block; font-family: Ubuntu Mono; font-size: 12px;
text-transform:uppercase; font-weight: normal; margin: 0;padding: 9px 20px 9px;letter-spacing: 0px;
-webkit-transition: opacity 0.4s linear;
opacity: 1;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

#nav li a:hover, #nav li a:active
{background-color: #000000; color: #D4D4D4; height: 13px; margin: 0; padding: 9px 20px 9px;text-decoration: none;
-webkit-transition: opacity 0.4s linear;
opacity: 0.6;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

#nav li li a, #nav li li a:link, #nav li li a:visited {
background-color: #202020; width: 150px; color: #D4D4D4;
font-weight: normal; text-transform: uppercase; float: none;
margin: 0; padding: 9px 20px 9px; border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff; border-right: 0px solid #ffffff;
}

#nav li li a:hover, #nav li li a:active {background-color: #000000; color: #D4D4D4;

padding: 7px 10px;}

#nav li {float:left; padding: 0;}

#nav li ul {z-index: 0; position: absolute; left: -999em;
 height: 30px; width: 170px; margin: 0; padding: 0;}
#nav li ul a {width: 140px;}
#nav li ul ul {margin: -32px 0 0 171px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul,

#nav li li li.sfhover ul {left: auto;}

#nav li:hover, #nav li.sfhover {position: static;}
.nextprev { font-family: Ubuntu Mono; font-size: 12px; text-transform: uppercase; color: #ffffff;
background-color: #202020; padding: 3px; display: inline-block; width:45px;
}
</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/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>
<style type="text/css">{CustomCSS}</style>
</head>
<body>
<center>
<table align=center>
<tr><td>
<div id="top">
<table width="516px" align="center"><tr><td>
<div id="navtop">
<div class="nav2">
<ul id='nav'><center>
<li><a href='/'>home</a></li>
<li>
<li><a href='/archive'>archive</a></li>
<li>
<li><a href='/ask'>ask</a></li>
<li>
<li><a href="http://www.dolliecrave.com" title="Tumblr Themes" target=_blank>Theme</a></li>
<li>
<li>{block:ifCustomLinkOneTitle}
<a href="{text:Custom Link One}">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle}</li>
<li>
<li>{block:ifCustomLinkTwoTitle}
<a href="{text:Custom Link Two}">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle}</li>
<li>
<li>{block:ifCustomLinkThreeTitle}
<a href="{text:Custom Link Three}">{text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle}</li>
<li>
</div></center>
</div>
</td></tr>
</table>
</div>



<div id="main">
<div class="right">
<div class="displaybar">
{block:IfShowDisplayPicture}<a href="/"><img src="{PortraitURL-48}" align="left"
style="margin-right:6px; margin-left:6px; margin-top:2px;" /></a>{/block:IfShowDisplayPicture}
<table><tr><td align="justify" style="font-size:12px;padding-left:1px; padding-right:4px;">
{description}
</tr></tr></table>
{block:IfDisplayImage}
<a href="/"><img src="{image:Display}" width="200px" align="left"  style="margin-right:10px;" /></a>
{/block:IfDisplayImage}

</div></div>

{block:Posts}
<div class="right">

{block:Text}{block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}{Body}
<BR>
{/block:Text}

{block:Photo}
{block:IndexPage} <a href="{Permalink}"> {/block:IndexPage}
{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500">
{block:IndexPage}</a>{/block:IndexPage}
{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
{block:Caption}{Caption}{/block:Caption}
<BR>
{/block:Photo}

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

{block:Quote}
<div class="title2">{Quote}</div>
<BR>
<div class="title">{block:Source} {Source}</div>{/block:Source}
<BR>
{/block:Quote}

{block:Link}
<div class="title"><a href="{URL}" class="post_title" target="_blank"> {Name}</a></div> {block:Description}

{Description}{/block:Description}
<BR>
{/block:Link}

{block:Chat}
{block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>
<BR>
{/block:Title} {block:Lines}
<div class="{Alt}">{block:Label}{Label}{/block:Label} {Line}</div>{/block:Lines}
<BR>
{/block:Chat}

{block:Audio}
<div class="audioplayer">{AudioPlayerGrey}</div>{block:Caption}{Caption}{/block:Caption}
<BR>
{/block:Audio}

{block:Video}
{Video-500}{block:Caption}<a href="{Permalink}">{Caption}</a>{/block:Caption}
<BR>
{/block:Video}

{block:Answer} <div class="ques"> {Asker} said: {Question}</div>
<i>{Answer}</i>{/block:Answer}

<div class="posted-date">
<div class="leftside">{PlayCountWithLabel}
{block:ExternalAudio}<a href="{ExternalAudioURL}"> download</a>{/block:ExternalAudio}

{block:ifShowNotes}{block:NoteCount}<a href="{Permalink}">
{NoteCountWithLabel}</a>
{/block:NoteCount}{/block:ifShowNotes}
</div>

<div class="right-side">
{/block:ifShowReblogLink}{block:IndexPage}<a href="{ReblogURL}" target="_blank">
<div class="details">Reblog</font></div></a>{/block:IndexPage}{/block:ifShowReblogLink}
</div></div>
</div>

<div class="posted-date">


<div class="right-side">
{block:ifShowPostOrigin}{block:RebloggedFrom}Reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}

</a> via posted by: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}

{/block:ifShowPostOrigin}

</div>
</div>

{block:PostNotes}
<div class="right">
{PostNotes}
</div>
{/block:PostNotes}
{/block:Posts}

</div>

<div class="pagination-previous">
{block:Pagination}
            {block:PreviousPage}
<a href="{PreviousPage}"><img src="http://static.tumblr.com/wgdkvue/slBm567vh/previous.png" border="0" alt="Previous Page"></a>
            {/block:PreviousPage}
 {/block:Pagination}

             
 </div>            
<div class="pagination-next">
             

{block:Pagination}
            {block:NextPage}
<a href="{NextPage}"><img src="http://static.tumblr.com/wgdkvue/Bi1m569ih/next.png" border="0" alt="Next Page"></a>
            {/block:NextPage}
        {/block:Pagination}
</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>
</body>
</html>
</tr></td></table>
</center>





Blanco:



<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<title>{Title}</title>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<link rel="shortcut icon" href="{Favicon}" />
<link rel="alternate" type="application/rss+xml" href="{RSS}" />
<meta name="if:Show Display Picture" content="1"/>
<meta name="if:ShowTitle" content="1"/>
<meta name="if:ShowNotes" content="1"/>
<meta name="if:ShowReblogLink" content="1"/>
<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="" />
<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>
<link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono' rel='stylesheet' type='text/css'>
<style type="text/css">
body {
background-image:url(http://www.dolliehost.com/dolliecrave/backgrounds/space/7.gif);
background-attachment: fixed;
background-color: #FFFFFF;
color: #333333;
font-family: Ubuntu Mono;
font-size: 12px;
letter-spacing:0px;
padding-top:5px;
background-position:top left;
text-transform:normal;
}

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


a, a:link, a:visited { color: #333333;
font-family: Ubuntu Mono;
letter-spacing:0px;
text-transform:normal;
text-decoration: none; font-size: 12px;
-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:hover {color: #606060;font-family: Ubuntu Mono;
letter-spacing:0px;
text-transform:normal;
text-decoration: none;
font-size: 12px;
-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;}


.posted-date  {
padding-left: 2px;
color: #333333;
font-size: 12px;
font-family: Ubuntu Mono; line-height:11px;
text-transform: lowercase;
margin-top:1px;
}

.posted-date a {
padding-left: 2px;
font-size: 12px;
line-height:11px;
font-family: Ubuntu Mono;
text-transform: lowercase;
margin-top:1px;
color: #333333;
}

.posted-date a:hover {
padding-left: 2px;
font-size: 12px;
line-height:11px;
font-family: Ubuntu Mono;
text-transform: lowercase;
margin-top:1px;
color: #606060;
}

.right-side {float:right; text-transform: lowercase; color: #333333;padding-right: 7px;}
.right-side img {margin-top:-15px;}

p {
margin: 5px 0 0 5px;
line-height:12px;
padding: 0;}
ul, ol {
margin: 5px 0 0 25px; padding: 0;}
blockquote {
margin: 2px 2px 1px 2px;
padding: 1px 2px 1px 4px;
border: 0px solid #FFFFFF;
}
blockquote p {
margin: 0;
padding: 0;
line-height: 12px;}

#main {
font-family: Ubuntu Mono;
font-size: 12px;
overflow: auto;
width: 516px;
top: 34px;
position:static;
background-color: rgba(255,255,255,1);}

#top{
top: 0px;
z-index:8;
position:static;
display:block;
padding: 0px;
width: 516px;
height: 30px;
border: 0px solid #212121;
background-image:url();
}

#sideperm {
background-color: #FFFFFF;
width: 100px;
overflow:hidden; padding: 4px;
position:absolute;text-align:left;
text-transform:normal;
top: 86px;left: 100px;font-family: Ubuntu Mono;}

#left {
line-height: 10px;
height:auto;
padding: 5px; font-size: 12px;
background-color: #FFFFFF;
Display:block;
}


.right {
margin: 0 0 5px 0; padding: 3px;
text-align: left;
text-transform:normal;
overflow:hidden}
color: #333333;
{block:ifEnableimageopacity}
.right img{

  -webkit-transition: opacity 0.7s linear;

   opacity: 1;

   -webkit-transition: all 0.3s ease-out;

   -moz-transition: all 0.3s ease-out;

   transition: all 0.3s ease-out;}



.right img:hover{

 -webkit-transition: opacity 0.7s linear;

   opacity: 0.6;

   -webkit-transition: all 0.5s ease-out;

   -moz-transition: all 0.5s ease-out;

   transition: all 0.5s ease-out;}

{/block:ifEnableimageopacity}


.right img {max-width:500px;}

.right img {
border: 0px;
display: block;
margin-left: 4px;
margin-top:6px;
margin-bottom:5px;}

.photoset{
border: 0px;
display: block;
margin-left: 4px;
margin-top:6px;
margin-bottom:5px;}

.photoset_photo{
border: 0px;
display: block;
margin-left: 4px;
margin-top:6px;
margin-bottom:5px;}

.details a  {
display:block;
font-size: 12px;
color: #333333;
}
.details a:hover {
display:block;
font-size: 12px;
color: #606060;
}
.title, .title a {
padding-left: 3px;
font-family: georgia;
letter-spacing: -2px;
font-style: italic;
font-size: 18px; color: #333333;
text-transform: none;
}

.title:hover, .title a:hover {
color: #606060;
}

.title2, .title2 a {
padding-left: 3px;
font-family: Ubuntu Mono;
letter-spacing: 0px;
font-size: 12px; color: #333333;
text-transform: none;
}

.title2:hover, .title2 a:hover {
color: #606060;
}

.pagebottom
background-color: #F2F0F0;
margin: 0 0 0px 0;
padding: 5px;
overflow:hidden }


.pagebottom a:link, .pagebottom a:visited, .pagebottom a:active
{ background-color: #F2F0F0;
margin: 0 0 0px 0;
padding: 5px;
overflow:hidden }

.pagebottom a:hover {
color: #606060;
text-align: center;
}

#bottom{
bottom: 0px;
position:static;
z-index:8;
margin-top:-5px;
display:block;
line-height:15px;
padding: 5px;
padding-left: 5px;
padding-right: 5px;
color: #333333;
text-align: center;
width: 506px;
height: 20px;
background-color: #F2F0F0;
}

.footer {
margin-top:5px;
color: rgba(0,0,0,0.2);
background-color: rgba(235,235,235,0);
font-family: Ubuntu Mono;
font-size: 12px;
line-height: 16px;
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: 12px;
line-height: 16px;
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: 12px;
line-height: 16px;
text-align:center;
text-transform: uppercase;
}

#search input {background-color:#FFFFFF; margin-top: 0px;width:100%; border: 0px solid;
font-family: Ubuntu Mono; font-size: 12px; color:#333333;}
#search { text-align: ;}
#search input:hover {background-color:#FFFFFF; color:#333333;}
.audioplayer { padding-left: 12px;background-color:#333333;}
.playcount {float: right;clear: both;padding-top: 10px;padding-right: 20px;color:#606060;
font-size: 12px;text-transform:{text:Title text transform};}
#imgwidth img {max-width:100%;}
.right img {max-width:500px;  margin-left:5px; margin-top:6px;}
*:active,*:focus { outline: 0px;}
.right img { border: 0px;  display: block;}
#imgwidth img { border: 0px;  display: block;}
.ques {background-color: #FFFFFF; padding:5px;  font-family: Ubuntu Mono; font-size: 12px; line-height: 16px;
text-transform: uppercase; letter-spacing:0px;}
.ques a {font-family: Ubuntu Mono; font-size: 12px; line-height: 16px; text-transform: uppercase;
letter-spacing:0px;color: #333333;}
.ques a:hover {color: #606060;}
.said a {font-family: Ubuntu Mono; font-size: 12px; line-height: 14px; text-transform: uppercase;
letter-spacing:0px;margin-top:6px;}
.said a:hover {font-family: Ubuntu Mono; font-size: 12px; line-height: 14px; text-transform: uppercase;
letter-spacing:0px;margin-top:6px;}

.pagination-previous a{
position:fixed;
top:300px;
left: 150px;
-webkit-transition: opacity 0.4s linear;
opacity: 0.9;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.pagination-previous a:hover{
position:fixed;
top:300px;
left: 150px;
-webkit-transition: opacity 0.7s linear;
opacity: 0.3;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}
.pagination-next a{
position:fixed;
top:300px;
right: 150px;
-webkit-transition: opacity 0.4s linear;
opacity: 0.9;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.pagination-next a:hover{
position:fixed;
top:300px;
right: 150px;
-webkit-transition: opacity 0.7s linear;
opacity: 0.3;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}

.leftside {float:left;}
.tags {float:center; line-height:0px;}
.displaybar {float:center;}

#navtop {
background-color: #F2F0F0; width:516px; height: 30px;font-size: 12px;
color: #333333; font-weight: bold;
margin: 0 auto 0; padding:0px;margin-bottom:-3px; margin-top:-3px;margin-left:-3px;}

.nav2{float:left; width:516px;}
#nav {margin: 0; padding: 0; list-style: none;}
#nav ul {float:left; list-style: none; margin: 0; padding: 0;}
#nav li {list-style: none; margin: 0; padding: 0;}

#nav li a, #nav li a:link, #nav li a:visited {
color: #333333; display: block; font-family: Ubuntu Mono; font-size: 12px;
text-transform:uppercase; font-weight: normal; margin: 0;padding: 9px 20px 9px; letter-spacing: 0px;
-webkit-transition: opacity 0.7s linear;
opacity: 1;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

#nav li a:hover, #nav li a:active
{background-color: #FFFFFF; color: #333333; height: 13px; margin: 0; padding: 9px 20px 9px;text-decoration: none;
-webkit-transition: opacity 0.4s linear;
opacity: 0.6;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

#nav li li a, #nav li li a:link, #nav li li a:visited {
background-color: #F2F0F0; width: 150px; color: #333333;
font-weight: normal; text-transform: uppercase; float: none;
margin: 0; padding: 9px 20px 9px; border-bottom: 1px solid #000000;
border-left: 1px solid #000000; border-right: 0px solid #000000;
}

#nav li li a:hover, #nav li li a:active {background-color: #FFFFFF; color: #333333;

padding: 7px 10px;}

#nav li {float:left; padding: 0;}

#nav li ul {z-index: 0; position: absolute; left: -999em;
 height: 30px; width: 170px; margin: 0; padding: 0;}
#nav li ul a {width: 140px;}
#nav li ul ul {margin: -32px 0 0 171px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul,

#nav li li li.sfhover ul {left: auto;}

#nav li:hover, #nav li.sfhover {position: static;}
.nextprev { font-family: Ubuntu Mono; font-size: 12px; text-transform: uppercase; color: #000000;
background-color: #F2F0F0; padding: 3px; display: inline-block; width:45px;
}
</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/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>
<style type="text/css">{CustomCSS}</style>
</head>
<body>
<center>
<table align=center>
<tr><td>
<div id="top">
<table width="516px" align="center"><tr><td>
<div id="navtop">
<div class="nav2">
<ul id='nav'><center>
<li><a href='/'>home</a></li>
<li>
<li><a href='/archive'>archive</a></li>
<li>
<li><a href='/ask'>ask</a></li>
<li>
<li><a href="http://www.dolliecrave.com" title="Tumblr Themes" target=_blank>Theme</a></li>
<li>
<li>{block:ifCustomLinkOneTitle}
<a href="{text:Custom Link One}">{text:Custom Link One Title}</a> {/block:ifCustomLinkOneTitle}</li>
<li>
<li>{block:ifCustomLinkTwoTitle}
<a href="{text:Custom Link Two}">{text:Custom Link Two Title}</a> {/block:ifCustomLinkTwoTitle}</li>
<li>
<li>{block:ifCustomLinkThreeTitle}
<a href="{text:Custom Link Three}">{text:Custom Link Three Title}</a> {/block:ifCustomLinkThreeTitle}</li>
<li>
</div></center>
</div>
</td></tr>
</table>
</div>



<div id="main">
<div class="right">
<div class="displaybar">
{block:IfShowDisplayPicture}<a href="/"><img src="{PortraitURL-48}" align="left"
style="margin-right:6px; margin-left:6px; margin-top:2px;" /></a>{/block:IfShowDisplayPicture}
<table><tr><td align="justify" style="font-size:12px;padding-left:1px; padding-right:4px;">
{description}
</tr></tr></table>
{block:IfDisplayImage}
<a href="/"><img src="{image:Display}" width="200px" align="left"  style="margin-right:10px;" /></a>
{/block:IfDisplayImage}

</div></div>

{block:Posts}
<div class="right">

{block:Text}{block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}{Body}
<BR>
{/block:Text}

{block:Photo}
{block:IndexPage} <a href="{Permalink}"> {/block:IndexPage}
{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500">
{block:IndexPage}</a>{/block:IndexPage}
{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
{block:Caption}{Caption}{/block:Caption}
<BR>
{/block:Photo}

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

{block:Quote}
<div class="title2">{Quote}</div>
<BR>
<div class="title">{block:Source} {Source}</div>{/block:Source}
<BR>
{/block:Quote}

{block:Link}
<div class="title"><a href="{URL}" class="post_title" target="_blank"> {Name}</a></div> {block:Description}

{Description}{/block:Description}
<BR>
{/block:Link}

{block:Chat}
{block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>
<BR>
{/block:Title} {block:Lines}
<div class="{Alt}">{block:Label}{Label}{/block:Label} {Line}</div>{/block:Lines}
<BR>
{/block:Chat}

{block:Audio}
<div class="audioplayer">{AudioPlayerGrey}</div>{block:Caption}{Caption}{/block:Caption}
<BR>
{/block:Audio}

{block:Video}
{Video-500}{block:Caption}<a href="{Permalink}">{Caption}</a>{/block:Caption}
<BR>
{/block:Video}

{block:Answer} <div class="ques"> {Asker} said: {Question}</div>
<i>{Answer}</i>{/block:Answer}

<div class="posted-date">
<div class="leftside">
{PlayCountWithLabel}
{block:ExternalAudio}<a href="{ExternalAudioURL}"> download</a>{/block:ExternalAudio}

{block:ifShowNotes}{block:NoteCount}<a href="{Permalink}">
{NoteCountWithLabel}</a>
{/block:NoteCount}{/block:ifShowNotes}
</div>

<div class="right-side">
{/block:ifShowReblogLink}{block:IndexPage}<a href="{ReblogURL}" target="_blank">
<div class="details">Reblog</font></div></a>{/block:IndexPage}{/block:ifShowReblogLink}
</div></div>
</div>

<div class="posted-date">


<div class="right-side">
{block:ifShowPostOrigin}{block:RebloggedFrom}Reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}

</a> via posted by: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}

{/block:ifShowPostOrigin}

</div>
</div>

{block:PostNotes}
<div class="right">
{PostNotes}
</div>
{/block:PostNotes}
{/block:Posts}

</div>

<div class="pagination-previous">
{block:Pagination}
            {block:PreviousPage}
<a href="{PreviousPage}"><img src="http://static.tumblr.com/wgdkvue/b2bm569i2/previous.png" border="0" alt="Previous Page"></a>
            {/block:PreviousPage}
 {/block:Pagination}

             
 </div>            
<div class="pagination-next">
             

{block:Pagination}
            {block:NextPage}
<a href="{NextPage}"><img src="http://static.tumblr.com/wgdkvue/Bi1m569ih/next.png" border="0" alt="Next Page"></a>
            {/block:NextPage}
        {/block:Pagination}
</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>
</body>
</html>
</tr></td></table>
</center>

No hay comentarios:

Publicar un comentario