Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <!---------------------------------------------------------------------------
- ANARCOTRANSHUMANISMO by codematurgy. don't claim as your own. feel free to point out any issues or suggest any changes to make it easier to use and browse through. credits for external codes used here:
- PHOTOSETS by PixelUnion on https://github.com/PixelUnion/Extended-Tumblr-Photoset
- CAPTIONS and many other tumblr variables by bychloethemes on http://bychloethemes.tumblr.com/post/162818858619/undocumented-documentation-on-the-linked-page-you
- ---------------------------------------------------------------------------->
- <html>
- <head>
- <title>
- {block:TagPage}{lang:Posts tagged Tag} — {/block:TagPage}
- {block:SearchPage}{lang:SearchResultCount results for SearchQuery}
- {block:NoSearchResults}{lang:No posts containing SearchQuery}{/block:NoSearchResults} — {/block:SearchPage}
- {block:PostSummary}{PostSummary} — {/block:PostSummary}
- {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="viewport" content="width=device-width"/>
- <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"/>
- <meta name="image:Background" content="">
- <meta name="image:Sidebar" content="">
- <meta name="if:Caption" content="1">
- <meta name="if:Tags" content="1">
- <meta name="if:Accent vs Transparent" content="0">
- <meta name="select:Margin" content="1" title="1">
- <meta name="select:Margin" content="2" title="2">
- <meta name="text:Post Size" content="500">
- <style>
- a:hover, .photoset:hover, iframe:hover, button:hover { cursor:pointer!important; } /* for some reason these... clickable things don't always look clickable so heres a fix */
- body {
- margin:0;
- font-family:Lucida Console, monospace; /* monospace is a lookalike font for when lucida console cannot be used! you'll see it used on mobile. */
- font-size:11px; /* you can make your font bigger here. */
- line-height:1.5em;
- color:gray;
- background-image:url('{image:Background}');
- background-color:{BackgroundColor};
- }
- /* links */
- a {
- text-decoration:none;
- color:{AccentColor};
- }
- a:hover {
- text-decoration:underline;
- }
- a img {
- border:none;
- outline:none;
- } /* these extra lines are for Internet Explorer. */
- /* lists */
- ol, ul {
- margin:1em 1em 1em -1em!important;
- text-align:left;
- }
- .caption_block ul {
- list-style-type:none;
- }
- .caption_block ul i.material-icons {
- position:absolute;
- margin:0 0 0 -1.5em;
- font-size:1em;
- line-height:1.5em;
- }
- /* these are sometimes used in text-based blogs as text division. */
- hr {
- margin:1.5em 4em!important;
- border:none;
- border-top:1px solid currentColor;
- }
- /* tables! no one uses these on tumblr but i wanted to edit them. */
- .table-wrap {
- display:inline-block;
- border:1px solid {AccentColor};
- -webkit-border-radius:5px;
- -moz-border-radius:5px;
- border-radius:5px;
- }
- table { border-collapse:collapse; }
- table * {
- margin:0!important;
- padding:1em;
- vertical-align:middle;
- text-align:center;
- border:1px solid {AccentColor};
- }
- thead, tbody, tfoot { border:none; }
- table *:first-child, table tr:first-child * { border-top:none; }
- table caption, table tr, table tr *:first-child { border-left:none; }
- table caption, table tr, table tr *:last-child { border-right:none; }
- table *:last-child, table tr:last-child * { border-bottom:none; }
- /* ACCENT OR TRANSPARENT BLOCKS */
- .bosco, ul.xvi li, #searchthis, .info, #tag_page, #search_page, #empty_page, #pagination a {
- {block:ifAccentvsTransparent}
- background-color:rgba(0, 0, 0, 0.75);
- {/block:ifAccentvsTransparent}
- {block:ifNotAccentvsTransparent}
- background-color:{AccentColor};
- {/block:ifNotAccentvsTransparent}
- }
- /* UNIVERSAL SENTENCES */
- .universal_sentences, .tmblr-attribution, ol.notes li.note span.action, .more_notes_link, #searchbox {
- text-transform:lowercase;
- } /* for aesthetic and easy reading purposes some sentences where lowercased through this theme! these are "pre-made" sentences by tumblr, created to be supported in every language, and therefore are by default capitalized. */
- /* SCREEN READER SENTENCES */
- .screen_reader_sentences {
- position:absolute;
- margin:0 0 0 -9999px;
- } /* some things are easily understood for those with good sight, while it is actually quite confusing for those using screen readers. the sentences indicated in the code with this class are invisible on the screen, but will be rendered when using screen readers to make understanding easier. */
- /* SIDEBAR */
- aside {
- position:fixed;
- top:8em;
- left:calc(50% - {text:Post Size}px / 2 - 200px - (24px * ({select:Margin} + 1)));
- width:200px;
- }
- #sidebar_image {
- display:block;
- width:200px;
- }
- #sidebar_text{
- text-align:center;
- background-color:white;
- }
- #description { padding:1.25em; }
- /* dropdown menu */
- .bosco, ul.xvi li, ul.xvi a {
- color:white;
- text-align:left;
- line-height:1em;
- }
- .bosco {
- width:100%;
- padding:0;
- font-family:inherit;
- font-size:inherit;
- border:none;
- }
- .bosco #blog_title, .bosco #title_arrow {
- display:inline-block;
- vertical-align:middle;
- position:relative; /* this one is for Internet Explorer too. */
- }
- .bosco #blog_title {
- box-sizing:border-box;
- width:calc(100% - 24px - 1.25em);
- padding:1.25em;
- }
- .bosco:focus { outline:none; }
- ul.xvi {
- display:none;
- margin:0!important;
- padding:0!important;
- }
- ul.xvi li {
- display:block;
- margin:0;
- padding:0.625em 1.25em;
- }
- ul.xvi li:first-of-type { padding-top:0; }
- ul.xvi li:last-of-type { padding-bottom:0; }
- /* searchbox */
- #searchthis { }
- #searchbox, #searchbutton {
- display:inline;
- vertical-align:middle;
- padding:0;
- border:0;
- color:white;
- background:transparent;
- }
- #searchbox:focus, #searchbutton:focus { outline:none; }
- #searchbox:focus { text-transform:inherit; }
- #searchbox {
- width:calc(100% - 1.25em - 1.25em - 1.25em - 1.25em - 1.25em);
- margin:1.25em;
- font-family:inherit;
- font-size:inherit;
- line-height:1.25em;
- }
- #searchbutton, #searchbutton i.material-icons {
- width:16px;
- height:16px;
- overflow:hidden;
- }
- #searchbutton i.material-icons { font-size:1.25em; }
- /* CONTENT */
- section {
- position:relative;
- top:0;
- left:calc(50% - ({text:Post Size}px / 2));
- margin-top:calc(24px * {select:Margin});
- width:{text:Post Size}px;
- max-width:700px;
- }
- article {
- position:relative;
- width:{text:Post Size}px;
- max-width:700px;
- margin-bottom:calc(24px * {select:Margin});
- }
- /* gaps */
- #sidebar_image, #sidebar_text, .photo, .photo-slideshow, .post_type2, .chat, .video, .audio-wrapper, .caption_block { margin: 0 0 2px 0; }
- /* rounded borders */
- aside, #tag_page, #search_page, #empty_page, article, #album_art, #pagination a {
- overflow:hidden;
- -webkit-border-radius:5px;
- -moz-border-radius:5px;
- border-radius:5px;
- }
- .photo-slideshow, .pxu-photo:first-child {
- overflow:hidden;
- -webkit-border-top-left-radius:5px;
- -webkit-border-top-right-radius:5px;
- -moz-border-radius-topleft:5px;
- -moz-border-radius-topright:5px;
- border-top-left-radius:5px;
- border-top-right-radius:5px;
- }
- .caption_portrait, .caption_block blockquote, .ask_header>img, ol.notes>.avatar {
- overflow:hidden;
- -webkit-border-radius:3px;
- -moz-border-radius:3px;
- border-radius:3px;
- }
- /* generic post styling? */
- .title, .caption_block, .post_type2 {
- padding:1.25em;
- }
- .title, .caption_block, .caption-ending {
- background-color:white;
- }
- .post_type2 {
- background-color:#eeeeee;
- }
- .post_type2, .caption_block { text-align:justify; }
- /* text posts */
- .title {
- padding-bottom:0;
- text-align:center;
- }
- .title a { font-size:1.4em; }
- /* photo posts */
- .photo {
- display:block;
- width:100%;
- }
- /* ===========================================================================
- PXU Photoset Extended Styles
- ======================================================================== */
- .clearit:before, .clearit:after { content: ""; display: table; }
- .clearit:after { clear:both; }
- .clearit { *zoom:1; }
- .photo-slideshow { visibility:hidden; height:auto; }
- .photo-slideshow.processed { visibility:visible; }
- .photo-slideshow .row {
- clear:both;
- width:100%;
- }
- .photo-slideshow .pxu-photo {
- display:block;
- float:left;
- margin-bottom:0;
- width:100%;
- overflow:hidden;
- }
- .photo-slideshow .pxu-photo img { display:block; }
- .photo-slideshow.processed .pxu-photo img {
- width:100%;
- height:auto!important;
- }
- .photo-slideshow .pxu-photo:first-child img { margin-left:0; }
- .photo-slideshow .count-1 { width:100%; }
- .photo-slideshow .count-2 { width:50%; }
- .photo-slideshow .count-3 { width:33.33%; }
- .photo-slideshow .count-4 { width:25%; }
- .photo-slideshow .count-5 { width:20%; }
- .photo-slideshow .info { display:none; }
- .photo-data {
- position:relative;
- float:left;
- }
- /* link posts */
- .post_type2 .title_type2 {
- font-size:1.25em;
- }
- .post_type2 .title_type2 a {
- color:currentColor;
- }
- .post_type2>.excerpt, .post_type2>.subtitle_type2 {
- margin:0.5em 0 0 0;
- font-size:0.95em;
- }
- /* chat posts */
- .line { padding:0.75em; }
- .line:nth-child(even) { background-color:#eeeeee; }
- .line:nth-child(odd) { background-color:white; }
- /* audio posts */
- .tumblr_audio_player {
- display:block;
- width:100%;
- }
- .spotify_audio_player {
- width:100%;
- height:80px!important;
- margin-bottom:-5px;
- }
- /* this makes sure the spotify embed audio has that look. if it's bigger than 80px in height it will have the album image underneath the player and real big! */
- /* video posts */
- .video>* { margin:0; }
- .vine-embed { display:block; }
- .tumblr_video_container {
- width:auto!important;
- height:auto!important;
- }
- /* ask posts */
- #asker { text-align:left; }
- #answerer { text-align:right; }
- #asker img, #answerer img { vertical-align:middle; }
- #asker img { margin:0 1em 0 0; }
- #answerer img { margin:0 0 0 1em; }
- .post_type2 *:last-child { margin-bottom:0; }
- /* captions */
- #caption {
- {block:IfNotCaption}
- {block:IndexPage}
- display:none;
- {/block:IndexPage}
- {/block:IfNotCaption}
- }
- .caption_block * { margin:1em 0 1em 0; }
- .caption_portrait {
- width:24px;
- height:24px;
- margin:0 0.75em 0 0;
- vertical-align:middle;
- }
- .caption_block p, .caption_block blockquote { margin:1em 0 1em 0; }
- .caption_block blockquote {
- padding:1em;
- border:1px solid {AccentColor};
- }
- .caption_block blockquote *:first-child, .caption_block *:first-child { margin-top:0!important; }
- .caption_block blockquote *:last-child, .caption_block *:last-child { margin-bottom:0!important; }
- .text_post .caption_block:last-child {
- padding-bottom:0!important;
- margin-bottom:0!important;
- }
- .caption-ending {
- width:100%;
- height:1em;
- }
- /* caption images */
- .caption_block img { max-width:100%; }
- .tmblr-full { margin:1em -1.25em; }
- .tmblr-full img {
- display:block;
- width:100%;
- max-width:100%;
- margin:0!important;
- height:auto!important;
- }
- .tmblr-full>.tmblr-attribution {
- margin:0!important;
- text-align:left;
- line-height:1em!important;
- padding:0.75em;
- background-color:#dfdfdf;
- } /* this it that "originally posted by x" thing under caption pics */
- .tmblr-full>.tmblr-attribution a { color:currentColor; }
- .tmblr-full>.tmblr-attribution a:hover { text-decoration:none; }
- .tmblr-attribution>i.material-icons {
- float:right;
- font-size:inherit!important;
- margin:0!important;
- }
- /* submit and ask pages */
- #ask_form, #submit_form {
- display:block;
- }
- /* INFO */
- .info { padding:1.25em; }
- .info, .info a { color:white; }
- .notes_and_origin {
- {block:PermalinkPage}
- display:inline-block;
- max-width:70%;
- {/block:PermalinkPage}
- }
- #vias { float:right; }
- i.material-icons.reblog {
- float:right;
- margin:0.25em 0 0 1em;
- font-size:1em;
- }
- /* tags */
- .tags {
- {block:IfNotTags}
- {block:IndexPage}
- display:none;
- {/block:IndexPage}
- {/block:IfNotTags}
- }
- .tags a:after{
- content:",";
- }
- .tags a:last-child:after {
- content:"";
- }
- /* PERMALINK */
- ol.notes {
- list-style:none;
- margin:1.25em 0 0 0!important;
- padding:0;
- }
- ol.notes li.note {
- margin-top:10px;
- }
- ol.notes li.note img {
- width:16px;
- margin:0 0.75em 0 0;
- vertical-align:top;
- -webkit-border-radius:3px;
- -moz-border-radius:3px;
- border-radius:3px;
- }
- ol.notes span.action {
- display:inline-block;
- width:calc(100% - 16px - 0.75em);
- }
- ol.notes blockquote {
- margin:0.75em 0 0 calc(16px + 0.75em);
- border-color:white;
- }
- ol.notes blockquote p { margin:0; }
- /* SPECIAL PAGES */
- #tag_page, #search_page, #empty_page {
- margin:calc(24px * {select:Margin});
- padding:1.25em;
- color:white;
- text-align:center;
- }
- #tag_page a { color:inherit; }
- /* PAGINATION */
- #pagination {
- clear:both;
- margin:calc(24px * {select:Margin}) 0;
- }
- #pagination a {
- padding:1em;
- color:white;
- }
- #pagination a>.material-icons {
- font-size:1.25em;
- vertical-align:middle;
- }
- #pagination #new, #pagination #old {
- box-sizing:border-box;
- max-width:calc(50% - 2.5%);
- }
- #pagination #new { float:left; }
- #pagination #old { float:right; }
- #pagination #new>.material-icons { margin-right:1em; }
- #pagination #old>.material-icons { margin-left:1em; }
- /* MOBILE VERSION */
- @media (min-width: 800px) {
- #mobile_header, #mobile_portrait, #mobile_title, #mobile_description { display:none; }
- aside .xvi { display:block; }
- .mobile_only { display:none; }
- }
- @media (max-width: 800px) {
- body {
- font-size:0.75em;
- line-height:1.75em;
- }
- aside {
- position:relative;
- width:100%;
- top:0;
- left:0;
- margin:0;
- border-radius:0;
- overflow:visible;
- }
- #mobile_header {
- display:block;
- width:100%;
- }
- #mobile_portrait, #mobile_title, #mobile_description {
- margin:1em;
- }
- #sidebar_text {
- margin:0;
- padding:1.25em;
- color:white;
- {block:ifAccentvsTransparent}
- background-color:rgba(0, 0, 0, 0.75);
- {/block:ifAccentvsTransparent}
- {block:ifNotAccentvsTransparent}
- background-color:{AccentColor};
- {/block:ifNotAccentvsTransparent}
- }
- #sidebar_text a {
- color:currentColor;
- text-decoration:underline;
- }
- #sidebar_text *:first-child { margin-top:0; }
- #sidebar_text *:last-child { margin-bottom:0; }
- #mobile_portrait {
- {block:ShowHeaderImage}
- margin-top:calc(-1.25em - 34px)!important;
- {block:ifAccentvsTransparent}
- border:4px solid rgba(0, 0, 0, 0.75);
- {/block:ifAccentvsTransparent}
- {block:ifNotAccentvsTransparent}
- border:4px solid {AccentColor};
- {/block:ifNotAccentvsTransparent}
- {/block:ShowHeaderImage}
- }
- #mobile_portrait.square {
- overflow:hidden;
- -webkit-border-radius:6px;
- -moz-border-radius:6px;
- border-radius:6px;
- }
- #mobile_portrait.circle {
- overflow:hidden;
- -webkit-border-radius:64px;
- -moz-border-radius:64px;
- border-radius:64px;
- }
- #sidebar_image { display:none; }
- #mobile_title {
- display:block;
- font-size:1.5em;
- }
- #sidebar_text:empty { padding:0; }
- #description { padding:0; }
- aside .bosco { display:none; }
- ul.xvi {
- display:block;
- margin:1em 10%!important;
- text-align:center;
- }
- ul.xvi li {
- display:inline-block;
- margin:0.5em 0.25em;
- padding:1em!important;
- border-radius:3px;
- }
- #searchthis {
- margin:1em auto 0 auto;
- width:80%;
- text-align:left;
- border-radius:3px;
- }
- #searchbox {
- width:calc(100% - 1.25em - 1em - 1em - 1em - 1em);
- margin:1em;
- }
- section {
- position:relative;
- top:0;
- left:0;
- width:100%!important;
- max-width:100%!important;
- margin-top:10%;
- }
- article, #pagination {
- width:90%;
- max-width:100%;
- margin:5%;
- }
- article:first-of-type { margin-top:0; }
- .tags {
- {block:IndexPage}
- margin-left:0.25em;
- {/block:IndexPage}
- }
- #pagination #new, #pagination #old { max-width:47.5%; }
- }
- {CustomCSS}
- </style>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- </head>
- <body>
- <aside>
- <script>
- $(document).ready(function(){
- $("img#sidebar_image").each(function() {
- if($(this).attr("src") == "http://assets.tumblr.com/images/x.gif?v=1") {
- $(this).remove();
- }
- });
- });
- </script><!-- this will make the <img> tag dissapear in case no image is uploaded. it's important or otherwise there will be a weird transparent square instead which looks out of place! -->
- {block:ShowHeaderImage}
- <a href="{BlogURL}" aria-hidden="true"><img src="{HeaderImage}" id="mobile_header"/></a>
- {/block:ShowHeaderImage}
- <a href="{BlogURL}" aria-hidden="true"><img src="{image:Sidebar}" id="sidebar_image"/></a>
- <div id="sidebar_text">
- {block:ShowAvatar}
- <a href="{BlogURL}" aria-hidden="true"><img src="{PortraitURL-64}" id="mobile_portrait" class="{AvatarShape}"/></a>
- {/block:ShowAvatar}
- {block:ShowTitle}
- <div id="mobile_title">{Title}</div>
- {/block:ShowTitle}
- {block:Description}
- <span class="screen_reader_sentences">{lang:About}</span>
- <div id="description">{Description}</div>
- {/block:Description}
- </div>
- <script type="text/javascript">
- $(document).ready(function(){
- $(".bosco").nextAll("ul.xvi").hide();
- $(".bosco").click(function(){
- $(".bosco i.material-icons").text(function(i, text){
- return text === "expand_more" ? "expand_less" : "expand_more";
- });
- $(this).nextAll("ul.xvi").slideToggle(500);
- });
- if($(".bosco").css('display') == 'none') {
- $(".bosco").nextAll("ul.xvi").show();
- }
- });
- </script><!-- code for the dropdown menu and for switching the arrow up and down depending on whether the menu is open or not -->
- <button class="bosco">
- <span class="screen_reader_sentences">{lang:Navigate}</span>
- <span aria-hidden="true"><div id="blog_title">{Title}</div><div id="title_arrow"><i class="material-icons">expand_more</i></div></span>
- </button>
- <span class="screen_reader_sentences mobile_only">{lang:Navigate}</span>
- <ul class="xvi">
- <li><a href="{BlogURL}" class="universal_sentences">{lang:Home}</a></li>
- <li><a href="{BlogURL}archive" class="universal_sentences">{lang:Archive}</a></li>
- {block:AskEnabled}
- <li><a href="{BlogURL}ask"> {AskLabel}</a></li>
- {/block:AskEnabled}
- {block:SubmissionsEnabled}
- <li><a href="{BlogURL}submit">{SubmitLabel}</a></li>
- {/block:SubmissionsEnabled}
- {block:HasPages}{block:Pages}
- <li><a href="{URL}">{Label}</a></li>
- {/block:Pages}{/block:HasPages}
- <form action="/search" id="searchthis" method="get">
- <input id="searchbox" name="q" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" type="text" value="{lang:Search}" vinput=""/>
- <button id="searchbutton" type="submit" value="Go"><i class="material-icons">search</i></button>
- </form>
- </ul>
- </aside>
- <section>
- <!-- tag page header -->
- {block:TagPage}<div id="tag_page" class="universal_sentences">
- {lang:Posts tagged Tag 3}
- </div>{/block:TagPage}
- <!-- search result page header -->
- {block:SearchPage}<div id="search_page" class="universal_sentences">
- {lang:SearchResultCount results for SearchQuery}
- {block:NoSearchResults}{lang:No posts containing SearchQuery}{/block:NoSearchResults}
- </div>{/block:SearchPage}
- <!-- empty blog header -->
- {block:NoPosts}<div id="empty_page" class="universal_sentences">
- {lang:This Tumblr hasnt made any posts}
- </div>{/block:NoPosts}
- <span class="screen_reader_sentences"{block:NoPosts} aria-hidden="true"{/block:NoPosts}>{lang:Posts}</span>
- {block:Posts}
- <article>
- {block:Text}
- <span class="screen_reader_sentences">{lang:Text post}</span>
- {block:Title} <div class="title"><a href="{Permalink}">{Title}</a></div> {/block:Title}
- <div class="text_post">
- {block:NotReblog}
- <div class="caption_block">
- {Body}
- </div>
- {/block:NotReblog}
- {block:RebloggedFrom}
- {block:Reblogs}
- <div class="caption_block">
- <div class="caption_header">
- {block:IsActive}
- {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}
- {block:HasNoPermalink}<a href="https://www.{Username}.tumblr.com">{/block:HasNoPermalink}
- {/block:IsActive}
- <img src="{PortraitURL-64}" class="caption_portrait"/><span class="caption_username">{Username}</span>
- {block:IsActive}
- {block:HasPermalink}</a>{/block:HasPermalink}
- {block:HasNoPermalink}</a>{/block:HasNoPermalink}
- {/block:IsActive}
- </div>
- <div class="caption_body">
- {Body}
- </div>
- </div>
- {/block:Reblogs}
- {/block:RebloggedFrom}
- </div>
- <div class="caption-ending"{block:Date} style="margin-bottom:2px;"{/block:Date}></div>
- {/block:Text}
- {block:Photo}
- <span class="screen_reader_sentences">{lang:Photo post}</span>
- {LinkOpenTag}
- <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="photo"/>
- {LinkCloseTag}
- {block:Caption}
- {block:NotReblog}
- <div class="caption_block">
- {Caption}
- </div>
- {/block:NotReblog}
- {block:RebloggedFrom}
- {block:Reblogs}
- <div class="caption_block">
- <div class="caption_header">
- {block:IsActive}
- {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}
- {block:HasNoPermalink}<a href="https://www.{Username}.tumblr.com">{/block:HasNoPermalink}
- {/block:IsActive}
- <img src="{PortraitURL-64}" class="caption_portrait"/><span class="caption_username">{Username}</span>
- {block:IsActive}
- {block:HasPermalink}</a>{/block:HasPermalink}
- {block:HasNoPermalink}</a>{/block:HasNoPermalink}
- {/block:IsActive}
- </div>
- <div class="caption_body">
- {Body}
- </div>
- </div>
- {/block:Reblogs}
- {/block:RebloggedFrom}
- {/block:Caption}
- {/block:Photo}
- {block:Photoset}
- <span class="screen_reader_sentences">{lang:Photoset post}</span>
- <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
- {block:Photos}<div class="photo-data">
- <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}">
- <div class="pxu-photo"><img alt="{PhotoAlt}" src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div>
- </a>
- </div>{/block:Photos}
- </div>
- {block:Caption}
- {block:NotReblog}
- <div class="caption_block">
- {Caption}
- </div>
- {/block:NotReblog}
- {block:RebloggedFrom}
- {block:Reblogs}
- <div class="caption_block">
- <div class="caption_header">
- {block:IsActive}
- {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}
- {block:HasNoPermalink}<a href="https://www.{Username}.tumblr.com">{/block:HasNoPermalink}
- {/block:IsActive}
- <img src="{PortraitURL-64}" class="caption_portrait"/><span class="caption_username">{Username}</span>
- {block:IsActive}
- {block:HasPermalink}</a>{/block:HasPermalink}
- {block:HasNoPermalink}</a>{/block:HasNoPermalink}
- {/block:IsActive}
- </div>
- <div class="caption_body">
- {Body}
- </div>
- </div>
- {/block:Reblogs}
- {/block:RebloggedFrom}
- {/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <span class="screen_reader_sentences">{lang:Quote post}</span>
- <div class="post_type2">
- <div class="title_type2"><a href="{Permalink}">{Quote}</a></div>
- {block:Source}<div class="subtitle_type2">— {Source}</div>{/block:Source}
- </div>
- {/block:Quote}
- {block:Link}
- <span class="screen_reader_sentences">{lang:Link post}</span>
- <div class="post_type2">
- <div class="title_type2"><a href="{URL}">{Name}</a></div>
- {block:Host}<div class="subtitle_type2">{Host}</div>{/block:Host}
- {block:Excerpt}<div class="excerpt">{Excerpt}</div>{/block:Excerpt}
- </div>
- {block:Description}
- {block:NotReblog}
- <div class="caption_block">
- {Description}
- </div>
- {/block:NotReblog}
- {block:RebloggedFrom}
- {block:Reblogs}
- <div class="caption_block">
- <div class="caption_header">
- {block:IsActive}
- {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}
- {block:HasNoPermalink}<a href="https://www.{Username}.tumblr.com">{/block:HasNoPermalink}
- {/block:IsActive}
- <img src="{PortraitURL-64}" class="caption_portrait"/><span class="caption_username">{Username}</span>
- {block:IsActive}
- {block:HasPermalink}</a>{/block:HasPermalink}
- {block:HasNoPermalink}</a>{/block:HasNoPermalink}
- {/block:IsActive}
- </div>
- <div class="caption_body">
- {Body}
- </div>
- </div>
- {/block:Reblogs}
- {/block:RebloggedFrom}
- {/block:Description}
- {/block:Link}
- {block:Chat}
- <span class="screen_reader_sentences">{lang:Chat post}</span>
- {block:Title} <div class="title"><a href="{Permalink}">{Title}</a></div> {/block:Title}
- <div class="chat">
- {block:Lines}<div class="line">
- {block:Label} <b class="label">{Label}</b> {/block:Label} {Line}
- </div>{/block:Lines}
- </div>
- {/block:Chat}
- {block:Audio}
- <span class="screen_reader_sentences">{lang:Audio post}</span>
- <div class="audio-wrapper">
- {block:AudioEmbed} {AudioEmbed} {/block:AudioEmbed}
- </div>
- {block:Caption}
- {block:NotReblog}
- <div class="caption_block">
- {Caption}
- </div>
- {/block:NotReblog}
- {block:RebloggedFrom}
- {block:Reblogs}
- <div class="caption_block">
- <div class="caption_header">
- {block:IsActive}
- {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}
- {block:HasNoPermalink}<a href="https://www.{Username}.tumblr.com">{/block:HasNoPermalink}
- {/block:IsActive}
- <img src="{PortraitURL-64}" class="caption_portrait"/><span class="caption_username">{Username}</span>
- {block:IsActive}
- {block:HasPermalink}</a>{/block:HasPermalink}
- {block:HasNoPermalink}</a>{/block:HasNoPermalink}
- {/block:IsActive}
- </div>
- <div class="caption_body">
- {Body}
- </div>
- </div>
- {/block:Reblogs}
- {/block:RebloggedFrom}
- {/block:Caption}
- {/block:Audio}
- {block:Video}
- <span class="screen_reader_sentences">{lang:Video post}</span>
- <div class="video">{Video-700}</div>
- {block:Caption}
- {block:NotReblog}
- <div class="caption_block">
- {Caption}
- </div>
- {/block:NotReblog}
- {block:RebloggedFrom}
- {block:Reblogs}
- <div class="caption_block">
- <div class="caption_header">
- {block:IsActive}
- {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}
- {block:HasNoPermalink}<a href="https://www.{Username}.tumblr.com">{/block:HasNoPermalink}
- {/block:IsActive}
- <img src="{PortraitURL-64}" class="caption_portrait"/><span class="caption_username">{Username}</span>
- {block:IsActive}
- {block:HasPermalink}</a>{/block:HasPermalink}
- {block:HasNoPermalink}</a>{/block:HasNoPermalink}
- {/block:IsActive}
- </div>
- <div class="caption_body">
- {Body}
- </div>
- </div>
- {/block:Reblogs}
- {/block:RebloggedFrom}
- {/block:Caption}
- {/block:Video}
- {block:Answer}
- <div class="post_type2">
- <div class="ask_header" id="asker"><img src="{AskerPortraitURL-30}"/>{lang:Asker asked 2}</div>
- <p>{Question}</p>
- </div>
- {block:Answerer}
- <div class="post_type2">
- <div class="ask_header" id="answerer">{Answerer}<img src="{AnswererPortraitURL-30}"/></div>
- {Answer}
- </div>
- {/block:Answerer}
- {block:NotReblog}
- <div class="caption_block">
- {Replies}
- </div>
- {/block:NotReblog}
- {block:RebloggedFrom}
- {block:Reblogs}
- <div class="caption_block">
- <div class="caption_header">
- {block:IsActive}
- {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}
- {block:HasNoPermalink}<a href="https://www.{Username}.tumblr.com">{/block:HasNoPermalink}
- {/block:IsActive}
- <img src="{PortraitURL-64}" class="caption_portrait"/><span class="caption_username">{Username}</span>
- {block:IsActive}
- {block:HasPermalink}</a>{/block:HasPermalink}
- {block:HasNoPermalink}</a>{/block:HasNoPermalink}
- {/block:IsActive}
- </div>
- <div class="caption_body">
- {Body}
- </div>
- </div>
- {/block:Reblogs}
- {/block:RebloggedFrom}
- {/block:Answer}
- {block:Date}<div class="info">
- <span class="notes_and_origin">
- {block:IndexPage}
- <span class="screen_reader_sentences">{NoteCountWithLabel}</span>
- <a href="{Permalink}">
- <span class="screen_reader_sentences">{lang:Permalink for this post}</span>
- {/block:IndexPage}
- {block:PermalinkPage}
- <span class="universal_sentences">
- {block:RebloggedFrom}{lang:Originally from ReblogRootName 2}<br>
- {lang:Reblogged} {TimeAgo}{/block:RebloggedFrom}<!--
- -->{block:NotReblog}{lang:Posted TimeAgo}{/block:NotReblog},
- </span>
- <span class="screen_reader_sentences">{NoteCountWithLabel}</span>
- {/block:PermalinkPage}
- <span aria-hidden="true">{NoteCount}N</span><!--
- -->{block:IndexPage}</a>{/block:IndexPage}
- </span>
- {block:IndexPage}<a href="{ReblogURL}">
- <span class="screen_reader_sentences">{lang:Share this}</span>
- <i class="material-icons reblog" aria-hidden="true">replay</i>
- </a>{/block:IndexPage}
- {block:PermalinkPage}<span id="vias">
- {block:RebloggedFrom}
- <span aria-hidden="true"><a href="{ReblogParentURL}" class="universal_sentences">{lang:Via}</a></span>
- <span class="screen_reader_sentences">{lang:Reblogged from ReblogParentName 2}</span>
- {/block:RebloggedFrom}
- {block:ContentSource}
- <a href="{SourceURL}" class="universal_sentences">{lang:Source}</a>
- {/block:ContentSource}
- </span><br>{/block:PermalinkPage}
- {block:HasTags}<span class="tags">
- <span class="screen_reader_sentences">{lang:Tagged with}</span>
- {block:PermalinkPage}<span aria-hidden="true">#:</span>{/block:PermalinkPage}
- {block:Tags}<a href="{TagURL}"> {Tag}</a> {/block:Tags}
- </span>{/block:HasTags}
- {block:PermalinkPage}{block:PostNotes}
- <span class="screen_reader_sentences">{lang:View notes for this post}</span>
- {PostNotes}
- {/block:PostNotes}{/block:PermalinkPage}
- </div>{/block:Date}
- </article>
- {/block:Posts}
- <!-- main page pagination -->
- {block:Pagination}
- <div id="pagination" class="universal_sentences">
- {block:PreviousPage}<a href="{PreviousPage}" id="new">
- <i class="material-icons" aria-hidden="true">chevron_left</i><!--
- --><span aria-hidden="true">{lang:Newer}</span><!--
- --><span class="screen_reader_sentences">{lang:Newer posts}</span>
- </a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}" id="old">
- <span aria-hidden="true">{lang:Older}</span><!--
- --><span class="screen_reader_sentences">{lang:Older posts}</span><!--
- --><i class="material-icons" aria-hidden="true">chevron_right</i>
- </a>{/block:NextPage}
- <div style="clear:both;"/>
- </div>
- {/block:Pagination}
- <!-- permalink pagination -->
- {block:PermalinkPagination}
- <div id="pagination" class="universal_sentences">
- {block:NextPost}<a href="{NextPost}" id="new">
- <i class="material-icons" aria-hidden="true">chevron_left</i>{lang:Next post}
- </a>{/block:NextPost}
- {block:PreviousPost}<a href="{PreviousPost}" id="old">
- {lang:Previous post}<i class="material-icons" aria-hidden="true">chevron_right</i>
- </a>{/block:PreviousPost}
- <div style="clear:both;"/>
- </div>
- {/block:PermalinkPagination}
- </section>
- <!-- PHOTOSETS by PixelUnion on https://github.com/PixelUnion/Extended-Tumblr-Photoset -->
- <script type="text/javascript" src="https://static.tumblr.com/xkippcr/qe4p593ag/pxuphotoset.js"></script>
- <script type="text/javascript">
- $(document).ready(function() {
- $('.photo-slideshow').pxuPhotoset({
- 'ligthbox' : true,
- 'highRes' : true,
- 'rounded' : false,
- 'exif' : true,
- 'captions' : true,
- 'gutter' : '2px',
- 'photoset' : '.photo-slideshow',
- 'photoWrap' : '.photo-data',
- 'photo' : '.pxu-photo'
- }, function() {
- // callback
- });
- });
- </script>
- <script>
- $("table").wrap("<div class='table-wrap'></div>");
- var tableWidth = $(".table-wrap").outerWidth();
- $(document).ready(function() {
- $(".caption_block .table-wrap").css({
- "margin": "auto calc(50% - ("+ tableWidth+"px/2))"
- });
- });
- </script><!-- this creates an element that wraps tables to create borders, besides centering it. -->
- <script>
- $(".caption_block ul li").before("<i class='material-icons'>chevron_right</i>");
- </script><!-- this adds the arrows beside your post list itens! -->
- <script>
- $(".tmblr-attribution>a").after("<i class='material-icons'>chevron_right</i>");
- </script><!-- this adds the arrow beside attributions in caption pics! -->
- <script>
- $(".caption_block ul i.material-icons, .tmblr-attribution i.material-icons, ol.notes li.note a.avatar_frame, ol.notes li.note img.avatar").attr("aria-hidden", "true");
- </script>
- <script>
- $(".tmblr-embed").addClass("video");
- $(".video").each(function() {
- var originalVideoWidth = $(this).find("iframe").width();
- var originalVideoHeight = $(this).find("iframe").height();
- var videoWidth = $(this).width();
- var videoProportion = videoWidth / originalVideoWidth;
- var videoHeight = originalVideoHeight * videoProportion;
- $(this).find("iframe").attr("width", videoWidth);
- $(this).find("iframe").attr("height", videoHeight);
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment