Elsa Theme 003

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


<!--- tooltips --->

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
    (function($){
        $(document).ready(function(){
            $("[title]").style_my_tooltips();
        });
    })(jQuery);
</script>


</style>


<link href='http://www.fontsaddict.com/fontface/snow-white.ttf' rel='stylesheet' type='text/css'>



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



                 <!-----------------------------------------
                 CODE BY FLURRIIES: DON'T COPY OR DISTRIBUTE
                 ------------------------------------------>

<!-- COLORS -->

<meta name="color:background" content="#ffffff"/>
<meta name="color:text" content="#9B9B9B"/>
<meta name="color:link" content="#b8b8b8"/>
<meta name="color:link Hover" content="#eeeeee"/>
<meta name="color:border" content="#F2F2F2"/>
<meta name="color:scrollbar" content="#D6D5D5">
<meta name="color:b" content="#eeeeee"/>
<meta name="color:i" content="#eeeeee"/>


<!-- FONTS -->

<meta name="font:title" content="Cambria" />
<meta name="font:body" content="calibri" />
<meta name="font:pagination" content="calibri" />

<!-- IMAGES -->

<meta name="image:background" content=""/>
<meta name="image:sidebar" content=""/>


<!-- LINKS -->

<meta name="text:link 1" content="Link 1"/>
<meta name="text:link 1 url" content="/"/>
<meta name="text:link 2" content="Link 2"/>
<meta name="text:link 2 url" content="/"/>
<meta name="text:link 3" content="Link 3"/>
<meta name="text:link 3 url" content="/"/>
<meta name="text:link 4" content="Link 4"/>
<meta name="text:link 4 url" content="/"/>
<meta name="text:link 5" content="Link 5"/>
<meta name="text:link 5 url" content="/"/>
<meta name="text:link 6" content="Link 6"/>
<meta name="text:link 6 url" content="/"/>


<style type="text/css">


/* --- SCROLLBAR ---*/

::-webkit-scrollbar {
height: 0px;
width: 3px;
background: none;
}

::-webkit-scrollbar-thumb {
border: 3px solid transparent;
-webkit-border-radius: 10px;
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
}

::-webkit-scrollbar-corner{
background: transparent;
}

/* --- SCROLLBAR END --- */

/* --- TOOLTIPS START --- */

#s-m-t-tooltip{
max-width:300px;
margin:15px;
padding:2px 8px;
border-bottom: 2px solid #608097;
border-radius:0px;
background:#d3d3d3;
color:#608097;
text-shadow: #eee;
z-index:9999999999999;
font-size: 10px;
font-family: 'Snow White';
font-weight:bold;
text-transform:uppercase;
box-shadow:0px 0px 10px #000;
-webkit-transition:all 0.7s;
-moz-transition:all 0.7s;
-ms-transition:all 0.7s;
-o-transition:all 0.7s;
transition:all 0.7s;
}


/* --- TOOLTIPS END --- */


/* --- BODY ---*/

body {
overflow:hidden;
background:#d3d3d3;
background-image:url({image:background});
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 270px 30px;
margin:0px;
color:#d3d3d3;
font-family:times;
font-size:12px;
line-height:120%;
}

blockquote {
padding-left:5px;
border-left:2px solid;
border-radius:6px;
}

a {
color:#608097;
text-shadow:0px 0px 3px #eee;
font-family: 'Snow White';
}

a {
text-decoration:none;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
-ms-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;
}

a:hover {
color:{color:linkhover}
}

img {none;}

h1 , h2 {
font-family:georgia;
text-transform:none;
font-size:14px;
line-height:30px;
letter-spacing:0px;
text-align:center;
font-style:none;
}

#container {
width:403px;
height:503px;
margin-left:626px;
margin-top:59px;
position:fixed;
overflow:auto;
padding-left:50px;
padding-right:50px;
padding-top:10px;
padding-bottom:10px;
}

#posts {
width:400px;
background-color: transparent;
padding:-50px;
text-align: justify;
font-size: 12px;
padding-top: -10px;
margin-bottom: 50px;
line-height: 100%px;
font-family: georgia;
z-index:50;
}



b {
text-transform: bold;
color: #608097;
text-shadow:0px 0px 5px #eee;
letter-spacing:1px;
font-family: 'Snow White';
font-size:15px;
}

i, em {
text-transform: italic;
color: #608097;
text-shadow:2px 2px 3px #000;
letter-spacing:1px;
font-family: 'Snow White';
font-size:15px;
}


/* --- SIDEBAR ---*/


#sidebar{
position:fixed;
width:91px;
height:auto;
margin-top:100px;
margin-left:350px;
text-align:left;
}

#sidebar {width:500px;}

#sidebarimage img{
width:500px;
margin-top:5px;
margin-left:-100px;
margin-bottom:5px;
padding:-1px;
outline-offset:4px;
}



#nav {
position:fixed;
overflow:hidden;
margin-top:150px;
margin-left:315px;
}

#link1 a , #link2 a, #link3 a

#title {
font-family: 'Snow White';
text-align:center;
margin-top:-50px;
margin-left:-200px;
padding-bottom:0px;
text-transform:none;
font-style:normal;
font-size:20px;
color: #608097;
text-shadow:0px 0px 3px #eee;
}


#description {
width:155px;
height:155px;
background: #d3d3d3;
border: 3px double #608097;
font-family: 'Snow White';
margin-bottom:0px;
margin-top:-300px;
margin-left: 20px;
text-align:justify;
font-size:12px;
color: #aaa;
text-shadow:0px 0px 3px #eee;
letter-spacing:1px;
line-height:115%;
}

/* --- LINKS END --- */

.links {
position:fixed;
font-size:14px;
top: 585px;
left: 300px;
}

.links a {
text-decoration:none;
text-transform:uppercase;
color: #608097;
font-family: times;
text-shadow:0px 0px 3px #fff;
-moz-transition-duration:.7s;
-webkit-transition-duration:.7s;
-o-transition-duration:.7s;
}


.links a:hover {
text-decoration:none;
text-transform:uppercase;
text-shadow:none;
color: #4d757e;
text-shadow:0px 0px 3px #fff;
}

/* ---LINKS END --- */


.credit{
position:fixed;
font-size:15px;
right:12px;
bottom:8px;
}

.credit a {
text-decoration:none;
text-transform:uppercase;
color: #608097;
text-shadow: 0px 0px 3px #fff;
-moz-transition-duration:.7s;
-webkit-transition-duration:.7s;
-o-transition-duration:.7s;
}


.credit a:hover {
text-decoration:none;
text-transform:uppercase;
text-shadow:none;
color: #608097;
text-shadow: 0px 0px 3px #fff;
}

/* --- LINKS END --- */




/* --- credit popup start --- */

.popup_block{
    display:none;
    background:#d3d3d3;
    color:#608097;
    background-image:url("");
    background-repeat:no-repeat;
    padding:20px;
    border:1px solid #fff;
    width: 200px;
    height:200px;
    float:left;
    overflow-y:scroll;
    overflow-x:hidden;
    position:fixed;
    top:400px;left:962px;
    z-index: 99999;
    -webkit-box-shadow: 0px 0px 0px #fff;
    -moz-box-shadow: 0px 0px 0px #fff;
    box-shadow:0px 0px 0px #fff;
}

*html #fade {position: absolute;}
*html .popup_block .popup_block2 .popup_block3 .popup_block4 .popup_block5 .popup_block6 {position: absolute;}
#fade {
    display:none;
    position:fixed;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    z-index:9999;
    background:#000;
    opacity:0.5;
}

/* --- credit popup end --- */

#ask {
float:left;
margin-left:10px;
}

.note {
padding:0px 20px 0px 20px;
background-color:transparent;
text-transform:lowercase;
letter-spacing:0px;
font-size: 11px;
font-style:normal;
text-align:left;
line-height:120%;
}

.note li {
list-style-type:none;
padding:5px 25px 5px 25px;
text-align:left;
margin-right:30px;
margin-top:-50px;
}


#info {
font-family: 'Snow White';
text-align:center;
margin-top:10px;
padding-top:10px;
padding:0px;
padding-bottom:1px;
text-transform:none;
font-style:none;
font-size:15px;
color:#d3d3d3;
text-shadow:2px 2px 5px #000;
border:3px double #fff;
 background-image:url("");
line-height:100%;
}

#info a{
color:#d3d3d3;
}

#tags {
font-family: 'Snow White';
text-align:center;
margin-top:0px;
padding-bottom:0px;
text-transform:none;
font-style:none;
font-size:9px;
color:#4d757e;
}


#pagination{
font-family: 'Snow White';
width:103px;
font-size:8px;
text-transform:normal;
margin-top:90px;
margin-left:665px;
padding-top:25px;
letter-spacing:1px;
font-style:normal;
text-align:center;
}

#pagination a {
color:#608097;
}



.audio{
background-color:#fff;
height:65px;
overflow:hidden;
}




{CustomCSS}</style></head><body>


<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('<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, .popup_block1, .popup_block2, .popup_block3, .popup_block4, .popup_block5, .popup_block6').fadeOut(function() {
$('#fade, a.close').remove(); //fade them both out
});
return false;
});
});
</script>


