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>
- <!--- 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:1px solid #e9e7e7;
- border-radius:6px;
- background:#23121c;
- color:#e9e7e7;
- z-index:9999999999999;
- font-size:8px;
- font-family: Times;
- 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:{color:background};
- background-image:url({image:background});
- background-attachment: fixed;
- background-repeat: no-repeat;
- background-position:0px 0px;
- margin:0px;
- color:#23121c;
- font-family:times;
- font-size:12px;
- line-height:120%;
- }
- blockquote {
- padding-left:5px;
- border-left:2px solid;
- border-radius:6px;
- }
- a {
- color:#23121c;
- text-shadow:0px 0px 3px #eee;
- font-family: times;
- }
- 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:300px;
- height:543px;
- margin-left:515px;
- margin-top:83px;
- position:fixed;
- overflow:auto;
- padding-left:50px;
- padding-right:50px;
- 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;
- z-index:50;
- }
- b {
- text-transform: bold;
- color: #23121c;
- text-shadow:0px 0px 5px #eee;
- letter-spacing:1px;
- font-family: 'Snow White';
- font-size:15px;
- }
- i, em {
- text-transform: italic;
- color: #23121c;
- 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:-129px;
- padding-bottom:0px;
- text-transform:none;
- font-style:normal;
- font-size:10px;
- }
- #description {
- width:150px;
- font-family: 'Snow White';
- margin-bottom:0px;
- margin-top:-300px;
- margin-left:515px;
- text-align:justify;
- font-size:12px;
- color: #e9e7e7;
- text-shadow:0px 0px 3px #eee;
- letter-spacing:1px;
- line-height:115%;
- }
- /* --- LINKS END --- */
- .links {
- position:fixed;
- font-size:12px;
- top: 300px;
- left: 915px;
- }
- .links a {
- text-decoration:none;
- text-transform:uppercase;
- color: #e9e7e7;
- 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: #fff;
- text-shadow:0px 0px 3px #fff;
- }
- /* ---LINKS END --- */
- .credit{
- position:fixed;
- font-size:12px;
- right:12px;
- bottom:8px;
- }
- .credit a {
- text-decoration:none;
- text-transform:uppercase;
- color: #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: #fff;
- }
- /* --- LINKS END --- */
- /* --- credit popup start --- */
- .popup_block{
- display:none;
- background:#e9e7e7;
- 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:#eee;
- text-shadow:2px 2px 5px #000;
- border:1px none #eee;
- background-image:url("https://41.media.tumblr.com/a4ff4c0fec43bec3b7598ca0f523eab5/tumblr_inline_ny5blfnY5Y1t6zsrv_540.png");
- line-height:100%;
- }
- #info a{
- color:#e9e7e7;
- }
- #tags {
- font-family: 'Snow White';
- text-align:center;
- margin-top:0px;
- padding-bottom:0px;
- text-transform:none;
- font-style:none;
- font-size:9px;
- color:#6a9b77;
- }
- #pagination{
- font-family: 'Snow White';
- width:103px;
- font-size:8px;
- text-transform:uppercase;
- margin-top:40px;
- margin-left:548px;
- padding-top:25px;
- letter-spacing:1px;
- font-style:normal;
- text-align:center;
- }
- #pagination a {
- color:#e9e7e7;
- }
- .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="{text:link 1 url}">I</a>
- <a title=ask href="{text:link 2 url}">II</a>
- <a title=about href="{text:link 3 url}">III</a>
- <a title=rules href="{text:link 4 url}">IV</a>
- <a title=plot href="{text:link 5 url}">V</a>
- <a title=navi href="{text:link 6 url}"></a>
- </div>
- <div class="credit">
- <a title=theme href="#?w=160" rel="box1" class="poplight"><img src="https://41.media.tumblr.com/b54d956cc991a9c372d96902e6182e68/tumblr_inline_ny5xr6ttwa1t6zsrv_540.png"></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-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="65px" 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-250}{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> {Asker}:<br><br><br> <big>{Question}</big><br><br>{Answer}{/block:Answer}
- {Block:Date}<div id="info"><a href="{Permalink}" class="details" title="{TimeAgo}"><big>❄</big></a> {block:NoteCount} <font color=#999></font> <a title="{NoteCount} notes" href="{Permalink}"><big>❅</big></a> {/block:NoteCount} {block:RebloggedFrom} <a title="from {ReblogParentName}" href="{ReblogParentURL}"><big>❊</big></a>{/block:RebloggedFrom} <a href="{ReblogURL}" target="_blank" class="details" title=reblog><big>❉</big>
- </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> {/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 <a href="http://flurriies.tumblr.com/">flurriies</a>, <b>Do not copy, distribute, or claim as your own</b>. I take commissions and if you're interested you can find more information about that <a href="http://flurriies.tumblr.com/commissions">here</a>.</p>
- <p>PreLoadMe by <a href="https://www.niklausgerber.com/blog/preloadme-a-lightweight-jquery-website-preloader">niklausgerber</a>.
- </center>
- </div>
- </div></div></div></div></div></div></div></div></div></div>
- <!-- Start of StatCounter Code for Tumblr -->
- <script type="text/javascript">
- var sc_project=10080524;
- var sc_invisible=1;
- var sc_security="3a555a48";
- 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
- analytics" href="http://statcounter.com/tumblr/"
- target="_blank"><img class="statcounter"
- src="http://c.statcounter.com/10080524/0/3a555a48/1/"
- alt="tumblr analytics"></a></div></noscript>
- <!-- End of StatCounter Code for Tumblr -->
- </html>
Advertisement
Add Comment
Please, Sign In to add comment