Professional Documents
Culture Documents
Theme
Theme
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="#333333"/>
<meta name="color:links" content="#5b5b5b"/>
<meta name="color:links hover" content="#c9c9c9"/>
<meta name="color:scrollbar bg" content="#ffffff"/>
<meta name="color:scrollbar" content="#eeeeee">
<meta name="color:title" content="#eeeeee">
<!------------------------TOOLTIPS SCRIPT--------------------->
<link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css"
rel="stylesheet" type="text/css" />
<script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-
tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:200,
tip_fade_speed:300
});
});
})(jQuery);
</script>
<script>
$(document).ready(function() {
//
$('a.poplight[href^=#]').click(function() {
var popID = $(this).attr('rel'); //Get Popup Name
var popURL = $(this).attr('href'); //Get Popup href to define size
var query= popURL.split('?');
var dim= query[1].split('&');
var popWidth = dim[0].split('=')[1]; //Gets the first query string value
$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#"
class="close"></a>');
var popMargTop = ($('#' + popID).height() + 80) / 2;
var popMargLeft = ($('#' + popID).width() + 80) / 2;
//Apply Margin to Popup
$('#' + popID).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
$('body').append('<div id="fade"></div>');
$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer
- .css({'filter' : 'alpha(opacity=80)'})
return false;
});
$('a.close, #fade').live('click', function() {
$('#fade , .popup_block').fadeOut(function() {
$('#fade, a.close').remove(); //fade them both out
});
return false;
});
});
</script>
<!-------------------------------------------------------------------->
<style type="text/css">
/*----------tooltips---------*/
#s-m-t-tooltip {
max-width:300px;
margin:15px;
padding:5px;
border:1px solid #eeeeee;
border-radius:0px;
background:#ffffff;
color:{color:text};
z-index:999999;
font-size:7px;
font-style:none;
font-weight:lighter;
letter-spacing:2px;
font-family:helvetica;
text-transform:uppercase;
box-shadow:1px 1px 3px rgba(0,0,0,.0);
}
/*----------scrollbar---------*/
::-webkit-scrollbar {
background-color: {color:scrollbar bg};
height:8px;
width:5px
}
::-webkit-scrollbar-thumb:vertical {
background-color:{color:scrollbar};
height:50px
}
::-webkit-scrollbar-thumb:horizontal {
background-color:{color:scrollbar bg};
height:8px!important
}
/*----------basics---------*/
body {
background:{color:background} url({image:background image}) repeat right top fixed;
color:{color:text};
font-family:arial;
line-height:15px;
font-size:10px;
margin:0;
text-align:left;
}
blockquote {
padding-left:10px;
border-left:1px solid;
border-color:#eeeeee;
margin:10px;
}
a {
color:{color:links};
text-decoration:none;
}
a:hover {
text-decoration:none;
color: {color:links hover};
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}
img {
opacity:1;
text-decoration:none;
}
h1 {
font-size:11px;
font-weight:bold;
}
/*----------posts---------*/
.container {
left:50%;
width:800px;
position:absolute;
}
.posts {
margin-top: 100px;
{block:IndexPage}
margin-bottom:80px;
width:400px
{/block:IndexPage}
{block:PermalinkPage}
margin-bottom:40px;
width:500px
{/block:PermalinkPage}
;
}
.entries {
margin-left:-60px;
{block:IndexPage}
width:400px
{/block:IndexPage}
{block:PermalinkPage}
width:500px
{/block:PermalinkPage}
margin-top:50px;
margin-bottom:50px;
}
.posts li {
list-style: square;
}
blockquote img {
max-width:320px!important;
}
/*----------post info---------*/
.info {
border-top:1px solid #eeeeee;
padding-top:15px;
text-transform:uppercase;
font-size:8px;
letter-spacing:1px;
margin-top:15px;
}
.tags {
margin-top:5px;
font-size:8px;
letter-spacing:1px;
font-style:italic;
text-align:center;
{block:IfHoverInfo}
opacity:0;
{/block:IfHoverInfo}
{block:IfNotHoverInfo}
opacity:0.5;
{/block:IfNotHoverInfo}
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.posts:hover .tags {
opacity:0.5;
-webkit-transition:all 0.6s;
-moz-transition:all 0.6s;
-ms-transition:all 0.6s;
-o-transition:all 0.6s;
transition:all 0.6s;
}
.tags a {
margin-right:8px;
}
/*----------post notes---------*/
ol.notes {
padding:0px;
margin:25px 0px 0px -10px;
list-style-type:none;
}
ol.notes li.note {
padding:10px;
}
/*----------sidebar---------*/
.sidebar {
position:fixed;
width:150px;
margin-left:-350px;
top:250px;
}
.sidebarimage {
width:150px;
}
.sidebarimage img {
width:150px;
border-radius:3px;
margin-bottom:10px;
}
.sidetitle {
margin-top:-5px;
padding: 0px 0px 5px 0px;
font-size:9.5px;
text-transform:uppercase;
font-weight:bold;
border-bottom: 1px solid #eeeeee;
width:150px;
text-align: right;
color:{color:title};
}
.description {
width:150px;
text-align:justify;
padding: 0px 0px 0px 0px;
margin-top:9px;
font-size:9px;
}
.links {
width:150px;
text-align:center;
margin-top:10px;
word-spacing:3px;
font-size: 8.5px;
color:{color:links};
}
.links a {
padding:5px;
}
.pagination {
width:150px;
margin-top:20px;
text-align:center;
border-top:0px solid #eeeeee;
padding-top:15px;
}
/*----------quotes---------*/
.quote {
text-transform:uppercase;
font-size:12px;
font-weight:bold;
text-align:center;
}
.quotesource {
text-align:center;
margin-top:10px;
}
/*----------chat---------*/
.chat {
line-height:20px;
list-style:none;
}
.line.odd {
background:#fafafa;
margin-bottom:2px;
padding:5px;
list-style:none;
font-size:10px;
}
.line.even {
background:#ffffff;
margin-bottom:2px;
padding:5px;
list-style:none;
font-size:10px;
}
.label {
padding-right:1px;
text-transform:uppercase;
font-weight:bold;
color:{color:links};
}
/*----------questions---------*/
.question {
background:#fafafa;
padding:10px;
}
.asker {
text-transform:uppercase;
}
.answer {
padding:10px;
margin-top:-15px;
}
/*----------audio---------*/
.playerbutton {
position:relative;
width:30px;
height:35px;
overflow:hidden;
}
.playerbuttonhug {
position: absolute;
top:-7px;
left:2px;
}
.tumblr_audio_player {
height:50px;
{block:IndexPage}
width:400px
{/block:IndexPage}
{block:PermalinkPage}
width:500px
{/block:PermalinkPage}
}
.playerbuttonbg {
position:absolute;
width:35px;
height:35px;
background-color:#e4e4e4;
padding:10px;
}
.trackdetails {
width:auto;
display:inline-block;
margin-left:70px;
font-size:10px;
letter-spacing:1px;
text-transform:lowercase;
padding:5px;
line-height:15px;
}
.audiowrapper {
position:relative;
display:inline-block;
}
/*----------credit---------*/
.credit {
font-size:8px;
position:fixed;
font-weight:bold;
bottom:5px;
right:15px;
z-index:10;
text-align:right;
letter-spacing:1px;
padding:2px;
}
.credit a {
color:{color:links};
text-decoration:none;
}
.credit a:hover {
color:{color:links hover};
text-decoration:none;
}
.html_photoset {
-webkit-filter: grayscale(100%);
-webkit-transition: all 1.2s;
...
}
.html_photoset:hover {
-webkit-filter: grayscale(0);
}
.popup_block{
display:none;
background:#fff;
padding:15px;
float:left;
position:fixed;
border-radius: 3px;
top:50%;left:50%;
z-index: 99999;
}
#titless { display:inline-block;
background-color: transparent;
width:120px; font-family: helvetica;
padding:5px;
color:#e1e1e1;
letter-spacing:2px;
font-size:11px;
font-style:bold
text-transform:uppercase;
text-align:center; }
#oneout {
position:fixed;
top:64px;left:1px;
text-align:center;
font-family:helvetica; font-size:8px;letter-spacing:1px;
-webkit-transition-duration:0.7s;-moz-transition-duration:0.7s;-o-transition-
duration:0.7s;transition-duration:0.7s;
z-index:99999999; }
#oneout_inner {
position:fixed;
width:100px; height:auto;
top:10px; left:-110px;
border-radius: 3px;
padding:10px 7px 5px 10px;
background:#FFFFFF; /* change #FFFFFF; to transparent; if you want the
background of the slide out tab to be transparent and not white*/
-webkit-transition-duration:0.7s;-moz-transition-duration:0.7s;-o-transition-
duration:0.7s;transition-duration:0.7s;
text-align:left;
z-index:99999999; }
#oneout:hover {
left:110px;
z-index:99999999; }
#oneout:hover #oneout_inner {
left:0px;
z-index:99999999; }
.onetitle {
position:absolute;
height: 50px;
left:7px; top:-50px;
font-family:helvetica; font-size:10px;
z-index:99999999; }
</style>
</head>
<body>
<div class="container">
<div class="credit">
<a title="theme" href="http://mrsthemes.tumblr.com/" target="_blank">MRS</a></div>
<div class="sidebar">
{block:IfShowSidebarImage}
<div class="sidebarimage">
<a href="/"><script language="JavaScript">
<!--
function random_imglink(){
var myimages=new Array()
//specify random images below. You can have as many as you wish
myimages[1]="https://68.media.tumblr.com/e0a215a1f3ba0d73b49cfc1d8117df3f/tumblr_om
f7elXCuT1qkksz8o1_250.gif"
myimages[2]="https://68.media.tumblr.com/50aa1e5c13d954a03834e053466fe13c/tumblr_om
f7elXCuT1qkksz8o3_r1_250.gif"
var ry=Math.floor(Math.random()*myimages.length)
if (ry==0)
ry=1
document.write('<img src="'+myimages[ry]+'" border=0>')
}
random_imglink()
//-->
</script>
</a></div>
{/block:IfShowSidebarImage}
<div class="sidetitle">{Title}</div>
<div class="description">{Description}</div>
<div class="links">
<a href="/">home</a>
<a href="#?w=400" rel="box1" class="poplight">ask</a>
{block:IfShowLink1}
<a href="#?w=300" rel="box2" class="poplight">{text:link 1 title}</a>
{/block:IfShowLink1}
{block:IfShowLink2}
<a href="#?w=300" rel="box3" class="poplight">{text:link 2 title}</a>
{/block:IfShowLink2}
</div>
<div class="pagination">
{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}">-</a>{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}">+</a>
{/block:NextPage}
{/block:Pagination}
</div>
</div>
<div class="entries">
{block:Posts}
<div class="posts">
{block:Text}
<h1>{block:Title}{Title}{/block:Title}</h1>
{Body}{/block:Text}
{block:Photo}
{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
{block:Caption}{Caption}{/block:Caption}
{/block:Photo}
{block:Photoset}{block:IndexPage}
{Photoset-400}
{/block:IndexPage}
{block:PermalinkPage}
{Photoset-500}
{/block:PermalinkPage}
{block:Caption}{Caption}{/block:Caption}
{/block:Photoset}
{block:Quote}
<div class="quote">"{Quote}"</div>
{block:Source}<div class="quotesource"> � {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}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li
class="line {Alt}"> {block:Label} <span class="label"> {Label}</span>
{/block:Label}{Line}</li> {/block:Lines}</div>
{/block:Chat}
{block:Audio}
{block:AudioPlayer}
<div class="audiowrapper">
<div class="playerbuttonbg">
<div class="playerbutton">
<div class="playerbuttonhug">
{AudioPlayerGrey}
</div></div></div>
<div class="trackdetails">
{block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
{block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
<b>PLAYS:</b> {FormattedPlayCount}</div></div>
{/block:AudioPlayer}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:Audio}
{block:Video}{block:IndexPage}
{Video-400}
{/block:IndexPage}
{block:PermalinkPage}
{Video-500}
{/block:PermalinkPage}
{block:Caption}{Caption}{/block:Caption}
{/block:Video}
{block:Answer}
<div class="question">
<div class="asker"><b>{Asker} said:</b></div>
{Question}</div><br>
<div class="answer">
{Answer}</div>
{/block:Answer}
<div class="info">
{block:Date}
<b><a href="{Permalink}">{DayOfMonthWithZero}.{ShortMonth}.{ShortYear}</b></a>
{/block:Date}
<a href="{Permalink}">{NoteCountWithLabel}</a>
{block:RebloggedFrom}
<a href="{ReblogParentURL}" title="{ReblogParenttitle}">via </a>
{block:ContentSource}
<a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}">/ src</a>
{/block:ContentSource}
{/block:RebloggedFrom}
{block:HasTags}
<div class="tags">
{block:Tags}
<a href="{TagURL}">#{Tag}</a>
{/block:Tags}
</div>
{/block:HasTags}
</div>
{block:PostNotes}
{PostNotes}
{/block:PostNotes}
{/block: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:ReblogParent}{/block:ReblogParent}
<img src="{image:update}">
</span><div id="oneout_inner">
<center>
<b>Nat |</b>22
<p>Book worm, obsessed with far too many things and overly emotional about almost
all of them.
<div align="center"><p><script language="JavaScript"
src="http://s1.freehostedscripts.net/ocount.php?site=ID1761347&name="></script>|
<script language="JavaScript">
var ref = (''+document.referrer+'');
document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?
site=ID3134610&e1=&e2=&r=' + ref + '"><\/script>');
</script></p></div>
<p><div align="center"><b>MULTIFANDOM MESS</b></div>
<div align="center"><p><a
href="http://vallarmorghulis.tumblr.com/">(????)</div></p>
<div align="center"><p><a href="http://lordoftheelves.tumblr.com/tfunetwork">?</a>
<big><big><big><a href="http://steverogersdaily.tumblr.com/">?</a>
</big></big></big><a
href="http://farewellprincefili.tumblr.com/taurielprotectionnet">?</a>
<br></center></div></div>
</div></div>
<div align="center">
<div id="titless">BY NOTES</a></div>
<p><a href="/tagged/*mine">all</a> - <a href="/tagged/*1k">1k</a> - <a
href="/tagged/*5k">5k</a> - <a href="/tagged/*10k">10k</a> - <a
href="/tagged/*25k">25k</a> - <a href="/tagged/*50k">50k</a></p>
</div></div>
<div id="box3" class="popup_block"><div class="third">
<div align="center">
<p><a href="/about-me">about me</a></p>
<p><a href="/tags">tags</a></p>
</div></div>
</body>
</div></div></div></div></div></div></div></div></div></div></div>
</html>