You are on page 1of 19

<!--theme by ella (oxygenthemes) for public use.

flawless base by farahmir.


-->

<!DOCTYPE html>
<head>

<title>{Title}</title>

<link rel="shortcut icon" href="{Favicon}">


<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}"
/>{/block:Description}

<!--Default Variables-->

<meta name="color:Background" content="#ffffff"/>


<meta name="color:Text" content="#aaaaaa"/>
<meta name="color:Link" content="#000000"/>
<meta name="color:Accent" content="EB819F"/>

<meta name="image:Sidebar Image" content=""/>

<meta name="text:link1" content="">


<meta name="text:link1 url" content="/">
<meta name="text:link2" content="">

<meta name="text:link2 url" content="/">


<meta name="text:link3" content="">
<meta name="text:link3 url" content="/">

<!-- jquery for tooltips-->

<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-mytooltips.js"></script>

<script>

(function($){

$(document).ready(function(){

$("a[title]").style_my_tooltips({

tip_follows_cursor:true,

tip_delay_time:30,

tip_fade_speed:300,

attribute:"title"

});

});

})(jQuery);

</script>

<!--CSS customization here. -->

<style type="text/css">

#s-m-t-tooltip{
position:absolute;
margin-top: 15px;
z-index:9999;
background:{color:background};
}

/*basics*/
blockquote {padding:5px 0 5px 30px;
border-left:1px solid {color:text};
margin-left:30px;
}

body {
background:{color:background};
color:{color:text};
font-family:arial;
font-size:9px;
text-align:justify;
margin:0;
line-height:16px;}

a{
color:{color:link};
text-decoration:none;
}

a:hover {
font-weight:bold;}

img{opacity:1;
border:none;
text-decoration:none}

small {
font-size:9px;}

big {
font-size:12px;}

#title {font-size:12px;
line-height:18px;
font-weight:bold;
margin-bottom:10px;
text-transform:uppercase;
text-align:left;}

/*sidebar*/
#sidebar {text-align:left;
position:fixed;
margin-left:-225px;
margin-top:100px;

width:125px;
background-color: #ffffff;
backgroundimage:url('http://static.tumblr.com/6e41b46b82015e73ccb1814fa944a3cf/pen
3fza/ybWnacwzk/tumblr_static_9i4jbfcjmhc8s8osg80cckg4g.gif');
padding:14.5px;
/*border-bottom:1px solid #F2F2F2;*/
}

#sidebarim {margin-bottom:20px}

#sidebarim img {width:125px}

#blogt {font-size:18px;
font-weight:bold; color:{color:Accent};}

.links {
-webkit-transition: opacity 0.5s linear;
}

.links a{
margin-top:3px;
background-color:{color:Background};
}

.links a:hover {
color:{color:text};

.plus {
text-align:center;
-webkit-transition: opacity 0.5s linear;
}

.plus:hover #links {
opacity:1;
}

.links a {
margin-right:5px;
display:inline-block;
margin-bottom:5px;
}

#description {
margin:20px 0;
background-color:white;
}

/*pagination*/
#pagination {
margin:50px 0;

text-transform:lowercase;
font-weight:bold;
}
#pagination a {
padding:0 15px;
}

/*container*/
#con {
left:50%;
margin-left:-250px;
position:absolute;
}

/*posts*/

#entries {
margin-top:75px;
width:400px;
}

#posts {

width:400px;
{block:IndexPage}
margin-bottom:75px;
{/block:IndexPage}
{block:PermalinkPage}
margin-bottom:50px;
{/block:PermalinkPage}

}
#posts img {
max-width:400px;
}

#posts img, #posts li, #posts blockquote {max-width: 100%;}


.caption {width:100%;
margin-top:10px;

/*quote*/

#titlequote{text-align:left;
font-size:14px;
line-height:18px;
font-weight:bold;
}

#source {
margin-top:15px;
margin-left:15px;}

/*audio*/

.player {
width:25px;
height:25px;
overflow:hidden;
position:absolute;
background:white;}

.audioinfo {
margin-left:50px;
}

/*asks*/
.q {margin-bottom:10px;
}
.as {
font-weight:bold;}

.a {
margin-top:10px;

/*chat*/

.chat ol {
padding:0;
list-style:none;
}
.line {padding:5px 0;}

.label {font-weight:bold;
}

/*permalink and notes*/

#permalink {
margin-top:15px;
font-size:9px;
text-transform:lowercase;
font-family:times;
}

#permalink a {margin-right:10px;
}

.tags {
word-break:break-all;
font-size:9px;
text-transform:lowercase;
float:right;
}

.pagenotes {
{block:IndexPage}
display: none!important;
{/block:IndexPage}
width:400px;
text-align:left;

}
.pagenotes img {
display:none!important;}
.pagenotes li {
list-style-type:none;
padding:5px 0px;
text-align:left;
margin:0 0 0 -40px;

#pineapples {
bottom:10px;
right:10px;
position:fixed;
}

{CustomCSS}

</style>

</head>

<body>

<div id="con">

<div id="sidebar">
<!--<div id="sidebarim"><img src="{image:Sidebar Image}"></div>-->
<div id="blogt">{Title}</div>
<div id="description">{Description}</div>

<div class="links">

<a href="{text:link1 url}">{text:link1}</a>

<a href="{text:link2 url}">{text:link2}</a>

<a href="{text:link3 url}">{text:link3}</a>

</div>
<!--<div class="plus">+
<div id="links">
<a href="/">home</a><br/>
<a href="/ask">ask</a><br/>
{block:ifLink1}<a href="{text:Link 1 URL}">{text:Link
1}</a>{/block:ifLink1}<br/>
{block:ifLink2}<a href="{text:Link 2 URL}" >{text:Link
2}</a>{/block:ifLink2}<br/>
{block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>
{/block:ifLink3}<br/>
</div>
</div>-->

</div>

<div id="entries">

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

{block:Quote}

<div id="titlequote">{Quote}</div>
{block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
{/block:Quote}

{block:Text}

{block:Title}
<div id="title">{Title}</div>{/block:Title}
{Body}
{/block:Text}

{block:Link}

<div id="title"><a href="{URL}">{Name}</a></div>{block:Description}


{Description}{/block:Description}
{/block:Link}

{block:Chat}
{block:Title}
<h1>{Title}</h1>
{/block:Title}
<div class="chat">
<ol>{block:Lines}
<li class="line {Alt}">
{block:Label}
<span class="label">
{Label}</span>
{/block:Label}{Line}</li>
{/block:Lines}
</ol></div>
{/block:Chat}

{block:Photo}
{LinkOpenTag}<img src="{PhotoURL-400}"
alt="{PhotoAlt}"/>{LinkCloseTag}
{/block:Photo}

{block:Photoset}
{Photoset-400}
{/block:Photoset}

{block:Video}
{Video-400}
{/block:Video}

{block:Audio}
<div class="player">{AudioPlayerWhite}</div>
<div class="audioinfo">
<b style="text-transform:uppercase;letter-spacing:1px">{block:TrackName}
{TrackName}
{/block:TrackName}</b>{block:Artist}<br><i>{Artist}</i>{/block:Artist}
</div>
{/block:Audio}

{block:Answer}
<div class="q">
<div class="as">{Asker} said: </div>
{Question}</div>
<div class="a">{Answer}</div>
{/block:Answer}

{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}

{block:Date}
<div id="permalink">
<a href="{Permalink}" title="{TimeAgo}" style="background-color:
{color:Accent}; color:{color:background};" >{12Hour}:{Minutes}
{AmPm}</a> // {block:NoteCount}<a href="{Permalink}"

title="{NoteCount}">{NoteCount}</a>{/block:NoteCount}
{block:RebloggedFrom}<a href="{ReblogParentURL}"
title="{ReblogParentName}" style="border-bottom:1px solid;"
>via</a>{block:ContentSource}<a href="{ReblogRootURL}"
title="{ReblogRootName}" style="border-bottom:1px
solid;">source</a>{/block:ContentSource}{/block:RebloggedFrom}
{block:HasTags}<div class="tags">{block:Tags}<a
href="{TagUrl}">{Tag},</a>{/block:Tags}</div>{/block:HasTags}
</div>
{/block:Date}

</div>

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

{/block:Posts}

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

{/block:PreviousPage}

{block:NextPage}
<a href="{NextPage}">-- forth</a>
{/block:NextPage}
{/block:Pagination}
</div>

</div>

</div>

{block:ContentSource}
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ContentSource}
<div id="pineapples"><a href="http://oxygenthemes.tumblr.com"
title="oxygenthemes">O2</a></div>
</body>

</html>

You might also like