Theme

<!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>


<script type="text/javascript" src="http://scmplayer.net/script.js"
dataconfig="{'skin':'http://static.tumblr.com/su8juwr/AOLmlu5pj/harrypotter.css','volume
':30,'autoplay':true,'shuffle':false,'repeat':1,'placement':'bottom','showplaylist':false,
'playlist':[{'title':'eins.','url':'https://www.youtube.com/watch?v=mHNllxzUv94'},
{'title':'zwei.','url':'https://www.youtube.com/watch?v=03rALNASWJw'},
{'title':'drei.','url':'https://www.youtube.com/watch?v=RxabLA7UQ9k'},
{'title':'vier.','url':'https://www.youtube.com/watch?v=B0RXSRxn4no'},
{'title':'funf.','url':'https://www.youtube.com/watch?v=WYsvpHsDk_A'},
{'title':'sechs.','url':'https://www.youtube.com/watch?v=XNSsv86lsok'},
{'title':'sieben.','url':'https://www.youtube.com/watch?v=EhIO6947bbM'},
{'title':'acht.','url':'https://www.youtube.com/watch?v=kA84uOMJegI'},
{'title':'neun.','url':'https://www.youtube.com/watch?v=VTsD2FjmLsw'},
{'title':'zehn.','url':'https://www.youtube.com/watch?v=WE8Rhmy8v0E'}]}"
></script>

<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></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;
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>
<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:0,
tip_fade_speed:0,
attribute:"title"
});
});
})(jQuery);
</script>


<style>
.tooltip{
display: inline;
position: relative;
}
#s-m-t-tooltip {
font-family:'times';
max-width:300px; /*how big the tooltip can be at most*/
border-radius: 0px; /*change your border radius*/
font-weight:bold;
border-left:2px solid {color:background};
padding:5px 6px 5px 6px; /*padding inside tooltip*/
margin:30px 10px -20px 20px; /*distance from word*/
background-color:{color:text}; /*background color*/
font-size:9px; /*tooltip font size*/
letter-spacing:2px; /*tooltip letter spacing*/

text-transform:uppercase; /*makes the tooltip title uppercase*/
color:{color:background}; /*tooltip font color*/
z-index:99999999999999999999999999999999999999999;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
}
.playerbuttonbg {
position: absolute;
left: 20px;
top: 20px;
width: 19px;
height: 19px;
background-color: #ffffff;
padding: 10px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
opacity: .4;
filter: alpha(opacity=40);
-moz-opacity: 0.4;
-khtml-opacity: 0.4;
transition: opacity .7s ease-in-out;
-moz-transition: opacity .7s ease-in-out;
-webkit-transition: opacity .7s ease-in-out;
}
.playerbuttonbg:hover {
opacity: 1;
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
}
.newplayerbutton {
position: relative;
width: 19px;
height: 19px;
overflow: hidden;
}
.playerbuttonhug {
position: absolute;
top: -18px;
left: -7px;
}
.tumblr_audio_player {
height: 90px;
width: 270px;
-moz-transform: scale(0.60, 0.60);
-webkit-transform: scale(0.60, 0.60);
-o-transform: scale(0.60, 0.60);
-ms-transform: scale(0.60, 0.60);
transform: scale(0.60, 0.60);
-moz-transform-origin: top left;
-webkit-transform-origin: top left;

-o-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
.audioimgwrapper {
position: absolute;
left: 0px;
top: 0px;
overflow: hidden;
width: 79px;
height: 79px;
}
.audioimgwrapper img {
width: 100%;
height: auto;
}
.trackdetails {
width: auto;
display:inline-block;
margin-left: 90px;
min-height: 85px;
}
.audiowrapper {
position: relative;
display:inline-block;
}
</style>
<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}
<meta name="color:Background" content="#ffffff"/>

<meta name="color:Entries" content="#eeeeee"/>
<meta name="color:Text" content="#838282"/>
<meta name="color:Headertitle" content="#b8b8b8"/>
<meta name="color:Postnotes" content="#ffffff"/>
<meta name="color:Bold" content="#ffffff"/>
<meta name="color:Main" content="#ffffff"/>
<meta name="color:Postlinks" content="#ffffff"/>
<meta name="color:Posthover" content="#ffffff"/>
<meta name="color:Taglink" content="#ffffff"/>

