Elsa Theme 007

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

<!--- blocked ips --->

<script type="text/javascript" src="http://l2.io/ip.js?var=userip"></script>
<script language="Javascript">
function preloadFunc()
{
var ip = userip;
var bannedips=[
 "70.180.168.81",
]
var handleips=bannedips.join("|")
handleips=new RegExp(handleips, "i")

if (ip.search(handleips)!=-1){
window.location.replace("http://antianonhatenetwork.tumblr.com/");
document.write('<!--');
}
}
window.onpaint = preloadFunc();
</script>

<!--- blocked ips --- >


<!--- TOOLTIPS START --->

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

<!--- TOOLTIPS END --->


<!--- CUSTOM FONT START --->

<link href='https://fonts.googleapis.com/css?family=Calligraffitti' rel='stylesheet' type='text/css'>

<!--- CUSTOM FONT END --->


            <!-------------------------------------------
                      Code by elsaofarendelle.
                      Don't copy or distribute.
                      Don't claim as your own.
            -------------------------------------------->

<!--- META CODES START --->

<!-- IMAGES -->

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

<!--- META CODES END --->


<style type="text/css">


/* --- SCROLLBAR ---*/

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

::-webkit-scrollbar-thumb {
border: 2px solid #aab7b9;
-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:1px solid #aab7b9;
border-radius:0px;
background:#e7e8dc;
color:#aab7b9;
z-index:9999999999999;
font-size:15px;
font-family: 'Calligraffitti', cursive;
font-weight:bold;
text-transform:normal;
-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 START ---*/

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

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

a {
color:#b7b7b7;
font-family: times;
font-size:15px;
}

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:#b7b7b7;
}

img {none;}

h1 , h2 {
font-family: 'Calligraffitti', cursive;
text-transform:none;
font-size:20px;
line-height:30px;
letter-spacing:0px;
text-align:center;
font-style:none;
color:#b7b7b7;
}

#container {
width:255px;
height:338px;
margin-left:425px;
margin-top:116px;
position:fixed;
overflow:auto;
padding-left:50px;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;
}

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

#posts img {
padding: 0;
max-width: 100%;
height: auto;
}


b {
text-transform: bold;
color: #aab7b9;
text-shadow:0px 0px 3px #eee;
letter-spacing:1px;
font-family: 'Calligraffitti', cursive;
font-size:15px;
}

i, em {
text-transform: italic;
color: #aab7b9;
text-shadow:2px 2px 2px #000;
letter-spacing:1px;
font-family: 'Calligraffitti', cursive;
font-size:15px;
}

/* --- BODY END --- */


/* --- SIDEBAR START ---*/

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


#sidebarimage img{
width:200px;
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: 'Calligraffitti', cursive;
text-align:center;
margin-top:50px;
margin-left:300px;
padding-bottom:0px;
text-transform:none;
font-style:normal;
font-size:50px;
}




#elsa .anna {
margin-top:0px;
filter: alpha(opacity = 0);
opacity:0;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

#elsa:hover .anna {
margin-top:0px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
filter: alpha(opacity = 100);
filter: alpha(opacity = 100);
opacity:100;
}

#marshmallow {
background:#e7e8dc;
width:150px;
height:390px;
padding-top:3px;
margin-top: -225px;
margin-left: 440px;
color:#aab7b9;
font-family:times;
font-size:12px;
text-align:center;
position:fixed;
}

#olaf{
width:auto;
margin-top: -60px;
margin-left: 400px;
position:fixed;
color:#fff;
text-shadow: 2px 2px 3px #000;
font-family: 'Calligraffitti', cursive;
font-size:17px;
font-style:none;
text-transform: lowercase;
letter-spacing:3px;
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}


#pagination{
font-family: times;
width:103px;
font-size:10px;
text-transform:normal;
margin-top: 110px;
margin-left: 330px;
padding-top:25px;
letter-spacing:1px;
font-style:normal;
text-align:center;
}

#pagination a {
font-family: 'Calligraffitti', cursive;
font-size:10px;
color:#fff;
text-shadow:2px 2px 3px #000;
}

/* --- SIDEBAR END --- */


/* --- CREDIT START --- */

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

.credit a {
text-decoration:none;
text-transform:uppercase;
color: #a5a5a5;
text-shadow:0px 0px 3px #a5a5a5;
-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: #a5a5a5;
text-shadow:0px 0px 3px #a5a5a5;
}

/* --- CREDIT END --- */

/* --- POST INFO START --- */

