Advertisement
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>
- <!----- [11] Spookwave ----------------
- + Theme by SANYOUCITY.TUMBLR.COM
- Feel free to do whatever you want with
- the code as long as you don't remove
- the credit!! If you have any quest-
- ions or comments please don't hesitate
- to hmu. I apologize in advance to
- anyone trying to find something in
- the code because I'm very unorganized
- (but I've made an effort to clean it
- up!)
- Thank you so much for using my theme!!
- + monochrome ::
- a--themes.tumblr.com
- + masonry ::
- manatopia.org
- + popup ::
- starious.tumblr.com
- + inspo ::
- pohroro.com
- -------------------------ver 1.2------>
- <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}
- <!-- SCRIPTS -->
- <!-- TOOLTIP -->
- <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>
- <!-- NAVIGATION -->
- <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
- <script type="text/javascript">
- $(document).ready(function(){
- $(".links_body").hide();
- $(".links_head").click(function(){
- $(this).next(".links_body").slideToggle('fast');
- }); });
- </script>
- <!--POPOP-->
- <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"><img src="http://tiny.cc/closeimg" id="closee" title="Close" alt="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').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </script>
- <!-- MASONRY SCRIPTS -->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
- <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
- <script>
- $(function(){
- var $container = $('#container');
- $container.imagesLoaded(function(){
- $container.masonry({
- itemSelector: '.entry',
- });
- });
- $container.infinitescroll({
- itemSelector : ".entry",
- navSelector : "div.pagination",
- nextSelector : ".pagination a#next",
- loadingImg : "",
- loadingText : "<em></em>",
- bufferPx : 10000,
- extraScrollPx: 12000,
- },
- // trigger Masonry as a callback
- function( newElements ) {
- var $newElems = $( newElements ).css({ opacity: 0 });
- // ensure that images load before adding to masonry layout
- $newElems.imagesLoaded(function(){
- $newElems.animate({ opacity: 1 });
- $container.masonry( 'appended', $newElems, true );
- });
- }
- );
- });
- </script>
- <!-- META THINGS -->
- <!-- IMAGES -->
- <meta name="image:profile image" content=""/>
- <meta name="image:music gif" content="http://38.media.tumblr.com/tumblr_m7vzhvERfC1r6o8v2.gif"/>
- <!-- COLORS -->
- <meta name="color:background" content="#bbd9f8"/>
- <meta name="color:title" content="#fff"/>
- <meta name="color:title hover" content="#525252"/>
- <meta name="color:text" content="#edf6ff"/>
- <meta name="color:border" content="#fff"/>
- <meta name="color:link" content="#fff"/>
- <meta name="color:tooltip text" content="#bbd9f8"/>
- <meta name="color:tooltip" content="#fff"/>
- <meta name="color:profile border" content="#fff"/>
- <meta name="color:blog border" content="#fff"/>
- <meta name="color:music player" content="#fff"/>
- <meta name="color:selection" content="#fff"/>
- <meta name="color:selection text" content="#bbd9f8"/>
- <!-- TEXT -->
- <meta name="text:music title" content="spookwave"/>
- <meta name="text:music url" content="http://k003.kiwi6.com/hotlink/olmitxcmwa/Undertale_OST_-_Spookwave_Extended.mp3"/>
- <meta name="text:navigation title" content="navigation"/>
- <meta name="text:link 1 title" content="1-800-HOTLINELINK"/>
- <meta name="text:link 2 title" content="1-800-HOTLINELINK"/>
- <meta name="text:link 3 title" content="1-800-HOTLINELINK"/>
- <meta name="text:link 4 title" content="1-800-HOTLINELINK"/>
- <meta name="text:link 5 title" content="1-800-HOTLINELINK"/>
- <meta name="text:link 1 url" content="/">
- <meta name="text:link 2 url" content="/">
- <meta name="text:link 3 url" content="/">
- <meta name="text:link 4 url" content="/">
- <meta name="text:link 5 url" content="/">
- <!-- Ifs -->
- <meta name="All Caps" content=""/>
- <meta name="if:Monochrome" content="1" />
- <meta name="if:2 Columns" content="1" />
- <style type="text/css">
- /* GENERAL */
- .tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop, iframe#tumblr_controls {
- top: 20px !important;
- right:20px !important;
- position: fixed !important;
- -webkit-filter: invert(100%);
- z-index:9999999;
- }
- body {
- background: {color:background};
- font-family: calibri, sans-serif;
- font-size: 11px;
- {block:ifAllCaps}
- text-transform:uppercase;
- {/block:ifAllCaps}
- letter-spacing:2px;
- color: {color:text};
- text-align: justify;
- font-family: calibri, sans-serif;
- border:none;
- overflow-x:hidden;
- cursor:crosshair;
- line-height:21px;
- }
- small {
- font-size:12px;
- }
- blockquote {
- padding:5px;
- margin:10px;
- border-left:1px solid;
- }
- a, .description a {
- text-decoration: none;
- color: {color:background};
- background-color:{color:link};
- font-family: calibri, sans-serif;
- font-size: 11px;
- font-style:italic;
- padding-left:1px;
- padding-right:1px;
- cursor:help;
- }
- img {max-width: 100%;background-color:rgba(0,0,0,0);}
- ul {list-style-type:square;}
- /* NAVIGATION */
- .links_list {
- margin:0px;
- padding:0px;
- max-width:180px;
- }
- .links_head {
- padding-top:5px;
- padding-bottom:5px;
- position:relative;
- margin:1px;
- text-align:left;
- color: {color:title};
- font-size:17px;
- padding-left:1px;
- padding-right:1px;
- cursor:help;
- }
- .links_body {
- padding:10px;
- text-align:left;
- color: {color:text};
- display:none;
- }
- #sidebar .nav a {
- font-size:11px;
- color: {color:text};
- }
- .nav {
- z-index:9;
- }
- /* SCROLL */
- ::-webkit-scrollbar { width: 7px; }
- ::-webkit-scrollbar-track-piece { background-color:rgba(0,0,0,0); }
- ::-webkit-scrollbar-thumb:vertical {
- width: 10px;
- background-color: {color:background};
- border: 1px solid white;
- }
- ::-webkit-scrollbar-thumb{background-color:{color:background};}
- /* POPUP */
- #closee {
- width:20px;
- float: right;
- margin-right:-50px;
- margin-top:-10px;
- }
- #fade { /*--Transparent background layer--*/
- display: none; /*--hidden by default--*/
- background-image: url('{image:background}');
- background-color:{color:background};
- position: fixed; left: 0; top: 0;
- width: 100%; height: 100%;
- opacity:1;
- z-index: 999999999;
- }
- .popup_block{
- display: none; /*--hidden by default--*/
- background: rgba(0,0,0,0);
- padding: 10px;
- border: 1px solid {color:posts};
- float: left;
- font-size: 10;
- position: fixed;
- top: 50%; left: 50%;
- z-index: 99999999999999999999;
- -webkit-animation: fadein 3s;
- -moz-animation: fadein 3s;
- -ms-animation: fadein 3s;
- -o-animation: fadein 3s;
- animation: fadein 3s;
- }
- img.btn_close {float: right;margin: -20 -20px 0 0;}
- /*--Making IE6 Understand Fixed Positioning--*/
- *html #fade {position: absolute;}
- *html .popup_block {position: absolute;}
- /* TITLE */
- #title {
- text-align:justify;
- margin-top: 50px;
- margin-left: 190px;
- width: 240px;
- inline:block;
- }
- #title a, .title{
- z-index: 99999;
- position: relative;
- font-size: 25px;
- max-width: 240px;
- inline:block
- text-align: left;
- background-color:rgba(0,0,0,0);
- color: {color:title};
- font-style:italic;
- font-family:'calibri',sans-serif';
- }
- #title a:hover, .links_head:hover, .title:hover {
- color: {color:title hover};
- }
- h1 {
- text-align:left;
- background-color:transparent;
- }
- /* SIDEBAR */
- #sidebar {
- position:fixed;
- }
- .profile {
- position:fixed;
- width:110px;
- height: 110px;
- border-radius:100px;
- margin-left: 50px;
- margin-top: 50px;
- padding:5px;
- border: 1px solid {color:profile border};
- }
- .profile img {
- width:110px;
- height:110px;
- border-radius:100px;
- }
- #sidebar .description a{
- font-size:11px;
- text-decoration: none;
- color: {color:background};
- background-color:{color:link};
- font-family: calibri, sans-serif;
- font-size: 11px;
- font-style:italic;
- padding-left:1px;
- padding-right:1px;
- cursor:help;
- }
- .description {
- position: relative;
- left:-10px;
- padding: 10px;
- width: 200px;
- text-align: justify;
- float:left;
- max-height:70px;
- overflow-y:scroll;
- border-bottom:1px solid {color:title};
- z-index:10;
- }
- /* POSTS */
- #container {
- top: 20px;
- margin-bottom: 20px;
- margin-left: 420px;
- width: 800px;
- }
- .entry {
- margin-top: 10px;
- margin-left:20px;
- float:left;
- position: fixed;
- {block:if2Columns}
- width:250px;
- {/block:if2Columns}
- {block:ifNot2Columns}
- width:400px;
- {/block:ifNot2Columns}
- padding: 10px;
- inline:block;
- overflow:hidden;
- word-wrap: break-word;
- margin-bottom:20px;
- border: 1px solid white;
- background-color: {color:background};
- opacity:.85;
- }
- #portrait img {
- float: left;
- margin-right: 5px;
- }
- #permalink {
- text-align: center;
- border-top: 1px solid {color:posts};
- position: relative;
- margin-top: 5px;
- padding-top: 5px;
- line-height:7px;
- }
- #tags a:hover {
- text-decoration:underline;
- }
- .odd .line {
- padding: 5px;
- color:{color:odd chat};
- }
- .even .line {
- padding: 5px;
- color:{color:even chat};
- }
- /* ASKS */
- .bubble {
- position:relative;
- margin:0px 0px 0px 0px;
- text-align:left; padding:10px;
- color:{color:ask text};
- border:1px solid {color:ask bubble};
- opacity:.7;
- {block:if2Columns}
- width:230px;
- {/block:if2Columns}
- {block:ifNot2Columns}
- width:379px;
- {/block:ifNot2Columns}
- max-height:100px;
- overflow:auto;
- text-align:justify;
- border-radius:0px;
- double {color:ask bubble};
- }
- .bubble p {margin:1px 0px;}
- /* BLOG BORDERS */
- #top, #left, #bottom, #right {
- background-color:{color:blog border};
- z-index: 99;
- position:fixed;
- }
- #top {
- width: 100%;
- height:20px;
- top:0px;
- left:0px;
- }
- #left {
- width: 20px;
- height: 100%;
- top:0px;
- left:0px;
- }
- #bottom {
- width: 100%;
- height:20px;
- bottom:0px;
- left:0px;
- right:0px;
- }
- #right {
- width: 20px;
- height: 100%;
- right: 0px;
- bottom:0px;
- }
- /* MUSIC PLAYER */
- #music, #music img, #music:hover, #music:hover img, #music:hover .player {
- -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;
- }
- #music {
- width:40px;
- height:40px;
- border-radius:1px;
- position:fixed;
- bottom:30px;
- left:50px;
- background-color:{color:music player};
- overflow:hidden;
- }
- #music img{
- margin-top:13px;
- margin-left:13px;
- position:fixed;
- }
- .player {
- opacity:0;
- margin-top:10px;
- position:fixed;
- }
- #music:hover {width:200px;}
- #music:hover img {opacity:0;}
- #music:hover .player {opacity:1;}
- /*PAGINATION*/
- .prev {margin-left:230px;}
- .next {margin-left:190px;}
- .prev, .next {
- width:20px;
- height:10px;
- position:fixed;
- margin-top:5px;
- }
- .prev a, .next a {
- background-color:{color:link};
- color:{color:background};
- padding-left:2px;
- padding-right:2px;
- }
- /* MISC */
- #s-m-t-tooltip {
- display: block;
- background: {color:tooltip};
- font-size: 10px;
- text-transform: uppercase;
- color: {color:tooltip text};
- text-align: center;
- font-family: calibri, sans-serif;
- letter-spacing: 0px;
- margin-left: 18px;
- padding: 1px 2px;
- min-width: 30px;
- max-width: 200px;
- z-index: 9999999999999999;
- }
- ::selection {
- background-color:{color:selection};
- color:{color:selection text};
- }
- #thing {z-index:-1;width:100%;height:100%;position:fixed;}
- #swag {
- position:fixed;
- z-index:99999999999;
- height:20px;
- width:20px;
- top:0px;
- left:0px;
- background-color:{color:background};
- border-right:1px solid {color:background};
- border-bottom:1px solid {color:background};
- }
- #swag a {
- font-style:normal;
- color:{color:link};
- font-size:15px;
- left:2px;
- top:-2px;
- background-color:transparent;
- }
- {block:ifMonochrome}
- .mono{
- filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
- filter: gray;
- -webkit-filter: grayscale(100%);
- -webkit-transition: all 0.7s linear;
- -moz-transition: all 0.7s linear;
- -o-transition: all 0.7s linear;
- }
- .mono:hover{
- filter: none;
- -webkit-filter: grayscale(0%);
- }
- {/block:ifMonochrome}
- </style>
- </head>
- <body>
- <div id ="thing"></div>
- <!-- SIDEBAR -->
- <div id="sidebar">
- <div id="title">
- <a href="/">{Title}</a>
- <div class="description">{Description}</div>
- <div class="nav">
- <div class="links_list">
- <br><br>
- <p class="links_head">{text:navigation title}</p>
- <div class="links_body">
- <a href="/">home</a>
- <br>
- <a href="#?w=500"rel="ask" class="poplight">message</a>
- <br>
- <a href="#?w=500"rel="arch" class="poplight">past</a>
- <br>
- <a href="#?w=500"rel="sub" class="poplight">submit</a>
- <br>
- <a href="{text:link 1 url}">{text:link 1 title}</a>
- <br>
- <a href="{text:link 2 url}">{text:link 2 title}</a>
- <br>
- <a href="{text:link 3 url}">{text:link 3 title}</a>
- <br>
- <a href="{text:link 4 url}">{text:link 4 title}</a>
- <br>
- <a href="{text:link 5 url}">{text:link 5 title}</a>
- </div> <!-- /div links body -->
- </div> <!-- /div links list -->
- </div> <!-- /div nav -->
- </div> <!-- /div title -->
- <!--PAGINATION-->
- <div class="next">{block:NextPage} <a href="{NextPage}" >next</a>{/block:NextPage}</div>
- <div class="prev">{block:PreviousPage}<a href="{PreviousPage}" >prev </a>{/block:PreviousPage}</div> <!-- end pagination -->
- </div> <!-- /div sidebar -->
- <div class="profile">
- <img src="{image:profile image}"/>
- </div>
- <!--ASK POPUP-->
- <div id="ask" class="popup_block">
- <center><iframe frameborder="0" scrolling="yes" width="100%" height="190" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
- </center>
- </div>
- <!--SUBMIT POPUP-->
- <div id="sub" class="popup_block">
- <center><iframe frameborder="0" scrolling="yes" width="100%" height="290px" src="http://www.tumblr.com/submit_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
- </center>
- </div>
- <!--ARCHIVE POPUP-->
- <div id="arch" class="popup_block">
- <center><iframe frameborder="0" scrolling="yes" style="width:495px; height:395px;" src="http://{Name}.tumblr.com/archive"></iframe>
- </center>
- </div>
- <!-- BLOG BORDER -->
- <div id= "bottom"></div> <!-- ghost: ;^) -->
- <div id= "top"></div>
- <div id= "left"></div>
- <div id= "right"></div>
- <!-- MUSIC PLAYER -->
- <div title="{text:music title}" id="music">
- <img src="{image:music gif}"/>
- <div class="player">
- <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20">
- <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
- <param name="bgcolor" value="{color:music player}" />
- <param name="FlashVars" value="mp3={text:music url}
- &bgcolor=fff&loadingcolor=bbd9f8&buttoncolor=c7d7e7&slidercolor=c7d7e7" />
- </object>
- </div>
- </div> <!-- /div music -->
- <div id="swag">
- <a title="sanyoucity themes" class="swag" href="http://sanyoucity.tumblr.com/">♔</a>
- </div>
- <!-- POSTS -->
- <div id="container">
- {block:Posts}
- <div class="entry">
- {block:Text}
- {block:Title}<a href="{Permalink}"class="title" >{Title}</a>{/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- <div class="mono">
- {LinkOpenTag}<img width=100% src="{PhotoURL-HighRes}">{LinkCloseTag}
- </div> <!-- /div mono -->
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- <div class="mono">
- {block:If2Columns}
- {Photoset-250}
- {/block:If2Columns}
- {block:IfNot2Columns}
- {Photoset-400}
- {/block:IfNot2Columns}
- </div> <!-- /div mono -->
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- {block:Quote}
- {Quote}
- {block:Source}<br>—{Source}{/block:Source}
- {/block:Quote}
- {block:Link}
- <a href="{URL}" class="title">{Name}</a>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<a href="{Permalink}"class="title">{Title}</a>{/block:Title}<br><br>
- <div class="text">
- {block:Lines}<div class="{Alt}">
- <div class="line">{block:Label}<span>{Label}</span>{/block:Label} {Line}<br /></div></div>
- {/block:Lines}
- </div>
- {/block:Chat}
- {block:Audio}
- <div class="mono">
- {AudioPlayerWhite}
- </div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- {block:Video}
- <div class="mono">
- {block:If2Columns}
- {Video-250}
- {/block:If2Columns}
- {block:IfNot2Columns}
- {Video-400}
- {/block:IfNot2Columns}
- </div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Answer}<div class="bubble"><span></span><b>{Asker} cries: </b> {Question}</div><br/>{Answer}
- {/block:Answer}
- <!-- PERMALINK -->
- <div id="permalink">
- {block:Date}{TimeAgo}{/block:Date} :: <a href="{Permalink}">
- {NoteCountWithLabel}</a> <br><br><a href="{ReblogURL}" target="_blank">reblog</a>
- {block:RebloggedFrom}<br><br> <span style="line-height:10px" >via ::<a href="{ReblogParentURL}"title="{ReblogParentTitle}">{ReblogParentName}</a> ori ::<a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a></span>{/block:RebloggedFrom}
- <br><br>
- <span style="line-height:10px" id="tags">{block:HasTags}{block:Tags} #<a style="background-color:transparent; color:{color:link};" href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</span>
- </div> <!-- /div permalink -->
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div> <!-- /div entry --->
- {/block:Posts}
- </div><!-- /div container --->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement