Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!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=Dancing+Script" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Marck+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="if:Enable endless scrolling" content="1">
- <meta name="image:background" content=""/>
- <meta name="image:sidebar" content=""/>
- <style type="text/css">
- iframe#tumblr_controls {
- white-space:nowrap;
- -webkit-filter: invert(100%);
- -moz-filter: invert(100%);
- -o-filter: invert(100%);
- -ms-filter: invert(100%);
- filter: invert(100%);
- opacity:.2;transition: .8s ease-in-out;
- -webkit-transition: .8s ease-in-out;
- -moz-transition: .8s ease-in-out;
- -o-transition: .8s ease-in-out;
- }
- *, body, a, a:hover {cursor: url("http://68.media.tumblr.com/tumblr_lpyq18WTCg1qcn2vb.gif"), auto;}
- /* --- SCROLLBAR START ---*/
- ::-webkit-scrollbar-thumb{
- background-color: #eee;
- border: 2px solid #eee;
- height:auto;
- }
- ::-webkit-scrollbar {
- height:auto;
- width:11px;
- background-color: #eee;
- border:5px solid #9bafbc;
- }
- /* --- SCROLLBAR END --- */
- /* --- LINK ANIMATION START --- */
- @keyframes fadein {
- from { opacity: 0; }
- to { opacity: 1; }
- }
- /* Firefox < 16 */
- @-moz-keyframes fadein {
- from { opacity: 0; }
- to { opacity: 1; }
- }
- /* Safari, Chrome and Opera > 12.1 */
- @-webkit-keyframes fadein {
- from { opacity: 0; }
- to { opacity: 1; }
- }
- /* Internet Explorer */
- @-ms-keyframes fadein {
- from { opacity: 0; }
- to { opacity: 1; }
- }
- /* Opera < 12.1 */
- @-o-keyframes fadein {
- from { opacity: 0; }
- to { opacity: 1; }
- }
- /* LINK ANIMATION END --- */
- /* --- TOOLTIPS START --- */
- #s-m-t-tooltip{
- max-width:300px;
- margin:15px;
- padding:2px 8px;
- border:1px none #a4a4a4;
- border-radius:0px;
- background: #fff;
- color: #191919;
- z-index:9999999999999;
- font-size:12px;
- font-family: 'Sorts Mill Goudy', serif;
- text-shadow:0px 0px 3px #eee;
- 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:#eee;
- background-image:url({image:background});
- background-attachment: fixed;
- background-repeat: no-repeat;
- background-position:250px 20px;
- margin:0px;
- color:#191919;
- font-family: 'Sorts Mill Goudy', serif;
- font-size:12px;
- line-height:120%;
- word-wrap: break-word;
- }
- blockquote {
- padding-left:5px;
- border-left:2px solid;
- border-radius:6px;
- }
- a {
- color:#191919;
- 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 {
- font-family: 'Marck Script', cursive;
- text-transform:none;
- font-size:30px;
- line-height:30px;
- letter-spacing:0px;
- text-align:center;
- font-style:normal;
- color: #191919;
- }
- h2 {
- text-transform: italic;
- color: #adcae9;;
- text-shadow: none;
- letter-spacing:1px;
- font-family: 'Marck Script', cursive;
- font-size:17px;
- }
- #fixerupper {
- width:500px;
- margin:0 auto -12px auto;
- }
- #container {
- position: absolute;
- width: 510px;
- height: 360px;
- margin-left:375px;
- margin-top:187px;
- overflow: auto;
- padding-left:50px;
- padding-right:65px;
- padding-top:10px;
- padding-bottom:10px;
- }
- #post {
- width: 500px;
- margin: 40px auto;
- background: #eee;
- border: 3px double #b0bdc5;
- border-radius: 4px;
- box-shadow: 0px 3px 5px #555;
- margin-top:35px;
- line-height: 100%;
- font-size: 12px;
- text-align: justify;
- color: #888888;
- padding: 20px;
- }
- #posts img {
- padding: 0;
- max-width: 100%;
- width: auto;
- height: auto;
- }
- pre {
- font-family: 'Marck Script', cursive;
- font-size:10px;
- color:#191919;
- text-shadow: none;
- letter-spacing:1px;
- text-align:center;
- text-transform:normal;
- padding:6px;
- background:url('');
- background-repeat:repeat;
- border: 3px none #a4a4a4;
- }
- b {
- text-transform: bold;
- color: #191919;
- text-shadow:0px 0px 3px #fff;
- letter-spacing:1px;
- font-family: 'Dancing Script', cursive;
- font-size:17px;
- }
- i {
- text-transform: italic;
- color: #1919191;
- text-shadow:1px 1px 5px #a4a4a4;
- letter-spacing:1px;
- font-family: 'Dancing Script', cursive;
- font-size:17px;
- }
- em {
- text-transform: italic;
- color: #1919191;
- text-shadow:1px 1px 5px #a4a4a4;
- letter-spacing:1px;
- font-family: 'Dancing 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: 200px;
- height:280px;
- padding:10px;
- border:3px none #f5f5f5;
- margin-top:-50px;
- margin-left:210px;
- 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 {
- background: none;
- width:200px;
- height:70px;
- margin-top: 50px;
- margin-left:600px;
- padding: 10px;
- text-align:justify;
- font-style: none;
- font-family: 'Sorts Mill Goudy', serif;
- font-size:10px;
- color: #191919;
- text-shadow: none;
- border:3px none;
- letter-spacing:1px;
- line-height:133%;
- }
- #pagination {
- font-family: 'Sorts Mill Goudy', serif;
- width:103px;
- font-size:8px;
- text-transform:uppercase;
- margin-top:-90px;
- margin-left:270px;
- padding-top:25px;
- letter-spacing:1px;
- font-style:normal;
- text-align:center;
- }
- #pagination a {
- color:#191919;
- text-shadow: 0px 0px 3px #191919;
- }
- /* --- SIDEBAR END ---*/
- /* --- NAVIGATION START --- */
- #navigation {
- position:absolute;
- font-family: 'Sorts Mill Goudy', serif;
- font-weight:bold;
- text-transform:uppercase;
- letter-spacing:2px;
- font-size:13px;
- color:#90a1ac;
- width:125px;
- height:12px;
- margin-left:643px;
- margin-top:-600px;
- padding:0px 1px 5px 0px;
- }
- #links {
- position:relative;
- width:130px;
- margin-left:150px;
- margin-top:-360px;
- display:none;
- padding-top:0px;
- padding-left:0px;
- }
- #links li {
- position:relative;
- list-style:none;
- padding:0px 0px 10px 0px;
- font-weight:bold;
- letter-spacing:2px;
- font-size:10px;
- font-family: 'Sorts Mill Goudy', serif;
- text-transform:uppercase;
- line-height:200%;
- margin-left:0px;
- margin-top:-12px;
- }
- ul li {
- padding-top:5px;
- padding-bottom:5px;
- margin-left:-27px;
- }
- ul ul {
- margin-left:-26px;
- }
- li br {
- padding-top:10px;
- }
- /* --- NAVIGATION END --- */
- /* --- CREDIT START --- */
- .credit{
- position:fixed;
- font-size:15px;
- right:5px;
- bottom:5px;
- }
- .credit a {
- text-decoration:none;
- text-transform:uppercase;
- color: #90a1ac;
- 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;
- color: #90a1ac;
- text-shadow:0px 0px 3px #fff;
- }
- /* --- 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 {
- color: #90a1ac;
- font-size:11px;
- text-shadow:2px 2px 5px #a4a4a4;
- letter-spacing:1px;
- font-family: 'Dancing Script', cursive;
- text-transform:lowercase;
- text-align:center;
- width:500px;
- height:28px;
- margin-top:-10px;
- margin-left:10px;
- padding-top:1px;
- padding-left:-10px;
- background:url("https://i.imgur.com/QwpfPYv.png");
- opacity:0;
- -moz-transition-duration:.7s;
- -webkit-transition-duration:.7s;
- -o-transition-duration:.7s;
- }
- #info a {
- color: #90a1ac;
- }
- #info a:hover {
- color:#90a1ac;
- }
- #post:hover #info {
- margin-top:3px;
- opacity:1;
- -moz-transition-duration:1.5s;
- -webkit-transition-duration:1.5s;
- -o-transition-duration:1.5s;
- }
- #tags {
- color: #a4a4a4;
- font-size:9px;
- font-family: 'Sorts Mill Goudy', serif;
- font-style:normal;
- text-transform:italic;
- width:398px;
- line-height:120%;
- opacity:0;
- text-align:left;
- padding-top:7px;
- -moz-transition-duration:0.4s;
- -webkit-transition-duration:0.4s;
- -o-transition-duration:0.4s;
- }
- #post:hover #tags {
- opacity:1;
- -moz-transition-duration:0.4s;
- -webkit-transition-duration:0.4s;
- -o-transition-duration:0.4s;
- }
- #posts:hover #tags {
- margin-top:3px;
- opacity:1;
- -moz-transition-duration:1.2s;
- -webkit-transition-duration:1.2s;
- -o-transition-duration:1.2s;
- }
- /* --- POST NOTES END --- */
- /* --- ASK & AUDIO START --- */
- .ask {
- color:#191919;
- padding:15px;
- margin-bottom:15px;
- border: none;
- margin-top:-50px;
- border-bottom:url("https://i.imgur.com/QoLtPEI.png");
- }
- .askheader {
- margin-left:-3px;
- }
- .asker {
- background-repeat:no-repeat;
- font-family: 'Dancing Script', cursive;
- font-size:25px;
- color: #fff;
- text-shadow: 2px 2px 5px #000;
- line-height:19px;
- text-align:center;
- padding-bottom:17px;
- }
- .answer {
- color: #191919;
- }
- .chat {
- list-style:none;
- margin-top:15px;
- margin-bottom:0px;
- font-size:10px;
- margin-left:0px;
- }
- .chat ul {
- line-height:18px;
- margin-top:0px;
- list-style:none;
- padding:0px;
- letter-spacing:2px;
- font-size:10px;
- margin-bottom:0px;
- text-transform:normal;
- }
- .person1, .person3, .person5, .person7, .person9, .person11, .person13 {
- background-color: #fff;
- padding:3px 8px 3px 8px;
- color: #191919;
- border-bottom: none
- }
- .person2, .person4, .person6, .person8, .person10, .person12, .person14 {
- background-color: #a4a4a4;
- padding:3px 8px 3px 8px;
- color: #191919;
- border-bottom: none;
- }
- .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>
- <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="fixerupper">
- <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><p><b>Prince Adam / The Beast</b> of Disney's <i>Beauty and the Beast</i>. Heavily inspired by Musical and Live Action.</center>
- </div>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
- <script>
- $(document).ready(function() {
- $('#navigation').click(function() {
- $('#links').slideToggle(200); /* change the speed */
- });
- });
- </script>
- <a id="navigation">navigation <i class="fa fa-angle-down" style="padding-top:5px;float:right;"></i></a>
- <div id="links">
- <center>
- <li><a href="/">home</a></li>
- <li><a href="ask">message</a></li>
- <li><a href="/rules">rules</a></li>
- <li><a href="/about">about</a></li>
- <li><a href="/verses">verses</a></li>
- <li><a href="/">more</a></li>
- </center>
- </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}"> / forth </a>{/block:NextPage}{/block:Pagination}{/block:Pagination} </center></div>
- {block:IfEnableEndlessScrolling}
- <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
- {/block:IfEnableEndlessScrolling}
- {block:HasPages}{block:Pages}
- <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
- </div></center>
- </div>
- <div id="container">{block:Posts}<div id="post">
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
- {block:More}<p class="read-more"><a href="{Permalink}#more"><center><b>Continue Reading</b></center></a></p><a name="more"></a>{/block:More}
- {block:blockquote}{/block:blockquote}
- {block:Photo}
- <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- <center>{Photoset-500}</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} {TrackName}{/block:TrackName}
- {block:Artist} — {Artist} {/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}
- <div class="askheader"><img src="https://i.imgur.com/lnjt6ar.png" draggable="false"></div>
- <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> {block:NoteCount} <font color=#999></font> <a title="{NoteCount} notes" href="{Permalink}">notes</a> {/block:NoteCount} {block:RebloggedFrom} <a title="{ReblogParentName}" href="{ReblogParentURL}">source</a> {/block:RebloggedFrom} <a href="{ReblogURL}" target="_blank" class="details" >reblog</a> {/block:Date}</div>
- <div id="tags">
- {block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag} </a> {/block:Tags}{/block:HasTags}</div>
- </div>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:Posts}</div>
- </body>
- <!-- Wikplayer https://www.wikplayer.com -->
- <script type="text/javascript" src="https://www.wikplayer.com/code.js"
- data-config="{'skin':'http://static.tumblr.com/zeaszfj/6I9n2rp0t/.css','volume':35,'autoplay':true,'shuffle':false,'repeat':1,'showcomment':false,'marqueetexton':false,'placement':'mini','showplaylist':false,'playlist':[{'title':'Prologue%20pt.1','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D0bgczul0Slk'},{'title':'Prologue%20pt.2','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DNA8VEhiQ4U8'},{'title':'Days%20In%20The%20Sun','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DdeVaBYbP3WY'},{'title':'If%20I%20Can%27t%20Love%20Her','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Ds6BiSTFRJlw'},{'title':'Evermore','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DfxT08oOyZwM'}]}" ></script>
- <!-- Wikplayer code end -->
- </html>
Advertisement
Add Comment
Please, Sign In to add comment