Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <!-----
- ♡ rare spike theme by joyfriend ♡
- does anyone still play animal jam?
- windows 7 parts from https://khang-nd.github.io/7.css/
- ----->
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script src="https://static.tumblr.com/rtrqcib/VGGnlh8rf/jquery.style-my-tooltips.min.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:0,tip_fade_speed:0,attribute:"title"});});})(jQuery);</script>
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <link rel="shortcut icon" href="{image:favicon}">
- <link rel="alternate" type="application/rss+xml" href="{rss}">
- <link rel="stylesheet" href="https://unpkg.com/7.css">
- <title>{Title}</title>
- <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
- <link href="https://fonts.googleapis.com/css?family=Short+Stack&display=swap" rel="stylesheet">
- <meta name="color:background" content="#ffffff"/>
- <meta name="color:posts" content=""/>
- <meta name="color:sidebar" content=""/>
- <meta name="color:container" content="#ffffff"/>
- <meta name="color:border" content="#000">
- <meta name="color:text" content="#2b2b2b"/>
- <meta name="color:link" content="#2b2b2b"/>
- <meta name="color:link hover" content="#949494"/>
- <meta name="color:selection bg" content="#fff"/>
- <meta name="color:selection text">
- <meta name="color:tooltip text" content="#fff"/>
- <meta name="color:tooltip border" content="#fff"/>
- <meta name="image:sidebar" content=""/>
- <meta name="image:background" content="" />
- <meta name="image:container background" content="" />
- <meta name="image:favicon" content="">
- <meta name="image:bottom left" content=""/>
- <meta name="image:bottom right" content=""/>
- <meta name="if:redirect" content="" />
- <meta name="if:cover bg" content="" />
- <meta name="if:cover container bg" content="" />
- <meta name="if:italic link hover" content="" />
- <meta name="if:win7" content=""/>
- <meta name="if:rounded sidebar" content=""/>
- <meta name="if:rounded posts" content=""/>
- <meta name="if:rounded container" content=""/>
- <meta name="text:font size" content="12px">
- <meta name="text:sidebarhover" content="<3">
- <meta name="text:description" content="nyall even read this shit?"/>
- <meta name="text:redirect" content=""/>
- <meta name="text:border size" content="3px" />
- <meta name="text:notes" content="-">
- <meta name="text:link1" content="one">
- <meta name="text:url1" content="">
- <meta name="text:link2" content="two">
- <meta name="text:url2" content="">
- <meta name="text:link3" content="three">
- <meta name="text:url3" content="">
- <meta name="text:link4" content="four">
- <meta name="text:url4" content="">
- <meta name="select:font" content="arial">
- <meta name="select:font" content="verdana">
- <meta name="select:font" content="courier">
- <meta name="select:font" content="georgia">
- <meta name="select:font" content="times new roman">
- <meta name="select:font" content="ms gothic"/>
- <meta name="select:font" content="short stack"/>
- <meta name="select:font" content="comic sans ms">
- <meta name="select:font" content="Segoe UI">
- <meta name="select:border type" content="solid" />
- <meta name="select:border type" content="double" />
- <meta name="select:border type" content="dashed" />
- <meta name="select:border type" content="dotted" />
- <meta name="select:border type" content="outset">
- <meta name="select:border type" content="inset">
- {block:ifredirect}
- {block:IndexPage}<script type="text/javascript">
- var url = location.href;
- if (url == "{BlogURL}") {
- window.location = "{BlogURL}tagged/{text:redirect}";
- }
- </script>{/block:IndexPage}
- {/block:ifredirect}
- <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
- <style type="text/css">
- ::selection {
- background: {color:selection bg};
- color:{color:selection text};
- }
- ::-moz-selection {
- background: {color:selection bg};
- color:{color:selection text};
- }
- .tooltip{
- display:inline;
- position:relative;
- }
- #s-m-t-tooltip{
- max-width:300px;
- padding:5px;
- margin:20px 7px -2px 20px;
- letter-spacing:1px;
- background-color: rgba(0, 0, 0, 0.4);
- text-align:center;
- color:{color:tooltip text};
- text-shadow: -1px 0 {color:tooltip border}, 0 1px {color:tooltip border}, 1px 0 {color:tooltip border}, 0 -1px {color:tooltip border};
- z-index:9;
- -o-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- }
- /*
- main
- */
- body {
- margin:0px;
- background:{color:background};
- color:{color:text};
- background-image: url('{image:background}');
- {block:ifnotcoverbg}
- background-repeat: repeat;
- background-attachment: fixed;
- {/block:ifnotcoverbg}
- {block:ifcoverbg}
- background-size: cover;
- background-attachment: fixed;
- {/block:ifcoverbg}
- color:{color:text};
- font-family: {select:font};
- font-size: {text:font size};
- }
- p{
- margin:0 0 10px 0;
- padding:0;
- }
- pre {
- white-space: pre-wrap;
- white-space: -moz-pre-wrap;
- white-space: -pre-wrap;
- white-space: -o-pre-wrap;
- word-wrap: break-word;
- }
- a {
- color:{color:link};
- -moz-transition-duration:0.4s;
- -webkit-transition-duration:0.4s;
- -o-transition-duration:0.4s;
- text-decoration:none;
- }
- a:hover {
- color:{color:link hover};
- -moz-transition-duration:0.4s;
- -webkit-transition-duration:0.4s;
- -o-transition-duration:0.4s;
- {block:ifitaliclinkhover}
- font-style: italic;
- {/block:ifitaliclinkhover}
- }
- #con {
- margin: 0;
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- }
- #flex{
- display:flex;
- }
- table{
- background-color:transparent;
- border: none;
- }
- table > tbody > tr > :not(:last-child){
- border: none;
- }
- /*
- sidebar
- */
- #sidebar {
- text-align:center;
- padding:15px;
- padding-top:0px;
- width:245px;
- }
- #sidebar img {
- width:245px;
- margin-bottom:10px;
- border:{text:border size} {select:border type} {color:border};
- background:{color:sidebar};
- {block:ifroundedsidebar}
- border-radius:6px;
- {/block:ifroundedsidebar}
- }
- #description {
- margin-bottom:15px;
- max-height:100px;
- overflow:auto;
- text-align:center;
- border:{text:border size} {select:border type} {color:border};
- {block:ifroundedsidebar}
- border-radius:6px;
- {/block:ifroundedsidebar}
- background:{color:sidebar};
- padding:10px;
- line-height:150%;
- }
- #description img{
- border:none;
- width:{text:font size};
- height:auto;
- margin:0;
- }
- #links{
- text-align:left;
- margin-left:20px;
- line-height:150%;
- font-size:{text:font size};
- font-family: {select:font};
- }
- .tabs{
- text-align:left;
- font-size: {text:font size};
- }
- /*
- posts
- */
- #postcontainer{
- column-count: 2;
- column-gap: 15px;
- }
- #grid{
- height:600px;
- padding:25px;
- overflow:auto;
- border:{text:border size} {select:border type} {color:border};
- {block:ifroundedcontainer}
- border-radius:6px;
- {/block:ifroundedcontainer}
- background:{color:container};
- color:{color:text};
- background-image: url('{image:container background}');
- {block:ifnotcovercontainerbg}
- background-repeat: repeat;
- background-attachment: fixed;
- {/block:ifnotcovercontainerbg}
- {block:ifcovercontainerbg}
- background-size: cover;
- background-attachment: fixed;
- background-position:center;
- {/block:ifcovercontainerbg}
- }
- #posts {
- width:250px;
- padding:10px;
- margin-bottom:25px;
- background-color:{color:posts};
- border:{text:border size} {select:border type} {color:border};
- {block:ifroundedposts}
- border-radius:6px;
- {/block:ifroundedposts}
- break-inside: avoid;
- display:inline-block;
- }
- #posts img {
- max-width:100%;
- height:auto;
- }
- /*
- content in the body of the posts - quotes, asks, etc
- "media" contains photos, photosets, videos, audio posts
- */
- .media{
- margin:0 0 10px 0;
- }
- .title{
- font-weight:normal;
- font-size:18px;
- margin:0 0 10px 0;
- }
- .quote{
- font-weight:normal;
- font-size:16px;
- font-style:italic;
- margin:0 0 10px 0;
- }
- .question{
- margin-bottom:10px;
- }
- blockquote{
- margin:0 0 10px 10px;
- padding:0 0 0 10px;
- border-left:solid 1px #000;
- }
- /*
- post notes
- */
- ol.notes{
- list-style-type:none;
- padding:0;
- margin:0;
- }
- ol.notes li.note img{
- width:16px;
- height:16px;
- }
- ol.notes li.note{
- margin:0px;
- }
- .q{
- border:{text:border size} {select:border type} {color:border};
- padding:10px;
- padding-bottom:0px;
- {block:ifroundedposts}
- border-radius:6px;
- {/block:ifroundedposts}
- margin-bottom:10px;
- }
- /* audio stuff */
- .spotify_audio_player {
- height:80px!important;
- width:100%!important;}
- .soundcloud_audio_player {
- height:150px!important;
- width:100%!important;}
- .trackback {
- position: absolute;
- left: 20px;
- top: 20px;
- width: 19px;
- height: 19px;
- background-color: #fff;
- padding: 10px;
- opacity: .4;}
- .pressplay{
- position: relative;
- width: 25px;
- height: 25px;
- overflow: hidden;
- left: -6px;
- top: -3px;}
- .albumpic {
- position: absolute;
- left: 0px;
- top: 0px;
- width: 79px;
- height: 79px;}
- .albumpic img {
- width: 100%;
- height: auto;
- border: 1px solid {color:font color};}
- .trackinfo {
- width: auto;
- display:inline-block;
- margin-left: 90px;
- min-height: 85px;}
- .audiowrapper {
- position: relative; display:inline-block;}
- #footer{
- border:{text:border size} {select:border type} {color:border};
- {block:ifroundedposts}
- border-radius:6px;
- {/block:ifroundedposts}
- padding:5px;
- }
- #footer img{
- height:{text:font size};
- width:auto;
- image-rendering: pixelated;
- }
- /* nav */
- #nav{
- float:right;
- margin-top:-25px;
- margin-right:-100px;
- width:300px;
- }
- #navbox{
- border:{text:border size} {select:border type} {color:border};
- {block:ifroundedsidebar}
- border-radius:6px;
- {/block:ifroundedsidebar}
- background:{color:sidebar};
- position:relative;
- height:auto;
- padding:6px;
- font-size:{text:font size};
- }
- select{
- width: 200px;
- }
- input{
- color: #222;
- background-color: red; /* For browsers that do not support gradients */
- background:linear-gradient(to bottom,#f2f2f2 45%, #ebebeb 45%, #cfcfcf 45%);
- border:1px solid #8e8f8f;
- border-radius: 3px;
- box-shadow:inset 0 0 0 1px #fff;
- min-width: 75px;
- min-height: 23px;
- padding: 0 12px;
- -moz-transition-duration:0.4s;
- -webkit-transition-duration:0.4s;
- -o-transition-duration:0.4s;
- }
- input:hover{
- background: linear-gradient(to bottom,#e5f4fc,#c4e5f6 30% 50%,#98d1ef 50%,#68b3db);;
- border-radius: 2px;
- box-shadow: inset 1px 1px 0 #0003,inset -1px 1px 0 #0001;
- -moz-transition-duration:0.4s;
- -webkit-transition-duration:0.4s;
- -o-transition-duration:0.4s;
- border-radius:2;
- }
- #right img{
- position:fixed;
- z-index:9;
- bottom:0px;
- right:5px;
- max-width:225px;
- height:auto;
- }
- #left img{
- position:fixed;
- z-index:9;
- bottom:0px;
- left:5px;
- max-width:350px;
- height:auto;
- }
- /* cred */
- #cred{
- position:fixed;
- font-size:15px;
- width:48px;
- text-align:center;
- left:10px;
- bottom:10px;
- z-index:10;
- }
- #cred a{
- color:white;
- text-decoration:none;
- text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
- }
- </style>
- </head>
- <body>
- <div id="con"> <!--main container-->
- <div id="flex">
- <div id="sidebar"><!-- sidebar start-->
- <a href="/" title="{text:sidebarhover}">
- <img src="{image:sidebar}">
- </a>
- {block:ifDescription}
- <div id="description">{text:description}</div>
- {/block:ifDescription}
- {block:ifwin7}
- <div class="window active" style="max-width: 300px">
- <div class="title-bar">
- <div class="title-bar-text">LINKS</div>
- <div class="title-bar-controls">
- <button aria-label="Minimize"></button>
- <button aria-label="Maximize"></button>
- <button aria-label="Close"></button>
- </div>
- </div>
- <div class="window-body has-space">
- <div id="links">
- <a href="{text:url1}">{text:link1}</a><br>
- <a href="{text:url2}">{text:link2}</a><br>
- <a href="{text:url3}">{text:link3}</a><br>
- <a href="{text:url4}">{text:link4}</a>
- </div>
- </div>
- </div>
- {/block:ifwin7}
- {block:ifnotwin7}
- <div id="description">
- <div id="links">
- <a href="{text:url1}">{text:link1}</a><br>
- <a href="{text:url2}">{text:link2}</a><br>
- <a href="{text:url3}">{text:link3}</a><br>
- <a href="{text:url4}">{text:link4}</a>
- </div>
- </div>
- {block:ifnotwin7}
- </div><!--sidebar end-->
- <div id="grid">
- <div id="postcontainer">
- {block:Posts}
- <div id="posts">
- {block:Quote}
- <div id="titlequote">
- <i class="fa fa-quote-left">
- </i> {Quote}
- <i class="fa fa-quote-right"></i>
- </div>
- {block:Source}
- <div id="source">— {Source}</div>
- {/block:Source}
- {/block:Quote}
- {block:Text}
- {block:Title}
- <div id="title">{Title}</div>
- {/block:Title}
- {Body}
- {/block:Text}
- {block:link}
- <div id="title">
- <a href="{URL}">
- <i class="fa fa-link"></i> {Name}</a>
- </div>
- {block:Description}{Description}{/block:Description}
- {/block:link}
- {block:Chat}
- {block:Title}
- <div id="title">{Title}</div>{/block:Title}
- {/block:Text}
- {block:lines}
- {block:label}
- <br><b>{label}</b>
- {/block:label}
- {line}
- {/block:lines}
- {/block:Chat}
- {block:Photo}
- {linkOpenTag}
- <img src="{PhotoURL-250}" alt="{PhotoAlt}"/>
- {linkCloseTag}
- {/block:Photo}
- {block:Photoset}
- {Photoset-250}
- {/block:Photoset}
- <div class="video">{Video-250}</div>
- {block:AudioPlayer}
- <div class="audiowrapper">
- {block:AlbumArt}
- <div class="albumpic"><img src="{AlbumArtURL}"></div>
- {/block:AlbumArt}
- <div class="trackback">
- <div class="pressplay">
- {AudioPlayer}
- </div>
- </div>
- <div class="trackinfo">
- {block:TrackName}{TrackName}{/block:TrackName}<br>
- {block:Artist}<b>{Artist}</b>{/block:Artist}<br>
- {block:Album}<i>{Album}</i>{/block:Album}<br>
- </div>
- </div>
- {/block:AudioPlayer}
- {block:Answer}
- <div class="q">
- <b><big>{Asker} said:</big></b>
- {Question}</div>
- <div class="a">{Answer}</div>
- {/block:Answer}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {block:Date}
- <div id="footer">
- <a href="{Permalink}">
- <a href="{Permalink}">{notecount}</a>
- {text:notes}
- <span style="float:right; margin-right:0px">
- <a title="{timeago}" href="{Permalink}">
- {DayOfMonth} {ShortMonth} {ShortYear}</a>
- </span>
- {block:RebloggedFrom}
- <br>
- <a href="{ReblogParentURL}" title="{ReblogParentName}">
- via</a> /
- <a href="{ReblogRootURL}" title="{ReblogRootName}">
- source</a>
- {/block:RebloggedFrom}
- {block:HasTags}
- <br>
- filed:
- <select onChange="location=this.options[this.selectedIndex].value;">
- <option></option>
- {block:Tags}
- <option value="{TagURL}">{Tag}</option>
- {/block:Tags}
- </select>
- {/block:HasTags}
- </div>
- {block:PermalinkPage}
- {block:NoteCount}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:NoteCount}
- {/block:PermalinkPage}
- {/block:Date}
- </div>
- {/block:Posts}
- </div>
- </div>
- </div>
- <div id="nav">
- {block:ifwin7}
- <div class="window active" style="width: auto">
- <div class="title-bar">
- <div class="title-bar-text">NAV</div>
- <div class="title-bar-controls">
- <button aria-label="Minimize"></button>
- <button aria-label="Maximize"></button>
- <button aria-label="Close"></button>
- </div>
- </div>
- <div class="window-body has-space">
- {block:Pagination}
- <table style="width:100%; margin-top:5px">
- <tr>
- <td style="width: 50%;">
- {block:PreviousPage}
- <form action="{PreviousPage}">
- <input type="submit" value="back" />
- </form>
- {/block:PreviousPage}
- </td>
- <td style="width: 50%;">
- {block:NextPage}
- <form style="float:right" action="{NextPage}">
- <input type="submit" value="next" />
- </form>
- {/block:NextPage}
- </td>
- </tr>
- </table>
- {/block:Pagination}
- <form action="/search" class="search" type="text" method="get">
- <input type="search" style="width: calc(100% - 15px); margin-top:5px" name="q" value="" placeholder="Search" />
- </div>
- </div>
- {/block:ifwin7}
- {block:ifnotwin7}
- <div id="navbox">
- {block:Pagination}
- <table style="width:100%; margin-top:5px">
- <tr>
- <td style="width: 50%;">
- {block:PreviousPage}
- <form action="{PreviousPage}">
- <input type="submit" value="back" />
- </form>
- {/block:PreviousPage}
- </td>
- <td style="width: 50%;">
- {block:NextPage}
- <form style="float:right" action="{NextPage}">
- <input type="submit" value="next" />
- </form>
- {/block:NextPage}
- </td>
- </tr>
- </table>
- {/block:Pagination}
- <form action="/search" class="search" type="text" method="get"><input type="search" style="width: calc(100% - 15px); margin-top:5px" name="q" value="" placeholder="Search" />
- </div>
- {/block:ifnotwin7}
- </div>
- </div><!--main container end-->
- <div id="right"><img src="{image:bottom right}"></div>
- <div id="left"><img src="{image:bottom left}"></div>
- <div id="cred">
- <a title="coda was here" href="https://joyfriend.tumblr.com/">
- {block:ifwin7}
- <img src="https://iconarchive.com/download/i19002/iconshock/vista-general/trash.ico" width="48px"><br>
- {/block:ifwin7}
- theme
- </a>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement