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">
- <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/8oupd2j/BYTm7u5cn/tag_search.js"></script>
- <head><title>{Title}{block:PostSummary} // {PostSummary}{/block:PostSummary}</title>
- <link rel="shortcut icon" href="{image:favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <link href="https://fonts.googleapis.com/css?family=VT323:400" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Exo+2:400,400i,700,700i" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Tillana:600" rel="stylesheet">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <!-------------- FISSION MAILED by Laighlin ------------------
- 1. leave the credit intact
- 2. don't redistribute or lift large chunks of code
- 3. this is my first theme that features jQuery of my own, so i'd
- love to be informed of any bugs you come across
- -------------------------------------------------------------->
- <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
- <script>
- $(document).ready(function() {
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:100,
- tip_fade_speed:300
- });
- $("#desc_label").click(function() {
- $("#desc").slideToggle(200);
- $(this).toggleClass("bordersapper");
- });
- function getTime() {
- var dt = new Date();
- var h = (dt.getHours() < 10 ? "0" : "") + dt.getHours();
- var m = (dt.getMinutes() < 10 ? "0" : "") + dt.getMinutes();
- var time = h + ":" + m;
- document.getElementById('tim').innerHTML = time;
- }
- getTime();
- setInterval(getTime, 15000);
- });
- </script>
- <meta name="color:background color" content="#000"/>
- <meta name="color:borders" content="#9bede8"/>
- <meta name="image:background" content="http://static.tumblr.com/2966f50d532e6508be31a7bf91907a59/xwoxjom/804oh7290/tumblr_static_77vudz90cfswgs4kskkw0s08k.png"/>
- <meta name="image:favicon" content="http://static.tumblr.com/1d5182f0fe8cff0a1d97cf1f5eb4dde3/xwoxjom/niBoh6a8z/tumblr_static_7sjrnent618osscw4gwk88wcs.png"/>
- <meta name="if:search bar" content="1"/>
- <meta name="if:no background dots" content="0"/>
- <meta name="if:blurry background" content="1"/>
- <meta name="select:background size" content=";background-size:100% 100%" title="cover"/>
- <meta name="select:background size" content="repeat" title ="tiled"/>
- <meta name="select:droid opacity" content=".75" title="translucent"/>
- <meta name="select:droid opacity" content="1" title="opaque"/>
- <meta name="color:droid interface" content="#012b2e"/>
- <meta name="color:title" content="#fff"/>
- <meta name="color:desc text" content="#93dacf"/>
- <meta name="color:post text" content="#fff"/>
- <meta name="color:accent" content="#dfc43c"/>
- <meta name="color:link" content="#35d1b5"/>
- <meta name="color:link hover" content="#fffec5"/>
- <meta name="color:tags" content="#ffc368"/>
- <meta name="color:tags hover" content="#ff7353"/>
- <!-- text fields -->
- <meta name="text:body font" content="consolas"/>
- <meta name="text:body font size" content="13px"/>
- <meta name="text:search bar label" content="search tags"/>
- <style type="text/css">
- body {
- margin:0px;
- color:{color:post text};
- font-family:'{text:body font}';
- font-size:{text:body font size};
- line-height:130%;
- background:{color:background color};
- overflow:hidden;
- word-wrap:break-word;
- }
- #bgholder {
- height:calc(100% + 20px);
- width:calc(100% + 20px);
- background:url({image:background}) fixed {select:background size};
- top:-10px;
- left:-10px;
- position:absolute;
- {block:ifBlurryBackground}
- filter:blur(5px);
- {/block:ifBlurryBackground}
- z-index:-3;
- }
- #yeehaw {
- height:100%;
- width:100%;
- position:absolute;
- }
- a, .links, .tags, .pag {
- transition:.15s ease-in-out;
- }
- b, strong {
- color:{color:desc text};
- }
- i, em {
- color:{color:accent};
- }
- a {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:{color:link};
- }
- a:hover {
- color:{color:link hover};
- }
- img {
- border:none;
- max-height:100%;
- max-width:100%;
- }
- blockquote, blockquote blockquote {
- padding-left:7px;
- margin-left:7px;
- border-left:1px solid {color:blockquotes};
- margin-right:0px;
- }
- h1 {
- font:150% courier;
- font-variant:small-caps;
- color:{color:accent};
- font-weight:bold;
- }
- h1 i { font-size:110%; }
- .post ol {
- list-style-type:lower-roman;
- }
- .post ul li {
- list-style-type:square;
- list-style-color:{color:accent};
- }
- .exc {
- color:{color:accent};
- }
- .qq {
- display:inline;
- font-family:'Exo 2';
- }
- .rbans blockquote {
- border-color:{color:accent};
- }
- .rbans {
- display:block;
- padding:5px;
- text-align:right;
- }
- ::selection {
- background:rgba({RGBcolor:accent},.7);
- color:{color:droid interface};
- }
- ::moz-selection {
- background:rgba({RGBcolor:accent},.7);
- color:{color:droid interface};
- }
- ::-webkit-scrollbar {
- width:7px;
- height:7px;
- }
- ::-webkit-scrollbar-thumb {
- background:{color:accent};
- background-clip:padding-box;
- }
- /* Track */
- ::-webkit-scrollbar-track {
- background:rgba({RGBcolor:accent},.4);
- border:4px solid transparent;
- background-clip:padding-box;
- }
- ::-webkit-scrollbar-track-horizontal { border-right:none; }
- ::-webkit-scrollbar-track-vertical { border-bottom:none; }
- ::-webkit-scrollbar-corner {
- background:{color:scroll thumb};
- border-radius:50%;
- margin:2px;
- }
- #droidbg {
- position:fixed;
- width:800px;
- height:90%;
- left:50%;
- transform:translateX(-50%);
- top:5%;
- z-index:-1;
- background:{color:droid interface} {block:ifNotNoBackgroundDots}url('https://68.media.tumblr.com/9bb15bad47269e843de3798b0e3c3df0/tumblr_inline_oh6vxh9Xxu1seajvs_540.png'){/block:ifNotNoBackgroundDots};
- box-shadow:0 0 80px 55px {color:droid interface};
- filter:opacity({select:droid opacity});
- border-radius:20%;
- }
- #flavor {
- position:fixed;
- margin-top:-20px;
- }
- #flavor, #topbar, #corner {
- font-family:VT323;
- }
- #droid { /*the one i'm looking for ;3 */
- position:fixed;
- z-index:1;
- width:670px;
- height:calc(75% + 35px);
- left:50%;
- transform:translateX(-50%);
- top:calc(15% - 25px);
- }
- #s-m-t-tooltip {
- margin:10px;
- background:rgba({RGBcolor:post text},.8);
- color:{color:droid interface};
- padding:5px;
- font-size:12px;
- z-index:999!important;
- }
- #entries {
- width:425px;
- float:right;
- right:20px;
- margin-top:20px;
- height:calc(100% - 5px);
- overflow-y:auto;
- }
- .post {
- width:400px;
- margin-bottom:10px;
- padding:7px;
- position:relative;
- }
- .quote {
- font-family:'Exo 2';
- font-size:110%;
- }
- .tags {
- display:inline-block;
- padding:6px 3px;
- }
- .tags a {
- color:{color:tags};
- }
- .tags a:hover {
- color:{color:tags hover};
- }
- #topbar {
- width:100%;
- margin-top:-20px;
- position:fixed;
- font-size:24px;
- display:flex;
- align-items:stretch;
- }
- #title {
- color:{color:title};
- position:relative;
- text-transform:uppercase;
- border:1px solid rgba({RGBcolor:borders},.7);
- border-bottom:transparent;
- padding:4px;
- }
- #title, .pag {
- background: rgba({RGBcolor:borders},.7); /* For browsers that do not support gradients */
- background: -webkit-linear-gradient(rgba({RGBcolor:borders},.7), transparent); /* For Safari 5.1 to 6.0 */
- background: -o-linear-gradient(rgba({RGBcolor:borders},.7), transparent); /* For Opera 11.1 to 12.0 */
- background: -moz-linear-gradient(rgba({RGBcolor:borders},.7), transparent); /* For Firefox 3.6 to 15 */
- background: linear-gradient(rgba({RGBcolor:borders},.7), transparent); /* Standard syntax */
- }
- #title a, #title i { color:{color:title}; }
- #title i { font-size:18px; }
- #paddypad, #rest {
- height:19px;
- border-bottom:1px solid rgba({RGBcolor:borders},.7);
- padding:4px 0;
- position:relative;
- color:transparent;
- width:25px;
- }
- #rest {
- flex-grow:3;
- }
- #desc {
- color:{color:desc text};
- position:relative;
- padding:5px 0 0 22px;
- box-sizing:border-box;
- width:100%;
- font-size:90%;
- overflow-y:auto;
- overflow-x:hidden;
- display:none;
- }
- .pag {
- float:right;
- padding:3px 8px;
- /*margin-bottom:2px;*/
- /*margin-top:-2px;*/
- margin:-2px 2px 2px 2px;
- border-radius:8px;
- font-size:13px;
- line-height:0;
- }
- .pag i { color:{color:title}; }
- .pag:hover {
- background: linear-gradient(transparent, rgba({RGBcolor:borders},.7));
- }
- #prev {
- -moz-transform: scaleX(-1);
- -o-transform: scaleX(-1);
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
- filter: FlipH;
- -ms-filter: "FlipH";
- }
- #info {
- text-align:right;
- font-family:consolas;
- font-size:12px;
- margin-bottom:20px;
- width:400px;
- padding:0 7px;
- box-sizing:border-box;
- position:relative;
- }
- #note {
- overflow-x:hidden;
- text-align:center;
- padding-top:10px;
- width:380px;
- margin:auto;
- }
- #note ol.notes {
- list-style-type:none;
- margin:5px;
- padding:5px;
- }
- #note ol.notes img.avatar {
- margin-right: 5px;
- margin-bottom:-3px;
- width: 16px;
- height: 16px;
- border-radius:50%;
- }
- #note ol.notes li {
- padding:3px;
- }
- #asker {
- float:left;
- margin-right:5px;
- }
- #asker img { border-radius:50%; }
- .aud {
- height:30px;
- width:23px;
- overflow:hidden;
- position:relative;
- margin-top:16px;
- margin-left:14px;
- }
- .audholder {
- position:absolute;
- z-index:30;
- background:#f3f3f3;
- margin-top:11px;
- margin-left:11px;
- width:60px;
- height:60px;
- opacity:.5;
- border-radius:50%;
- }
- #song {
- height:51px;
- padding:15px;
- background:transparent;
- }
- #cover {
- margin-right:5px;
- border-radius:3px;
- width:81px;
- height:81px;
- float:left;
- background-size:cover;
- z-index:1;
- }
- #cover img { border-radius:3px; }
- .chat {
- border-bottom:1px solid rgba({RGBcolor:borders},.7);
- padding:2px 0;
- }
- .chat:last-child {
- border-bottom:none;
- }
- #linkcont {
- float:left;
- height:calc(100% - 10px);
- display:flex;
- flex-direction:column;
- position:fixed;
- margin-top:15px;
- width:230px;
- padding:7px;
- }
- .links {
- padding:7px 5px;
- text-transform:uppercase;
- border-bottom:1px solid rgba({RGBcolor:borders},.7);
- display:block;
- color:{color:post text};
- cursor:crosshair;
- font-family:courier;
- font-size:110%;
- }
- .links:hover {
- background:rgba({RGBcolor:post text},.5);
- color:{color:droid interface};
- box-shadow:0 0 3px rgba({RGBcolor:post text},.5);
- }
- .links:last-child {
- border-bottom:none;
- }
- .links.search {
- border-bottom:none;
- }
- .hoo, #timebox { cursor:default; }
- input {
- border:none;
- border-bottom:1px solid rgba({RGBcolor:borders},.7);
- background:transparent;
- min-height:25px;
- margin-left:22px;
- margin-top:-5px;
- width:198px;
- outline:none;
- color:rgba({RGBcolor:post text},.7);
- font-family:{text:body font};
- }
- #corner {
- bottom:calc(5% - 20px);
- left:calc(50% + 220px);
- position:fixed;
- width:150px;
- z-index:99;
- }
- #timebox, #no {
- background:rgba({RGBcolor:post text},.3);
- padding:4px;
- font-size:17px;
- display:inline-block;
- }
- #timebox:hover, #no:hover {
- box-shadow:0 0 3px rgba({RGBcolor:post text},.3);
- }
- #timebox i, #no i {
- color:{color:post text};
- font-size:14px;
- }
- #no a { color:{color:post text}; }
- #athing {
- width:calc(100% - 2px);
- height:4px;
- border:solid {color:borders};
- border-width:0 1px;
- margin-top:8px;
- position:fixed;
- }
- #desc_label {
- cursor:pointer;
- }
- .bordersapper {
- border-color:transparent!important;
- }
- {CustomCSS}</style></head><body>
- <div id="bgholder"></div>
- <div id="yeehaw">
- <div id="droidbg">
- <div id="flavor">iDROID VER 3.02<br/><span style="color:{color:accent};text-transform:uppercase">web > tumblr > {Name}</span></div>
- </div>
- <div id="droid">
- <div id="topbar">
- <div id="paddypad"></div>
- <div id="title"><i class="fa fa-globe" aria-hidden="true"></i> <a href="/">{Title}</a></div>
- <div id="rest">
- {block:Pagination}
- {block:NextPage}
- <a href="{NextPage}" title="next page">
- <div class="pag" id="next"><i class="fa fa-play-circle" aria-hidden="true"></i></div>
- </a>
- {/block:NextPage}
- {block:PreviousPage}
- <a href="{PreviousPage}" title="previous page">
- <div class="pag" id="prev"><i class="fa fa-play-circle" aria-hidden="true"></i></div>
- </a>
- {/block:PreviousPage}
- {/block:Pagination}</div>
- </div>
- <div id="athing"></div>
- <div id="linkcont">
- {block:AskEnabled}
- <a class="links" href="/ask"><i class="fa fa-gear fa-fw" aria-hidden="true"></i> inquire</a>
- {/block:AskEnabled}
- {block:SubmissionsEnabled}
- <a class="links" href="/submit"><i class="fa fa-gears fa-fw" aria-hidden="true"></i> bestow</a>
- {/block:SubmissionsEnabled}
- {block:HasPages}{block:Pages}<a href="{URL}" class="links"><i class="fa fa-wrench fa-fw" aria-hidden="true"></i> {Label}</a>{/block:Pages}{/block:HasPages}
- {block:ifSearchBar}
- <div class="links search hoo"><i class="fa fa-terminal fa-fw" aria-hidden="true"></i> orders</div>
- <form class="search" onsubmit="return tagSearch(this)">
- <input type="text" name="tag" value="{text:search bar label}"
- onfocus="if (this.value == '{text:search bar label}') {this.value=''}"
- onblur="if (this.value == '') {this.value='{text:search bar label}'}" />
- </form>
- {/block:ifSearchBar}
- {block:Description}<div class="links hoo bordersapper" id="desc_label"><i class="fa fa-user fa-fw" aria-hidden="true"></i> player info</div>
- <div id="desc">{Description}</div>
- {/block:Description}
- </div>
- <div id="entries">
- {block:Posts}
- <div class="post">
- {block:RebloggedFrom}
- <i class="fa fa-retweet" aria-hidden="true"></i> <a href="{ReblogParentURL}"
- title="{ReblogParentTitle}">{ReblogParentName}</a><br/><br/>
- {/block:RebloggedFrom}
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
- {block:Photo}
- {LinkOpenTag}
- <img src="{PhotoURL-400}">
- {LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {Photoset-400}
- {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Quote}<div class="quote">“{Quote}”</div><p align="right">{block:Source} —{Source}{/block:Source}</p>{/block:Quote}
- {block:Link}<h1><i class="fa fa-link"></i> <a href="{URL}" {Target}>{Name}</a></h1>{block:Excerpt}<div class="exc">{Excerpt}</div>{/block:Excerpt}{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}<div class="chat">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br></div>{/block:Lines}{/block:Chat}
- {block:Audio}
- <div id="cover">
- {block:AlbumArt}
- <img src="{AlbumArtURL}">
- {/block:AlbumArt}
- </div>
- <div class="audholder"><div class="aud">{AudioPlayerBlack}</div></div>
- <div id="song">{block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
- {block:TrackName}<b>Title:</b> {TrackName}<p>{/block:TrackName}</div>
- {block:Caption}<p>{Caption}{/block:Caption}
- {/block:Audio}
- {block:Video}
- {Video-400}
- {block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}
- <div class="qq"><div id="asker"><img src="{AskerPortraitURL-24}">
- </div>
- {Asker} said:<br><em>{Question}</em></div>
- {block:Answerer}<div class="rbans">{Answerer} replied: {Answer}</div>{/block:Answerer}
- <div class="rep">{Replies}</div>
- {/block:Answer}
- </div>
- {block:Date}
- <div id="info">
- {block:HasTags}{block:Tags}<div class="tags"><a href="{TagURL}"><i class="fa fa-tag"></i> {Tag}</a></div> {/block:Tags}<p> {/block:HasTags}
- <a href="{Permalink}" title="posted {TimeAgo} on {DayOfMonth}.{MonthNumber}.{Year}"><i class="fa fa-clock-o" aria-hidden="true" style="color:{color:link}"></i></a> • <a href="{Permalink}">
- {NoteCountWithLabel}</a>{block:RebloggedFrom}<br><i class="fa fa-copyright" aria-hidden="true"></i> <a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}
- {/block:Date}
- {block:PostNotes} <p><div id="note">{PostNotes}</div>{/block:PostNotes}
- </div>
- {/block:Posts}</div>
- </div>
- <div id="corner">
- <div id="timebox">
- <i class="fa fa-clock-o" aria-hidden="true"></i> <span id="tim"></span>
- </div>
- <div id="no"> <!-- do not remove this -->
- <a href="http://linthm.tumblr.com/thm" title="FISSION MAILED © Laighlin"><i class="fa fa-code" aria-hidden="true"></i> THEME
- </div></a>
- </div>
- </div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement