Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <!-----
- WONDERFUL WORLD THEME BY ANNIE @NOODLE
- "it's not something I should...tell strangers, but you guys, i love you all!"
- listsen to this fucked-up wonderful world exists for me, stan hatsune miku... and well, happy valentines day i really do love you all !!
- base code by animecharacter.tumblr.com again, since this is basically just my first theme...2 !!
- ----->
- {block:ifrainbowlinks}
- <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:ifrainbowlinks}
- <meta charset="utf-8">
- <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <title>{Title}</title>
- <link rel="shortcut icon" href="{image: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>
- <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>
- <link href="https://fonts.googleapis.com/css?family=Karla|Kosugi+Maru|Roboto|Short+Stack" rel="stylesheet">
- <meta name="image:sidebar">
- <meta name="image:favicon">
- <meta name="image:bg">
- <meta name="image:post bg">
- <meta name="image:thingy">
- <meta name="image:footer pixels">
- <meta name="color:bg">
- <meta name="color:post bg">
- <meta name="color:content glow">
- <meta name="color:text">
- <meta name="color:link">
- <meta name="color:link hover">
- <meta name="color:text glow">
- <meta name="color:link glow">
- <meta name="color:link glow hover">
- <meta name="color:border color">
- <meta name="color:scrollbar">
- <meta name="color:selection bg">
- <meta name="color:selection text">
- <meta name="select:link decoration" content="none">
- <meta name="select:link decoration" content="underline">
- <meta name="select:border style" content="none">
- <meta name="select:border style" content="solid">
- <meta name="select:border style" content="dashed">
- <meta name="select:border style" content="dotted">
- <meta name="select:border style" content="double">
- <meta name="select:border style" content="inset">
- <meta name="select:border style" content="outset">
- <meta name="select:border style" content="groove">
- <meta name="select:border style" content="ridge">
- <meta name="if:blackborder" content="0">
- <meta name="if:postbg">
- <meta name="if:fancydesc">
- <meta name="if:round">
- <meta name="if:rounded sidebar">
- <meta name="if:circle sidebar">
- <meta name="if:heart sidebar">
- <meta name="if:links">
- <meta name="if:text glow">
- <meta name="if:link border">
- <meta name="if:rainbow links">
- <meta name="if:cover bg">
- <meta name="if:content glow">
- <meta name="if:hover tags">
- <meta name="text:font size" content="12px">
- <meta name="text:font" content="">
- <meta name="text:desc" content="">
- <meta name="text:sidebar hover" content="stan toga">
- <meta name="text:border width" content="4px">
- <meta name="text:link 1 name" content="link 1">
- <meta name="text:link 2 name" content="link 2">
- <meta name="text:link 3 name" content="link 3">
- <meta name="text:link 1 url" content="/">
- <meta name="text:link 2 url" content="/">
- <meta name="text:link 3 url" content="/">
- <meta name="text:divider" content="/">
- <meta name="text:previouspage" content="previous">
- <meta name="text:nextpage" content="next">
- <meta name="text:thingy size" content="35px">
- <meta name="text:thingy rotation" content="0">
- <meta name="text:thingy y axis" content="0px">
- <meta name="text:thingy x axis" content="100px">
- <style type="text/css">
- /*
- general text styles, fonts and colours
- */
- ::selection {
- background: {color:selection bg};
- color:{color:selection text};
- }
- ::-moz-selection {
- background: {color:selection bg};
- color:{color:selection text};
- }
- ::-webkit-scrollbar {
- width:5px;
- height:0px;
- background-color: {color:bg};
- }
- ::-webkit-scrollbar-thumb{
- background-color: {color:scrollbar};
- }
- .tooltip {
- display: inline;
- position: relative;
- }
- #s-m-t-tooltip {
- z-index:99999999999999999;
- background: {color:post bg};
- background-image: url('{image:post bg}');
- background-repeat: repeat;
- max-width: 300px;
- margin: 20px;
- padding: 5px;
- border: {text:border width} {select:border style} {color:border color};
- {block:ifcontentglow}
- box-shadow: 0 0 5px 5px {color:content glow};
- {/block:ifcontentglow}
- transition: 0.1s;
- text-align:center;
- {block:ifround}
- border-radius:5px
- {/block:ifround}
- {block:ifblackborder}border-width: 8px;-moz-border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;-webkit-border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;-o-border-image: url({"https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 fill round;{/block:ifblackborder}
- }
- body {
- background-color: {color:bg};
- background-image: url('{image:bg}');
- {block:ifnotcoverbg}
- background-repeat: repeat;
- background-attachment: fixed;
- {/block:ifnotcoverbg}
- {block:ifcoverbg}
- background-size: cover;
- background-attachment: fixed;
- {/block:ifcoverbg}
- font-family:{text:font};
- font-size:{text:font size}px;
- color:{color:text};
- {block:iftextglow}
- text-shadow: 0 0 1px {color:text glow}, 0 0 1px {color:text glow}, 0 0 1px {color:text glow}, 0 0 1px {color:text glow};
- {/block:iftextglow}
- word-wrap:break-word;
- }
- 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: {select:link decoration};
- {block:iftextglow}
- text-shadow:0 0 1px {color:link glow},0 0 1px {color:link glow},0 0 1px {color:link glow},0 0 1px {color:link glow};
- {/block:iftextglow}
- {block:iflinkborder}
- text-shadow: -1px 0 {color:link glow}, 0 1px {color:link glow}, 1px 0 {color:link glow}, 0 -1px {color:link glow};
- {/block:iflinkborder}
- font-weight:bold;
- }
- a:hover{
- color:{color:link hover};
- {block:iftextglow}
- text-shadow:-1px 0 {color:link glow hover}, 0 1px {color:link glow hover}, 1px 0 {color:link glow hover}, 0 -1px {color:link glow hover}, 0 0 3px {color:link glow hover}, 0 0 6px {color:link glow hover};
- {/block:iftextglow}
- {block:iflinkborder}
- text-shadow: -1px 0 {color:link glow hover}, 0 1px {color:link glow hover}, 1px 0 {color:link glow hover}, 0 -1px {color:link glow hover};
- {/block:iflinkborder}
- }
- li{
- margin-left:-15px;
- }
- /*
- containers etc
- */
- #wrapper{
- width:800px;
- margin:50px auto;
- }
- #sidebar{
- margin-left:-75px;
- margin-top:75px;
- width:250px;
- position:fixed;
- float:left;
- text-align:center;
- }
- #descwiption{
- {block:iffancydesc}
- padding-top:5px;
- background: {color:post bg};
- background-image: url('{image:post bg}');
- background-repeat: repeat;
- background-attachment: fixed;
- {block:ifround}
- border-radius:5px;
- {/block:ifround}
- border: {text:border width} {select:border style} {color:border color};
- {block:ifcontentglow}
- box-shadow: 0 0 5px 5px {color:content glow};
- {/block:ifcontentglow}
- text-align:center;
- max-width:250px;
- {block:ifblackborder}border-width: 8px;-moz-border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;-webkit-border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;-o-border-image: url({"https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 fill round;{/block:ifblackborder}
- {/block:iffancydesc}
- }
- .sidebarthingy img{
- width:{text:thingy size};
- position:absolute;
- margin-top:{text:thingy y axis};
- margin-left:{text:thingy x axis};
- transform: rotate({text:thingy rotation}deg);
- }
- #content {
- width:900px;
- margin: 225px;
- margin-top: -20px;
- }
- .post{
- {block:ifpostbg}
- background: {color:post bg};
- background-image: url('{image:post bg}');
- background-repeat: repeat;
- {/block:ifpostbg}
- width:500px;
- margin: 0 0 50px 0;
- overflow:hidden;
- padding:5px;
- {block:ifcontentglow}
- box-shadow: 0 0 5px 5px {color:content glow};
- {/block:ifcontentglow}
- border: {text:border width} {select:border style} {color:border color};
- {block:ifround}
- border-radius:5px
- {/block:ifround}
- {block:ifblackborder}border-width: 8px;-moz-border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;-webkit-border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;-o-border-image: url({"https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 fill round;{/block:ifblackborder}
- }
- #sidebar img{
- max-width:100%;
- {block:ifroundedsidebar}
- border-radius:10px
- {/block:ifroundedsidebar}
- {block:ifheartsidebar}
- -webkit-mask-image: url(https://cdn.discordapp.com/attachments/291662432298860545/438850568765702144/guhhhhh.png);
- display:inline;
- {/block:ifheartsidebar}
- {block:ifcirclesidebar}
- border-radius:800px;
- {/block:ifcirclesidebar}
- }
- .post img{
- max-width:100%;
- height:auto;
- {block:ifround}
- border-radius:5px
- {/block:ifround}
- }
- #nav{
- margin:50px 0 0 0;
- font-size: 2em;
- text-align:center;
- }
- /*
- 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:bold;
- font-size:1.5em;
- 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 footers - date, tags, via and source
- */
- .post .footer{
- margin:0;
- text-align:center;
- }
- /*
- 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;
- }
- {block:ifhovertags}
- .tags {
- max-height:0px;
- text-align:center;
- opacity:0;
- -webkit-transition: all 0.7s ease;
- transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;}
- .post:hover .tags{
- opacity:1;
- max-height:300px;
- -webkit-transition: all 0.7s ease;
- transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;}
- {/block:ifhovertags}
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="wrapper">
- <div id="sidebar">
- <div class="sidebarthingy"><img src="{image:thingy}"></div>
- <a href="/" title="{text:sidebar hover}"><img src="{image:sidebar}" id="hmmm"></a>
- {block:Description}
- <div id="descwiption">
- <p>{text:desc}</p></div>
- {/block:Description}
- {block:iflinks}
- {block:iflink1url}<a href="{text:link 1 url}">{block:iflink1name}{text:link 1 name}{/block:iflink1name}{block:ifnotlink1name}{text:link 1 url}{/block:ifnotlink1name}</a>{/block:iflink1url}{block:iflink2url} {text:divider} <a href="{text:link 2 url}">{block:iflink2name}{text:link 2 name}{/block:iflink2name}{block:ifnotlink2name}{text:link 2 url}{/block:ifnotlink2name}</a>{/block:iflink2url}{block:iflink3url} {text:divider} <a href="{text:link 3 url}">{block:iflink3name}{text:link 3 name}{/block:iflink3name}{block:ifnotlink3name}{text:link 3 url}{/block:ifnotlink3name}</a>{/block:iflink3url}
- {/block:iflinks}
- {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:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- <div class="media">{Photoset-400}</div>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/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:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Video}
- {block:Audio}
- <div class="media">
- {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
- </div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- {block:Answer}
- <div class="question">{Asker}: {Question}</div>
- <div class="caption">{Answer}</div>
- {/block:Answer}
- {block:Date}
- <div class="footer">
- <a href="{Permalink}"><a href="{Permalink}" title="{TimeAgo}{text:notes}">{notecount}%</a>
- </a>{block:RebloggedFrom}<img src="{image:footer pixels}"> <a href="{ReblogParentURL}" title="{ReblogParentName}"> via</a> {/block:RebloggedFrom}{block:ContentSource} <img src="{image:footer pixels}"><a href="{SourceURL}" title="{SourceTitle}"> source</a>{/block:ContentSource}
- <div class="tags"> {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
- </div>
- {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:previouspage}</a> {/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">{text:nextpage}</a>{/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- </div>
- </div>
- <a style="position:fixed;left:3px;bottom:3px;" <a href="https://noodle.tumblr.com/" title="theme by annie!">✡</a>
- <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>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment