<!DOCTYPE html>
<head>
<!-----
c nation united by beefbrain.tumblr.com
----->
<script src="https://kit.fontawesome.com/83d9648b58.js" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="https://static.tumblr.com/flycrs9/qWwqf8xxx/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("a[title],img[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:300,
tip_fade_speed:300,
attribute:"title"
});
});
})(jQuery);
</script>
<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>
<meta name="image:favicon">
<meta name="image:sidebar">
<meta name="image:sidebar bg">
<meta name="image:bg">
<meta name="image:post">
<meta name="image:footer">
<meta name="image:pixel">
<meta name="color:bg" content="#fff">
<meta name="color:text" content="#000">
<meta name="color:link" content="#1f45ad">
<meta name="color:link hover" content="#ad1f1f">
<meta name="color:text stroke" content="#b8b8b8">
<meta name="color:link stroke" content="#000">
<meta name="color:link stroke hover" content="#ffbfbf">
<meta name="color:text glow" content="#000">
<meta name="color:link glow" content="#1f45ad">
<meta name="color:link glow hover" content="#ad1f1f">
<meta name="color:tooltip border" content="#000">
<meta name="color:tooltip text" content="#000">
<meta name="color:tooltip bg" content="#fff">
<meta name="color:post" content="#fff">
<meta name="color:post border" content="#000">
<meta name="color:footer border" content="#000">
<meta name="color:footer bg" content="#fff">
<meta name="color:sidebar" content="#fff">
<meta name="color:sidebar border" content="#000">
<meta name="color:sidebar img border" content="#000">
<meta name="select:footer align" content="left">
<meta name="select:footer align" content="center">
<meta name="select:footer align" content="right">
<meta name="select:link style" content="none">
<meta name="select:link style" content="underline">
<meta name="select:link style" content="line-through">
<meta name="select:link style" content="overline">
<meta name="select:link style hover" content="none">
<meta name="select:link style hover" content="underline">
<meta name="select:link style hover" content="line-through">
<meta name="select:link style hover" content="overline">
<meta name="select:sidebar border" content="none">
<meta name="select:sidebar border" content="solid">
<meta name="select:sidebar border" content="double">
<meta name="select:sidebar border" content="dashed">
<meta name="select:sidebar border" content="dotted">
<meta name="select:sidebar border" content="inset">
<meta name="select:sidebar border" content="outset">
<meta name="select:sidebar border" content="groove">
<meta name="select:sidebar border" content="ridge">
<meta name="select:sidebar img border" content="none">
<meta name="select:sidebar img border" content="solid">
<meta name="select:sidebar img border" content="double">
<meta name="select:sidebar img border" content="dashed">
<meta name="select:sidebar img border" content="dotted">
<meta name="select:sidebar img border" content="inset">
<meta name="select:sidebar img border" content="outset">
<meta name="select:sidebar img border" content="groove">
<meta name="select:sidebar img border" content="ridge">
<meta name="select:post border" content="none">
<meta name="select:post border" content="solid">
<meta name="select:post border" content="double">
<meta name="select:post border" content="dashed">
<meta name="select:post border" content="dotted">
<meta name="select:post border" content="inset">
<meta name="select:post border" content="outset">
<meta name="select:post border" content="groove">
<meta name="select:post border" content="ridge">
<meta name="select:footer border" content="none">
<meta name="select:footer border" content="solid">
<meta name="select:footer border" content="double">
<meta name="select:footer border" content="dashed">
<meta name="select:footer border" content="dotted">
<meta name="select:footer border" content="inset">
<meta name="select:footer border" content="outset">
<meta name="select:footer border" content="groove">
<meta name="select:footer border" content="ridge">
<meta name="select:tooltip border" content="none">
<meta name="select:tooltip border" content="solid">
<meta name="select:tooltip border" content="double">
<meta name="select:tooltip border" content="dashed">
<meta name="select:tooltip border" content="dotted">
<meta name="select:tooltip border" content="inset">
<meta name="select:tooltip border" content="outset">
<meta name="select:tooltip border" content="groove">
<meta name="select:tooltip border" content="ridge">
<meta name="if:text glow" content="0"/>
<meta name="if:link glow" content="0"/>
<meta name="if:text stroke" content="0"/>
<meta name="if:link stroke" content="0"/>
<meta name="if:rainbow links" content="0"/>
<meta name="if:transparent posts" content="0"/>
<meta name="if:transparent footer" content="0"/>
<meta name="if:transparent sidebar" content="0"/>
<meta name="if:transparent tooltip" content="0"/>
<meta name="if:bg cover" content="0"/>
<meta name="if:post bg cover" content="0"/>
<meta name="if:sidebar bg cover" content="0"/>
<meta name="if:footer cover" content="0"/>
<meta name="if:white scrollbar" content="0"/>
<meta name="if:white squiggly border" content="0"/>
<meta name="if:black squiggly border" content="0"/>
<meta name="if:footer white squiggly border" content="0"/>
<meta name="if:footer black squiggly border" content="0"/>
<meta name="if:sidebar white squiggly border" content="0"/>
<meta name="if:sidebar black squiggly border" content="0"/>
<meta name="if:sidebar img white squiggly border" content="0"/>
<meta name="if:sidebar img black squiggly border" content="0"/>
<meta name="if:page nav buttons" content="0"/>
<meta name="if:switch nav and search" content="0"/>
<meta name="if:sidebar right" content="0"/>
<meta name="if:rounded posts" content="0"/>
<meta name="if:rounded footer" content="0"/>
<meta name="if:rounded sidebar" content="0"/>
<meta name="if:rounded sidebar img" content="0"/>
<meta name="if:rounded search" content="0"/>
<meta name="if:rounded player" content="0"/>
<meta name="text:font size" content="22">
<meta name="text:font" content="arial">
<meta name="text:post border size" content="1">
<meta name="text:footer border size" content="1">
<meta name="text:tooltip border size" content="1">
<meta name="text:sidebar border size" content="1">
<meta name="text:sidebar img border size" content="1">
<meta name="text:sidebar hover" content="home">
<meta name="text:search" content="search...">
<meta name="text:search button" content="GO!">
<style type="text/css">
{block:ifnotwhitescrollbar}
::-webkit-scrollbar {
width: 16px;
height: 10px;
}
::-webkit-scrollbar-thumb {
background-color: #fff;
background-image: url(https://i.imgur.com/Qtm9Z60.png);
border-top: 1px solid #bdbdbd;
border-left: 1px solid #bdbdbd;
border-right: 1px solid black;
border-bottom: 1px solid black;
}
::-webkit-scrollbar-track {
background-color: #fff;
background-image: url(https://i.imgur.com/IGXGYKz.png);
}
::-webkit-scrollbar-button:vertical:increment {
background-image: url(https://i.imgur.com/WhC8iy3.png);
width: 14px;
height: 16px;
border-top: 1px solid #bdbdbd;
border-left: 1px solid #bdbdbd;
border-right: 1px solid black;
border-bottom: 1px solid black;
}
::-webkit-scrollbar-button:vertical:decrement {
background-image: url(https://i.imgur.com/fQ18mrR.png);
border-top: 1px solid #bdbdbd;
border-left: 1px solid #bdbdbd;
border-right: 1px solid black;
border-bottom: 1px solid black;
width: 14px;
height: 16px;
}
{/block:ifnotwhitescrollbar}
{block:ifwhitescrollbar}
::-webkit-scrollbar {
width: 16px;
height: 10px;
}
::-webkit-scrollbar-thumb {
background-color: #fff;
border: 1px solid black;
}
::-webkit-scrollbar-track {
background: white;
}
::-webkit-scrollbar-button:vertical:increment {
background-image: url(https://i.imgur.com/GACs8jw.png);
width: 14px;
height: 16px;
border: 1px solid black;
}
::-webkit-scrollbar-button:vertical:decrement {
background-image: url(https://i.imgur.com/ZSOGgWz.png);
border: 1px solid black;
width: 14px;
height: 16px;
}
{/block:ifwhitescrollbar}
body {
margin:0px;
background:{color:bg};
font-family:{text:font};
font-size:{text:font size}px;
line-height:140%;
color: {color:text};
{block:iftextstroke}text-shadow: {color:text stroke} 1px 0px 0px, {color:text stroke} 0.540302px 0.841471px 0px, {color:text stroke} -0.416147px 0.909297px 0px, {color:text stroke} -0.989992px 0.14112px 0px, {color:text stroke} -0.653644px -0.756802px 0px, {color:text stroke} 0.283662px -0.958924px 0px, {color:text stroke} 0.96017px -0.279415px 0px;{/block:iftextstroke}
{block:iftextglow}
text-shadow: 0px 0px 3px {color:text glow}, 0px 0px 3px {color:text glow};{/block:iftextglow}
background-image:url({image:bg});
background-size:repeat;
background-attachment:fixed;
{block:ifbgcover}
background-size:cover;{/block:ifbgcover}
}
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};
cursor:help;
transition: .3s ease;
{block:iflinkstroke}
text-shadow: {color:link stroke} 1px 0px 0px, {color:link stroke} 0.540302px 0.841471px 0px, {color:link stroke} -0.416147px 0.909297px 0px, {color:link stroke} -0.989992px 0.14112px 0px, {color:link stroke} -0.653644px -0.756802px 0px, {color:link stroke} 0.283662px -0.958924px 0px, {color:link stroke} 0.96017px -0.279415px 0px;{/block:iflinkstroke}
{block:iflinkglow}
text-shadow: 0px 0px 3px {color:link glow}, 0px 0px 3px {color:link glow};{/block:iflinkglow}
text-decoration: {select:link style};
}
a:hover{
color:{color:link hover};
transition: .3s ease;
{block:iflinkstroke}
text-shadow: {color:link stroke hover} 1px 0px 0px, {color:link stroke hover} 0.540302px 0.841471px 0px, {color:link stroke hover} -0.416147px 0.909297px 0px, {color:link stroke hover} -0.989992px 0.14112px 0px, {color:link stroke hover} -0.653644px -0.756802px 0px, {color:link stroke hover} 0.283662px -0.958924px 0px, {color:link stroke hover} 0.96017px -0.279415px 0px;{/block:iflinkstroke}
{block:iflinkglow}
text-shadow: 0px 0px 3px {color:link glow hover}, 0px 0px 3px {color:link glow hover};{/block:iflinkglow}
text-decoration: {select:link style hover};
}
li{
margin-left:-15px;
}
#wrapper{
width:900px;
margin:50px auto;
}
#sidebar{
width:190px;
position:fixed;
margin-top:130px;
{block:ifsidebarwhitesquigglyborder}
border-style: solid;
border-width: 8px;
-moz-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png") 8 round;
-webkit-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png") 8 round;
-o-border-image: url({"https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png") 8 round;
border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png") 8 fill round;{/block:ifsidebarwhitesquigglyborder}
{block:ifsidebarblacksquigglyborder}
border-style: solid;
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:ifsidebarblacksquigglyborder}
border:{select:sidebar border} {text:sidebar border size}px {color:sidebar border};
padding: 5px;
background: {color:sidebar};
background-image:url({image:sidebar bg});
background-size:repeat;
background-attachment:fixed;
{block:ifsidebarbgcover}
background-size:cover;{/block:ifsidebarbgcover}
{block:iftransparentsidebar}
background:transparent;
{/block:iftransparentsidebar}
{block:ifroundedsidebar}
border-radius:5px;{/block:ifroundedsidebar}
}
{block:ifsidebarright}
#sidebar{
margin-left:650px;
}{/block:ifsidebarright}
.sidecontent img {
{block:ifsidebarimgwhitesquigglyborder}
border-style: solid;
border-width: 8px;
-moz-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png") 8 round;
-webkit-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png") 8 round;
-o-border-image: url({"https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png") 8 round;
border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png") 8 fill round;
width:174px;
background: {color:sidebar};
background-image:url({image:sidebar bg});
background-size:repeat;
background-attachment:fixed;
{block:ifsidebarbgcover}
background-size:cover;{/block:ifsidebarbgcover}{/block:ifsidebarimgwhitesquigglyborder}
{block:ifsidebarimgblacksquigglyborder}
border-style: solid;
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;
width:174px;
background: {color:sidebar};
background-image:url({image:sidebar bg});
background-size:repeat;
background-attachment:fixed;
{block:ifsidebarbgcover}
background-size:cover;{/block:ifsidebarbgcover}
{/block:ifsidebarimgblacksquigglyborder}
border:{select:sidebar img border} {text:sidebar img border size}px {color:sidebar img border};
margin: -{text:sidebar img border size}px;
{block:ifroundedsidebarimg}
border-radius:5px;{/block:ifroundedsidebarimg}
}
#content{
width:400px;
margin-left:250px;
}
{block:ifsidebarright}
#content {
margin-left:200px;
}{/block:ifsidebarright}
.post{
width:400px;
margin:0 0 50px 0;
border: {select:post border} {text:post border size}px {color:post border};
padding:5px;
background:{color:post};
{block:iftransparentposts}
background:transparent;{/block:iftransparentposts}
background-image:url({image:post});
background-size:repeat;
{block:ifpostbgcover}
background-size:cover;{/block:ifpostbgcover}
{block:ifwhitesquigglyborder}
border-style: solid;
border-width: 8px;
-moz-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png") 8 round;
-webkit-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png") 8 round;
-o-border-image: url({"https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png") 8 round;
border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png") 8 fill round;{/block:ifwhitesquigglyborder}
{block:ifblacksquigglyborder}
border-style: solid;
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:ifblacksquigglyborder}
overflow:hidden;
word-wrap: break-word;
{block:ifroundedposts}
border-radius:5px;{/block:ifroundedposts}
}
#sidebar img, .post img{
max-width:100%;
height:auto;
}
.prev {
font-size: 30px;
padding:5px;
width:240px;
}
.navi {
font-size:30px;
max-width:190px;
width:190px;
position:relative;
display: table;
text-align:center;
}
{block:ifpagenavbuttons}
.navi {
line-height:1.3;
}
{/block:ifpagenavbuttons}
{block:ifswitchnavandsearch}
.navi {margin-bottom: 5px; }
{/block:ifswitchnavandsearch}
.media{
margin:0 0 0 0;
}
.title{
font-weight:normal;
font-size:30px;
margin:0 0 3px 0;
}
.quote{
font-weight:normal;
font-size:16px;
font-style:italic;
margin:0 0 10px 0;
}
.question{
margin-bottom:10px;
border: {select:post border} {text:post border size}px {color:post border};
padding:5px;
background: url(https://i.imgur.com/mY5ffGl.png);
}
blockquote{
margin:0 0 10px 4px;
padding:0 0 0 4px;
border-left:solid 1px {color:text};
}
.audioo {
width:395px;
margin-bottom:5px;
padding-top:5px;
padding-right:5px;
padding-left:5px;
margin-left:-2px;
word-wrap: break-word;
overflow:hidden;
}
.tumblr_audio_player {
width:31px;
position: absolute;
margin:2px;
margin-top:4px;
transition: .3s ease;
opacity: .9;
}
.tumblr_audio_player:hover {
opacity: .5;
transition: .3s ease;
box-shadow: white 0px 0px 10px;
transform: scale(1.2);
}
.player{
text-shadow: rgb(48, 48, 48) 1px 0px 0px, rgb(48, 48, 48) 0.540302px 0.841471px 0px, rgb(48, 48, 48) -0.416147px 0.909297px 0px, rgb(48, 48, 48) -0.989992px 0.14112px 0px, rgb(48, 48, 48) -0.653644px -0.756802px 0px, rgb(48, 48, 48) 0.283662px -0.958924px 0px, rgb(48, 48, 48) 0.96017px -0.279415px 0px;
color:white;
padding-top:5px;
}
.post .footer{
margin:0;
text-align:left;
background:{color:footer bg};
{block:iftransparentfooter}
background:transparent;{/block:iftransparentfooter}
background-image:url({image:footer});
background-size:repeat;
{block:iffootercover}background-size:cover;{/block:iffootercover}
border:{select:footer border} {color:footer border} {text:footer border size}px;
padding:3px;
{block:iffooterwhitesquigglyborder}
border-style: solid;
border-width: 8px;
-moz-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png") 8 round;
-webkit-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png") 8 round;
-o-border-image: url({"https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png") 8 round;
border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png") 8 fill round;{/block:iffooterwhitesquigglyborder}
{block:iffooterblacksquigglyborder}
border-style: solid;
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:iffooterblacksquigglyborder}
{block:ifroundedfooter}
border-radius:5px;{/block:ifroundedfooter}
}
.tags {
opacity:0;
line-height:0;
max-height:0;
transition: .3s ease;
}
.footer:hover .tags {
opacity:1;
line-height:1;
max-height:500px;
transition: .3s ease;
}
ol.notes{
list-style-type:none;
padding:0;
margin:0;
}
ol.notes li.note img{
width:16px;
height:16px;
margin-right:3px;
}
ol.notes li.note{
margin:0px;
}
.tooltip{
display:inline;
position:relative;
}
#s-m-t-tooltip{
max-width:300px;
padding:3px 4px 5px 4px;
margin:20px 7px -2px 20px;
background-color:{color:tooltip bg};
{block:iftransparenttooltip}
background:transparent;{/block:iftransparenttooltip}
font-family:inherit;
font-size:20px;
color:{color:tooltip text};
z-index:99999999999999999999;
word-break: break-word;
transition: .2s ease all;
border: {text:tooltip border size}px {select:tooltip border} {color:tooltip border};
}
.sfm input {background:url(https://i.imgur.com/mY5ffGl.png);
font-size: 20px;
margin-top: 0px;
margin-right:auto;
color: #363636;
padding: 4px 8px;
border: 1px outset #d6d6d6;
font-family:inherit;
background-color: #d6d6d6;
width:122px;
}
#sf {
background: url(https://i.imgur.com/mY5ffGl.png);
background-size: repeat;
background-color: white;
color: black;
{block:ifroundedsearch}
border-radius:5px 0 0 5px;{/block:ifroundedsearch}
}
::placeholder {
color: black;
opacity: .5;
}
#sb {
width:50px;
background:white;
{block:ifroundedsearch}
border-radius:0 5px 5px 0;{/block:ifroundedsearch}
}
{block:ifswitchnavandsearch}
.srch {
margin-bottom:-6px;
}{/block:ifswitchnavandsearch}
#credit {position: fixed; bottom: 5px; left: 5px;}
#credit img:hover {animation: shake 1s infinite;}
@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}
{CustomCSS}
</style>
{block:ifrainbowlinks}
<script type='text/javascript'>
//<![CDATA[
var rate = 8;
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}
</head>
<body>
<div id="wrapper">
{block:ifnotswitchnavandsearch}
<div id="sidebar">
<div class="sidecontent">
<form action="/search" method="get" class="sfm" name="theform" style="margin-bottom:8px;"><input type="text" name="q" value="" placeholder="{text:search}" id="sf"/><input type="submit" id="sb" value="{text:search button}"/>
</form>
<a href="/" title="{text:sidebar hover}"><img src="{image:sidebar}"></a>
<div class="navi">{block:Pagination}
<div class="bt">
{block:PreviousPage}
<a href="{PreviousPage}" style="float:left;">{block:ifpagenavbuttons}<button>{/block:ifpagenavbuttons}<i class="fas fa-arrow-left"></i>{block:ifpagenavbuttons}</button>{/block:ifpagenavbuttons}</a>
{/block:PreviousPage} {CurrentPage}/{TotalPages}
{block:NextPage}
<a href="{NextPage}" style="float:right;">
{block:ifpagenavbuttons}<button>{/block:ifpagenavbuttons}<i class="fas fa-arrow-right"></i>{block:ifpagenavbuttons}</button>{/block:ifpagenavbuttons}</a>
{/block:NextPage}
</div>{/block:Pagination}
</div>
</div>
</div>{/block:ifnotswitchnavandsearch}
{block:ifswitchnavandsearch}
<div id="sidebar">
<div class="sidecontent"><div class="navi">{block:Pagination}
<div class="bt">
{block:PreviousPage}
<a href="{PreviousPage}" style="float:left;">{block:ifpagenavbuttons}<button>{/block:ifpagenavbuttons}<i class="fas fa-arrow-left"></i>{block:ifpagenavbuttons}</button>{/block:ifpagenavbuttons}</a>
{/block:PreviousPage} {CurrentPage}/{TotalPages}
{block:NextPage}
<a href="{NextPage}" style="float:right;">
{block:ifpagenavbuttons}<button>{/block:ifpagenavbuttons}<i class="fas fa-arrow-right"></i>{block:ifpagenavbuttons}</button>{/block:ifpagenavbuttons}</a>
{/block:NextPage}
</div>{/block:Pagination}
</div>
<a href="/" title="{text:sidebar hover}"><img src="{image:sidebar}"></a>
<div class="srch"><form action="/search" method="get" class="sfm" name="theform" style="margin-bottom:8px;"><input type="text" name="q" value="" placeholder="{text:search}" id="sf"/><input type="submit" id="sb" value="{text:search button}"/>
</form></div>
</div>
</div>{/block:ifswitchnavandsearch}
<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"><div class="audioo">
{AudioPlayerWhite}<div class="player" style="background:url("{AlbumArtURL}");background-size:cover;"><marquee>{block:TrackName}<b>{TrackName}</b>{/block:TrackName}{block:Artist} by
<i>{Artist}</i>{/block:Artist}</marquee></div>
{block:AlbumArt}<div style="max-height:40px;margin-top:-45px;z-index:-9;"><img src="{AlbumArtURL}" width="400">{/block:AlbumArt}</div>
{/block:Artist}
</div></div>
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Audio}
{block:Answer}
<div class="question">{Asker}: {Question}</div>
<div class="caption">{Answer}</div>
{/block:Answer}
{block:Date}
<div class="footer" style="text-align:{select:footer align}">
<a href="{Permalink}" title="{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}">{12HourWithZero}:{Minutes}</a> <img src="{image:pixel}" style="display:inline;"> <a href="{ReblogURL}" style="transform: scale(-1, 1);" title="reblog"><i class="fas fa-redo-alt"></i></a>
<div class="tags" style="text-align:left;">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>
</div>
{block:PermalinkPage}{block:RebloggedFrom}<br><a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom} /
{block:ContentSource}<a href="{SourceURL}" title="{SourceTitle}">src</a>{/block:ContentSource}
{block:NoteCount}
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:NoteCount}
{/block:PermalinkPage}
{/block:Date}
</div>
{/block:Posts}
</div>
</div>
</div>
<div id="credit">
<a href="https://beefbrain.tumblr.com/" data-toggle="tooltip" title="by beefbrain" ><img src="https://i.imgur.com/4I1bKS3.gif" width="20%"></a>
</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>
</body>
</html>