Giselle 001

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


<link href="https://fonts.googleapis.com/css?family=Sorts+Mill+Goudy" rel="stylesheet">

<link href="https://fonts.googleapis.com/css?family=Rouge+Script" rel="stylesheet">

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


<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 elsaofarendelle.
                      Don't copy or distribute.
                      Don't claim as your own.
            -------------------------------------------->

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


<style type="text/css">

/* --- SCROLLBAR START ---*/

::-webkit-scrollbar {
height: 0px;
width: 5px;
background: transparent;
}

::-webkit-scrollbar-thumb {
border: 3px solid transparent;
-webkit-border-radius: none;
-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:3px double #fff;
border-radius:0px;
background: #c5c1c0;
color: #7d6369;
z-index:9999999999999;
font-size:12px;
font-family: 'Sorts Mill Goudy', serif;
text-shadow:0px 0px 3px #7d6369;
font-weight:bold;
text-transform:normal;
box-shadow:0px 0px 0px #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 START ---*/

body {
background:#c5c1c0;
background-image:url({image:background});
background-attachment: fixed;
background-repeat: no-repeat;
background-position:0px 0px;
margin:0px;
color:#7d6369;
font-family: 'Sorts Mill Goudy', serif;
font-size:15px;
line-height:120%;

}

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

a {
color:#7d6369;
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;
}


img {none;}

h1 , h2 {
font-family: 'Rouge Script', cursive;
text-transform:none;
font-size:30px;
line-height:30px;
letter-spacing:0px;
text-align:center;
font-style:normal;
color: #7d6369;
}

#container {
background: #transparent;
background-size:100px;
border:none;
width:410px;
height:395px;
margin-left:545px;
margin-top:215px;
position:fixed;
overflow:auto;
padding-left:55pxpx;
padding-right:90px;
padding-top:5px;
padding-bottom:10px;
-webkit-mask-image: -webkit-gradient(
linear, center 15%, center bottom,
from(rgba(0,0,0,20)),
to(rgba(20,0,0,0)));
}

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

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


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

i {
text-transform: italic;
color: #fff;
text-shadow:2px 2px 5px #a4a4a4;
letter-spacing:1px;
font-family: 'Rouge Script', cursive;
font-size:17px;
}

em {
text-transform: italic;
color: #fff;
text-shadow:1px 1px 5px #a4a4a4;
letter-spacing:1px;
font-family: 'Rouge Script', cursive;
font-size:17px;
}

sub, small, sup {
font-size: 11px;
}


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

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


#sidebar{
position: fixed;
top: 220px;
width:250px;
height:115px;
left: -10px;
padding:20px;
}



#sidebarimage img{
width: 100px;
height:115px;
padding:10px;
border:3px none #f5f5f5;
margin-top:5px;
background:transparent;
background-image:{image:sidebarimage};
}


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

#link1 a , #link2 a, #link3 a

#title {
font-family:times;
text-align:center;
width:300px;
margin-top:5px;
margin-left:200px;
text-transform:uppercase;
font-style:normal;
font-size:20px;
color:#fff;
}

#description {
width:140px;
height:50px;
margin-top:-50px;
margin-left:305px;
padding: 10px;
text-align:justify;
font-style: none;
font-family: 'Sorts Mill Goudy', serif;
font-size:10px;
color: #7d6369;
text-shadow: none;
background-color:none;
border:3px none;
letter-spacing:1px;
line-height:110%;
}

#pagination {
font-family: 'Sorts Mill Goudy', serif;
width:103px;
font-size:9px;
text-transform:uppercase;
margin-top:116px;
margin-left:335px;
padding-top:25px;
letter-spacing:1px;
font-style:normal;
text-align:center;
}

#pagination a {
color:#7d6369;
text-shadow:0px 0px 3px #7d6369;
}

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


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

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

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


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

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


/* --- POST NOTES 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 {
height:30px;
width:397px;
text-align:center;
margin-top:10px;
padding-top:10px;
padding:0px;
padding-bottom:1px;
text-transform:normal
font-style:none;
font-family: 'Rouge Script', cursive;
font-size:15px;
text-shadow:0px 0px 3px #7d6369;
border: 3px double #fff ;
line-height:190%;
background: url('https://i.imgur.com/xpuKpPg.png');
}

#info a{
color: #7d6369;
}

#tags {
font-family: 'Rouge Script', cursive;
text-align:center;
margin-top:0px;
padding-bottom:0px;
text-transform:none;
font-style:none;
font-size:12px;
}

#tags a{
color: #7d6369;
}

/* --- POST NOTES END --- */

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

.ask {
    color:#7d6369;
    padding:15px;
    margin-bottom:15px;
    background-image:url("https://i.imgur.com/Lpj1wRS.png");
    border: 3px double #fff;
}

.asker {
    font-family: 'Rouge Script', cursive;
    font-size:25px;
    color: #7d6369;
    margin-left:-70px;
    text-shadow:0px 0px 3px #7d6369;
    line-height:10px;
    text-align:center;
}

.answer {
    color: #7d6369;
}

.audio{
   background-color: transparent;
   background-image:url("");
   border-bottom:1px none #fff;
   height:70px;
   font-size:8px;
   overflow:hidden;
}

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



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


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


<div class="credit">
<a href="http://elsaofarendelle.tumblr.com">𝒆</a>
</div>





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

<div id="description">
<center>"But dreams do come true. And maybe something wonderful will happen!</center> <img src="https://i.imgur.com/qeqnXWI.png"/>
<center><p>independent<b>Giselle Philip</b> of Disney's <big>Enchanted</big>.<br> private, selective, exclusive. </p></center>
</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}"> / forth </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="svenhover">
<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="75px" 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-400}{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}">posted</a> &nbsp;{block:NoteCount} <font color=#999></font> <a title="{NoteCount} notes" href="{Permalink}">notes</a> {/block:NoteCount}  &nbsp; {block:RebloggedFrom} <a title="{ReblogParentName}" href="{ReblogParentURL}">source</a> {/block:RebloggedFrom}&nbsp;<a title="reblog" href="{ReblogURL}" target="_blank" class="details" >↺</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>