Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <meta name="image:header image" content="https://static.tumblr.com/5014638c5672307af28e45c624bc4700/wrz0x4t/pYDpr77ne/tumblr_static_c63f876snfcckc40w0cgk40kk.gif"/>
- <meta name="color:background" content="#ffffff"/>
- <meta name="color:header background" content="#ffffff"/>
- <meta name="color:links" content="#656565"/>
- <meta name="color:color 1" content="#ff8282"/>
- <meta name="color:color 2" content="#ffb885"/>
- <meta name="color:color 3" content="#e7db81"/>
- <meta name="color:color 4" content="#aaf08e"/>
- <meta name="color:color 5" content="#4b9aff"/>
- <meta name="color:color 6" content="#d796ff"/>
- <meta name="color:borders" content="#eaeaea"/>
- <meta name="color:bold" content="#2e2e2e"/>
- <meta name="color:selection" content="#cccccc"/>
- <meta name="color:scrollbar" content="#656565"/>
- <meta name="select:photoset gutter" content="1px"/>
- <meta name="select:photoset gutter" content="2px"/>
- <meta name="select:photoset gutter" content="3px"/>
- <meta name="select:photoset gutter" content="4px"/>
- <meta name="select:photoset gutter" content="5px"/>
- <meta name="select:text size" content="12px"/>
- <meta name="select:text size" content="13px"/>
- <meta name="select:text size" content="14px"/>
- <meta name=”text:title” content=”works best with a short title”/>
- <meta name=”text:description” content=”works best with a short description”/>
- <meta name="text:link one" content="link one"/>
- <meta name="text:link one url" content=""/>
- <meta name="text:link two" content="link two"/>
- <meta name="text:link two url" content=""/>
- <meta name="text:link three" content="link three"/>
- <meta name="text:link three url" content=""/>
- <meta name="text:link four" content="link four"/>
- <meta name="text:link four url" content=""/>
- <!-- SCRIPTS -->
- <link href="https://fonts.googleapis.com/css?family=Montserrat|Open+Sans" rel="stylesheet"><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
- <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
- <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
- <!----- style my tooltip by malihu ---->
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <!-- unnest captions by neothm and magnusthemes -->
- <script> $(function(){ $('article').unnest({
- yourCaption: ".captions, .txt",
- wrapName: ".cap_wrap",
- newCaptionUsername: false,
- originalPostCaptionUsername: false,
- tumblrAvatars: false,
- tumblrAvatarClass: ".tumblr_avatar",
- usernameColon: true
- }); }); </script>
- <!-- photosets and lightboxes by annasthms and espoirthemes -->
- <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>
- </head>
- <style type="text/css">
- * {
- margin: 0;
- padding: 0;
- }
- body {
- background: {color:background};
- font-family: 'Open Sans', sans-serif;
- font-size: {select:text size};
- }
- [photoset-layout] {
- grid-gap: {select:photoset gutter};
- }
- [photoset-layout] img {
- cursor: pointer;
- }
- a {
- text-decoration: none;
- color: {color:links};
- transition: all 0.5s ease;
- }
- blockquote {
- margin: 8px 0;
- border-left: 1px solid {color:borders};
- padding-left: 8px;
- }
- blockquote img, img, .captions img, .posts img {
- max-width: 100%;
- height: auto;
- }
- small, big, sub, sup {
- font-size: {select:text size};
- }
- b, strong {
- color: {color:bold};
- }
- ul li {
- list-style: none;
- }
- ul li:before {
- content: "›";
- font-size: 1em;
- padding-right: .5em;
- position: relative;
- top: .1em;
- }
- .posts ol, .captions ol {
- list-style: none;
- counter-reset: my-awesome-counter;
- }
- .posts ol li, .captions ol li {
- counter-increment: my-awesome-counter;
- }
- .posts ol li:before, .captions ol li::before {
- content: counter(my-awesome-counter) ". ";
- padding-right: .2em;
- font-size: 10px;
- }
- #s-m-t-tooltip {
- max-width: 300px;
- margin-top: -30px;
- margin-left: -25px;
- font-size: 8px;
- letter-spacing: 1px;
- text-align: center;
- text-transform: uppercase;
- padding: 5px;
- background-color: #fff;
- z-index: 999999;
- border: 1px solid {color:borders};
- }
- ::selection {
- background: {color:selection};
- color: #fff;
- }
- ::webkit-selection {
- background: {color:selection};
- color: #fff;
- }
- ::-webkit-scrollbar {
- width: 5px;
- }
- ::-webkit-scrollbar-thumb {
- background: {color:Scrollbar};
- }
- [photoset-layout] {
- grid-gap: {text:gutter size};
- }
- [photoset-layout] img {
- cursor: pointer;
- }
- .header {
- width: 540px;
- background: {color:header background};
- margin: 50px auto;
- padding: 8px;
- overflow: hidden;
- }
- .headerimg {
- width: 60px;
- margin-left: 110px;
- float: left;
- }
- .headerimg img {
- width: 60px;
- height: 60px;
- }
- .userinfo {
- margin-left: 180px;
- margin-top: 8px;
- }
- .title {
- width: 200px;
- padding-bottom: 6px;
- text-align: center;
- margin-bottom: 5px;
- font-weight: 400;
- font-size: 13px;
- background:
- linear-gradient(to left,
- {color:Color 1} 0%,
- {color:Color 2} 20%,
- {color:Color 3} 40%,
- {color:Color 4} 60%,
- {color:Color 5} 80%,
- {color:Color 6} 100%)
- left
- bottom
- {color:header background}
- no-repeat;
- background-size: 100% 2px;
- }
- .desc {
- width: 190px;
- text-align: center;
- }
- .links {
- text-align: center;
- margin-top: 8px;
- }
- .links .th {
- padding: 5px;
- font-size: 14px;
- margin: 0 6px;
- }
- .links a:hover:nth-of-type(6n-5) {color:{color:Color 1};}
- .links a:hover:nth-of-type(6n-4) {color:{color:Color 2};}
- .links a:hover:nth-of-type(6n-3) {color:{color:Color 3};}
- .links a:hover:nth-of-type(6n-2) {color:{color:Color 4};}
- .links a:hover:nth-of-type(6n-1) {color:{color:Color 5};}
- .links a:hover:nth-of-type(6n) {color:{color:Color 6};}
- .postcontainer {
- width: 540px;
- margin: 30px auto;
- }
- .posts {
- width: 540px;
- background: #fff;
- margin-bottom: 100px;
- padding: 5px 5px 5px;
- border-bottom: 1px solid {color:Borders};
- }
- .posts:nth-of-type(6n-5) a {color:{color:Color 1};}
- .posts:nth-of-type(6n-4) a {color:{color:Color 2};}
- .posts:nth-of-type(6n-3) a {color:{color:Color 3};}
- .posts:nth-of-type(6n-2) a {color:{color:Color 4};}
- .posts:nth-of-type(6n-1) a {color:{color:Color 5};}
- .posts:nth-of-type(6n) a {color:{color:Color 6};}
- .posts a:hover {
- color: {color:links};
- }
- .captions {
- padding: 5px 5px 0;
- }
- .cap_wrap {
- margin-left: -8px;
- margin-bottom: 15px;
- }
- .line {
- width: 20%;
- margin: 20px auto;
- background: {color:Borders};
- height: 1px;
- }
- .quotes, .asks {
- padding: 10px;
- }
- .quote {
- text-align: center;
- font-size: 13px;
- }
- .source {
- font-style: italic;
- font-size: 10px;
- text-align: center;
- }
- .asker {
- width: fit-content;
- height: 24px;
- margin: 0 auto;
- }
- .asker img {
- width: 24px;
- height: 24px;
- border-radius: 100%;
- float: left;
- margin-right: 5px;
- }
- .asker-name {
- line-height: 24px;
- font-weight: 500;
- margin-right: 6px;
- }
- .question {
- text-align: center;
- margin-top: 3px;
- }
- .txt {
- padding: 10px;
- }
- .t {
- text-transform: uppercase;
- text-align: center;
- font-size: 14px;
- margin-top: 10px;
- }
- .chat span {
- margin-right: 3px;
- text-transform: uppercase;
- color: #505050;
- font-size: 11px;
- }
- .playbutton {
- position: relative;
- margin-top: 25px;
- margin-left: 24px;
- z-index: 9;
- width: 33px;
- height: 30px;
- overflow: hidden;
- }
- .albumart img {
- position: relative;
- margin-top: -55px;
- margin-left: 0px
- height: 80px;
- width: 80px;
- }
- .trackinfo {
- position: relative;
- margin-left: 80px;
- height: 70px;
- margin-top: -84px;
- padding: 5px 10px;
- }
- .trackinfo b {
- color: #505050;
- text-transform: uppercase;
- font-size: 11px;
- }
- .postinfo {
- width: 530px;
- margin-bottom: 10px;
- padding: 10px;
- background: #fff;
- border-bottom: 1px solid {color:borders};
- font-size: 11px;
- overflow: hidden;
- }
- .permalinks {
- float: left;
- }
- .like-reblog {
- float: right;
- }
- .like-b {
- position:relative;
- display:inline-block;
- height:1em;
- line-height:1em;
- overflow:hidden;
- margin-bottom:-1px;
- }
- .like-b .like_button iframe {
- position:absolute;
- top:0;
- left:0;
- bottom:0;
- right:0;
- z-index:2;
- opacity:0.000001;
- }
- .like-b .liked + .b {
- color:inherit;
- }
- .like-b .liked + .b:after {
- content:'d';
- }
- .postinfo:nth-of-type(6n-5) a:hover {color:{color:Color 1};}
- .postinfo:nth-of-type(6n-4) a:hover {color:{color:Color 2};}
- .postinfo:nth-of-type(6n-3) a:hover {color:{color:Color 3};}
- .postinfo:nth-of-type(6n-2) a:hover {color:{color:Color 4};}
- .postinfo:nth-of-type(6n-1) a:hover {color:{color:Color 5};}
- .postinfo:nth-of-type(6n) a:hover {color:{color:Color 6};}
- .tags:nth-of-type(6n-5) a:hover {color:{color:Color 1};}
- .tags:nth-of-type(6n-4) a:hover {color:{color:Color 2};}
- .tags:nth-of-type(6n-3) a:hover {color:{color:Color 3};}
- .tags:nth-of-type(6n-2) a:hover {color:{color:Color 4};}
- .tags:nth-of-type(6n-1) a:hover {color:{color:Color 5};}
- .tags:nth-of-type(6n) a:hover {color:{color:Color 6};}
- .tags {
- margin-top: -90px;
- margin-bottom: 100px;
- width: 540px;
- padding: 10px 0px;
- text-align: right;
- font-size: 0.9em;
- }
- .tags a {
- margin: 0px 6px;
- }
- .pagination {
- width: 540px;
- text-align: right;
- }
- .pagination a {margin: 0 5px;}
- .pagination a:last-of-type {margin-right: 0px;}
- .pagination a:hover {color: #000;}
- ol.notes {
- width: 540px;
- margin: 0 auto;
- list-style-type: none;
- border-top: solid 1px {color:borders};
- }
- ol.notes li.note {
- padding: 10px;
- }
- ol.notes li.note img.avatar {
- vertical-align: -4px;
- margin-right: 10px;
- width: 16px;
- height: 16px;
- }
- ol.notes li.note .answer_content {
- font-weight: normal;
- }
- ol.notes li.note blockquote {
- border-color: #eee;
- padding: 4px 10px;
- margin: 10px 0px 0px 25px;
- }
- ol.notes li.note blockquote a {
- text-decoration: none;
- }
- .cr {
- border-radius: 10px;
- bottom: 8px;
- display: inline;
- font-size: 10px;
- padding: 6px;
- position: fixed;
- right: 8px;
- background: {color:background};
- padding: 6px;
- border: 1px #ccc solid;
- }
- .cr:hover {
- border-radius: 5px;
- transition: all 0.3s ease;
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
- }
- .cr a {color: {color:links};}
- .cr a:hover {color: #bb7ccb;}
- /* CUSTOM CONTROLS BY CYANTISTS */
- iframe.tmblr-iframe {
- z-index:99999999999999!important;
- top:0!important;
- right:0!important;
- opacity:0.4;
- /* delete invert(1) from here */
- filter:invert(1) contrast(150%);
- -webkit-filter:invert(1) contrast(150%);
- -o-filter:invert(1) contrast(150%);
- -moz-filter:invert(1) contrast(150%);
- -ms-filter:invert(1) contrast(150%);
- /* to here if your blog has a dark background */
- transform:scale(0.65);
- transform-origin:100% 0;
- -webkit-transform:scale(0.65);
- -webkit-transform-origin:100% 0;
- -o-transform:scale(0.65);
- -o-transform-origin:100% 0;
- -moz-transform:scale(0.65);
- -moz-transform-origin:100% 0;
- -ms-transform:scale(0.65);
- -ms-transform-origin:100% 0;}
- iframe.tmblr-iframe:hover {
- opacity:0.6!important;}
- </style>
- <body>
- <!-- PLEASE KEEP INTACT -->
- <div class="cr"><a href="https://enybyresources.tumblr.com" title="theme by xchelspaige"><span class="th th-unicorn-o"></span></a></div>
- <!-- PLEASE KEEP INTACT -->
- <div class="header"><img class="headerimg" src="https://i.imgur.com/qTRMyaV.jpg"><div class="userinfo"><h4 class="title">{text:title}</h4><p class="desc">{text:description}</p>
- </div>
- <div class="links"><a href="/" title="home"><span class="th th-home-o"></span></a><a href="/ask" title="message"><span class="th th-envelope-o"></span></a><a href="{text:link one url}" title="{text:link one}"><span class="th th-confetti-o"></span></a><a href="{text:link two url}" title="{text:link two}"><span class="th th-rainbow-o"></span></a><a href="{text:link three url}" title="{text:link three}"><span class="th th-stars-o"></span></a><a href="{text:link four url}" title="{text:link four}"><span class="th th-bubble-heart-o"></span></a>
- </div></div> <!-- header ends -->
- <div class="postcontainer">
- {block:Posts}
- {block:Date}
- <div class="postinfo">
- <div class="permalinks"><a href="{Permalink}" title="{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}">posted {TimeAgo}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}</a></div>
- <div class="like-reblog"><a class="like-b" href="#">{LikeButton}<span class="b">like</span></a> - <a href="{ReblogURL}" target="_blank">reblog</a></div>
- </div>
- {/block:Date}
- <article class="posts" id="{PostID}">
- {block:Text}{block:Title}<div class="t"><a href="{Permalink}">{Title}</a></div><div class="line"></div>{/block:Title}<div class="txt">{Body}</div>{/block:Text}
- {block:Photo}<a href="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a>{block:Caption}<div class="captions">{Caption}{/block:Caption}{/block:Photo}
- {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}<div class="captions">{Caption}{/block:Caption}{/block:Panorama}
- {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:Caption}<div class="captions">{Caption}</div>{/block:Caption}{/block:Photoset}
- {block:Quote}<div class="quotes"><div class="quote">{Quote}</div><div class="line"></div>{block:Source}<div class="source">{Source}</div>{/block:Source}</div>{/block:Quote}
- {block:Link}<div class="t"><a href="{URL}" class="link" {Target}>{Name}</a></div><div class="line"></div>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}<div class="chat"><ul>{block:Lines}
- <div class="{Alt} user_{UserNumber}">{block:Label}<span>{Label}</span>{/block:Label}{Line}</div>{/block:Lines}</ul></div>{/block:Chat}
- {block:Video}<div class="video">{Video-500}</div>{block:Caption}<div class="captions">{Caption}</div>{/block:Caption}{/block:Video}
- {block:Audio}{block:AudioPlayer}
- <div class="playbutton">{AudioPlayerGrey}</div>{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
- <div class="trackinfo">{block:TrackName}<b>track: </b>{TrackName}{/block:TrackName} <br>{block:Artist}<b>artist: </b>{Artist}{/block:Artist} <br>{block:Album}<b>album: </b>{Album}{/block:Album} <br>{block:PlayCount}<b>plays: </b>{PlayCount}{/block:PlayCount}</div>
- {block:Caption}<div class="captions">{Caption}</div>{/block:Caption}
- {/block:AudioPlayer}{/block:Audio}
- {block:Answer}<div class="asks"><div class="asker"><img src="{AskerPortraitURL-30}"> <span class="asker-name">{Asker} said</span></div><div class="question">{Question}</div><div class="line"></div><div class="answer">{Answer}</div></div>{/block:Answer}
- </article>
- {block:HasTags}<ul class="tags">{block:Tags}<a href="{TagURL}">› {Tag}</a>{/block:Tags}</ul>{/block:HasTags}
- {/block:Posts}
- {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}
- {block:Pagination}<div class="pagination">
- {block:PreviousPage}<a href="{PreviousPage}">previous</a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">forward</a>{/block:NextPage}</div>{/block:Pagination}
- </div> <!-- post container ends -->
- {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:Posts}
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement