Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE HTML>
- <meta charset="utf-8">
- <HTML>
- <!--
- MERCILESS @ps1 - updated 1/2/22
- a header theme with a twist.
- ____________________________________________
- specs
- header image can be any size. will auto resize in table.
- keep header links as equal or short as possible.
- round border doesn't work for rainbow border.
- optional everything.
- insert google fonts after <head>
- message for bugs so i can fix
- ____________________________________________
- html entitys
- choose numbers on 3rd column without # ;
- https://www.tutorialbrain.com/html_tutorial/html_entities/
- annasthms photosets
- https://annasthms.github.io/photosets/
- NPF image fix @glenthemes
- git.io/JRBt7
- unnest captions @neothm
- https://codepen.io/neothm/pen/PzVjRy
- short note count
- https://shythemes.tumblr.com/post/156021137818/hello-i-was-wondering-if-you-knew-how-to-shorten
- -->
- <HEAD>
- <script src="//cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js"></script>
- <!--
- NPF images fix v3.0 by @glenthemes [2021]
- 💌 git.io/JRBt7
- --->
- <script src="//npf-images-v3.github.io/script.js"></script>
- <link rel="stylesheet" href="//npf-images-v3.github.io/recon.css">
- <style tmblr-npf>
- :root {
- --NPF-Caption-Spacing:1em;
- --NPF-Image-Spacing:4px;
- }
- </style>
- <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
- <script>
- function gatherData(images, arr) {
- for (let i = 0; i < images.length; i++) {
- let currentData = {
- "width": images[i].getAttribute('data-width'),
- "height": images[i].getAttribute('data-height'),
- "low_res": images[i].getAttribute('data-lowres'),
- "high_res": images[i].getAttribute('data-highres')
- };
- arr.push(currentData);
- }
- }
- function getIndex(elem) {
- let i = 0;
- while( (elem = elem.previousElementSibling) != null ) i++;
- return i;
- }
- function lightbox(elem) {
- let currentPhotoset = elem.parentNode;
- let photosetPhotos = currentPhotoset.getElementsByTagName('div');
- let data = [];
- gatherData(photosetPhotos, data);
- Tumblr.Lightbox.init(data, getIndex(elem) + 1);
- }
- </script>
- {block:IfRedirect}
- <script>
- if(window.location.pathname == '/') location.replace('{text:redirect}');
- </script>
- {block:IfRedirect}
- <link rel="icon" href="{image:favicon}" type="image/gif" >
- <TITLE>{Title}</TITLE>
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <meta name="image:favicon" content="" />
- <meta name="image:icon" content="https://i.imgur.com/t71BiVo.gif" />
- <meta name="image:header bg" content="" />
- <meta name="image:bg" content="" />
- <meta name="image:footer bg" content="" />
- <meta name="image:cursor" content="https://i.imgur.com/I8lupLx.png"/>
- <meta name="color:bg" content="#fff" />
- <meta name="color:header bg" content="#fff" />
- <meta name="color:header link" content="#c1331a" />
- <meta name="color:header link glow" content="#c1331a" />
- <meta name="color:title" content="#c1331a" />
- <meta name="color:title glow" content="#c1331a" />
- <meta name="color:desc text" content="#c1331a" />
- <meta name="color:desc glow" content="#c1331a" />
- <meta name="color:desc link" content="#c1331a" />
- <meta name="color:desc link glow" content="#c1331a" />
- <meta name="color:text" content="#000" />
- <meta name="color:text glow" content="#000" />
- <meta name="color:link" content="#c1331a" />
- <meta name="color:link glow" content="#c1331a" />
- <meta name="color:link hover" content="#ccc" />
- <meta name="color:link hover glow" content="#ccc" />
- <meta name="color:footer bg" content="#fff" />
- <meta name="color:footer text" content="#c1331a" />
- <meta name="color:footer glow" content="#c1331a" />
- <meta name="color:tooltip bg" content="#fff" />
- <meta name="color:tooltip txt" content="#000" />
- <meta name="color:tooltip glow" content="#000" />
- <meta name="color:tooltip border" content="#000" />
- <meta name="color:select bg" content="#000" />
- <meta name="color:select text" content="#fff" />
- <meta name="color:float symbol" content="#000" />
- <meta name="color:header border" content="#000" />
- <meta name="color:footer border" content="#000" />
- <meta name="select:header border" content="solid" />
- <meta name="select:header border" content="dashed" />
- <meta name="select:header border" content="dotted" />
- <meta name="select:header border" content="double" />
- <meta name="select:header border" content="inset" />
- <meta name="select:header border" content="outset" />
- <meta name="select:header border" content="groove" />
- <meta name="select:header border" content="ridge" />
- <meta name="select:header border size" content="0" />
- <meta name="select:header border size" content="1" />
- <meta name="select:header border size" content="2" />
- <meta name="select:header border size" content="3" />
- <meta name="select:header border size" content="4" />
- <meta name="select:header border size" content="5" />
- <meta name="select:footer border" content="solid" />
- <meta name="select:footer border" content="dashed" />
- <meta name="select:footer border" content="dotted" />
- <meta name="select:footer border" content="double" />
- <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:footer border size" content="0" />
- <meta name="select:footer border size" content="1" />
- <meta name="select:footer border size" content="2" />
- <meta name="select:footer border size" content="3" />
- <meta name="select:footer border size" content="4" />
- <meta name="select:footer border size" content="5" />
- <meta name="select:round border" content="0" />
- <meta name="select:round border" content="3" />
- <meta name="select:round border" content="5" />
- <meta name="select:round border" content="10" />
- <meta name="select:photoset gap" content="0" />
- <meta name="select:photoset gap" content="1" />
- <meta name="select:photoset gap" content="2" />
- <meta name="select:photoset gap" content="3" />
- <meta name="select:photoset gap" content="4" />
- <meta name="select:photoset gap" content="5" />
- <meta name="select:photoset gap" content="10" />
- <meta name="select:post margin" content="20" />
- <meta name="select:post margin" content="30" />
- <meta name="select:post margin" content="40" />
- <meta name="select:post margin" content="50" />
- <meta name="select:post margin" content="75" />
- <meta name="select:post margin" content="100" />
- <meta name="text:title size" content="20" />
- <meta name="text:title font" content="consolas" />
- <meta name="text:title" content="title" />
- <meta name="text:font family" content="consolas" />
- <meta name="text:font size" content="13" />
- <meta name="text:description" content="description" />
- <meta name="text:icon hover" content="enable with options" />
- <meta name="text:link 1" content="01">
- <meta name="text:link 1 URL" content="/">
- <meta name="text:link 2" content="02">
- <meta name="text:link 2 URL" content="/">
- <meta name="text:link 3" content="03">
- <meta name="text:link 3 URL" content="/">
- <meta name="text:link 4" content="04">
- <meta name="text:link 4 URL" content="/">
- <meta name="text:redirect" content="/tagged/0">
- <meta name="text:html entity" content="9733">
- <meta name="if:250" content="0" />
- <meta name="if:500" content="0" />
- <meta name="if:icon hover" content="0" />
- <meta name="if:custom cursor" content="0"/>
- <meta name="if:cover bg" content="0" />
- <meta name="if:cover header bg" content="0" />
- <meta name="if:glow txt" content="0" />
- <meta name="if:bold link" content="0" />
- <meta name="if:italic link" content="0" />
- <meta name="if:underline link" content="0" />
- <meta name="if:rainbow link hover" content="0" />
- <meta name="if:hide title" content="0" />
- <meta name="if:hide desc" content="0" />
- <meta name="if:hide captions" content="0" />
- <meta name="if:float symbol" content="0" />
- <meta name="if:rainbow title" content="0" />
- <meta name="if:rainbow border" content="0"/>
- <meta name="if:redirect" content="0" />
- <style type="text/css">
- ::-moz-selection {
- background: {color:select bg};
- color: {color:select text};}
- ::selection {
- background: {color:select bg};
- color: {color:select text};}
- ::-webkit-scrollbar {
- width: 10px;
- }
- ::-webkit-scrollbar-track {
- background: {color:bg};
- }
- ::-webkit-scrollbar-thumb {
- background-color: {color:link};
- }
- {block:IfCustomCursor}
- body, *, a, a:hover {cursor:url({image:cursor}), auto;}{/block:IfCustomCursor}
- {block:IfNotCustomCursor}
- a, a:hover {cursor: help;}
- {/block:IfNotCustomCursor}
- pre {
- white-space: pre-line;
- overflow-wrap: break-word;
- word-wrap: break-word;
- -ms-hyphens: auto;
- -moz-hyphens: auto;
- -webkit-hyphens: auto;
- hyphens: auto;
- }
- body {
- margin: 0;
- overflow-x: hidden;
- line-height: 100%;
- color: {color:text};
- font-family: {text:font family};
- font-size: {text:font size}px;
- {block:ifGlowTxt}
- text-shadow: 0 0 3px {color:text glow};
- {/block:ifGlowTxt}
- background: {color:bg} url("{image:bg}") fixed;
- {block:IfCoverBg}
- background-image: url("{image:bg}") no-repeat center center fixed;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover;
- {/block:IfCoverBg}
- -webkit-font-smoothing: antialiased;
- text-rendering: optimizeLegibility;
- -moz-osx-font-smoothing: grayscale;
- opacity: 0;
- transition: opacity 2s;
- }
- img {max-width: 100%;}
- p { margin: 0;}
- h1,h2,h3 {margin: 0;}
- blockquote {
- margin: 0 0 0 10px;
- border-left: 1px solid {color:text};
- padding-left: 10px;
- }
- ul {
- list-style: square;
- color: {color:link};
- {block:ifGlowTxt}
- text-shadow: 0 0 3px {color:link glow};
- {/block:ifGlowTxt}
- }
- a:link, a:active, a:visited {
- color: {color:link};
- {block:ifGlowTxt}
- text-shadow: 0 0 3px {color:link glow};
- {/block:ifGlowTxt}
- {block:IfBoldLink}
- font-weight: bold;{/block:IfBoldLink}
- {block:IfItalicLink}
- font-style: italic;{/block:IfItalicLink}
- {block:IfNotUnderlineLink}
- text-decoration: none;{/block:IfNotUnderlineLink}
- {block:IfUnderlineLink}
- text-decoration: underline;{/block:IfUnderlineLink}
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- .desc a:hover, .sidebar a:hover, .footer a:hover, a:hover {
- {block:IfBoldLink}
- font-weight: bold;{/block:IfBoldLink}
- color: {color:link hover};
- {block:ifGlowTxt}
- text-shadow: 0 0 3px {color:link hover glow};
- {/block:ifGlowTxt}
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- {block:IfRainbowLinkHover}
- -webkit-animation:rainbow 1s infinite;
- -ms-animation:rainbow 1s infinite;
- -o-animation:rainbow 1s infinite;
- animation:rainbow 1s infinite;
- {/block:IfRainbowLinkHover}
- }
- {block:IfRainbowLinkHover}
- @-webkit-keyframes rainbow {
- 0% {color: #ff0000;}
- 10% {color: #ff8000;}
- 20% {color: #ffff00;}
- 30% {color: #80ff00;}
- 40% {color: #00ff00;}
- 50% {color: #00ff80;}
- 60% {color: #00ffff;}
- 70% {color: #0080ff;}
- 80% {color: #0000ff;}
- 90% {color: #8000ff;}
- 100% {color: #ff0080;}
- }
- {/block:IfRainbowLinkHover}
- .content {
- margin: auto;
- {block:ifNot500}{block:ifNot250}
- width: 440px;
- {/block:ifNot250}{/block:ifNot500}
- {block:if250}width: 290px;{/block:if250}
- {block:if500}width: 540px;{/block:if500}
- }
- .title {
- margin-top: 50px;
- margin-bottom: 30px;
- text-align: center;
- font-size: {text:title size}px;
- font-family: {text:title font};
- color: {color:title};
- {block:ifGlowTxt}
- text-shadow: 0 0 3px {color:title glow};
- {/block:ifGlowTxt}
- }
- .sidebar {
- background: {color:header bg};
- background-image: url({image:header bg});
- {block:ifCoverHeaderBg}
- background-size: 100% 100%;
- {/block:ifCoverHeaderBg}
- {block:ifHideTitle}
- margin-top: 50px;
- {/block:ifHideTitle}
- {block:ifNot500}{block:ifNot250}
- width: 400px;
- {/block:ifNot250}{/block:ifNot500}
- {block:if250}width: 250px;{/block:if250}
- {block:if500}width: 500px;{/block:if500}
- border: {select:header border size}px {select:header border} {color:header border};
- border-radius: {select:round border}px;
- {block:IfRainbowBorder}
- --angle: 0deg;
- border: {select:header border size}px {select:header border};
- border-image: conic-gradient(from var(--angle), red, yellow, lime, aqua, blue, magenta, red) 1;
- animation: 7s rotate linear infinite;
- {block:IfRainbowBorder}
- }
- {block:IfRainbowBorder}
- @keyframes rotate {
- to {
- --angle: 360deg;
- }
- }
- @property --angle {
- syntax: '<angle>';
- initial-value: 0deg;
- inherits: false;
- }
- {/block:IfRainbowBorder}
- .sidebar a {
- color: {color:header link};
- {block:ifGlowTxt}
- text-shadow: 0 0 3px {color:header link glow};
- {/block:ifGlowTxt}
- }
- .icon img {
- max-width: 100%;
- display: block;
- border-radius: {select:round border}px;
- }
- .desc {
- margin-top: 20px;
- text-align: center;
- color: {color:desc text};
- {block:ifGlowTxt}
- text-shadow: 0 0 3px {color:desc text glow};
- {/block:ifGlowTxt}
- }
- .desc a {
- color: {color:desc link};
- {block:ifGlowTxt}
- text-shadow: 0 0 3px {color:desc link glow};
- {/block:ifGlowTxt}
- }
- .link {
- text-align: center;
- }
- .contain {
- {block:ifHideDesc}
- margin-top: 50px;
- {/block:ifHideDesc}
- {block:ifNotHideDesc}
- margin-top: {select:post margin}px;
- {/block:ifNotHideDesc}
- }
- .posts {
- {block:ifNot500}{block:ifNot250}
- width: 400px;
- {/block:ifNot250}{/block:ifNot500}
- {block:if250}width: 250px;{/block:if250}
- {block:if500}width: 500px;{/block:if500}
- margin-bottom: {select:post margin}px;
- text-align: left;
- }
- [photoset-layout] img , .pic img {
- display: block;
- border-radius: {select:round border}px;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- [photoset-layout] img:hover, .pic img:hover {
- opacity: 0.5;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- [photoset-layout] {
- grid-gap: {select:photoset gap}px;
- }
- .cap {
- margin-top: 10px;
- }
- .tumblr_parent {
- margin:10px 10px 10px 20px;
- padding: 0px 10px;
- border-left: 1px solid {color:text};
- line-height: 110%;
- }
- .footer {
- background: {color:footer bg};
- background-image: url({image:footer bg});
- margin-top: 10px;
- padding: 10px;
- border: {select:footer border size}px {select:footer border} {color:footer border};
- border-radius: {select:round border}px;
- {block:IfRainbowBorder}
- --angle: 0deg;
- border: {select:footer border size}px {select:footer border};
- border-image: conic-gradient(from var(--angle), red, yellow, lime, aqua, blue, magenta, red) 1;
- animation: 7s rotate linear infinite;
- {block:IfRainbowBorder}
- }
- {block:IfRainbowBorder}
- @keyframes rotate {
- to {
- --angle: 360deg;
- }
- }
- @property --angle {
- syntax: '<angle>';
- initial-value: 0deg;
- inherits: false;
- }
- {/block:IfRainbowBorder}
- .footer a {
- color: {color:footer text};
- {block:ifGlowTxt}
- text-shadow: 0 0 3px {color:footer glow};
- {/block:ifGlowTxt}
- }
- .notecount {
- float: right;
- display: inline;
- {block:IfNotUnderlineLink}
- text-decoration: none;{/block:IfNotUnderlineLink}
- {block:IfUnderlineLink}
- text-decoration: underline;{/block:IfUnderlineLink}
- }
- .time-ago {
- display: inline;
- }
- .tags {
- margin-top: 10px;
- text-align: center;
- max-height:0px;
- 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;
- }
- .posts:hover .tags{
- max-height: 300px;
- opacity:1;
- -webkit-transition: all 0.7s ease;
- transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;}
- ol.notes {
- padding: 0px;
- margin: 25px 0px;
- list-style-type: none;
- border: 0;
- }
- ol.notes li.note {
- border-top: 2px {select:footer Border} {color:footer border};
- padding: 10px;
- text-transform: uppercase;
- {block:IfRainbowBorder}
- --angle: 0deg;
- border-top: {select:footer border size}px {select:footer border};
- border-image: conic-gradient(from var(--angle), red, yellow, lime, aqua, blue, magenta, red) 1;
- animation: 7s rotate linear infinite;
- {block:IfRainbowBorder}
- }
- {block:IfRainbowBorder}
- @keyframes rotate {
- to {
- --angle: 360deg;
- }
- }
- @property --angle {
- syntax: '<angle>';
- initial-value: 0deg;
- inherits: false;
- }
- {/block:IfRainbowBorder}
- ol.notes li.note img.avatar {
- vertical-align: middle;
- display: inline-block;
- margin-right: 10px;
- width: 25px;
- height: 25px;
- image-rendering: pixelated;
- }
- .pagination {
- text-align: center;
- font-size: 36px;
- margin-bottom: 50px;
- {block:ifNot500}{block:ifNot250}
- width: 400px;
- {/block:ifNot250}{/block:ifNot500}
- {block:if250}width: 250px;{/block:if250}
- {block:if500}width: 500px;{/block:if500}
- }
- .c {
- bottom: 5px; left: 5px; padding: 15px; font-size: 16px; position: fixed;
- }
- .c a {
- color: {color:link};
- {block:ifGlowTxt}
- text-shadow: 0 0 3px {color:link glow};
- {/block:ifGlowTxt}
- text-decoration: none;
- }
- .spotify_audio_player {
- height:80px!important;
- width:100%!important;}
- .soundcloud_audio_player {
- height:150px!important;
- width:100%!important;}
- .tmblr-iframe-compact .tmblr-iframe--unified-controls {
- -webkit-filter: opacity(0);
- filter: opacity(0);
- transition: all 0.3s ease-out;
- -o-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- }
- .tmblr-iframe-compact .tmblr-iframe--unified-controls:hover {
- -webkit-filter: opacity(1);
- filter: opacity(1);
- transition: all 0.3s ease-out;
- -o-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- }
- #s-m-t-tooltip {
- border: 1px solid {color:footer border};
- padding: 5px 7px;
- background: {color:tooltip bg};
- {block:ifGlowTxt}
- text-shadow: 0 0 3px {color:tooltip glow};
- {/block:ifGlowTxt}
- border: 1px solid {color:tooltip border};
- text-transform: none;
- text-align: center;
- transition: all 0.3s ease-out;
- -o-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- color: {color:tooltip txt};
- font-family: {text:font family};
- font-size: {select:font size}px;
- max-width: 200px;
- word-wrap: break-word;
- display: block;
- margin: -30px 0px -10px 10px;
- z-index: 999999999999;
- {block:IfRainbowBorder}
- --angle: 0deg;
- border: 1px {select:footer border};
- border-image: conic-gradient(from var(--angle), red, yellow, lime, aqua, blue, magenta, red) 1;
- animation: 7s rotate linear infinite;
- {block:IfRainbowBorder}
- }
- {block:IfRainbowBorder}
- @keyframes rotate {
- to {
- --angle: 360deg;
- }
- }
- @property --angle {
- syntax: '<angle>';
- initial-value: 0deg;
- inherits: false;
- }
- {/block:IfRainbowBorder}
- .q { display: inline-block; padding-bottom: 5px;}
- .ask {
- border-bottom: {select:footer border size}px {select:footer border} {color:footer border};
- {block:IfRainbowBorder}
- --angle: 0deg;
- border-bottom: {select:footer border size}px {select:footer border};
- border-image: conic-gradient(from var(--angle), red, yellow, lime, aqua, blue, magenta, red) 1;
- animation: 7s rotate linear infinite;
- {block:IfRainbowBorder}
- }
- {block:IfRainbowBorder}
- @keyframes rotate {
- to {
- --angle: 360deg;
- }
- }
- @property --angle {
- syntax: '<angle>';
- initial-value: 0deg;
- inherits: false;
- }
- {/block:IfRainbowBorder}
- .ans {
- padding-top: 5px;
- }
- </style>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips();
- });
- })(jQuery);
- </script>
- <script src="//code.jquery.com/jquery-2.2.4.min.js"></script>
- <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
- <script> $(function(){ $('.posts').unnest({
- yourCaption: ".cap",
- wrapName: ".tumblr_parent",
- newCaptionUsername: false,
- originalPostCaptionUsername: false,
- tumblrAvatars: false,
- tumblrAvatarClass: ".tumblr_avatar",
- usernameColon: false
- }); }); </script>
- </HEAD>
- <body onload="document.body.style.opacity='1'">
- <div class="c">
- <a href="https://ps1.tumblr.com/" data-toggle="tooltip" title="ps1">#</a>
- </div>
- <div class="content">
- <center>
- {block:ifNotHideTitle}
- <div class="title">
- {block:ifNotRainbowTitle}
- {text:title}
- {/block:ifNotRainbowTitle}
- {block:ifRainbowTitle}
- <span id="rainbow">{text:title}</span>
- {/block:ifRainbowTitle}
- </div>
- {/block:ifNotHideTitle}
- <div class="sidebar">
- <table style="width: 100%; padding: 5px">
- <tbody>
- <tr>
- <td style="text-align: left;"><a href="{text:link 1 url}">{text:link 1}</a></td>
- <td></td>
- <td style="text-align: right"><a href="{text:link 2 url}">{text:link 2}</a></td>
- </tr>
- <tr>
- <td></td>
- <td>
- <center><div class="icon">
- <a href="/" data-toggle="tooltip" {block:ifIconHover}title="{text:icon hover}"{/block:ifIconHover}><img src="{image:icon}"></a>
- </div></center>
- </td>
- <td></td>
- </tr>
- <tr>
- <td style="text-align: left"><a href="{text:link 3 url}">{text:link 3}</a></td>
- <td></td>
- <td style="text-align: right"><a href="{text:link 4 url}">{text:link 4}</a></td>
- </tr>
- </tbody>
- </table>
- </div>
- {block:ifNotHideDesc}
- <div class="desc">
- {text:description}
- </div>
- {/block:ifNotHideDesc}
- <div class="contain">
- {block:posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
- <div class="posts">
- {block:Text}
- {block:Title}{Title}{/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- {block:IndexPage}
- <div class="pic">
- <a href="{Permalink}">
- {block:ifNot500}{block:ifNot250}
- <img src="{PhotoURL-400}">
- {/block:ifNot250}{/block:ifNot500}
- {block:if250}<img src="{PhotoURL-250}">{/block:if250}
- {block:if500}<img src="{PhotoURL-500}">{/block:if500}
- </a></div>
- {/block:IndexPage}
- {block:PermalinkPage}
- <div class="pic">
- {LinkOpenTag}{block:ifNot500}{block:ifNot250}<img src="{PhotoURL-400}">{/block:ifNot250}{block:ifNot500}{LinkCloseTag}
- </div>
- {/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- <div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>
- {/block:Photoset}
- {block:Audio}
- {block:AudioEmbed}
- <div style="height: 85px">
- {block:ifNot500}{block:ifNot250}
- {AudioEmbed-400}
- {/block:ifNot250}{/block:ifNot500}
- {block:if250}{AudioEmbed-250}{/block:if250}
- {block:if500}{AudioEmbed-500}{/block:if500}
- </div>
- {/block:AudioEmbed}
- {/block:Audio}
- {block:Video}
- {block:ifNot500}{block:ifNot250}
- {VideoEmbed-400}
- {/block:ifNot250}{/block:ifNot500}
- {block:if250}{VideoEmbed-250}{/block:if250}
- {block:if500}{VideoEmbed-500}{/block:if500}
- {/block:Video}
- {block:Answer}
- <div class="ask">{Asker}: <div class="q">{Question}</div></div>
- <div class="ans">{Answer}</div>
- {/block:Answer}
- {block:Quote}
- <p>“{Quote}”</p>
- {block:Source}<p>— {Source}</p>{/block:Source}
- {/block:Quote}
- {block:Link}
- <a href="{URL}" target="blank">{Name}</a>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}{Title}{/block:Title}
- {block:Lines}
- <div class="{Alt} user_{UserNumber}">
- {block:Label}{Label}{/block:Label} {Line}
- </div>
- {/block:Lines}
- {/block:Chat}
- {block:ifNotHideCaptions}
- {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
- {/block:ifNotHideCaptions}
- {block:IndexPage}
- <div class="footer">
- <a href="{Permalink}"><div class="time-ago">{TimeStamp}</div></a>
- <a href="{ReblogURL}" title="reblog?"><div class="notecount">{NoteCount}</div></a>
- </div>
- {block:HasTags}
- <div class="tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:ifHideCaptions}
- {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
- {/block:ifHideCaptions}
- {block:PostNotes}{PostNotes-64}{/block:PostNotes}
- {/block:PermalinkPage}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
- </div> <!-- posts -->
- {/block:Posts}
- {block:IndexPage}
- <div class="pagination">
- {block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage}{block:NextPage}<a href="{NextPage}" style="margin-left: 20px">»</a></p>{/block:NextPage}{/block:IndexPage}</div>
- </div> <!-- container 4 post -->
- </center>
- </div> <!-- content -->
- <script type="text/javascript" src="https://static.tumblr.com/i5s2zks/9Acok8oo2/bct-timeago.min.js"></script>
- <script type="text/javascript">
- $(document).ready(function() {
- $(".time-ago").timeAgo({
- time: "letter",
- });
- });
- </script>
- <script>
- var $container = $('.posts');
- $container.find('.notecount').each(function(){
- var n = $(this).html().split(' ')[0].replace(/,/g, '');
- if (n > 999) {
- n = Math.floor(n / 100) / 10;
- $(this).text(n + 'n');
- }
- });
- </script>
- {block:ifFloatSymbol}
- <script type="text/javascript">
- // <![CDATA[
- var colour="{color:float symbol}"; // what colour are the blobs
- var speed=85; // speed of animation, lower is faster
- var blobs=15; // how many blobs are in the jar
- var charc=String.fromCharCode({text:html entity}); // you must use HTML entity
- /***************************\
- * Blobs in a Jar Effect *
- *(c)2012-13 mf2fm web-design*
- * http://www.mf2fm.com/rv *
- * DON'T EDIT BELOW THIS BOX *
- \***************************/
- var div;
- var xpos=new Array();
- var ypos=new Array();
- var zpos=new Array();
- var dx=new Array();
- var dy=new Array();
- var dz=new Array();
- var blob=new Array();
- var swide=800;
- var shigh=600;
- var ie_version=(navigator.appVersion.indexOf("MSIE")!=-1)?parseFloat(navigator.appVersion.split("MSIE")[1]):false;
- function addLoadEvent(funky) {
- var oldonload=window.onload;
- if (typeof(oldonload)!='function') window.onload=funky;
- else window.onload=function() {
- if (oldonload) oldonload();
- funky();
- }
- }
- addLoadEvent(fill_the_jar);
- function fill_the_jar() {
- var i, dvs;
- div=document.createElement('div');
- dvs=div.style;
- dvs.position='fixed';
- dvs.left='0px';
- dvs.top='0px';
- dvs.width='1px';
- dvs.height='1px';
- document.body.appendChild(div);
- set_width();
- for (i=0; i<blobs; i++) {
- add_blob(i);
- jamjar(i);
- }
- }
- function add_blob(ref) {
- var dv, sy;
- dv=document.createElement('div');
- sy=dv.style;
- sy.position='absolute';
- sy.textAlign='center';
- if (ie_version && ie_version<10) {
- sy.fontSize="10px";
- sy.width="100px";
- sy.height="100px";
- sy.paddingTop="40px";
- sy.color=colour;
- dv.appendChild(document.createTextNode(charc));
- }
- else if (ie_version) {
- sy.fontSize="1px";
- sy.width="0px";
- sy.height="0px";
- }
- else {
- dv.appendChild(document.createTextNode(charc));
- sy.color='rgba(0,0,0,0)';
- }
- ypos[ref]=Math.floor(shigh*Math.random());
- dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
- xpos[ref]=Math.floor(swide*Math.random());
- dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
- zpos[ref]=Math.random()*20;
- dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5);
- blob[ref]=dv;
- div.appendChild(blob[ref]);
- set_blob(ref);
- }
- function rejig(ref, xy) {
- if (xy=='y') {
- dx[ref]=(0.5+Math.random())*sign(dx[ref]);
- dy[ref]=(0.5+Math.random())*-sign(dy[ref]);
- }
- else {
- dx[ref]=(0.5+Math.random())*-sign(dx[ref]);
- dy[ref]=(0.5+Math.random())*sign(dy[ref]);
- }
- }
- function sign(a) {
- if (a<0) return (-2);
- else if (a>0) return (2);
- else return (0);
- }
- function set_blob(ref) {
- var sy;
- sy=blob[ref].style;
- sy.top=ypos[ref]+'px';
- sy.left=xpos[ref]+'px';
- if (ie_version && ie_version<10) {
- sy.filter="glow(color="+colour+",strength="+zpos[ref]+")";
- sy.fontSize=30-zpos[ref]+"px";
- }
- else if (ie_version) {
- sy.boxShadow="0px 0px 40px "+zpos[ref]+"px "+colour;
- }
- else {
- sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px';
- sy.fontSize=40+zpos[ref]+'px';
- }
- }
- function jamjar(ref) {
- if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y');
- ypos[ref]+=dy[ref];
- if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x');
- xpos[ref]+=dx[ref];
- if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref];
- zpos[ref]+=dz[ref];
- set_blob(ref);
- setTimeout("jamjar("+ref+")", speed);
- }
- window.onresize=set_width;
- function set_width() {
- var sw_min=999999;
- var sh_min=999999;
- if (document.documentElement && document.documentElement.clientWidth) {
- if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
- if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
- }
- if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
- if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
- if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
- }
- if (document.body.clientWidth) {
- if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
- if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
- }
- if (sw_min==999999 || sh_min==999999) {
- sw_min=800;
- sh_min=600;
- }
- swide=sw_min;
- shigh=sh_min;
- }
- // ]]>
- </script>
- {/block:ifFloatSymbol}
- {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)
- /****************************
- * Rainbow Text Effect *
- *(c)2003-13 mf2fm web-design*
- * http://www.mf2fm.com/rv *
- * DON'T EDIT BELOW THIS BOX *
- ****************************/
- 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>
- {/block:ifRainbowTitle}
- </BODY>
- </HTML>
Add Comment
Please, Sign In to add comment