Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- biconic © xroub.tumblr.com
- -->
- <!-- credits -->
- <!--
- dashboard style captions base: espoirthemes & annasthms
- photoset.css: annasthms & espoirthemes
- responsive videos: nouvae
- fixed tumblr controls: magnusthemes
- -->
- <!DOCTYPE html>
- <html>
- <head>
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <title>{Title}</title>
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <!-- meta tags -->
- <meta name="image:sidebar" content="">
- <meta name="color:background" content="#fafafa">
- <meta name="color:font color" conent="#222222">
- <meta name="color:sidebar" content="#ffffff">
- <meta name="color:posts" content="#ffffff">
- <meta name="color:links" content="#656565">
- <meta name="color:accent 1" content="#d291ff">
- <meta name="color:accent 2" content="#91b2ff">
- <meta name="color:accent 3" content="#ff91e1">
- <meta name="color:bold" content="#91b2ff">
- <meta name="color:audio player" content="#d291ff">
- <meta name="color:scrollbar" content="#91b2ff">
- <meta name="color:text selection" content="#91b2ff">
- <meta name="select:sidebar size" content="100px">
- <meta name="select:sidebar size" content="150px">
- <meta name="select:sidebar size" content="200px">
- <meta name="select:sidebar size" content="250px">
- <meta name="select:post size" content="400px">
- <meta name="select:post size" content="450px">
- <meta name="select:post size" content="500px">
- <meta name="select:post size" content="540px">
- <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="text:google font" content="Open Sans">
- <meta name="text:font size" content="12px">
- <meta name="text:link one" content="line 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="if:gradient underline" content="">
- <meta name="if:hover tags" content="">
- <!-- scripts -->
- <link href="https://fonts.googleapis.com/css?family=Montserrat|{text:Google Font}:700,400" rel="stylesheet">
- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
- <script>
- $(document).ready(function() {
- flexibleFrames($(".video"));
- });
- </script>
- <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>
- <style>
- /* html */
- body {
- background: {color:background};
- font-family: {text:google font};
- font-size: {text:font size};
- color: {color:font color};
- word-wrap: break-word;
- }
- h1, h2, h3, h4, h5, small, big, sub, sup {
- font-size: 1em;
- }
- b, strong {
- color: {color:bold};
- }
- 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:font color};
- transition: all 0.5s ease;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- blockquote {
- padding-left: 7px;
- border-left: 1px solid #ccc;
- margin: 6px 0;
- }
- /* scrollbar */
- ::-webkit-scrollbar {
- width: 5px;
- }
- ::-webkit-scrollbar-thumb {
- background: {color:scrollbar};
- }
- /* selection */
- ::selection {
- background:{color:text selection};
- color: #fff;
- }
- ::-webkit-selection {
- background:{color:text selection};
- color: #fff;
- }
- main {
- width: calc({select:sidebar size} + {select:post size} + 100px);
- margin: 5% auto;
- }
- /* sidebar */
- aside {
- width: {select:sidebar size};
- background: {color:sidebar};
- position: fixed;
- padding: 5px;
- }
- aside img {
- max-width: 100%;
- height: auto!important;
- margin-bottom: 5px;
- }
- h1.ttl {
- display: inline;
- padding: 3px 0;
- {block:IfGradientUnderline}
- background:
- linear-gradient(to left,
- {color:accent 1} 0%,
- {color:accent 2} 50%,
- {color:accent 3} 100%)
- left
- bottom
- no-repeat;
- background-size: 100% 2px;
- {/block:IfGradientUnderline}
- }
- .links a {
- margin-right: 5px;
- }
- .links a:hover:nth-of-type(3n-2) {color: {color:accent 1};}
- .links a:hover:nth-of-type(3n-1) {color: {color:accent 2};}
- .links a:hover:nth-of-type(3n) {color: {color:accent 3};}
- .links, .desc, .pagination {
- margin-top: 8px;
- }
- .pagination {
- text-align: center;
- }
- .pagination a {
- margin: 0 5px;
- }
- /* posts */
- section {
- width: {select:post size};
- margin-left: calc({select:sidebar size} + 100px);
- }
- article.posts {
- width: {select:post size};
- margin-bottom: 100px;
- background: {color:posts};
- padding: 5px 8px;
- }
- .posts:nth-of-type(3n-2) a {color:{color:accent 1};}
- .posts:nth-of-type(3n-1) a {color:{color:accent 2};}
- .posts:nth-of-type(3n) a {color:{color:accent 3};}
- .posts a:hover {
- color: {color:links};
- }
- /* text posts */
- article img {
- max-width: 100%;
- }
- /* photo posts */
- .photo {
- max-width: 100%;
- height: auto!important;
- }
- /* photosets */
- [photoset-layout] {
- grid-gap: {select:photoset gutter};
- }
- [photoset-layout] div {
- cursor: pointer;
- }
- /* quote posts */
- .quote {
- font-size: 1.1em;
- font-weight: bold;
- font-family: 'Montserrat', sans-serif;
- }
- .source {
- font-size: .9em;
- font-style: italic;
- text-align: right;
- margin-top: 3px;
- margin-bottom: 3px;
- }
- /* chat posts */
- ul.chat {
- list-style-type: none;
- padding: 0;
- }
- span.label {
- text-transform: uppercase;
- font-weight: bold;
- color: {color:bold};
- }
- /* link posts */
- .link {
- font-size: 1.1em;
- margin-bottom: 15px;
- }
- .link i {
- font-size: .9em;
- margin-right: 4px;
- }
- /* audio posts */
- .playwrap {
- margin-top: 0px;
- position: relative;
- }
- .playbutton {
- top: 25px;
- position: relative;
- margin-left: 23px;
- z-index: 6;
- width: 33px;
- height: 30px;
- overflow: hidden;
- }
- .albumart img {
- position: relative;
- margin-top: -28px;
- margin-left: 0px
- height: 80px;
- width: 80px;
- overflow: hidden;
- }
- .trackinfo {
- margin-bottom: 10px;
- position: relative;
- margin-left: 100px;
- height: 80px;
- margin-top: -90px;
- margin-bottom: 20px;
- }
- .trackinfo span {
- font-weight: bold;
- color: {color:bold};
- text-transform: uppercase;
- font-size: .9em;
- }
- .trackname {
- position: relative;
- padding-top: 25px;
- }
- .trackname, .artist, .album {
- font-size: .9em;
- letter-spacing: 2px;
- }
- /* answer posts */
- .question_text {
- margin-top: 8px;
- }
- .question_container i {
- font-size: 0.8em;
- vertical-align: middle;
- margin-right: 3px;
- margin-top: -3px;
- }
- .answer_container {
- margin-top: 20px;
- }
- /* captions */
- .reblog-header a {
- font-weight: bold;
- }
- .caption {
- padding: 10px 0;
- }
- .caption img {
- max-width: 100%;
- height: auto!important;
- }
- .caption ol, ul {
- padding: 0;
- }
- .caption ul {
- margin-left: 18px;
- }
- .caption ol {
- margin-left: 15px;
- }
- /* post info */
- .date {
- max-width: 40%;
- margin: 10px auto;
- padding: 3px 3px 0;
- border-top: 1px solid #ccc;
- text-align: center;
- font-size: .8em;
- text-transform: lowercase;
- }
- /* tags */
- .tags {
- font-size: .8em;
- text-align: center;
- {block:ifhovertags}
- opacity: 0;
- max-height: 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:ifhovertags}
- }
- {block:IfHoverTags}
- .posts:hover .tags {
- opacity: 1;
- max-height: 300px;
- transition: all 0.5s ease;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- {/block:IfHoverTags}
- .tags a {
- margin: 0 5px 5px 0;
- color: #eebebe;
- }
- /* post notes */
- ol.notes {
- list-style-type: none;
- padding: 0;
- margin: -20px 0 0 10px;
- }
- ol.notes li {
- padding: 5px 0;
- }
- ol.notes li img {
- vertical-align: middle;
- border-radius: 100%;
- margin-right: 5px;
- }
- .posts:nth-of-type(3n-2) .tags a {color: {color:links};}
- .posts:nth-of-type(3n-1) .tags a {color: {color:links};}
- .posts:nth-of-type(3n) .tags a {color: {color:links};}
- .posts:nth-of-type(3n-2) .tags a:hover {color:{color:accent 1};}
- .posts:nth-of-type(3n-1) .tags a:hover {color:{color:accent 2};}
- .posts:nth-of-type(3n) .tags a:hover {color:{color:accent 3};}
- /* tumblr controls by magnusthemes */
- .iframe-controls--desktop {
- position:fixed;
- top:0px;
- right:0px;
- z-index:214748364789123456789;
- filter:invert(100%);
- -webkit-filter:invert(100%);
- -webkit-transform:scale(0.6,0.6);
- -webkit-transform-origin: 100% 0%;
- -ms-transform-origin:100% 0%;
- -ms-transform:scale(0.6,0.6);
- transform:scale(0.6,0.6);
- transform-origin:100% 0%;
- }
- /*credit */
- .crd {
- bottom: 10px;
- right: 10px;
- position: fixed;
- }
- .crd svg {
- width: 1em;
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <main>
- <aside>
- <img src="{image:sidebar}">
- <h1 class="ttl">{Title}</h1>
- <div class="links">
- <a href="/">home</a>
- <a href="/ask">message</a>
- <a href="{text:link one url}">{text:link one}</a>
- <a href="{text:link two url}">{text:link two}</a>
- <a href="{text:link three url}">{text:link three}</a>
- </div>
- {block:Description}
- <div class="desc">{Description}</div>
- {/block:Description}
- {block:Pagination}
- <div class="pagination">
- {block:PreviousPage}<a href="{PreviousPage}"><i class="fas fa-caret-left"></i></a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}"><i class="fas fa-caret-right"></i></a>{/block:NextPage}
- </div>
- {/block:Pagination}
- </aside>
- <section>
- {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}
- <article class="{posttype}post posts" id="{PostId}">
- <!-- text posts -->
- {block:Text}
- {block:Title}
- <h1 class="ttl">{Title}</h1>
- {/block:Title}
- {block:Notreblog}
- <div class="caption">
- {Body}
- </div>
- {/block:Notreblog}
- {block:Rebloggedfrom}
- <div class="caption">
- <div class="reblog-list">
- {block:Reblogs}
- <div class="reblogs">
- <div class="reblog-header">
- {block:IsActive}
- <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
- <img src="{PortraitURL-64}" style="width:16px; float:left; margin-right: 6px; border-radius: 100%; verticle-align: middle;">
- </a>
- {/block:IsActive}
- {block:IsDeactivated}
- <span class="inactive {block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}">
- <img src="{PortraitURL-64}" style="width:16px; float:left; margin-right: 6px; border-radius: 100%; verticle-align: middle;">
- </span>
- {/block:IsDeactivated}
- {block:isactive}
- <a href="{permalink}">{username}</a>
- {/block:isactive}
- {block:isdeactivated}
- <a href="{permalink}" class="inactive">{username}</a>
- {/block:isdeactivated}
- </div>
- <div class="reblog-content">
- {Body}
- </div>
- </div>
- {/block:Reblogs}
- </div>
- </div>
- {/block:RebloggedFrom}
- {/block:Text}
- <!-- photo posts -->
- {block:Photo}
- <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="photo">
- {/block:Photo}
- <!-- photoset posts -->
- {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}
- <!-- quote posts -->
- {block:Quote}
- <div class="quote">
- {Quote}
- </div>
- <div class="source">
- - {Source}
- </div>
- {/block:Quote}
- <!-- chat posts -->
- {block:Chat}
- <ul class="chat">
- {block:Lines}
- <li>{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
- {/block:Lines}
- </ul>
- {/block:Chat}
- <!-- link posts -->
- {block:Link}
- <div class="link">
- <h1 class="ttl"><a href="{URL}"><i class="fas fa-link"></i>{Name}</a></h1>
- </div>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- <!-- audio posts -->
- {block:Audio}
- {block:AudioPlayer}
- <div class="playwrap">
- <div class="playbutton">{AudioPlayerGrey}</div>
- {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
- <div class="trackinfo">
- <div class="trackname">
- {block:TrackName}<span>track: </span>{TrackName}{/block:TrackName}
- </div>
- <div class="artist">
- {block:Artist}<span>artist: </span>{Artist}{/block:Artist}
- </div>
- <div class="album">
- {block:Album}<span>album: </span>{Album}{/block:Album}
- </div>
- </div>
- </div>
- {/block:AudioPlayer}
- {/block:Audio}
- <!-- answer posts-->
- {block:Answer}
- <div class="question_container">
- <div class="asker">
- <h1 class="ttl"><i class="fas fa-question"></i>{Asker} said</h1>
- </div>
- <div class="question_text">
- {Question}</div>
- </div>
- {block:NotReblog}
- <div class="answer_container">
- <h1 class="ttl">{Name} replied</h1>
- <div class="answer_text">{Answer}</div>
- </div>
- {/block:NotReblog}
- {block:Answerer}
- <div class="answer_container">
- <h1 class="ttl">{Answerer} replied</h1>
- <div class="answer_text">{Answer}</div>
- </div>
- {block:Reblogs}
- <div class="reply_container">
- <div class="replier">
- <img src="{PortraitURL-64}" style="width:16px; float:left; margin-right: 6px; border-radius: 100%; verticle-align: middle;">
- {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a> {/block:HasPermalink}
- </div>
- <div class="reply">{Body}</div>
- </div>
- {/block:Reblogs}
- {/block:Answerer}
- {/block:Answer}
- <!-- videos -->
- {block:Video}
- <div class="video">{Video-500}</div>
- {/block:Video}
- <!-- captions -->
- {block:Caption}
- <div class="caption">
- {block:notreblog}
- {Caption}
- {/block:notreblog}
- {block:Rebloggedfrom}
- <div class="reblog-list">
- {block:Reblogs}
- <div class="reblogs">
- <div class="reblog-header">
- {block:IsActive}
- <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
- <img src="{PortraitURL-64}" style="width:16px; float:left; margin-right: 6px; border-radius: 100%; verticle-align: middle;">
- </a>
- {/block:IsActive}
- {block:IsDeactivated}
- <span class=“inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}”>
- <img src="{PortraitURL-64}" style="width:18px; float:left; margin-right: 6px; border-radius: 100%; verticle-align: middle;">
- </span>
- {/block:IsDeactivated}
- {block:isactive}
- <a href="{permalink}">{username}</a>
- {/block:isactive}
- {block:isdeactivated}
- <a href="{permalink}" class="inactive">{username}</a>
- {/block:isdeactivated}
- </div>
- <div class="reblog-content">
- {Body}
- </div>
- </div>
- {/block:Reblogs}
- </div>
- {/block:RebloggedFrom}
- </div>
- {/block:Caption}
- {block:Date}
- <div class="date">
- <a href="{Permalink}" title="{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}">posted {TimeAgo}</a>
- </div>
- {/block:Date}
- {block:HasTags}
- <div class="tags">
- {block:Tags}
- <a href="{TagURL}">{Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- </article>
- {block:PermalinkPage}
- {block:PostNotes}
- <div classs="postnotes">
- {PostNotes}
- </div>
- {/block:PostNotes}
- {/block:PermalinkPage}
- {/block:Posts}
- </section>
- </main>
- <!-- credit -->
- <!-- if you ever want to move my credit, please send me an ask or message to let me know -->
- <div class="crd"><a href="https://enbythemes.tumblr.com" title="code by roub"><svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 299.429 299.429" style="enable-background:new 0 0 299.429 299.429;" xml:space="preserve"><g><path style="fill:#010002;" d="M245.185,44.209H54.245L0,116.533l149.715,138.688l149.715-138.682L245.185,44.209z M206.746,121.778l-57.007,112.1l-56.53-112.1H206.746z M98.483,109.844l51.232-51.232l51.232,51.232H98.483z M164.119,56.142 h69.323L213.876,105.9L164.119,56.142z M86.311,105.142l-16.331-49h65.331L86.311,105.142z M79.849,121.778l49.632,98.429 L23.223,121.778H79.849z M220.136,121.778h56.071l-106.013,98.203L220.136,121.778z M225.148,109.844l18.694-47.538l35.652,47.538 H225.148z M58.266,58.738l17.035,51.112H19.929L58.266,58.738z"/></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg></a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement