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 2.0 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 lang="{block:English}en{/block:English}{block:German}de-DE{/block:German}{block:French}fr-FR{/block:French}{block:Italian}it-IT{/block:Italian}{block:Japanese}ja-JP{/block:Japanese}{block:Turkish}tr-TR{/block:Turkish}{block:Spanish}es-ES{/block:Spanish}{block:Russian}ru-RU{/block:Russian}{block:Polish}pl-PL{/block:Polish}{block:PortuguesePT}pt-PT{/block:PortuguesePT}{block:PortugueseBR}pt-BR{/block:PortugueseBR}{block:Dutch}nl-NL{/block:Dutch}{block:Korean}ko-KR{/block:Korean}{block:ChineseSimplified}zh-CN{/block:ChineseSimplified}{block:ChineseTraditional}zh-TW{/block:ChineseTraditional}{block:ChineseHK}zh-HK{/block:ChineseHK}{block:Indonesian}id-ID{/block:Indonesian}{block:Hindi}hi-IN{/block:Hindi}">
- <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:Dark Post Background" content="0">
- <meta name="if:Dark Footer Font" content="0">
- <meta name="if:Show Caption" content="1">
- <meta name="if:Show Tags" content="1">
- <meta name="select:Margin" content="27" title="Narrow">
- <meta name="select:Margin" content="40" title="Medium">
- <meta name="select:Margin" content="54" title="Wide">
- <meta name="select:Sidebar Width" content="200" title="Small">
- <meta name="select:Sidebar Width" content="225" title="Medium">
- <meta name="select:Sidebar Width" content="250" title="Large">
- <meta name="select:Font Size" content="11" title="Small">
- <meta name="select:Font Size" content="12" title="Medium">
- <meta name="select:Font Size" content="13" title="Large">
- <meta name="text:Post Size" content="540">
- <style>
- a: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, Consolas, Menlo, monospace;
- font-size:{select:Font Size}px; /* if you're looking for a font size different from the ones offered, you can change {select:Font Size} for a number that fits you best. though, please, avoid anything smaller than 11. */
- line-height:1.5em;
- color:gray;
- background-image:url('{image:Background}');
- background-color:{BackgroundColor};
- }
- /* links */
- a {
- text-decoration:underline;
- color:{AccentColor};
- }
- a img {
- border:none;
- outline:none;
- } /* these extra lines are for Internet Explorer. */
- /* lists */
- ol, ul {
- margin:1em 1em 1em 0;
- padding:0 0 0 2em;
- text-align:left;
- }
- #description ul, .caption_block ul {
- list-style-type:none;
- }
- #description ul i.material-icons, .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;
- }
- /* 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. */
- /* MOBILE EXCLUSIVE */
- #mobile_header, #mobile_portrait, #mobile_title { display:none; }
- /* mobile header */
- #mobile_header img {
- width:100%;
- display:block;
- }
- /* mobile portrait */
- #mobile_portrait {
- {block:ShowHeaderImage}margin-top:calc(-1.25em - 34px)!important;{/block:ShowHeaderImage}
- z-index:2;
- }
- #mobile_portrait img {
- border-width:4px;
- border-style:solid;
- }
- #mobile_portrait img.square { border-radius:6px; }
- #mobile_portrait img.circle { border-radius:64px; }
- /* mobile title */
- #mobile_title a { font-size:1.5em; }
- /* SIDEBAR */
- aside {
- position:fixed;
- top:81px;
- left:calc(50% - {select:Sidebar Width}px - 54px - ({text:Post Size}px / 2));
- width:{select:Sidebar Width}px;
- }
- #sidebar_image {
- display:block;
- width:100%;
- }
- #sidebar_text { text-align:center; }
- #description>*:first-child { margin-top:0; }
- #description>*:last-child { margin-bottom:0; }
- #navigation button#title {
- width:100%;
- padding:0;
- font-family:inherit;
- font-size:inherit;
- line-height:inherit;
- color:inherit;
- text-align:left;
- background-color:transparent;
- border:none;
- }
- button#title #blog_title, button#title #title_arrow {
- display:inline-block;
- vertical-align:middle;
- }
- button#title #blog_title {
- box-sizing:border-box;
- padding:1.25em;
- width:calc(100% - 24px - 1.25em);
- }
- button#title #title_arrow { padding-right:1.25em; }
- button#title #title_arrow i.material-icons {
- font-size:24px;
- vertical-align:middle;
- }
- ul#links {
- margin:0;
- padding:0;
- list-style-type:none;
- }
- ul#links li a { width:100%; }
- ul#links li { margin:0.75em 1.25em; }
- ul#links li:first-child { margin-top:0; }
- ul#links li:last-child { margin-bottom:0; }
- /* searchbar */
- #searchbutton, #searchbox {
- font-family:inherit;
- font-size:1em;
- color:currentColor;
- background-color:transparent;
- border:none;
- display:inline-block;
- vertical-align:middle;
- }
- #searchbox {
- box-sizing:border-box;
- padding:1.25em;
- width:calc(100% - 24px - 1.25em);
- }
- #searchbox:focus {
- outline:0;
- }
- #searchbutton {
- box-sizing:content-box;
- width:24px;
- height:24px;
- padding:0;
- padding-right:1.25em;
- }
- #searchbutton i.material-icons {
- font-size:21px;
- vertical-align:middle;
- }
- /* CONTENT */
- section {
- margin:54px auto;
- width:{text:Post Size}px;
- max-width:700px;
- }
- article {
- width:100%;
- margin-bottom:{select:Margin}px;
- }
- article:last-child { margin-bottom:0; }
- /* caption and ask block */
- .caption_block:empty { padding:0; }
- .caption_portrait {
- width:24px;
- height:24px;
- margin:0 0.75em 0 0;
- vertical-align:middle;
- }
- .caption_block, .ask_block { text-align:justify; }
- .caption_block>*, .ask_block>* { margin:1em 0 1em 0; }
- .caption_block p, .caption_block blockquote .ask_block p, .ask_block blockquote { margin:1em 0 1em 0; }
- .caption_block blockquote, .ask_block blockquote {
- padding:1em;
- border:1px solid {AccentColor};
- }
- .caption_block blockquote *:first-child, .caption_block *:first-child, .ask_block blockquote *:first-child, .ask_block *:first-child { margin-top:0; }
- .caption_block blockquote *:last-child, .caption_block *:last-child, .ask_block blockquote *:last-child, .ask_block *:last-child { margin-bottom:0; }
- .text_post .title { padding-bottom:0!important; }
- .text_post .caption_block:last-child {
- padding-bottom:0!important;
- margin-bottom:0!important;
- }
- .caption_ending { width:100%; }
- /* caption block and ask block images */
- .caption_block img, .ask_block img { max-width:100%; }
- .tmblr-full img {
- display:block;
- width:100%;
- max-width:100%;
- margin:0;
- height:auto;
- }
- .tmblr-full .tmblr-attribution {
- margin:0!important;
- text-align:left;
- line-height:1em!important;
- padding:0.75em;
- } /* this it that "originally posted by x" thing under caption pics */
- .tmblr-full .tmblr-attribution a {
- color:currentColor;
- display:block;
- }
- .tmblr-attribution i.material-icons {
- float:right;
- font-size:inherit;
- }
- /* text posts */
- .title { text-align:center; }
- .title a { font-size:1.4em; }
- /* photo posts */
- .photo img {
- 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;
- }
- /* quote posts */
- .quote_mark {
- font-family:serif;
- font-size:50px;
- line-height:1em;
- position:absolute;
- opacity:0.5;
- filter:alpha(opacity=50);
- }
- .quote, .quote_source { padding-left:30px; }
- .quote { font-size:1.25em; }
- .quote_source { margin-top:0.5em; }
- /* link posts */
- .link_icon, .link {
- display:inline-block;
- vertical-align:top;
- margin:0;
- }
- .link_icon { font-size:21px; }
- .link {
- width:calc(100% - 1em - 21px);
- margin-left:1em;
- }
- .link_name { font-size:1.25em; }
- .link_host { margin-top:0.5em; }
- .link_excerpt {
- margin-top:1em;
- text-align:left;
- font-size:calc(1em - 2px);
- }
- /* chat posts */
- .line { padding:0.75em; }
- .chat_label { font-weight:bold; }
- /* 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 it turns out really large. */
- /* video posts */
- .video > * { margin:0!important; }
- .video iframe { display:block; }
- .tumblr_video_container {
- width:auto!important;
- height:auto!important;
- }
- iframe.tumblr_video_iframe { max-height:540px!important; } /* tumblr video max-height */
- .tmblr-full>video {
- width:100%;
- height:100%;
- }
- /* ask posts */
- .ask_header>* { vertical-align:middle; }
- .ask_header.asker img { margin-right:0.75em; }
- .ask_header.answerer img { margin-left:0.75em; }
- .ask_header.asker { text-align:left; }
- .ask_header.answerer { text-align:right; }
- /* captions */
- .captions {
- {block:IfNotShowCaption}{block:IndexPage}display:none;{/block:IndexPage}{/block:IfNotShowCaption}
- }
- /* submit and ask pages */
- #ask_form, #submit_form {
- display:block;
- }
- /* POST FOOTER */
- /* reblog button */
- .reblog_button {
- float:right;
- margin-left:0.5em;
- color:currentColor;
- height:1.75em;
- }
- .reblog_button i.material-icons {
- font-size:15px;
- vertical-align:middle;
- }
- /* tags */
- .tags {
- {block:IfNotShowTags}{block:IndexPage}display:none;{/block:IndexPage}{/block:IfNotShowTags}
- {block:IndexPage}margin-left:0.5em;{/block:IndexPage}
- }
- .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-bottom:1em; }
- ol.notes li.note:last-child { margin-bottom:0; }
- ol.notes li.note.more_notes_link_container, ol.notes li.note a.more_notes_link { margin:0; }
- ol.notes li.note a.avatar_frame, ol.notes li.note span.action {
- display:inline-block;
- vertical-align:top;
- min-height:1.5em;
- }
- ol.notes li.note a.avatar_frame img { vertical-align:middle; }
- ol.notes li.note span.action {
- width:calc(100% - 0.75em - 16px);
- margin-left:0.75em;
- }
- ol.notes blockquote { margin:1em 0 0 calc(16px + 0.75em); }
- /* SPECIAL PAGES */
- .info_header {
- margin:0 27px;
- margin-bottom:{select:Margin}px;
- text-align:center;
- }
- /* PAGINATION */
- footer {
- margin-top:{select:Margin}px;
- }
- .pagination a .pagination_text, .pagination a .pagination_icon {
- display:inline-block;
- vertical-align:middle;
- }
- .pagination a .pagination_text {
- padding:1em;
- text-align:center;
- }
- .pagination a.new .pagination_text { padding-left:0; }
- .pagination a.old .pagination_text { padding-right:0; }
- .pagination a .pagination_icon {
- padding-left:0.5em;
- padding-right:0.5em;
- }
- .pagination a .pagination_icon i.material-icons {
- font-size:18px;
- 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; }
- /* CORNER CREDIT */
- #codematurgy {
- position:fixed;
- bottom:1.25em;
- right:1.25em;
- box-sizing:border-box;
- padding:0.5em;
- line-height:18px;
- }
- #codematurgy i.material-icons {
- font-size:18px;
- vertical-align:middle;
- }
- #codematurgy_name { padding-left:0.5em; }
- /* UNIVERSAL STYLING */
- /* rounded borders */
- aside, .info_header, article, .pagination a, #codematurgy { border-radius:5px; }
- ul#links li, #searchthis, button#searchbutton i, .caption_portrait, .caption_block blockquote, .ask_header img, .reblog_button i, ol.notes .avatar { border-radius:3px; }
- aside, article, .caption_block blockquote { overflow:hidden; }
- /* colors */
- .quote_block, .link_block, .line:nth-child(even), .ask_block, .tmblr-attribution { {block:IfNotDarkPostBackground}background-color:#eeeeee;{/block:IfNotDarkPostBackground}{block:IfDarkPostBackground}background-color:#212121;{/block:IfDarkPostBackground} }
- #sidebar_text, .title, .caption_block, .caption_ending, .line:nth-child(odd) { {block:IfNotDarkPostBackground}background-color:white;{/block:IfNotDarkPostBackground}{block:IfDarkPostBackground}background-color:#101010;{/block:IfDarkPostBackground} }
- #navigation, button#title, ul#links li, #searchthis, .info_header, .post_footer, .pagination a, #codematurgy { background-color:{AccentColor}; }
- #mobile_portrait img { border-color:{AccentColor}; }
- #navigation, #navigation a, .info_header, .post_footer, .post_footer a, .pagination a, #codematurgy a { {block:IfNotDarkFooterFont}color:white;{/block:IfNotDarkFooterFont}{block:IfDarkFooterFont}color:black;{/block:IfDarkFooterFont} }
- /* paddings */
- #sidebar_text, #mobile_portrait, #mobile_title, #description, .info_header, .title, .link_block, .quote_block, .caption_block, .ask_block, .post_footer {
- padding:1.25em;
- }
- #mobile_portrait, #mobile_title, #description {
- padding-top:0;
- padding-left:0;
- padding-right:0;
- }
- #sidebar_text *:last-child { padding-bottom:0; }
- .ask_header, .caption_header { margin-bottom:1.25em; }
- .tmblr-full, .npf_photoset {
- margin-left:-1.25em;
- margin-right:-1.25em;
- }
- .caption_ending { height:1.25em; }
- .title { padding-bottom:0.5em; }
- /* non-underlined links */
- #mobile_title a, #navigation a, .title a, .ask_header a, .link_block a .link, .caption_header a, .tmblr-attribution a, .post_footer a, .pagination a, #codematurgy a { text-decoration:none; }
- #mobile_title a:hover, #mobile_title a:focus, button#title:hover, button#title:hover #blog_title, button#title:focus, button#title:focus #blog_title, #navigation a:hover, #navigation a:focus, button#searchbutton:hover, button#searchbutton:focus, .title a:hover, .title a:focus, .ask_header a:hover, .ask_header a:focus, .link_block a:hover .link, .link_block a:focus .link, .caption_header a:hover, .caption_header a:focus, .tmblr-attribution a:hover, .tmblr-attribution a:focus, .post_footer a:hover, .post_footer a:focus, .pagination a:hover, .pagination a:focus, .pagination a:hover .pagination_text, .pagination a:focus .pagination_text, #codematurgy a:hover, #codematurgy a:focus {
- text-decoration:underline;
- outline:none;
- }
- button#searchbutton:hover i, button#searchbutton:focus i, a.reblog_button:hover i, a.reblog_button:focus i, a.avatar_frame:hover img, a.avatar_frame:focus img {
- border:1px solid currentColor;
- margin:-1px;
- }
- /* margins */
- #sidebar_image, #sidebar_text, .photo, .photo-slideshow, .link_block, .quote_block, .chat, .video, .audio, .caption_block, .ask_block { margin-bottom:2px; }
- /* MOBILE VERSION */
- @media (max-width: 800px) {
- body {
- font-size:calc({select:Font Size}px + 1px);
- line-height:1.75em;
- }
- aside {
- position:relative;
- top:0;
- left:0;
- display:block;
- width:100%;
- overflow:visible;
- }
- #sidebar_image { display:none; }
- button#title { display:none; }
- #navigation { background-color:transparent; }
- ul#links {
- display:block;
- margin:1em 10%;
- text-align:center;
- line-height:1em;
- }
- ul#links li { display:inline-block; }
- ul#links li {
- margin:0.5em 0.25em!important;
- padding:0.75em 1em;
- line-height:1.5em;
- }
- ul#links li a { margin:-0.25em 0; }
- #searchthis { margin:0 15%; }
- #searchbutton { padding-right:1em; }
- #searchbox {
- width:calc(100% - 1em - 24px);
- padding:1em;
- }
- section {
- width:90%;
- margin:10% 5%;
- }
- .info_header { margin:0 5%; }
- .info_header, article { margin-bottom:7.5%; }
- footer { margin-top:7.5%; }
- #codematurgy {
- position:relative;
- bottom:0;
- right:0;
- width:100%;
- padding:1em;
- display:block;
- text-align:center;
- }
- /* mobile exclusive stuff */
- #mobile_header, #mobile_portrait, #mobile_title { display:block; }
- /* mobile universal styling */
- aside, #codematurgy { border-radius:0; }
- #sidebar_text { background-color:{AccentColor}; }
- #sidebar_text, #sidebar_text a { {block:IfNotDarkFooterFont}color:white;{/block:IfNotDarkFooterFont}{block:IfDarkFooterFont}color:black;{/block:IfDarkFooterFont} }
- #description a { text-decoration:underline; }
- }
- {CustomCSS}
- </style>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
- </head>
- <body>
- {block:ShowHeaderImage}<div id="mobile_header" aria-hidden="true"><a href="{BlogURL}"><img src="{HeaderImage}"/></a></div>{/block:ShowHeaderImage}
- <aside>
- <script>
- $(document).ready(function(){
- if($("img#sidebar_image").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! -->
- <a href="{BlogURL}" aria-hidden="true"><img src="{image:Sidebar}" id="sidebar_image"/></a>
- <div id="sidebar_text">
- {block:ShowAvatar}
- <div id="mobile_portrait"><a href="{BlogURL}" aria-hidden="true"><img src="{PortraitURL-64}" class="{AvatarShape}"/></a></div>{/block:ShowAvatar}
- {block:ShowTitle}
- <div id="mobile_title"><a href="{BlogURL}">{Title}</a></div>{/block:ShowTitle}
- {block:Description}
- <div id="description">{Description}</div>{/block:Description}
- </div>
- <script type="text/javascript">
- $(document).ready(function(){
- $("button#title").nextAll("div#menu").hide();
- $("button#title").click(function(){
- $("button#title #title_arrow i.material-icons").text(function(i, text){
- return text === "expand_more" ? "expand_less" : "expand_more";
- });
- $(this).nextAll("div#menu").slideToggle(500);
- });
- if( $("button#title").css("display") == "none") {
- $("button#title").nextAll("div#menu").show();
- }
- });
- </script><!-- code for the dropdown menu and for switching the arrow up and down depending on whether the menu is open or not -->
- <nav id="navigation">
- <button id="title">
- <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>
- <div id="menu">
- <ul id="links">
- <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}
- </ul>
- <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>
- </div>
- </nav>
- </aside>
- <section>
- {block:TagPage}<!-- tag page header -->
- <div class="info_header" id="tag_page">
- <div class="universal_sentences">{lang:Posts tagged Tag}</div>
- </div>{/block:TagPage}
- {block:SearchPage}<!-- search result page header -->
- <div class="info_header" id="search_page">
- <div class="universal_sentences">{lang:SearchResultCount results for SearchQuery}
- {block:NoSearchResults}{lang:No posts containing SearchQuery}{/block:NoSearchResults}</div>
- </div>{/block:SearchPage}
- {block:DayPage}<!-- day page header -->
- <div class="info_header" id="day_page">
- <div class="universal_sentences">{lang:Viewing everything posted on Month DayOfMonth Year}</div>
- </div>{/block:DayPage}
- {block:NoPosts}<!-- empty blog header -->
- <div class="info_header" id="empty_page">
- <div class="universal_sentences">{lang:This Tumblr hasnt made any posts}</div>
- </div>{/block:NoPosts}
- {block:Posts}
- <article{block:Text} class="text_post"{/block:Text}>
- <!-- post type -->
- {block:Date}<h2 class="screen_reader_sentences">{block:Text}{lang:Text post}{/block:Text}{block:Photo}{lang:Photo post}{/block:Photo}{block:Photoset}{lang:Pohotoset post}{/block:Photoset}{block:Quote}{lang:Quote post}{/block:Quote}{block:Link}{lang:Link post}{/block:Link}{block:Chat}{lang:Chat post}{/block:Chat}{block:Audio}{lang:Audio post}{/block:Audio}{block:Video}{lang:Video post}{/block:Video}{block:Answer}{PostType}{/block:Answer}</h2>{/block:Date}
- {block:Text}
- <div class="text_post">
- {block:Title} <div class="title"><a href="{Permalink}">{Title}</a></div> {/block:Title}
- {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>
- {Body}
- </div>
- {/block:Reblogs}
- {/block:RebloggedFrom}
- </div>
- <div class="caption_ending"{block:Date} style="margin-bottom:2px;"{/block:Date}></div>
- {/block:Text}
- {block:Photo}
- {LinkOpenTag}
- <div class="photo"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div>
- {LinkCloseTag}
- {block:Caption}
- {block:NotReblog}
- <div class="caption_block captions">{Caption}</div>
- {/block:NotReblog}
- {block:RebloggedFrom}
- {block:Reblogs}
- <div class="caption_block captions">
- <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>
- {Body}
- </div>
- {/block:Reblogs}
- {/block:RebloggedFrom}
- {/block:Caption}
- {/block:Photo}
- {block:Photoset}
- <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 captions">{Caption}</div>
- {/block:NotReblog}
- {block:RebloggedFrom}
- {block:Reblogs}
- <div class="caption_block captions">
- <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>
- {Body}
- </div>
- {/block:Reblogs}
- {/block:RebloggedFrom}
- {/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <div class="quote_block">
- <div class="quote_mark">“</div><div class="quote">{Quote}</div>
- {block:Source}<div class="quote_source">— {Source}</div>{/block:Source}
- </div>
- {/block:Quote}
- {block:Link}
- <div class="link_block">
- <a href="{URL}"><i class="material-icons link_icon">link</i><!--
- --><div class="link">
- <div class="link_name">{Name}</div>{block:Host}
- <div class="link_host">{Host}</div>{/block:Host}
- </div></a>
- {block:Excerpt}<div class="link_excerpt">{Excerpt}</div>{/block:Excerpt}
- </div>
- {block:Description}
- {block:NotReblog}
- <div class="caption_block captions">{Description}</div>
- {/block:NotReblog}
- {block:RebloggedFrom}
- {block:Reblogs}
- <div class="caption_block captions">
- <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>
- {Body}
- </div>
- {/block:Reblogs}
- {/block:RebloggedFrom}
- {/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title} <div class="title"><a href="{Permalink}">{Title}</a></div> {/block:Title}
- <div class="chat">
- {block:Lines}<div class="line">
- {block:Label}<span class="chat_label">{Label}</span>{/block:Label} {Line}
- </div>{/block:Lines}
- </div>
- {/block:Chat}
- {block:Audio}
- <div class="audio">
- {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
- </div>
- {block:Caption}
- {block:NotReblog}
- <div class="caption_block captions">{Caption}</div>
- {/block:NotReblog}
- {block:RebloggedFrom}
- {block:Reblogs}
- <div class="caption_block captions">
- <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>
- {Body}
- </div>
- {/block:Reblogs}
- {/block:RebloggedFrom}
- {/block:Caption}
- {/block:Audio}
- {block:Video}
- <div class="video">{Video-700}</div>
- {block:Caption}
- {block:NotReblog}
- <div class="caption_block captions">{Caption}</div>
- {/block:NotReblog}
- {block:RebloggedFrom}
- {block:Reblogs}
- <div class="caption_block captions">
- <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>
- {Body}
- </div>
- {/block:Reblogs}
- {/block:RebloggedFrom}
- {/block:Caption}
- {/block:Video}
- {block:Answer}
- <div class="ask_block">
- <div class="ask_header asker"><img src="{AskerPortraitURL-30}"/>{lang:Asker asked 2}</div>
- <p>{Question}</p>
- </div>
- {block:Answerer}
- <div class="ask_block">
- <div class="ask_header 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 captions">
- <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>
- {Body}
- </div>
- {/block:Reblogs}
- {/block:RebloggedFrom}
- {/block:Answer}
- {block:Date}<div class="post_footer">
- {block:IndexPage}
- <a href="{Permalink}"><span aria-hidden="true">{NoteCount}N</span><span class="screen_reader_sentences">{NoteCountWithLabel}, {lang:Permalink for this post}</span></a>
- <a href="{ReblogURL}" class="reblog_button"><i class="material-icons" aria-hidden="true">replay</i><span class="screen_reader_sentences">{block:English}Reblog{/block:English}{block:German}Rebloggen{/block:German}{block:French}Rebloguer{/block:French}{block:Italian}Reblogga{/block:Italian}{block:Japanese}リブログ{/block:Japanese}{block:Turkish}Yeniden Blogla{/block:Turkish}{block:Spanish}Rebloguear{/block:Spanish}{block:Russian}Реблог{/block:Russian}{block:Polish}Rebloguj{/block:Polish}{block:PortuguesePT}Reblogar{/block:PortuguesePT}{block:PortugueseBR}Reblogar{/block:PortugueseBR}{block:Dutch}Rebloggen{/block:Dutch}{block:Korean}리블로그{/block:Korean}{block:ChineseSimplified}转发{/block:ChineseSimplified}{block:ChineseTraditional}轉格{/block:ChineseTraditional}{block:ChineseHK}轉載{/block:ChineseHK}{block:Indonesian}Reblog{/block:Indonesian}{block:Hindi}रीब्लॉग करेंे{/block:Hindi}</span></a>
- {/block:IndexPage}
- {block:PermalinkPage}
- <span class="universal_sentences">
- <a href="{BlogURL}day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}/">{block:RebloggedFrom}{lang:Reblogged} {TimeAgo}{/block:RebloggedFrom}{block:NotReblog}{lang:Posted TimeAgo}{/block:NotReblog}({DayOfMonthWithZero}/{MonthNumberWithZero}/{Year})</a>{block:RebloggedFrom} {lang:Via} <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:RebloggedFrom}, {NoteCountWithLabel}
- {block:RebloggedFrom}<br>{lang:Originally from ReblogRootName 2}{/block:RebloggedFrom}
- {block:ContentSource}<br>{lang:Source}: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
- </span>
- {/block:PermalinkPage}
- {block:HasTags}<span class="tags">
- {block:PermalinkPage}<br>{/block:PermalinkPage}
- <span class="universal_sentences{block:IndexPage} screen_reader_sentences{/block:IndexPage}">
- {lang:Tagged with}:
- </span>
- {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}
- <footer>
- {block:Pagination}<!-- main page pagination -->
- <nav class="pagination universal_sentences">
- {block:PreviousPage}<a href="{PreviousPage}" class="new">
- <div class="pagination_icon"><i class="material-icons">chevron_left</i></div><div class="pagination_text"><span aria-hidden="true">{lang:Newer}</span><span class="screen_reader_sentences">{lang:Newer posts}</span></div>
- </a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}" class="old">
- <div class="pagination_text"><span aria-hidden="true">{lang:Older}</span><span class="screen_reader_sentences">{lang:Older posts}</span></div><div class="pagination_icon"><i class="material-icons">chevron_right</i></div>
- </a>{/block:NextPage}
- <div style="clear:both;"/>
- </nav>
- {/block:Pagination}
- {block:PermalinkPagination}<!-- permalink pagination -->
- <nav class="pagination universal_sentences">
- {block:NextPost}<a href="{NextPost}" class="new">
- <div class="pagination_icon"><i class="material-icons">chevron_left</i></div><div class="pagination_text">{lang:Next post}</div>
- </a>{/block:NextPost}
- {block:PreviousPost}<a href="{PreviousPost}" class="old">
- <div class="pagination_text">{lang:Previous post}</div><div class="pagination_icon"><i class="material-icons">chevron_right</i></div>
- </a>{/block:PreviousPost}
- <div style="clear:both;"/>
- </nav>
- {/block:PermalinkPagination}
- </footer>
- </section>
- <div id="codematurgy"><a href="https://codematurgy.tumblr.com"><i class="material-icons">code</i><span id="codematurgy_name">codematurgy</span></a></div>
- <!-- 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>
- var video = document.querySelectorAll("article figure > video");
- for (i = 0; i < video.length; i++) {
- if (video[i].parentNode.className === null || video[i].parentNode.className !== null && !video[i].parentNode.className.match(/tmblr-full+/g)) {
- video[i].parentNode.className += " tmblr-full";
- }
- }
- </script>
- <script src="https://cdn.jsdelivr.net/gh/boscoxvi/npfphotosets/npfphotosets.js"></script>
- <link href="https://cdn.jsdelivr.net/gh/boscoxvi/npfphotosets/npfphotosetstyle.css" rel="stylesheet" type="text/css"/>
- <script>
- npfPhotosets("article", {
- rowClass:"npf_row",
- imageContainerClass:"tmblr-full",
- generatedPhotosetContainerClass:"npf_photoset",
- imageClass:"npf_image",
- includeSingleRowImagesInPhotosets: true,
- includeCommonPhotosets: true,
- insertGalleryIndicator: false,
- galleryIndicatorClass: "npf_gallery_indicator",
- galleryIndicatorContent: "<img src='image_url'>",
- photosetMargins:"2"
- });
- </script>
- </script>
- <script>
- // this adds the arrows beside your description and post list itens.
- $("#description ul li, .caption_block ul li").before("<i class='material-icons'>chevron_right</i>");
- // this adds the arrow beside attributions in caption pics.
- $(".tmblr-attribution>a").append("<i class='material-icons'>chevron_right</i>");
- // this deletes empty paragraphs.
- $("article p:empty").remove();
- // this will hide the following decorative elements when screen reading.
- $("i.material-icons, ol.notes li.note a.avatar_frame, ol.notes li.note img.avatar").attr("aria-hidden", "true");
- </script>
- <script>
- function videoResizing() {
- $(".tmblr-embed").addClass("video");
- function videoActualResize() {
- $(".video").each(function() {
- var originalVideoWidth = $(this).find("iframe").width();
- var originalVideoHeight = $(this).find("iframe").height();
- videoWidth = $(this).width();
- var videoProportion = videoWidth / originalVideoWidth;
- var videoHeight = originalVideoHeight * videoProportion;
- $(this).find("iframe").attr("width", videoWidth);
- $(this).find("iframe").attr("height", videoHeight);
- });
- }
- videoActualResize();
- $(window).resize(function(){
- videoActualResize();
- });
- }
- videoResizing();
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment