Theme 21-08

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.
0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head><title>{Title}</title>
<link rel="shortcut icon" href="http://www.em-shorts.com/wp-
content/uploads/2013/07/tumblr_static_transparent_daisies-e1380660412612-
150x150.png">
<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=Six+Caps' rel='stylesheet' type='text/css'>

<meta name="color:Background" content="#ffffff">
<meta name="color:Sidebar and posts info" content="#eeeeee">
<meta name="color:Post links" content="#768297">
<meta name="color:Sidebar links" content="#768297">
<meta name="color:Text" content="#7b7070">
<meta name="color:Scrollbar" content="#cee1ed">
<meta name="color:Border" content="#eeeeee"/>
<meta name="color:1" content="#73becc"/>
<meta name="color:2" content="#9ed5df">
<meta name="color:3" content="#c0eff8"/>
<meta name="color:Title" content="#ffffff"/>
<meta name="color:Post links hover" content="#cbf5ff"/>
<meta name="color:Post info links" content="#768297"/>
<meta name="color:Answer Bg" content="#ebf9fa"/>
<meta name="image:Sidebar1" content=""/>
<meta name="image:Sidebar2" content=""/>
<meta name="image:Updates img"
content="http://static.tumblr.com/0cafb87e8bf85153c81f9abf435a9d17/t0g3sds/XRon2jdc6/t
umblr_static_ggggggggggggggggggggg.png"/>
<meta name="image:Background image" content=""/>
<meta name="text:First tab" content=""/>
<meta name="text:Second tab" content=""/>
<meta name="text:Third tab" content=""/>
<meta name="text:Link 1" content="">
<meta name="text:Link 1 url" content="/">
<meta name="if:Updates tab" content="1">
<meta name="if:Cursor" content="1">

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-
tooltips.js"></script>

<script>
(function($){
$(document).ready(function(){
$("a[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:0,
tip_fade_speed:0,
attribute:"title"
});
});
})(jQuery);
</script>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$(".navi").toggle(function() {
$("#links2").show();
}, function() {
$("#links2").hide();
});
});
</script>

<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

<style type="text/css">

.cont {
margin:auto;
width:100%;
height:100%;
z-index:20;
width:1300px;}

/*--scrollbar--*/

::-webkit-scrollbar-thumb:vertical {height:5px; background-color:{color:scrollbar};}
::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar};}
::-webkit-scrollbar {background-color:{color:Sidebar and posts
info};height:0px;width:4px;border:2px solid {color:Sidebar and posts info};}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-
button:end:increment{background-color:{color:Sidebar and posts
info};display:block;height:0px;border-right:0px solid {color:Sidebar and posts info};border-
left:0px solid {color:Sidebar and posts info};
}

::selection {
color:{color:1};
}

::-moz-selection {
color:{color:1};
}
::-webkit-selection {
color:{color:1};
}

/*--body--*/

body {
font-style:none;
background-color:{color:Background};
background-image:{image:Background image};
background-attachment:fixed;
margin-top:0px;
margin-bottom:0px;
font-family:calibri;
color:{color:Text};
font-size:9px;}

a {
color:{color:Post links};
text-decoration:none;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;}
a:hover {
color:{color:Post links hover};

img {
border:none;
padding-bottom:none;
display: block;}

blockquote {
padding-left:5px;
margin-left:7px;
width:95%;
border-left:1px solid {color:Border};}
blockquote blockquote {
margin-left:7px;
max-width:95%;
border-left:1px solid {color:Border};}

h1 {
font-size:22px;
letter-spacing:2px;
text-transform:uppercase;
font-family:'Six Caps';
font-style:none;
font-weight:normal;
line-height:10px;
text-align:center;}

h2 {
font-family:'cambria';
font-size:15px;
font-style:italic;
text-align:center;}

b {
font-style:bold;}

/*--sidebar--*/

#sidebar {
width:120px;
height:100%;
position:fixed;
margin-left:270px;
margin-top:0px;}

#sidebarimage2 img {
position:fixed;
top:130px;
height:200px;
width:120px;
opacity:1;
display: block;
z-index:-80;
-moz-transition-duration:1.2s;
-webkit-transition-duration:1.2s;
-o-transition-duration:1.2s;}
#sidebar:hover #sidebarimage2 img {
opacity:0.8;
-moz-transition-duration:2s;
-webkit-transition-duration:2s;
-o-transition-duration:2s;}

#sidebarimage img {
position:fixed;
top:130px;
height:200px;
width:120px;
opacity:0;
display: block;
z-index:-50;
#sidebar:hover #sidebarimage img {
opacity:1;

/*--links--*/
#links {
margin-top:79px;
width:120px;
font-family:'calibri';
position:fixed;
font-size:0px;
margin-left:-10px;
opacity:1;
z-index:0;
border-top:solid 10px {color:Sidebar and posts info};
text-align:center;
#sidebar:hover #links {
opacity:1;
-o-transition-duration:0.6s}

#links a {
float:left;
overflow:hidden;
display:inline-table;
height:0px;
letter-spacing:2px;
color:{color:Sidebar links};
padding:3px;
color:transparent;
padding-bottom:0px;
line-height:7px;
padding-top:0px;
width:34px;
font-size:8px;
z-index:0;

#links a:hover{
padding-top:10px;
color:{color:text};
padding-bottom:7px;
color:{color:Sidebar links hover};

#links2{
display:none;
width:60px;
margin-top:345px;
margin-left:120px;
padding-bottom:2px;
text-align:left;
z-index:9999999999999999;
position:fixed;

#links2 a{
display:block;
font-size:8px;
font-weight:bold;
letter-spacing:1px;
border-left:solid 0px;
width:80px;
margin-top:1px;
padding:3px; -moz-transition-duration:0.3s;

#links2 a:hover {border-left:solid 5px {color:2}; -moz-transition-duration:0.3s;
-o-transition-duration:0.3s;
color:{color:Post link hover};
}

/*--description--*/

#title{
font-family: 'Six Caps', sans-serif;
position:fixed;
text-transform:lowercase;
width:120px;
letter-spacing:2px;
font-size:26px;
text-align:center;
opacity:1;
margin-top:90px;
z-index:9999999999999999999999999;
z-index:20;
#sidebar:hover #title {
color:{color:Title};
text-shadow: 0px 0px 5px {color:1};
margin-top:210px;

#quote{
margin-top:328px;
font-weight:bold;
letter-spacing:1px;
padding:10px;
position:fixed;
background-color:{color:Sidebar and posts info};
width:100px;
height:80px;
overflow-y: scroll;
overflow-x: hidden;
opacity:1;
text-align:center;
font-size:8px;
z-index:9999999999999999999999999999999999999999999;

/*--pagination--*/

#pagination {
position:fixed;
margin-left:815px;
color:#7b7070;
margin-top:275px;
z-index:0;
font-family:'six caps';
letter-spacing:2px;
font-size:25px;
text-align:center;
transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;}

#pagination a{
font-size:25px;
letter-spacing:2px;
text-align:center;
z-index:0;
width:80px;
margin:1px;
padding:3px;
display:block;
border-right:solid 0px;
color:#7b7070;
#pagination a:hover {

color:#73becc;}

/*ENTRIES*/

#entries {
padding:10px;
width:550px;
margin-left:470px;
font-size:12px;
overflow:hidden;
font-family:'arial';
letter-spacing:0px;}

#post {
width:500px;
padding:25px;
padding-bottom:0px;
text-align:justify;
opacity:0.9;
margin-top:70px;
#post img{
max-width:100%;
-webkit-filter: brightness(110%);
-moz-filter: brightness(110%);
#post:hover {
opacity:1;

.qsource {
display:none;
text-align:right;}

/*POST INFO*/

#info {
width:484px;
text-align:center;
font-family:'trebuchet ms';
margin-top:-10px;
letter-spacing:2px;
font-size:7px;
font-style:none;
padding:8px;
background-color:{color:Sidebar and posts info};
line-height:10px;
min-height:10px;
text-transform:uppercase;}

#info a {
text-align:center;
color:{color:Post info};}

#info a:hover {
color:{color:Post links hover}}

#tags {
width:488px;
margin-left:-7px;
text-align:left;
font-size:8px;
padding:5px;
padding-bottom:0px;
padding-top:18px;
z-index:-2;
max-height:500px;

#tags a {
letter-spacing:1px;
font-size:8px;
text-align:center;
font-family:'CALIBRI';
display:inline;
color:{color:Post info};

#tags a:hover {
color:{color:Post links hover};}

/*--asks--*/

#asker img{
width:40px;
height:40px;
padding:6px;
background-color:{color:Answer Bg};
margin:0px 7px;
-webkit-filter: brightness(100%); */
}

#ask {
overflow:hidden;
margin-top:-52px;
font-size:8px;
letter-spacing:2px;
font-style:none;
line-height:8px;
margin-left:59px;
width:420px;
z-index:-1;
padding:5px;
padding-top:5px;
margin-bottom:30px;
background-color:{color:Answer Bg};}

/*CREDIT*/

#cred {
left:-60px;
bottom:6px;
font-size:9px;
padding:5px;
color:{color:Text};
z-index:9999999999999999999999999999999999999;
border:1px solid transparent;
position:fixed;

#cred:hover {
left:6px;
border-bottom:1px solid {color:border};
transition: all 0.5s ease-out;
}
#cred:hover a{
color:{color:1};}
#cred a{
color:{color:text};}

/*-- audio --*/

#whit{
overflow:hidden;
position:absolute;
opacity:0.2;
width:70px;
height:70px;
margin-left:13px;
z-index:999999999999999999999999999999999999999999999999999999;
margin-top:6px;
background-color:white;
#player {
width:28px;
height:30px;
opacity:1;
z-index:99999999999999999999999999999999999999999999999999999999999999999;
margin:22px;
overflow:hidden;

#post:hover #whit{
opacity:0.8;

#albumart {
width:70px;
height:70px;
padding:6px;
z-index:2000;
background-color:{color:Answer Bg};
margin:0px 7px;
#albumart img{
-webkit-filter: brightness(110%); */
-moz-transition-duration: 0.6s;}

#infoaudio {
position:absolute;
overflow:hidden;
font-size:8px;
letter-spacing:2px;
font-family:'calibri';
font-style:none;
line-height:8px;
margin-top:-82px;
margin-left:7px;
width:300px;
max-height:62px;
border-left:solid 82px {color:3};
z-index:-1;
padding:15px;
padding-top:5px;
background-color:{color:Background};}

{CustomCSS}

/* UPDATES */

.drag{
pointer-events:none;}

#s-m-t-tooltip {
max-width:300px;
padding:5px;
margin:-10px 0px 0px 10px;
background-color:{color:Answer bg};
font-size:8px;
color:{color:text};
z-index:89000000;}

ol.notes {
padding: 0px;
margin: 25px 0px;
list-style-type:none;
border-bottom: solid 1px {color:Border};
color: #777;
font-size: 8px;}

ol.notes a{
letter-spacing:1px;
}

ol.notes li.note {
border-top: solid 1px {color:Border};
padding: 10px;
}

ol.notes li.note img.avatar {
vertical-align: -4px;
margin-right: 10px;
width: 16px;
height: 16px;
display: inline-block;}

ol.notes li.note span.action {
font-weight: normal;
}

ol.notes li.note .answer_content {
font-weight: normal;
}

ol.notes li.note blockquote {
border-color: {color:Border};
padding: 4px 10px;
margin: 10px 0px 0px 25px;
}

ol.notes li.note blockquote a {
text-decoration: none;
}

/* BOX 1 */

#upcont {
position:fixed;
top:10px;
margin-left:-15px;
-webkit-transition: all 0.8s;-moz-transition: all 0.8s;transition: all 0.8s;
}

#one, #two, #three {
position:fixed;
font-family:'Six Caps';
letter-spacing:2px;
overflow:hidden;
height:30px;
width:50px;
font-size:25px;
}
#one{margin-top:0px;}
#two{margin-top:35px;}
#three{margin-top:70px;}
#one:hover, #two:hover, #three:hover {
padding-top:170px;
height:800px;
width:200px;
-webkit-transition: all 0.8s;-moz-transition: all 0.8s;transition: all 0.8s;}

#one:hover{
color:#73becc;}
#two:hover{
color:#73becc;}
#three:hover{
color:#73becc;}

#up1, #up2, #up3{
position:absolute;
top:170px;
margin-left:55px;
padding:10px;
border:solid 1px {color:border};
width:100px;
opacity:0;
text-align:center;
color:{color:text};
letter-spacing:1px;
font-size:8px;
}

#one:hover #up1, #two:hover #up2, #three:hover #up3{
opacity:1;
-webkit-transition: all 2s;-moz-transition: all 2s;transition: all 2s;
}

.clk {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;}

#buttons{
display:block;
width:10px;
opacity:0;
position:absolute;
text-align:center;
height:50px;
opacity:0;
margin-left:510px;
line-height:6px;
#post:hover #buttons{
opacity:0.5;margin-left:510px;

/*--Cursor code--*/

{block:ifCursor}
*, body, img, a, a:hover {cursor:
url("http://www.totallylayouts.com/cursors/random/tiny_cursor.png"), auto }
{/block:ifCursor}

iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%) hue-
rotate(175deg); -moz-filter: invert(100%) hue-rotate(175deg); -o-filter: invert(100%) hue-
rotate(175deg); -ms-filter: invert(100%) hue-rotate(175deg); filter: invert(100%) hue-
rotate(175deg); opacity:0.5; }

</style>

</head>

<div class="cont"><div class="cont"><div class="cont"><div class="cont"><div
class="cont"><div class="cont"><div class="cont">
<body>
{block:ifUpdatestab}
<div id="upcont">
<div id="one">one.
<div id="up1">

{text:First tab}

</div>
</div>
<div id="two">two.
<div id="up2">

{text:Second tab}

</div>
</div>
<div id="three">three.
<div id="up3">

{text:Third tab}

</div>
</div>

</div>
{/block:ifUpdatestab}

<div id="sidebar">

<div id="title">{Title}</div>
<div id="quote">

<div id="links">
<a style="background-color:{color:1}" href="/">home</a>
<a style="background-color:{color:2}" href="/ask">ask</a>
<a style="background-color:{color:3}" class="navi" title="click for more">links</a></div>

<div id="description">"I hold it true, whate'er befall;
I feel it when I sorrow most;
'Tis better to have loved and lost
Than never to have loved at all.
</div>

</div>
<div id="sidebarimage" class="drag"><img src="{image:Sidebar1}"></div>
<div id="sidebarimage2" class="drag"><img src="{image:Sidebar2}"></div>

{block:Pagination}
<div id="pagination">
{block:NextPage}<a href="{NextPage}">future</a>{/block:NextPage}
{block:PreviousPage}<a href="{PreviousPage}">past</a>{/block:PreviousPage}
</div>
{/block:Pagination}

<div id="links2">
{block:ifLink1}<a href="{text:Link 1 url}">{text:Link 1}</a>{/block:ifLink1}
</div>

</div></div>

<div id="entries">
{block:Posts}

{block:ContentSource}

{/block:ContentSource}
<div id="post">

<div id="buttons">{LikeButton color="grey" size="14"}<br>{ReblogButton color="grey"
size="14"}</span></div>

{block:Text}
<h1>{block:Title}{Title}{/block:Title}</h1>
{Body}{/block:Text}

{block:Photo}{LinkOpenTag}<center>
<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=500px/>{LinkCloseTag}</center>
{block:Caption}{Caption}{/block:Caption}{/block:Photo}

{block:Photoset}{Photoset-500}{block:Caption}{Caption}
{/block:Caption}{/block:Photoset}

{block:Quote}<h2>"{Quote}"</h2>
{block:Source}<div style="text-align:right">{Source}</div>
{/block:Source}{/block:Quote}

{block:Link}<h1><a href="{URL}"
{Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}

{block:Chat}{block:Title}{Title}<br>{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></
b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}

{block:Audio}<div id="playcont"></div>
<div id="whit"><div id="player">{AudioPlayerWhite} </div> </div>
<div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}"
width="70">{/block:AlbumArt}</div><div id="infoaudio">{block:TrackName}
<p style="font-size:20px; background-color:{color:Answer Bg}; font-
weight:normal;padding:4px; margin-left:-20px; padding-left:20px; line-height:25px; font-
family:'Six Caps';">{TrackName}</p>
{/block:TrackName} {block:Artist}
<p style="margin-top:-18px"><i>{Artist}</i></p>
{/block:Artist}
</div>
{block:caption}{caption}{/block:caption}
{/block:Audio}<br>

{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}</p>{/block:Video}

{block:Answer}<div id="asker"><img src="{AskerPortraitURL-40}"></div><div id="ask"><span
style="text-transform:uppercase; font-family: calibri; font-size:9px">{Asker}</span>:<i>
{Question}</i></div> {Answer}<br>{/block:Answer}

<div id="info"><span style="float:left;">{block:NotReblog}{/block:NotReblog}{block:Date}<a
href="{Permalink}">
{TimeAgo}</a></a>{/block:Date}{block:NoteCount} | <font color="#FFB0B8"></font>
{NoteCount}</a>{/block:NoteCount}</span><span
style="float:right;">{block:RebloggedFrom}<a href="{ReblogParentURL}"
title="{ReblogParentName}">via</a> | <a
href="{ReblogRootURL}"title="{ReblogRootName}">Source</a>{/block:RebloggedFrom}</span
>

{block:HasTags}<div id="tags"><center>{block:Tags} #<a href="{TagURL}">{Tag}</a>
{/block:Tags}</center>
</div>{block:HasTags}</div></div>
{/block:Posts}
<br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
{/block:Posts}</div></div></div></div>

<div id="cred">
<a href="http://deanlirium.tumblr.com/">deanlirium <span style="font-
size:12px;"> </span></a>
</div></div></div></div></div></div></div>

</div></div></div></div>

</body>
</html>

Theme 21-08

Uploaded by

Document Information

Original Description:

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Theme 21-08

Uploaded by

Copyright:

Available Formats

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.

You might also like