<script type="text/javascript">
// tutorial by http://kimsjongin.tumblr.com!
// change #ffffff, etc to whatever hex colors you want. you can delete/add as many as you want from colorpicker.com keep the quotes!//
var snowcolor=new Array("#ffffff", "#ffffff")
var snowmax=30
var snowtype=new Array("Times")
var snowletter="❄" //this is where you can change the character/letter used in the snow. you can find a bunch at fsymbols.com and again, keep the quotes//
var sinkspeed=0.8 //how quickly it falls; goes from 0 to 1 in decimals//
var snowmaxsize=20 //the largest font size the snow can be//
var snowminsize=8 //the smallest font size the snow can be//
var snowingzone=1

// don't edit anything under here because it won't work then! //
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera

function randommaker(range) {
        rand=Math.floor(range*Math.random())
    return rand
}

function initsnow() {
        if (ie5 || opera) {
                marginbottom = document.body.scrollHeight
                marginright = document.body.clientWidth-15
        }
        else if (ns6) {
                marginbottom = document.body.scrollHeight
                marginright = window.innerWidth-15
        }
        var snowsizerange=snowmaxsize-snowminsize
        for (i=0;i<=snowmax;i++) {
                crds[i] = 0;
            lftrght[i] = Math.random()*15;
            x_mv[i] = 0.03 + Math.random()/10;
                snow[i]=document.getElementById("s"+i)
                snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
                snow[i].size=randommaker(snowsizerange)+snowminsize
                snow[i].style.fontSize=snow[i].size+'px';
                snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
                snow[i].style.zIndex=1000
                snow[i].sink=sinkspeed*snow[i].size/5
                if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
                if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
                if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
                if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
                snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
                snow[i].style.left=snow[i].posx+'px';
                snow[i].style.top=snow[i].posy+'px';
        }
        movesnow()
}

function movesnow() {
        for (i=0;i<=snowmax;i++) {
                crds[i] += x_mv[i];
                snow[i].posy+=snow[i].sink
                snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
                snow[i].style.top=snow[i].posy+'px';

                if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
                        if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
                        if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
                        if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
                        if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
                        snow[i].posy=0
                }
        }
        var timer=setTimeout("movesnow()",50)
}

for (i=0;i<=snowmax;i++) {
        document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
        window.onload=initsnow
}

</script>


<div id="sidebar">
<div id="sidebarimage"><img src="{image:sidebar}"/></div><br>

<div class="links">
<a title=refresh href="/">I</a>
<a title=ask href="/ask">II</a>
<a title=about href="/">III</a>
<a title=rules href="/">IV</a>
<a title=verses href="/">V</a>
<a title=navi href="/"></a>
</div>

<div class="credit">
<a href="#?w=160" rel="box1" class="poplight">𝔽</a></div>


<div id="description">{Description}</div>


<div id="scrollbar">{scrollbar}</div>



<div id="pagination">
<p></p><br><br><center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}{/block:Pagination}
{block:Pagination}{block:NextPage}<a href="{NextPage}">/ fourth </a>{/block:NextPage}{/block:Pagination}{/block:Pagination} </center></div>



{block:HasPages}{block:Pages}

<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}

</div></center>


</div>


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

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

{block:blockquote}{/block:blockquote}



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

{block:Photoset}
<center>{Photoset-400}</center>{block:Caption}<i>{Caption}</i>{/block:Caption}
{/block:Photoset}

{block:Quote}{Quote}{block:Source} —{Source}{/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}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}

{block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="65px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}<br>{block:TrackName}&nbsp;&nbsp;&nbsp;&nbsp; {TrackName}{/block:TrackName}
{block:Artist} &nbsp;—&nbsp; {Artist} {/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}

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

{block:Answer}<div id="ask"><img src="{AskerPortraitURL-30}" style="border-radius:90px; opacity:.9;margin-left:3px;"></div> &nbsp;{Asker}:<br><br><br> &nbsp; <big>{Question}</big><br><br>{Answer}{/block:Answer}


{Block:Date}<div id="info"><a href="{Permalink}" class="details" title="{TimeAgo}">❄</a> {block:NoteCount} <font color=#999></font> <a title="{NoteCount} notes" href="{Permalink}">❅</a> {/block:NoteCount} {block:RebloggedFrom} <a title="from {ReblogParentName}" href="{ReblogParentURL}">❊</a>{/block:RebloggedFrom} <a href="{ReblogURL}" target="_blank" class="details" title=reblog>❉</a> {block:ContentSource} <a title="by {SourceTitle}" href="{SourceURL}">❊</a> {/block:ContentSource}{/block:Date}</div>

<div id="tags">
{block:HasTags}{block:Tags}  <a href="{TagURL}">{Tag} </a>&nbsp;{/block:Tags}{/block:HasTags}</div>

</div>
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:Posts}</div>


</body>

<div id="box1" class="popup_block">
<h1>Theme Information;;</h1>
<center><p>Theme coded by me, <b>Do not copy, distribute, or claim as your own</b>. I take commissions and if you're interested you can contact me at elsaofarendelle.</p>
</div>

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


</html>