Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <!-----
- ♡ fat fucking nuts theme by boyfriended ♡
- the swaggy rainbow border doesnt work with the container dont ask why i dont know
- blame maggie theoppositeofendearing for the title
- base code by animecharacter
- ----->
- <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}">
- <title>{Title}</title>
- <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
- <meta name="color:background" content="#ffffff"/>
- <meta name="color:containerbackground" content="#ffffff"/>
- <meta name="color:posts" content=""/>
- <meta name="color:sidebar" content=""/>
- <meta name="color:border" content="#000">
- <meta name="color:links border" content="#000">
- <meta name="color:title" content=""/>
- <meta name="color:text" content="#2b2b2b"/>
- <meta name="color:link" content="#2b2b2b"/>
- <meta name="color:link hover" content="#949494"/>
- <meta name="color:text glow" content="#000000"/>
- <meta name="color:link glow" content="#000000"/
- <meta name="color:sidebar glow" content="#000">
- <meta name="color:post glow" content="#000">
- <meta name="color:container glow" content="#000">
- <meta name="color:selection bg" content="#fff"/>
- <meta name="color:selection text" content="#000">
- <meta name="color:tooltip" content="#ffffff"/>
- <meta name="color:tooltip text" content="#6d6d6d"/>
- <meta name="image:sidebar" content=""/>
- <meta name="image:background" content="" />
- <meta name="image:container background" content="" />
- <meta name="image:favicon" content="">
- <meta name="image:footer divider" content="">
- <meta name="if:container" content="" />
- <meta name="if:container border" content="" />
- <meta name="if:cover bg" content="" />
- <meta name="if:sidebar border" content="" />
- <meta name="if:sidebar img border" content="" />
- <meta name="if:post border" content="" />
- <meta name="if:post glow" content="" />
- <meta name="if:container glow" content="" />
- <meta name="if:sidebar glow" content="" />
- <meta name="if:sidebar img glow" content="" />
- <meta name="if:glow links" content="" />
- <meta name="if:glow text" content="" />
- <meta name="if:glow title" content="" />
- <meta name="if:rainbow title" content="">
- <meta name="if:rainbow border" content="">
- <meta name="text:font size" content="12px">
- <meta name="text:title size" content="12px">
- <meta name="text:border size" content="3px" />
- <meta name="text:sidebarhover" content="<3">
- <meta name="text:description" content="haha penis"/>
- <meta name="text:title" content="<3">
- <meta name="text:redirect" content=""/>
- <meta name="text:link divider" 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="georgia">
- <meta name="select:font" content="times new roman">
- <meta name="select:font" content="ms gothic"/>
- <meta name="select:font" content="comic sans ms">
- <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">
- ::-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;
- }
- ::-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;
- }
- ::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;
- background-color:{color:tooltip};
- letter-spacing:1px;
- text-align:center;
- color:{color:tooltip text};
- z-index:99999999999999999999;
- -o-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- }
- /*
- general text styles, fonts and colours
- */
- body {
- margin:0px;
- color:{color:text};
- {block:ifglowtext}
- text-shadow: 0 0 3px {color:text glow}, 0 0 15px {color:text glow}, 0 0 3px {color:text glow};
- {/block:ifglowtext}
- background:{color:background};
- 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};
- {block:ifglowlinks}
- text-shadow: 0 0 3px {color:link glow}, 0 0 15px {color:link glow}, 0 0 3px {color:link glow};
- {/block:ifglowlinks}
- -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;
- }
- /*
- containers etc
- */
- #sidebar {
- text-align:center;
- padding:10px;
- position:fixed;
- margin-left:-350px;
- margin-top:120px;
- width:245px;
- z-index: -1;
- }
- #box {
- width: 250px;
- max-height: 200px;
- background-color:{color:sidebar};
- {block:ifsidebarborder}
- border:{text:border size} {select:border type} {color:border};
- {/block:ifsidebarborder}
- {block:ifsidebarglow}
- -moz-box-shadow: 0px 0px 4px 2px {color:sidebar glow};
- -webkit-box-shadow: 0px 0px 4px 2px {color:sidebar glow};
- box-shadow: 0px 0px 4px 2px {color:sidebar glow};{/block:ifsidebarglow}
- padding:2px;
- }
- #wop{
- text-align:center;
- color:{color:title};
- font-size: {text:title size};
- {block:ifglowtitle}
- text-shadow: 0 0 3px {color:text glow}, 0 0 15px {color:text glow}, 0 0 3px {color:text glow};
- {/block:ifglowtitle}
- padding:10px;
- position:fixed;
- margin-left:-350px;
- margin-top:107px;
- width:245px;
- }
- #wop a{
- color:{color:title};
- }
- #sidebar img {
- width:255px;
- margin-bottom:10px;
- {block:ifsidebarimgborder}
- border:{text:border size} {select:border type} {color:border};
- {/block:ifsidebarimgborder}
- {block:ifsidebarimgglow}
- -moz-box-shadow: 0px 0px 4px 2px {color:sidebar glow};
- -webkit-box-shadow: 0px 0px 4px 2px {color:sidebar glow};
- box-shadow: 0px 0px 4px 2px {color:sidebar glow};{/block:ifsidebarimgglow}
- }
- #description {
- max-height:100px;
- width:250px;
- overflow:auto;
- text-align:center;
- }
- #content{
- width:400px;
- margin-left:200px;
- overflow:hidden;
- }
- #posts {
- width:500px;
- padding:10px;
- margin-left:7px;
- background-color:{color:posts};
- {block:ifpostborder}
- border:{text:border size} {select:border type} {color:border};
- {/block:ifpostborder};
- {block:ifpostglow}
- -moz-box-shadow: 0px 0px 4px 2px {color:post glow};
- -webkit-box-shadow: 0px 0px 4px 2px {color:post glow};
- box-shadow: 0px 0px 4px 2px {color:post glow};{/block:ifpostglow}
- {block:IndexPage}
- margin-bottom:50px;
- {/block:IndexPage}
- {block:PermalinkPage}
- margin-bottom:20px;
- {/block:PermalinkPage}
- }
- #posts img {
- max-width:100%;
- height:auto;
- }
- .tags {
- max-height:0px;
- line-height:130%;
- text-align:left;
- font-size:{text:font size};
- 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;}
- #footer: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;}
- #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;
- }
- .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 footers - date, tags, via and source
- */
- #footer{
- 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;
- }
- #con {
- left:50%;
- margin-left:-140px;
- position:absolute;
- }
- #entries {
- margin-top:50px;
- width:550px;
- {block:ifcontainer}
- max-height:650px;
- padding:10px;
- position;fixed;
- overflow:auto;
- width:550px;
- background:{color:container background};
- background-image: url('{image:container background}');
- {block:ifnotcoverbg}
- background-repeat: repeat;
- background-attachment: fixed;
- {/block:ifnotcoverbg}
- {block:ifcoverbg}
- background-size: cover;
- background-attachment: fixed;
- {/block:ifcoverbg}
- {block:ifcontainerborder}
- border:{text:border size} {select:border type} {color:border};
- {/block:ifcontainerborder};
- {block:ifcontainerglow}
- -moz-box-shadow: 0px 0px 4px 2px {color:container glow};
- -webkit-box-shadow: 0px 0px 4px 2px {color:container glow};
- box-shadow: 0px 0px 4px 2px {color:container glow};{/block:ifcontainerglow}
- {/block:ifcontainer}
- {block:ifnotcontainer}
- width:500px;
- {/block:ifnotcontainer}
- }
- .gradient-border {
- --borderWidth: 3px;
- background-color:{color:sidebar};
- position: relative;
- }
- .gradient-border:after {
- content: '';
- position: absolute;
- top: calc(-1 * var(--borderWidth));
- left: calc(-1 * var(--borderWidth));
- height: calc(100% + var(--borderWidth) * 2);
- width: calc(100% + var(--borderWidth) * 2);
- background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
- z-index: -1;
- animation: animatedgradient 3s ease alternate infinite;
- background-size: 300% 300%;
- }
- @keyframes animatedgradient {
- 0% {
- background-position: 0% 50%;
- }
- 50% {
- background-position: 100% 50%;
- }
- 100% {
- background-position: 0% 50%;
- }
- }
- #pop {
- width:100%;
- height:100%;
- top:0;left:0;
- position:fixed;
- z-index:999;
- display:none;
- }
- .fade {
- top:0;
- left:0;
- position:fixed;
- z-index:1000;
- width:100%;
- height:100%;
- }
- .popup {
- top:50%;
- left:50%;
- transform:translate(-50%,-50%);
- position:fixed;
- z-index:10000;
- max-width:300px;
- background:{color:sidebar};
- border:{text:border size} {select:border type} {color:links border};
- width:200px;
- padding:50px;
- text-align:center;
- }
- #pagination{
- width:500px;
- padding:10px;
- position:relative;
- margin-bottom:20px;
- height:20px;
- background-color:{color:posts};
- {block:ifpostborder}
- border:{text:border size} {select:border type} {color:border};
- {/block:ifpostborder};
- {block:ifpostglow}
- -moz-box-shadow: 0px 0px 4px 2px {color:post glow};
- -webkit-box-shadow: 0px 0px 4px 2px {color:post glow};
- box-shadow: 0px 0px 4px 2px {color:post glow};{/block:ifpostglow}
- }
- #cock{
- float:left;
- }
- #balls{
- float:right;
- }
- .p {
- animation: pop 1s infinite;
- -webkit-animation: pop 1s infinite;
- }
- @keyframes pop {
- from {
- transform:scale(0.95)
- }
- 50% {
- transform:scale(1)
- }
- to {
- transform:scale(0.95)
- }
- }
- @-webkit-keyframes pop {
- from {
- -webkit-transform:scale(0.95)
- }
- 50% {
- -webkit-transform:scale(1)
- }
- to {
- -webkit-transform:scale(0.95)
- }
- }
- {CustomCSS}
- </style>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><script>
- $(document).ready(function(){
- $('.click,.fade').click(function() {
- $('#pop').fadeToggle();
- });
- });
- </script>
- </head>
- <body>
- <div id="pop"> <div class="fade"></div>
- <div class="popup">
- <a href="{text:url1}">{text:link1}</a> {text:link divider}
- <a href="{text:url2}">{text:link2}</a> {text:link divider}
- <a href="{text:url3}">{text:link3}</a> {text:link divider}
- <a href="{text:url4}">{text:link4}</a>
- </div>
- </div>
- <div id="con">
- {block:ifrainbowtitle}
- <script type="text/javascript">
- // <![CDATA[
- var speed=100; // speed colours change, 1 second = 1000
- var glow=3; // can be set from '0' for no glow, to 10
- var raincol=new Array("#ff0000", "#ff5500", "#ffaa00", "#ffff00", "#aaff00", "#55ff00", "#00ff00", "#00ff55", "#00ffaa", "#00ffff", "#00aaff", "#0055ff", "#0000ff", "#5500ff", "#aa00ff", "#ff00ff", "#ff00aa", "#ff0055"); // change the colours if you want to
- var alink="/"; // page to link text to (set to ="" for no link)
- /*****************************/
- var rainbow, raintxt, raincnt=0;
- function addLoadEvent(funky) {
- var oldonload=window.onload;
- if (typeof(oldonload)!='function') window.onload=funky;
- else window.onload=function() {
- if (oldonload) oldonload();
- funky();
- }
- }
- addLoadEvent(regenbogen);
- function regenbogen() { if (document.getElementById) {
- var i, rainbeau;
- rainbow=document.getElementById("rainbow");
- raintxt=rainbow.firstChild.nodeValue;
- while (rainbow.childNodes.length) rainbow.removeChild(rainbow.childNodes[0]);
- for (i=0; i<raintxt.length; i++) {
- rainbeau=document.createElement("span");
- rainbeau.setAttribute("id", "rain"+i);
- rainbeau.appendChild(document.createTextNode(raintxt.charAt(i)));
- if (alink) {
- rainbeau.style.cursor="pointer";
- rainbeau.onclick=function() { top.location.href=alink; }
- }
- rainbow.appendChild(rainbeau);
- }
- rainbow=setInterval ("raining()", speed);
- }}
- function raining() {
- var i, c;
- for (i=0; i<raintxt.length; i++) {
- c=raincol[(i+raincnt)%raincol.length];
- document.getElementById("rain"+i).style.color=c;
- if (glow) document.getElementById("rain"+i).style.textShadow=c+" 0px 0px "+glow+"px";
- }
- raincnt++;
- }
- // ]]>
- </script>
- <div id="wop" class="p"><span id="rainbow">{text:title}</span></div>
- {/block:ifrainbowtitle}
- {block:ifnotrainbowtitle}
- <div id="wop" class="p"><a href="/">{text:title}</a></div>
- {/block:ifnotrainbowtitle}
- <div id="sidebar">
- <div id="sidebar img"><a href="#hey" title="{text:sidebarhover}" class="click"><img src="{image:sidebar}"></a></div>
- {block:ifrainbowborder}<div class="gradient-border" id="box">
- {block:ifDescription}<Center>{text:description}<div class="blink_me"></Center>{/block:ifDescription}</div>
- {/block:ifrainbowborder}
- {block:ifnotrainbowborder}<div id="box">
- {block:ifDescription}<Center>{text:description}<div class="blink_me"></Center>{/block:ifDescription}</div>
- {/block:ifnotrainbowborder}
- </div>
- <div id="entries">
- {block:Posts}
- {block:ifrainbowborder}
- <div class="gradient-border" id="posts">{/block:ifrainbowborder}
- {block:ifnotrainbowborder}
- <div id= "posts">
- {/block:ifnotrainbowborder}
- {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-500}" alt="{PhotoAlt}"/>{linkCloseTag}
- {/block:Photo}
- {block:Photoset}
- {Photoset-500}
- {/block:Photoset}
- <div class="video">{Video-500}</div>
- {block:Audio}
- {block:AudioEmbed}{AudioEmbed-500}{/block:AudioEmbed}
- {/block:Audio}
- {block:Answer}
- <div class="q">
- <div class="as"> <b><big>{Asker} said:</big></b>
- {Question}</div></div>
- <div class="a">{Answer}</div>
- {/block:Answer}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- <!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom} {ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom} -->
- {block:Date}
- <div id="footer">
- <a href="{Permalink}"><a href="{Permalink}" title="{timeago}">{notecount}</a> <img src="{image:footer divider}"> <a href="{ReblogURL}">rb</a>
- <!-- {block:NoRebloggedFrom}
- {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
- {/block:NoRebloggedFrom} -->
- {block:ContentSource}<!-- {SourceURL}
- {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <br>
- <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}
- {block:ifrainbowborder}
- <div class="gradient-border" id="pagination">{/block:ifrainbowborder}
- {block:ifnotrainbowborder}
- <div id= "pagination">
- {/block:ifnotrainbowborder}
- {block:PreviousPage}
- <div id="cock">
- <a href="{PreviousPage}">previous page</a></div>
- {/block:PreviousPage}
- {block:NextPage}
- <div id="balls">
- <a href="{NextPage}">next page</a></div>
- {/block:NextPage}
- {/block:Pagination}
- </div>
- </div>
- </div>
- <a style="position:fixed;left:3px;bottom:3px;" <a href="https://boyfriended.tumblr.com/" title="artie was here">🃏</a>
- </body></html>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement