Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <!-----
- base code by animecharacter.tumblr.com
- redux, redux theme by mor
- i don't have tumblr anymore
- searchbar cred to @route01
- dont steal or remove credit
- feel free to edit bugs
- <3
- ----->
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <html>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <meta charset="utf-8">
- <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <meta name="image:favicon">
- <meta name="image:bg img">
- <meta name="image:sidebar">
- <meta name="image:divider">
- <meta name="image:floatie">
- <meta name="if:rainbow hover" content=""/>
- <meta name="if:search" content="1"/>
- <meta name="if:glow" content=""/>
- <meta name="if:full bg" content=""/>
- <meta name="if:redirect" content=""/>
- <meta name="if:hide time" content=""/>
- <meta name="if:hide notes" content=""/>
- <meta name="if:hide tags" content=""/>
- <meta name="if:caption" content=""/>
- <meta name="if:rounded posts" content=""/>
- <meta name="text:redirect" content="dont include slash">
- <meta name="text:font size" content="20">
- <meta name="text:sidebar width" content="20"/>
- <meta name="text:sidebar margin top" content="130"/>
- <meta name="text:side img margin left" content="30"/>
- <meta name="text:floatie width" content="20"/>
- <meta name="text:floatie margin top" content="130"/>
- <meta name="text:floatie margin left" content="it looks weird in the html preview but i keep it at 0"/>
- <meta name="text:search text" content="Search...">
- <meta name="text:search width" content="100">
- <meta name="text:search margin" content="the longer the bar the bigger the margin to line up with posts">
- <meta name="text:back button" content="back">
- <meta name="text:next button" content="next">
- <meta name="text:wipe out text" content="hold my hand">
- <meta name="text:link divider" content=""/>
- <meta name="text:link1 name" content="link 1">
- <meta name="text:link2 name" content="link 2">
- <meta name="text:link3 name" content="link 3">
- <meta name="text:link1 url" content="/">
- <meta name="text:link2 url" content="/">
- <meta name="text:link3 url" content="/">
- <meta name="color:text" content="#000">
- <meta name="color:link" content="#00f">
- <meta name="color:link hover" content="#f00">
- <meta name="color:blog bg" content="#fff">
- <meta name="color:scrollbar" content="#fff">
- <meta name="color:scrollbar thumb" content="#ff00ff">
- <meta name="color:scrollbar border" content="#000">
- <meta name="color:scrollbar thumb border" content="#000">
- <meta name="color:search border" content="#000">
- <meta name="select:font family" content="arial"/>
- <meta name="select:font family" content="verdana"/>
- <meta name="select:font family" content="comic sans ms"/>
- <meta name="select:font family" content="consolas"/>
- <meta name="select:font family" content="dotum"/>
- <meta name="select:font family" content="times new roman"/>
- <meta name="select:alignment" content="left"/>
- <meta name="select:alignment" content="center"/>
- <meta name="select:alignment" content="right"/>
- <meta name="select:scrollbar border" content="solid"/>
- <meta name="select:scrollbar border" content="dashed"/>
- <meta name="select:scrollbar border" content="dotted"/>
- <meta name="select:scrollbar thumb border" content="solid"/>
- <meta name="select:scrollbar thumb border" content="dashed"/>
- <meta name="select:scrollbar thumb border" content="dotted"/>
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
- <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
- <style type="text/css">
- /*
- general text styles, fonts and colours
- */
- body {
- margin:0px;
- text-align: {select:alignment};
- background: {color:blog bg};
- background-image: url('{image:bg img}');;
- {block:iffullbg}
- background-size: cover;
- {/block:iffullbg}
- font-family: {select:font family};
- font-size:{text:font size}px;
- line-height:140%;
- color: {color:text};
- {block:ifglow}
- text-shadow: 0 0 1em;
- {/block:ifglow}
- }
- 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}; text-decoration:bold; cursor:pointer; }
- a:hover{
- color:{color:link hover};
- }
- li{
- margin-left:-15px;
- }
- /*
- containers etc
- */
- #wrapper{
- width:600px;
- margin:50px;
- }
- #sidebar{
- width:{text:sidebar width}px;
- margin-top:{text:sidebar margin top}px;
- margin-left:{text:sidebar margin left}px;
- {block:ifborder}
- border:1px {text:border} {color:border};
- {/block:ifborder}
- padding:2px;
- {block:ifroundedposts}
- border-radius:10px;
- {/block:ifroundedposts}
- }
- #velour{
- width:{text:floatie width}px;
- margin-top:{text:floatie margin top}px;
- margin-left:{text:floatie margin left}px;
- {block:ifborder}
- border:1px {text:border} {color:border};
- {/block:ifborder}
- padding:2px;
- {block:ifroundedposts}
- border-radius:10px;
- {/block:ifroundedposts}
- }
- }
- #velour img{
- }
- #content{
- width:400px;
- margin-left:400px;
- overflow:hidden;
- }
- .post{
- width:400px;
- margin:0 0 50px 0;
- overflow:hidden;
- }
- .post img{
- max-width:100%;
- display:inline;
- {/block:ifhearticon}
- {block:ifborder}
- border: 2px {select:border} {color:border};{/block:ifborder}
- {block:ifcircleicon}
- border-radius:100px;
- {/block:ifcircleicon}
- {block:ifroundedposts}
- border-radius:20px;
- {block:ifcircleicon}
- border-radius:100px;
- {/block:ifcircleicon}
- {block:ifhearticon}
- display:inline;{/block:ifhearticon}
- {/block:ifroundedposts}
- }
- #sidebar img{
- width:{text:sidebar width}px;
- {block:ifcirclesidebar}
- border-radius:80%;
- {/block:ifcirclesidebar}
- margin-top:10px;
- }
- #nav{
- margin:50px 0 0 0;
- }
- /*
- content in the body of the posts - quotes, asks, etc
- "media" contains photos, photosets, videos, audio posts
- */
- .media{
- margin:0 0 10px 0;
- border:5px;
- }
- .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;
- }
- ::-webkit-scrollbar {
- width: 15px; /** width of total scrollbar **/
- background: {color:scrollbar}; /** background of scrollbar **/
- border: {select:scrollbar border} 2px; {color:scrollbar border}; /** border around whole scrollbar **/
- }
- ::-webkit-scrollbar-thumb {
- background: {color:scrollbar thumb}; /** color of the moving part of the scrollbar (thumb) **/
- border: {select:scrollbar thumb border} 2px; {color:scrollbar thumb border}; /** border around moving part of scrollbar (overlaps with border of total scrollbar) **/
- }
- /*
- post footers - date, tags, via and source
- */
- .post .footer{
- margin:0;
- text-align: {select:alignment}
- font-size; {text:font size}
- }
- /*
- 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;
- }
- {CustomCSS}
- .search {
- width:{text:search width}px;
- padding:7px;
- margin-top:10px;
- margin-bottom:0px;
- margin-left:{text:search margin}px;
- border-radius:4px;
- background:{color:bg};
- font-size:20px;
- color:{color:text};
- border:4px double {color:search border};
- font-family:{select:font family};
- }
- ::placeholder{
- color:{color:text};
- }
- .go {width:50px; height:34px; background:{color:bg};
- border-radius:4px;font-size:20px; font-family:{select:font family};color:{color:text};
- border-top:2px solid rgba({RGBcolor:search border}, 0.3);
- border-left:2px solid rgba({RGBcolor:search border}, 0.3);
- border-bottom:2px solid rgba({RGBcolor:search border}, 1.0);
- border-right:2px solid rgba({RGBcolor:search border}, 1.0);
- outline:none;font-family:ms gothic;}
- .go:active{
- border-bottom:2px solid rgba({RGBcolor:search border}, 0.3);
- border-right:2px solid rgba({RGBcolor:search border}, 0.3);
- border-top:2px solid rgba({RGBcolor:search border}, 1.0);
- border-left:2px solid rgba({RGBcolor:search border}, 1.0);
- outline:none;}
- .go:hover{
- cursor: help;
- }
- </style>
- {block:ifrainbowhover}
- <script type='text/javascript'>
- //<![CDATA[
- var rate = 50;
- if (document.getElementById)
- window.onerror=new Function("return true")
- var objActive; // The object which event occured in
- var act = 0; // Flag during the action
- var elmH = 0; // Hue
- var elmS = 128; // Saturation
- var elmV = 255; // Value
- var clrOrg; // A color before the change
- var TimerID; // Timer ID
- if (document.all) {
- document.onmouseover = doRainbowAnchor;
- document.onmouseout = stopRainbowAnchor;
- }
- else if (document.getElementById) {
- document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
- document.onmouseover = Mozilla_doRainbowAnchor;
- document.onmouseout = Mozilla_stopRainbowAnchor;
- }
- function doRainbow(obj)
- {
- if (act == 0) {
- act = 1;
- if (obj)
- objActive = obj;
- else
- objActive = event.srcElement;
- clrOrg = objActive.style.color;
- TimerID = setInterval("ChangeColor()",100);
- }
- }
- function stopRainbow()
- {
- if (act) {
- objActive.style.color = clrOrg;
- clearInterval(TimerID);
- act = 0;
- }
- }
- function doRainbowAnchor()
- {
- if (act == 0) {
- var obj = event.srcElement;
- while (obj.tagName != 'A' && obj.tagName != 'BODY') {
- obj = obj.parentElement;
- if (obj.tagName == 'A' || obj.tagName == 'BODY')
- break;
- }
- if (obj.tagName == 'A' && obj.href != '') {
- objActive = obj;
- act = 1;
- clrOrg = objActive.style.color;
- TimerID = setInterval("ChangeColor()",100);
- }
- }
- }
- function stopRainbowAnchor()
- {
- if (act) {
- if (objActive.tagName == 'A') {
- objActive.style.color = clrOrg;
- clearInterval(TimerID);
- act = 0;
- }
- }
- }
- function Mozilla_doRainbowAnchor(e)
- {
- if (act == 0) {
- obj = e.target;
- while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
- obj = obj.parentNode;
- if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
- break;
- }
- if (obj.nodeName == 'A' && obj.href != '') {
- objActive = obj;
- act = 1;
- clrOrg = obj.style.color;
- TimerID = setInterval("ChangeColor()",100);
- }
- }
- }
- function Mozilla_stopRainbowAnchor(e)
- {
- if (act) {
- if (objActive.nodeName == 'A') {
- objActive.style.color = clrOrg;
- clearInterval(TimerID);
- act = 0;
- }
- }
- }
- function ChangeColor()
- {
- objActive.style.color = makeColor();
- }
- function makeColor()
- {
- // Don't you think Color Gamut to look like Rainbow?
- // HSVtoRGB
- if (elmS == 0) {
- elmR = elmV; elmG = elmV; elmB = elmV;
- }
- else {
- t1 = elmV;
- t2 = (255 - elmS) * elmV / 255;
- t3 = elmH % 60;
- t3 = (t1 - t2) * t3 / 60;
- if (elmH < 60) {
- elmR = t1; elmB = t2; elmG = t2 + t3;
- }
- else if (elmH < 120) {
- elmG = t1; elmB = t2; elmR = t1 - t3;
- }
- else if (elmH < 180) {
- elmG = t1; elmR = t2; elmB = t2 + t3;
- }
- else if (elmH < 240) {
- elmB = t1; elmR = t2; elmG = t1 - t3;
- }
- else if (elmH < 300) {
- elmB = t1; elmG = t2; elmR = t2 + t3;
- }
- else if (elmH < 360) {
- elmR = t1; elmG = t2; elmB = t1 - t3;
- }
- else {
- elmR = 0; elmG = 0; elmB = 0;
- }
- }
- elmR = Math.floor(elmR).toString(16);
- elmG = Math.floor(elmG).toString(16);
- elmB = Math.floor(elmB).toString(16);
- if (elmR.length == 1) elmR = "0" + elmR;
- if (elmG.length == 1) elmG = "0" + elmG;
- if (elmB.length == 1) elmB = "0" + elmB
- elmH = elmH + rate;
- if (elmH >= 360)
- elmH = 0;
- return '#' + elmR + elmG + elmB;
- }
- //]]>
- </script>
- {/block:ifrainbowhover}
- <script type="text/javascript">
- // <![CDATA[
- var speed=100; // speed colours change, 1 second = 1000
- var delay=25; // how long to wait for each wipe
- var alink="/"; // page to link text to (set to ="" for no link)
- /****************************
- * Wipe Out Text Effect *
- *(c)2003-15 mf2fm web-design*
- * http://www.mf2fm.com/rv *
- * DON'T EDIT BELOW THIS BOX *
- ****************************/
- function addLoadEvent(funky) {
- var oldonload=window.onload;
- if (typeof(oldonload)!='function') window.onload=funky;
- else window.onload=function() {
- if (oldonload) oldonload();
- funky();
- }
- }
- addLoadEvent(swab);
- var w_txt;
- function swab() { if (document.getElementById) {
- var wiper=document.getElementById("wipe");
- w_txt=wiper.firstChild.nodeValue;
- while (wiper.childNodes.length) wiper.removeChild(wiper.childNodes[0]);
- for (var i=0; i<w_txt.length; i++) {
- var wipei=document.createElement("span");
- wipei.setAttribute("id", "wipe"+i);
- wipei.appendChild(document.createTextNode(w_txt.charAt(i)));
- if (alink) {
- wipei.style.cursor="pointer";
- wipei.onclick=function() { top.location.href=alink; }
- }
- wiper.appendChild(wipei);
- }
- wipe(0);
- }}
- function wipe(c) {
- if (!c) for (var w=0; w<w_txt.length; w++) document.getElementById("wipe"+w).style.visibility="hidden";
- else if (c<=w_txt.length) document.getElementById("wipe"+(c-1)).style.visibility="visible";
- setTimeout("wipe("+(++c%(w_txt.length+delay))+")", speed);
- }
- // ]]>
- </script>
- </head>
- <body>
- <span id="wipe">{text:wipe out text}</span>
- {block:ifredirect}<script>
- if(window.location.pathname == '/') location.replace('/tagged/{text:redirect}');
- </script>{/block:ifredirect}
- <div class="clicky">
- <a href="{text:link1 url}">{text:link1 name}</a> {text:link divider}
- <a href="{text:link2 url}">{text:link2 name}</a> {text:link divider}
- <a href="{text:link3 url}">{text:link3 name}</a> {text:link divider}
- </div>
- <div id="wrapper">
- <div id="sidebar"></div>
- <center>
- <div style="position:fixed; bottom: {text:sidebar margin bottom} px; left:{text:sidebar margin left}px;"><img src= {image:sidebar} width={text:sidebar width}px /></div>
- <div id="velour"></div>
- <center>
- <div style="position:fixed; bottom: {text:floatie margin bottom} px; right:{text:floatie margin left}px;"><img src= {image:floatie} width={text:floatie width}px /></div>
- {block:ifsearch}
- <form action="/search" method="get">
- <input class="search" type="text" placeholder="{text:search text}" name="q" value="" style="outline:none;">
- <input class="go" type="submit" value="GO!" id="sb"/>
- </form>
- {/block:ifsearch}
- {block:ifcustomdesc}
- {block:Description}
- <p>{text:custom desc}</p>
- {/block:Description}
- {/block:ifcustomdesc}
- {block:AskEnabled}
- <a href="/ask">{AskLabel}</a><br>
- {/block:AskEnabled}
- {block:HasPages}
- {block:Pages}
- <a href="{URL}">{Label}</a><br>
- {/block:Pages}
- {/block:HasPages}
- </div>
- <div id="content">
- {block:Posts}
- <div class="post">
- {block:Text}
- {block:Title}
- <div class="title">{Title}</div>
- {/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
- {block:ifcaption}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:ifcaption}
- {/block:Photo}
- {block:Photoset}
- <div class="media">{Photoset-400}</div>
- {block:ifcaption}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:ifcaption}
- {/block:Photoset}
- {block:Quote}
- <div class="quote">"{Quote}"</div>
- {block:Source}
- <div class="quotesource">{Source}</div>
- {/block:Source}
- {/block:Quote}
- {block:Link}
- <div class="title"><a href="{URL}">{Name}</a></div>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}
- <div class="title">{Title}</div>
- {/block:Title}
- {block:Lines}
- <div class="{Alt} user_{UserNumber}">
- {block:Label}
- <b>{Label}</b>{/block:Label}
- {Line}
- </div>
- {/block:Lines}
- {/block:Chat}
- {block:Video}
- <div class="media">{Video-400}</div>
- {block:ifcaption}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:ifcaption}
- {/block:Video}
- {block:Audio}
- <div class="media">
- {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
- {AudioPlayerWhite}
- {block:TrackName}{TrackName}<br>{/block:TrackName}
- {block:Artist}{Artist}<br>{/block:Artist}
- {block:Album}{Album}{/block:Album}
- </div>
- {block:ifcaption}
- {block:Caption}{Caption}{/block:Caption}
- {/block:ifcaption}
- {/block:Audio}
- {block:Answer}
- <div class="question">{Asker}: {Question}</div>
- <div class="caption">{Answer}</div>
- {/block:Answer}
- {block:Date}
- <div class="footer">
- {block:ifnothidetime}
- <a href="{Permalink}">{TimeAgo}
- {/block:ifnothidetime}
- {block:NoteCount}
- {block:ifnothidenotes}
- ({NoteCountWithLabel})
- {/block:ifnothidenotes} {block:ifpermaimg}<img src="{image:permaimg}">{/block:ifpermaimg}</a>{/block:NoteCount}<p>
- {block:ifnothidetags}
- {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
- {/block:ifnothidetags}<p>
- <p><img src="{image:divider}">
- {block:PermalinkPage}
- {block:NoteCount}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:NoteCount}
- {/block:PermalinkPage}
- {/block:Date}
- </div>
- {/block:Posts}
- {block:Pagination}
- <div id="nav">
- {block:PreviousPage}<a href="{PreviousPage}">{text:back button}</a></a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">{text:next button}</a>{/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- </div>
- </div>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
- <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
- <div id="credit">
- <div style="position:fixed;bottom:0px;left:5px;padding:10px;"><a href="https://twitter.com/friendlyrun/"><img src="https://66.media.tumblr.com/481ba757db86252924415136fb693ecd/tumblr_pqmsqzrK4h1y8ua8do1_75sq.gif" title="theme by morado"></a>
- </div>
- <!-----
- you can change the pixel to something matching your aes
- just dont remove it
- ----->
- </body>
- </html>
Add Comment
Please, Sign In to add comment