<meta name="color:Em" content="#ffffff"/>
<meta name="color:Sidelink" content="#ffffff"/>
<meta name="color:Hover" content="#ffffff"/>
<style type="text/css">
/* POP UP */
#fade { /*--Transparent background layer--*/

display: none; /*--hidden by default--*/
background: {color:background};
position: fixed; left: 0; top: 0;
width: 100%; height: 100%;
opacity: .80;
z-index: 9999;
}
.popup_block{
display: none; /*--hidden by default--*/
background: transparent;
padding: 20px;
float: left;
position: fixed;
top:50%;
left:50%;
z-index: 99999;
height:347px;
.poptext {
margin-left:auto;
margin-right:auto;
margin-top:-15px;
width:250px;
padding:10px;
margin-left:170px;
height:450px;
overflow:auto;
text-align:justify;
color:{color:background};
background-color:#dddddd;
}
.poptext a {
color:{color:bold};
}
.popask {
margin-left:auto;
margin-right:auto;
margin-top:-10px;
width:400px;
padding:40px 40px 40px 40px;
margin-left:160px;
font-weight:bold;
overflow:hidden;
text-align:justify;
font-size:14px;
}
.popnav {
margin-left:auto;
margin-right:auto;
margin-top:-70px;
width:360px;
padding:40px 40px 40px 40px;
margin-left:150px;
font-weight:bold;
overflow:auto;
text-align:justify;
color:{color:text};
font-size:14px;
background-repeat:no-repeat;
}
img.btn_close {
float: right;
margin: -5px -5px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
position: absolute;
}
*html .popup_block {
position: absolute;
}
/* POPUP NAVIGATION */
#table {
display: block;
font-size: 12px;
font-family: 'times';
text-align: center;
margin-left:-30px;
margin-top:100px;
}
#links {
display: block;
font-decoration: none;
width: 400px;
#links a {
display: block;
padding: 6px;
color: white;
background-color:#202020;
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
text-decoration: none;
}
#links a:hover {
display: block;
padding: 6px;
color:{color:em};
}
/* WEBKIT SCROLLBAR */
::-webkit-scrollbar-thumb:vertical {
height:4px;
background-color:{color:main};
}
::-webkit-scrollbar-thumb:horizontal {
background-color:#fff;
}
::-webkit-scrollbar {
width:2px;
height:4px;
background-color:transparent;
}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
display:block;
height:4px;
background-color:transaprent;
}
/* MAIN BLOG */
body {
background-color:{color:Background};
margin:0px;
color:{color:text};
font-family:'Helvetica';
font-weight:100;
line-height:17px;
font-size:11px;
}
ul,ol,li {
list-style-type:default';
}
u, underline {
color:#202020;
font-size:13px;
}
a{
color: {color:hover};
text-shadow:0px 0px 2px {color:hover};
}
small {
font-size:11px;
line-height:20px;
}
sub {
font-size:11px;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid {color:em};
padding: 0;
}
blockquote {
padding-left:5px;
border-left:1px solid {color:bold};
margin-left:5px;
width:235px;
}
blockquote blockquote {
border-left:1px solid {color:bold};
width:225px;
}
b, bold, strong {
color: {color:bold};
font-size:14px;
text-shadow:0px 0px 2px {color:bold};
}
h2 {
color: {color:main};
font-size:15px;
}
h1 {
color: {color:bold};
font-size:15px;
text-align:center;
}
i, em {
color:{color:em};
letter-spacing:1px;
font-size:14px;
text-shadow:0px 0px 2px {color:em};
}
http://static.tumblr.com/p2ezhkh/ztmo628bq/background_theo_iv.png
s, strike {
color:{color:em};
font-size:13px;
letter-spacing:2px;
text-shadow:0px 0px 2px {color:bold};

}
/* POST */
#container {
/* feel free to use the image below as a template */
backgroundimage:url('http://static.tumblr.com/p2ezhkh/bdxo628pg/background_theo_iv.png');
margin:auto;
position:absolute;
bottom: 0; left: 0; top: 0; right: 0;
/* resize your container to the size of your background image */
height:500px;
width:500px;
}
#entries {
position:absolute;
width:270px;
/* leave the width alone unless you're going to change post size, but feel free to
fiddle with the margins when you have your background image in place */
margin-left:125px;
margin-top:155px;
height:300px;
overflow-x: hidden;
overflow-y: auto;
}
#sidelinks {
position:absolute;
z-index:999;
font-weight:bold;
width:10px;
letter-spacing:4px;
font-size:15px;
margin-top:50px;
margin-left:450px;
}
#sidelinks a {
color:{color:Sidelink};
-o-transition:.5s;
-ms-transition:.5s;
transition:.5s;
-webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter:
blur(0px); filter: blur(0px);
}
#sidelinks a:hover {
color:{color:Hover};
-o-transition:.5s;
-ms-transition:.5s;
transition:.5s;
text-shadow:none;
opacity:0.6;
}
#sidenext {
/* this is your pagination. it's part of the sidelinks so if you move the sidelinks, this
will move as well */
font-size:20px;
position:absolute;
margin-top:0px;
margin-left:0px;
}
/* POSTS */
#post {
width:250px;
padding: 5px 0px 5px 0px;
text-align: justify;
margin-bottom:30px;
margin-top:30px;
}
img, embed, object, video {

max-width: 100%;
width: auto;
height: auto;
border: none;
}
#post:img {
width:100;
}
#post a {
color: {color:Postlinks};
font-weight:bold;
-o-transition:.5s;
-ms-transition:.5s;
transition:.5s;
text-shadow:none;
font-size:14px;
}
#post a:hover {
-o-transition:.5s;
-ms-transition:.5s;
transition:.5s;
color:{color:posthover};
}
#posttitle {
text-align: center;
font-size: 15px;
color: {color:Headertitle};
letter-spacing:2px;
text-transform:uppercase;
margin-bottom:-10px;
padding:5px;
-o-transition:.5s;
-ms-transition:.5s;
transition:.5s;
text-shadow:none;
}
#posttitle:hover {
-o-transition:.5s;
-ms-transition:.5s;
transition:.5s;
}
/* AUDIO POST */
#audio {
margin-bottom:10px;
padding:10px;
background-color:{color:Blockquote};
height:80px;}
.cover {
width:80px;
height:80px;
position:absolute;}
.cover img {
z-index:10;
width:70px;
height:70px;
border:5px solid {color:Main};}
.player {
margin:15px 0px 0px 100px;}
.audioinfo {
margin:10px 0px 0px 110px;}
/* QUOTE POST */
#quotey {
font-size:10px;
padding:20px;
}
#quotes {
font-size:20px;
padding:20px;
color:{color:Bold};
font-weight:bold;
font-style: italic;
text-shadow: 0 1px 0.2em {color:bold};
}
/* ASK POST */
#noicest {
background-repeat:no-repeat;
width:250px;
height:auto;
border-bottom:1px solid {color:main};
}
#noiceask {
font-size:25px;
text-align:center;
margin-top:10px;
letter-spacing:2px;
}
#noiceask a {
color:{color:main};
}
#noiceask a:hover {
letter-spacing:3px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
#noicer {
width:250px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
height:auto;
text-align:center;
overflow:auto;
padding-top:10px;
padding-bottom:10px;
font-weight:bold;
font-size:10px;
}
/* TAGS */
#infotext {
letter-spacing:2px;
font-size:15px;
margin-top:10px;
color:{color:em};
text-align:center;
padding:10px;
border-bottom:1px solid white;
}
#infotext a {
color:{color:Sidelink};
-o-transition:.5s;
-ms-transition:.5s;
transition:.5s;
}
#infotext a:hover {
color:{color:hover};
-o-transition:.5s;
-ms-transition:.5s;
transition:.5s;
}
#info a {
color: {color:Postnotes};
-o-transition:.5s;
-ms-transition:.5s;
transition:.5s;
}
#info a:hover {
opacity:0.5;
-o-transition:.5s;
-ms-transition:.5s;
transition:.5s;
}
#iinfo {
font-size:9px;
text-align:justify;
letter-spacing:1px;
text-transform:none;
text-shadow:none;
margin-top:-24px;
color:{color:bold};
width:250px;
margin-bottom:40px;
-ms-transform: rotate(.5deg); /* IE 9 */
-webkit-transform: rotate(.5deg); /* Chrome, Safari, Opera */
transform: rotate(.5deg);
}
#iinfo a {
color:{color:taglink};
-o-transition:.5s;
-ms-transition:.5s;
transition:.5s;
}
#iinfo a:hover {
opacity:0.5;
-o-transition:.5s;
-ms-transition:.5s;
transition:.5s;
}
#reblog {
font-size:9px;
letter-spacing:3px;
color:{color:Postnotes};
}
#reblog a{
}
#nnotes {
width:360;
overflow:hidden;
height:auto;
margin-left:15px;
padding-left:20px;
font-size:5px;
color:{color:Text};
}
#nnotes a {
text-transform:lowercase;
letter-spacing:1px;
font-weight:bold;
font-style:italic;
}
/* UPDATE TAB */
#update {
width:150px;
position:fixed;
margin-left:50px;
margin-top:50px;
transition:0.5s ease-in-out;
-webkit-transition:0.5s ease-in-out;
-moz-transition:0.5s ease-in-out;
text-align:justify;
z-index:99;
#updatetitle {
color:{color:text};
font-weight:bold;
z-index:99;
opacity:1;
font-size:7px;
letter-spacing:2px;
}
#updatetext {
opacity:0;
padding-top:200px;
margin-top:-15px;
color:{color:text};
font-size:10px;
z-index:9;
#updatetext:hover {
opacity:1;
padding-top:20px;
}
#uptext {
background-color:#121212;;
padding:10px;
width:110px;
}
#uptext a {
color:{color:bold};
font-weight:bold;
}
/* CREDITS */
#creda {
position:fixed;
bottom:5px;
right:30px;
width:20px;
height:20px;
font-size:7px;
font-style:italic;
text-shadow:none;
}
#creda a {
color:{color:bold};
text-shadow:none;
}
{CustomCSS}</style></head><body>
<div id="update"><div id="updatetitle">HOVER</div>

<div id="updatetext"><div id="uptext">
an indie roleplay blog for theodore nott.

written by lee.
est. 2014. formerly exitalisarchives.
</div></div></div>
</div>
</div>
<div id="container">
<div id="sidelinks">
<a href="/" title="home"></a>
<a href="/ask" rel="01" title="ask" class="poplight"></a>

<a href="/laws" rel="02" title="decree." class="poplight"></a>
<a href="/a" rel="03" title="nott." class="poplight"></a>
<a href="/v" rel="04" title="verses." class="poplight"></a>
<a href="#?w=460" rel="05" title="navigation" class="poplight"></a>
<p>
<div id="sidenext">{block:NextPage}<a href="{NextPage}"
title="next"></a>{/block:NextPage}
<p>{block:PreviousPage}<a href="{PreviousPage}"
title="back"></a>{/block:PreviousPage}
</div>
</div>
<div id="entries">{block:Posts}{block:ContentSource}
{/block:ContentSource}<div id="post">
{block:Text}<h1>{block:Title}<div
id="posttitle">{Title}</div>{/block:Title}</h1>{Body}<div id="photo"
class="photo"><img src="{PhotoURL-250}">{LinkCloseTag}</div>{block:More}
<a href="{Permalink}"><center><b>READ MORE</b></center></a>
{/block:More}{/block:Text}
{block:Photo}{LinkOpenTag}<div id="photo" class="photo"><img

src="{PhotoURL-250}">{LinkCloseTag}</div>{block:Caption}{Caption}
{block:More} <a href="{Permalink}"><center><b>READ
MORE</b></center></a> {/block:More}{/block:Caption}{/block:Photo}
{block:Photoset}<div id="photo" class="photo">{Photoset250}</div>{block:Caption}{Caption}{block:More} <a

href="{Permalink}"><center><b>READ MORE</b></center></a> {/block:More}
{/block:Caption}{/block:Photoset}
{block:Quote}<div id="quotes">{Quote}</div>{block:Source}<div
class="quotey">- {Source}</div>{/block:Source}{/block:Quote}
{block:Link}<a href="{URL}" {Target}><div

id="posttitle">{Name}</div></a></h1>{block:Description}{Description}
{/block:Description}{/block:Link}
{block:Chat}
{block:Title}<div id="posttitle">{Title}</div>
{/block:Title}<br>
{block:Lines}{block:Label}<strong>{Label}</strong></span>{/block:Label}
{Line}<br></li>{/block:Lines}</ul>
{/block:Chat}
{block:Audio}{block:AudioPlayer}
<div class="audiowrapper">
{block:AlbumArt}
<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
{/block:AlbumArt}
<div class="playerbuttonbg">
<div class="newplayerbutton">
<div class="playerbuttonhug">
{AudioPlayerWhite}
</div>
</div>
</div>
<div class="trackdetails">
{block:TrackName}{TrackName}{/block:TrackName}<br/>
{block:Artist}Artist: {Artist}{/block:Artist}<br/>
{block:Album}Album: {Album}{/block:Album}<br/>
{PlayCountWithLabel}
</div>
</div>
{/block:AudioPlayer}
{block:Caption}{Caption}{/block:Caption}{/block:Audio}
{block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}
{/block:Video}
{block:Answer}<div id="noicest"><div id="noiceask">{Asker}</div><div

id="noicer">{Question}</div></div><p>{Answer}{Photo-250}{block:More} <a
href="{Permalink}"><center><b>READ MORE</b><br> </center></a>
{/block:More}{/block:Answer}
<div id="infotext">{block:Date}<a
title="{TimeAgo}"><big></big></a></span>{/block:Date} <a
href="{Permalink}" title="{NoteCountWithLabel}"><big></big>
</a>{block:RebloggedFrom} <a href="{ReblogParentURL}"
title="{ReblogParentTitle}"><big></big></a>{/block:RebloggedFrom}</div></
div><div id="iinfo">{block:HasTags}{block:Tags} <a href="{TagURL}">{Tag}
</a>{/block:Tags}{/block:HasTags}
</div>
{block:PostNotes}<div id="postnotes"><div
id="nnotes">{PostNotes}</div></div>{/block:PostNotes}
{/block:Posts}</div></div>
<div id="creda"><a href="http://withgall.tumblr.com">WITHGALL</a></div>
</body>
<div id="01" class="popup_block">

<div class="popask">
<p><iframe frameborder="0" scrolling="no" width="100%" height="190"

src="http://www.tumblr.com/ask_form/USERNAME.tumblr.com" style="backgroundcolor:transparent; overflow:hidden;" id="ask_form"></iframe></p>
</div>
</div>

<div class="poptext">
</div>
</div>

an about page or something idk
</div>
</div>

verses, whatever, whatever
</div>
</div>

<div class="popnav"><div id="links"><table id="table" table border="0"
cellspacing="" cellpadding="2"><center>
<tr>
<td><a href="/">LINK</a></td>
</tr>
</tr>
<tr>
</tr>
</center></table></div></div></div>
</div>
</div>
</html>

Theme

Uploaded by

Document Information

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

Uploaded by

Copyright:

Available Formats

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

<!---__ _______ _______ _ _ _____ _ _

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

var popMargTop = ($('#' + popID).height() + 80) / 2;

letter-spacing:2px; /*tooltip letter spacing*/

-webkit-transform-origin: top left;

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

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

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

#fade { /*--Transparent background layer--*/

text-shadow:0px 0px 2px {color:bold};

img, embed, object, video {

<div id="update"><div id="updatetitle">HOVER</div>

an indie roleplay blog for theodore nott.

<a href="/ask" rel="01" title="ask" class="poplight"></a>

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

{block:Photo}{LinkOpenTag}<div id="photo" class="photo"><img

{block:Photoset}<div id="photo" class="photo">{Photoset250}</div>{block:Caption}{Caption}{block:More} <a

{block:Link}<a href="{URL}" {Target}><div

{block:Answer}<div id="noicest"><div id="noiceask">{Asker}</div><div

<div id="creda"><a href="http://withgall.tumblr.com">WITHGALL</a></div>

<div id="01" class="popup_block">

<p><iframe frameborder="0" scrolling="no" width="100%" height="190"

<div id="02" class="popup_block">

<div id="03" class="popup_block">

an about page or something idk

<div id="04" class="popup_block">

verses, whatever, whatever

<div id="05" class="popup_block">

You might also like

<!--- _ ___ _ _ _____ _ _

letter-spacing:2px; /tooltip letter spacing/

#fade { /--Transparent background layer--/