.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: times;
text-align:center;
margin-top:10px;
padding-top:10px;
padding:0px;
padding-bottom:1px;
text-transform:none;
font-style:none;
color:#aab7b9;
border:3px double #b7b7b7;
border-radius:0px;
background-color:#e7e8dc;
background-image:url("https://66.media.tumblr.com/9668c4a807d651bcc9deaace4145561e/tumblr_inline_o6dlrmrojw1tmuej4_540.png");
height:20px;
line-height:200%;
}

#info a{
color:#aab7b9;
}

#tags {
font-family: times;
text-align:center;
margin-top:0px;
padding-bottom:0px;
text-transform:none;
font-style:none;
font-size:10px;
color:#b7b7b7;
}

#tags a{
color:#b7b7b7;
font-size:12px;
}

/* --- POST INFO END --- */


/* --- ASK & AUDIO START --- */

.ask {
    color:#aab7b9;
    padding:15px;
    margin-bottom:15px;
    background-image:url("");
    background-color:#e7e8dc;
    border:3px double #b7b7b7;
}

.asker {
    font-family: 'Calligraffitti', cursive;
    font-size:20px;
    color:#aab7b9;
    line-height:10px;
    text-align:center;
}

.answer {
    color: #b7b7b7;
}

.audio{
   background-color: #transparent;
   background-image:url("https://40.media.tumblr.com/51b7502b0659c088e06ff42fc2e5a378/tumblr_inline_o6dlruT1T81tmuej4_540.png");
   border:3px double #b7b7b7;
   height:67px;
   font-size:8px;
   overflow:hidden;
}

/* --- ASK & AUDIO END --- */




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

<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("#f5f5f5", "#aaaaaa")
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="credit">
<a title=theme href="http://elsaofarendelle.tumblr.com/commissions">𝐸</a>
</div>

<div id="title">
</div>

<div id="elsa">
<div id="olaf">HOVER</div>
<div class="anna">
<div id="marshmallow">
<center></center><p><br><big>Queen Elsa</big><br>
<small> of Frozen & Once Upon A Time</small>.</p>
<br>
<u><a title="home" href="http://elsaofarendelle.tumblr.com/">I</a>
<a title="ask" href="http://elsaofarendelle.tumblr.com/i">II</a>
<a title="about" href="http://elsaofarendelle.tumblr.com/ii">III</a>
<a title="rules" href="http://elsaofarendelle.tumblr.com/iii">IV</a>
<a title="verses" href="http://elsaofarendelle.tumblr.com/iv">V</a>
<a title="navigation" href="http://elsaofarendelle.tumblr.com/v">VI</a></u>
<p>In Arendelle’s fair kingdom a ruler did appear, Born with the secret power so great, alone she stayed in fear.</p> <p>Although the force was hidden, one day she let it go, and all the land was covered in eternal ice and snow.</p>

<p>Theme Commissions:Open<br>Drafts:7<br>Starters:0<br></p>
</center>

</div></div></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}">&nbsp;&nbsp;/ 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-250}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
{/block:Photo}

{block:Photoset}
<center>{Photoset-250}</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="72px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}<br>{block:TrackName}&nbsp;&nbsp; {TrackName}{/block:TrackName}
{block:Artist} &nbsp;—&nbsp; {Artist} {/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}

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

{block:Answer}
<div class="ask"><div class="asker">{Asker} said:</div><p>{Question}</div><div class="answer">{Answer}</div>
{/block:Answer}


{Block:Date}<div id="info"><a href="{Permalink}" class="details" title="{TimeAgo}"><small>❆</small></a> &nbsp;&nbsp;{block:NoteCount} <font color=#999></font> <a title="{NoteCount} notes" href="{Permalink}"><small>❉</small></a>  &nbsp;&nbsp;{/block:NoteCount} {block:RebloggedFrom} {/block:RebloggedFrom} <a href="{ReblogURL}" target="_blank" class="details" title="reblog"><small>❊</small></a> {/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>

<!-- Start of StatCounter Code for Tumblr -->
<script type="text/javascript">
var sc_project=10794730;
var sc_invisible=1;
var sc_security="b7adc50a";
var scJsHost = (("https:" == document.location.protocol) ?
"https://secure." : "http://www.");
document.write("<sc"+"ript type='text/javascript' src='" +
scJsHost+
"statcounter.com/counter/counter.js'></"+"script>");
</script>
<noscript><div class="statcounter"><a title="tumblr hit
tracking tool" href="http://statcounter.com/tumblr/"
target="_blank"><img class="statcounter"
src="http://c.statcounter.com/10794730/0/b7adc50a/1/"
alt="tumblr hit tracking tool"></a></div></noscript>
<!-- End of StatCounter Code for Tumblr -->

</html>