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="color:background" content="#ffffff"/>
- <meta name="color:sidebar" content="#fafafa"/>
- <meta name="color:captions" content="#fafafa"/>
- <meta name="color:color 1" content="#000000"/>
- <meta name="color:color 2" content="#7e7e7e"/>
- <meta name="color:color 3" content="#ffffff"/>
- <meta name="color:color 4" content="#250aa2"/>
- <meta name="color:links" content="#8d74ff"/>
- <meta name="color:links hover" content="#7e7e7e"/>
- <meta name="color:bold" content="#433a6d"/>
- <meta name="color:selection" content="#7e7e7e"/>
- <meta name="color:scrollbar" content="#000000"/>
- <meta name="color:borders" content="#dddddd"/>
- <meta name="text:scrollbar width" content="2px"/>
- <meta name="text:gutter size" content="4px"/>
- <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="select:text size" content="12px"/>
- <meta name="select:text size" content="13px"/>
- <meta name="select:text size" content="14px"/>
- <meta name="select:scrollbar width" content="0px"/>
- <meta name="select:scrollbar width" content="1px"/>
- <meta name="select:scrollbar width" content="2px"/>
- <meta name="select:scrollbar width" content="3px"/>
- <meta name="select:scrollbar width" content="4px"/>
- <meta name="select:scrollbar width" content="5px"/>
- <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="if:Hover Navigation" content="1"/>
- <meta name="if:400px Posts" content="1"/>
- <!-- 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/wgg6svp/OoTofxa0c/unnest.min.js"></script><link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
- <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><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",
- wrapName: ".cap_wrap",
- newCaptionUsername: true,
- originalPostCaptionUsername: false,
- tumblrAvatars: false,
- tumblrAvatarClass: ".cap_avatar",
- usernameColon: false
- }); }); </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};
- }
- a {
- text-decoration: none;
- color:{color:links};
- transition: all 0.5s ease;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- a:hover {
- color: {color:links hover};
- transition: all 0.5s ease;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- blockquote {
- margin: 8px 0;
- padding-left: 8px;
- border-left: 1px solid {color:borders};
- }
- blockquote img, .posts img, .captions img {
- max-width: 100%;
- height: auto;
- }
- small, big, sub, sup {
- font-size: {select:text size};
- }
- b, strong {
- color: {color:bold};
- }
- #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: {select:scrollbar width};
- }
- ::-webkit-scrollbar-thumb {
- background: {color:Scrollbar};
- }
- [photoset-layout] {
- grid-gap: {select:photoset gutter};
- }
- [photoset-layout] img {
- cursor: pointer;
- }
- .posts ul li {
- list-style: none;
- }
- .posts 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;
- }
- .container {
- width:calc(400px + 150px + 80px);
- margin: 50px auto;
- }
- .sidebar {
- width: 150px;
- text-align: center;
- position: fixed;
- }
- {block:IfHoverNavigation}
- .sidebar:hover .links {
- opacity: 1;
- transition: all 0.5s ease;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- {/block:IfHoverNavigation}
- .sbpic {
- width: fit-content;
- margin: 0 auto;
- }
- .border {
- width: 100px;
- height: 100px;
- position: relative;
- border: 4px solid transparent;
- border-radius: 100%;
- background: linear-gradient(150deg, {color:color 1} 0%, {color:color 2} 25%, {color:color 3} 60%, {color:color 4} 100%);
- background-clip: padding-box;
- padding: 4px;
- }
- .border::after {
- position: absolute;
- top: -4px; bottom: -4px;
- left: -4px; right: -4px;
- content: '';
- z-index: -1;
- border-radius: 100%;
- }
- .border img {
- width: 94px;
- border-radius: 100%;
- padding: 3px;
- background: #fff;
- }
- .about, .links {
- width: 140px;
- padding: 5px;
- background: {color:sidebar};
- }
- .ttl {
- font-weight: bold;
- }
- .ttl, .desc, .links {
- margin-top: 10px;
- }
- {block:IfHoverNavigation}
- .links {
- opacity: 0;
- transition: all 0.5s ease;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- {/block:IfHoverNavigation}
- .links ul {
- list-style: none;
- }
- .links ul li {
- margin: 5px 0;
- }
- .pagination {
- width: 150px;
- text-align: center;
- position: fixed;
- bottom: 20px;
- word-spacing: 5px;
- }
- {block:If400pxPosts}
- .postcontainer {
- width: 400px;
- margin-left:calc(150px + 80px);
- }
- .posts {
- width: 400px;
- margin-bottom: 80px;
- }
- .postinfo {
- white-space: nowrap;
- overflow: hidden;
- width: 400px;
- margin-bottom: 10px;
- }
- .postinfo:before, .postinfo:after {
- background-color: {color:borders};
- content: "";
- display: inline-block;
- height: 1px;
- position: relative;
- vertical-align: middle;
- }
- .postinfo:before {
- right: 0.3em;
- width: 180px;
- }
- .postinfo:after {
- left: 0.3em;
- width: 100%;
- }
- .captions {
- width: calc(400px - 8px)
- margin-left: 0px;
- }
- {/block:If400pxPosts}
- {block:IfNot400pxPosts}
- .postcontainer {
- width: 500px;
- margin-left:calc(150px + 80px);
- }
- .posts {
- width: 500px;
- margin-bottom: 80px;
- }
- .postinfo {
- white-space: nowrap;
- overflow: hidden;
- width: 500px;
- margin-bottom: 10px;
- }
- .postinfo:before, .postinfo:after {
- background-color: {color:borders};
- content: "";
- display: inline-block;
- height: 1px;
- position: relative;
- vertical-align: middle;
- }
- .postinfo:before {
- right: 0.3em;
- width: 230px;
- }
- .postinfo:after {
- left: 0.3em;
- width: 100%;
- }
- .captions {
- width: calc(540px - 8px);
- margin-left: 0px;
- }
- {block:IfNot400pxPosts}
- .captions {
- padding: 5px;
- margin-top: 10px;
- background: {color:captions};
- }
- .txt, .asks {
- padding: 5px;
- }
- .t {
- font-size: 13px;
- margin-left: 5px;
- margin-bottom: 8px;
- }
- .question {
- font-weight: bold;
- font-size: calc({select:text size} - 1px);
- }
- .answer {
- margin-top: 5px;
- }
- .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;
- }
- .chat span {
- margin-right: 3px;
- text-transform: uppercase;
- color: #505050;
- font-size: 11px;
- }
- .quote {
- font-family: 'Montserrat', sans-serif;
- text-align: center;
- font-size:calc({select:text size} + 1px);
- }
- .source {
- margin-top: 6px;
- text-align: right;
- font-size:calc({select:text size} - 2px);
- }
- {block:IndexPage}
- .like-reblog {
- margin-top: -70px;
- margin-bottom: 80px;
- text-align: center;
- }
- svg {
- width: 10px;
- height: auto;
- opacity: .5;
- padding: 1px;
- display: block;
- overflow: visible;
- }
- .controls a {
- position: relative;
- display: inline-block;
- overflow: hidden;
- padding: 5px;
- width: 12px;
- height: 12px;
- }
- .controls .reblog {
- opacity: .93;
- }
- .controls .reblog svg {
- width: 9px;
- margin-top: 1px;
- }
- .controls .like .liked + svg {
- opacity: 1;
- }
- .controls .like .liked + svg path {
- fill: #ec5a5a;
- }
- .controls .like .like_button {
- position: relative;
- }
- .controls .like .like_button iframe {
- position: absolute;
- top: 0;
- left: 0;
- bottom: 0;
- right: 0;
- z-index: 2;
- opacity: 0.000001;
- }
- {/block:IndexPage}
- {block:PermalinkPage}
- .tags {
- margin-top: -70px;
- margin-bottom: 80px;
- font-size:calc({select:text size} - 1px);
- }
- .tags .th {
- font-size: calc({select:text size} - 5px);
- color: #ccc;
- margin-left: 5px;
- }
- .tags .th:first-of-type {
- margin-left: 0px;
- }
- {/block:PermalinkPage}
- ol.notes {
- padding: 0px;
- list-style-type: none;
- border-top: solid 1px {color:borders};
- font-size: 11px;
- }
- ol.notes li.note {
- padding: 8px;
- }
- 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="container"><div class="sidebar">
- <div class="about"><div class="sbpic"><div class="border"><img src="https://i.imgur.com/TRhfllr.png"></div></div>
- <div class="ttl">{Title}</div>{block:Description}<p class="desc">{Description}</p>{/block:Description}</div>
- <div class="links"><ul><li><a href="/">home</a></li><li><a href="/ask">message</a></li><li><a href="{text:link one url}">{text:link one}</a></li><li><a href="{text:link two url}">{text:link two}</a></li><li><a href="{text:link three url}">{text:link three}</a></li></ul></div>
- {block:Pagination}<div class="pagination">{block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}</div>{/block:Pagination}
- </div> <!-- sidebar ends -->
- <div class="postcontainer">{block:Posts}<article class="posts" id="{PostID}">
- <div class="postinfo"><a href="{Permalink}" title="posted {TimeAgo}">{MonthNumber}.{DayOfMonthWithZero}.{ShortYear}</a></div>
- {block:Text}{block:Title}<div class="t"><a href="{PermalinkPage}">{Title}</a></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}</div>{/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="quote">{Quote}</div>{block:Source}<div class="source">-- {Source}{/block:Source}</div>{/block:Quote}
- {block:Link}<div class="t" style="margin-left:0px;"><a href="{URL}" class="link" {Target}>{Name}</a></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>
- {/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="question">{Asker}: {Question}</div><div class="answer">{Answer}</div></div>{/block:Answer}
- </article>
- {block:PermalinkPage}{block:HasTags}
- <div class="tags">{block:Tags}<span class="th th-chevron-right"></span> <a href="{TagURL}">{Tag}</a>{/block:Tags}</div>
- {/block:HasTags}{/block:PermalinkPage}
- {block:Date}{block:IndexPage}
- <div class="like-reblog"><div class="controls">
- <a href="{ReblogURL}" title="reblog this post" target="_blank" class="reblog">
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg></a>
- <a href="#" class="like" title="like this post">{LikeButton}
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg></a></div></div>
- {/block:Date}{/block:IndexPage}
- {/block:Posts}
- {block:PostNotes}<div class="notes">{PostNotes}</div>{/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}
- </div> <!-- post container ends -->
- </div> <!-- container ends -->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement