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">
- <!---------------------------------------------------------------------------
- AMIGOS 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:
- STICKY-KIT by leafo(GitHub) on http://leafo.net/sticky-kit/
- 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
- LIKE BUTTON by mikedidthis(Stack Overflow) on https://stackoverflow.com/questions/21708662/customise-tumblrs-new-like-button-iframe-likebutton
- ---------------------------------------------------------------------------->
- <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="color:Background" content="">
- <meta name="color:Accent" content="">
- <meta name="color:Gradient" content="">
- <meta name="if:Background Gradient" content="1">
- <meta name="if:Show Caption" content="1">
- <meta name="if:Show Tags" content="1">
- <meta name="if:Show Search Bar" content="1">
- <meta name="select:Margin" content="54" title="1">
- <meta name="select:Margin" content="81" title="2">
- <meta name="select:Margin" content="108" title="3">
- <meta name="select:Sidebar Width" content="200" title="Small">
- <meta name="select:Sidebar Width" content="250" title="Medium">
- <meta name="select:Sidebar Width" content="300" title="Large">
- <meta name="select:Post Color" content="postc1" title="Opaque Black">
- <meta name="select:Post Color" content="postc2" title="Semi-Opaque Black">
- <meta name="select:Post Color" content="postc3" title="Semi-Transparent Black">
- <meta name="select:Post Color" content="postc4" title="Transparent Black">
- <meta name="select:Post Color" content="postc5" title="Opaque White">
- <meta name="select:Post Color" content="postc6" title="Semi-Opaque White">
- <meta name="select:Post Color" content="postc7" title="Semi-Transparent White">
- <meta name="select:Post Color" content="postc8" title="Transparent White">
- <meta name="select:Font Color" content="#ffffff" title="White">
- <meta name="select:Font Color" content="#CCCCCC" title="Light Grey">
- <meta name="select:Font Color" content="#8f8f8f" title="Grey">
- <meta name="select:Font Color" content="#818181" title="Dark Grey">
- <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:{select:Font Color};
- {block:IfNotBackgroundGradient}
- background-image:url('{image:Background}');
- {/block:IfNotBackgroundGradient}
- background-color:{color:Background};
- {block:IfBackgroundGradient}
- /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
- background-image:-webkit-linear-gradient(top, {color:Background}, {color:Background} 54px, {color:Gradient});
- /* Firefox 3.6 - 15 */
- background-image:-moz-linear-gradient(top, {color:Background}, {color:Background} 54px, {color:Gradient});
- /* Opera 11.1 - 12 */
- background-image:-o-linear-gradient(top, {color:Background}, {color:Background} 54px, {color:Gradient});
- /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
- background-image:linear-gradient(to bottom, {color:Background}, {color:Background} 54px, {color:Gradient});
- background-size:100vw 100vh;
- {/block:IfBackgroundGradient}
- background-attachment:fixed;
- }
- /* links */
- a {
- text-decoration:none;
- color:{color:Accent};
- }
- a:hover, a:focus {
- text-decoration:underline;
- }
- 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;
- }
- /* BLOCK COLORS */
- /* option 1 */
- section.postc1 .info_header, section.postc1 article, aside.postc1 .sidebar_block, footer.postc1 .pagination a {
- background-color:rgba(0, 0, 0, 0.6);
- }
- section.postc1 .division, aside.postc1 .division, footer.postc1 .division {
- border-color:#101010;
- }
- section.postc1 #tag_page, section.postc1 #search_page, section.postc1 #empty_page, section.postc1 .ask_source, section.postc1 .post_source, section.postc1 .ask_body, section.postc1 .post_body, section.postc1 .caption_block, section.postc1 .post_footer, footer.postc1 .pagination_text, footer.postc1 .pagination_icon, aside.postc1 #sidebar_header, aside.postc1 #sidebar_image, aside.postc1 #description, aside.postc1 #menu, aside.postc1 #searchthis { background-color:#101010; }
- section.postc1 .links_and_quotes, section.postc1 .tmblr-attribution { background-color:#303030; }
- /* option 2 */
- section.postc2 .info_header, section.postc2 article, aside.postc2 .sidebar_block, footer.postc2 .pagination a {
- background-color:rgba(0, 0, 0, 0.5);
- }
- section.postc2 .division, aside.postc2 .division, footer.postc2 .division {
- border-color:rgba(0, 0, 0, 0.5);
- }
- section.postc2 #tag_page, section.postc2 #search_page, section.postc2 #empty_page, section.postc2 .ask_source, section.postc2 .post_source, section.postc2 .ask_body, section.postc2 .post_body, section.postc2 .caption_block, section.postc2 .tmblr-attribution, section.postc2 .post_footer, section.postc2 .links_and_quotes, footer.postc2 .pagination_text, footer.postc2 .pagination_icon, aside.postc2 #sidebar_header, aside.postc2 #sidebar_image, aside.postc2 #description, aside.postc2 #menu, aside.postc2 #searchthis { background-color:rgba(0, 0, 0, 0.5); }
- /* option 3 */
- section.postc3 .info_header, section.postc3 article, aside.postc3 .sidebar_block, footer.postc3 .pagination a { background-color:rgba(0, 0, 0, 0.4); }
- section.postc3 .division, aside.postc3 .division, footer.postc3 .division {
- border-color:rgba(0, 0, 0, 0.175);
- }
- section.postc3 #tag_page, section.postc3 #search_page, section.postc3 #empty_page, section.postc3 .ask_source, section.postc3 .post_source, section.postc3 .ask_body, section.postc3 .post_body, section.postc3 .caption_block, section.postc3 .tmblr-attribution, section.postc3 .post_footer, section.postc3 .links_and_quotes, footer.postc3 .pagination_text, footer.postc3 .pagination_icon, aside.postc3 #sidebar_header, aside.postc3 #sidebar_image, aside.postc3 #description, aside.postc3 #menu, aside.postc3 #searchthis { background-color:rgba(0, 0, 0, 0.175); }
- /* option 4 */
- section.postc4 .info_header, section.postc4 article, aside.postc4 .sidebar_block, footer.postc4 .pagination a { background-color:rgba(0, 0, 0, 0.05); }
- section.postc4 .division, aside.postc4 .division, footer.postc4 .division {
- border-color:rgba(0, 0, 0, 0.1);
- }
- section.postc4 #tag_page, section.postc4 #search_page, section.postc4 #empty_page, section.postc4 .ask_source, section.postc4 .post_source, section.postc4 .ask_body, section.postc4 .post_body, section.postc4 .caption_block, section.postc4 .tmblr-attribution, section.postc4 .post_footer, section.postc4 .links_and_quotes, footer.postc4 .pagination_text, footer.postc4 .pagination_icon, aside.postc4 #sidebar_header, aside.postc4 #sidebar_image, aside.postc4 #description, aside.postc4 #menu, aside.postc4 #searchthis { background-color:rgba(0, 0, 0, 0.1); }
- /* option 5 */
- section.postc5 .info_header, section.postc5 article, aside.postc5 .sidebar_block, footer.postc5 .pagination a { background-color:rgba(255, 255, 255, 0.6); }
- section.postc5 .division, aside.postc5 .division, footer.postc5 .division {
- border-color:rgba(255, 255, 255, 1);
- }
- section.postc5 #tag_page, section.postc5 #search_page, section.postc5 #empty_page, section.postc5 .ask_source, section.postc5 .post_source, section.postc5 .ask_body, section.postc5 .post_body, section.postc5 .caption_block, section.postc5 .post_footer, footer.postc5 .pagination_text, footer.postc5 .pagination_icon, aside.postc5 #sidebar_header, aside.postc5 #sidebar_image, aside.postc5 #description, aside.postc5 #menu, aside.postc5 #searchthis { background-color:rgba(255, 255, 255, 1); }
- section.postc5 .links_and_quotes, section.postc5 .tmblr-attribution { background-color:#f2f2f2; }
- /* option 6 */
- section.postc6 .info_header, section.postc6 article, aside.postc6 .sidebar_block, footer.postc6 .pagination a { background-color:rgba(255, 255, 255, 0.5); }
- section.postc6 .division, aside.postc6 .division, footer.postc6 .division {
- border-color:rgba(255, 255, 255, 0.5);
- }
- section.postc6 #tag_page, section.postc6 #search_page, section.postc6 #empty_page, section.postc6 .ask_source, section.postc6 .post_source, section.postc6 .ask_body, section.postc6 .post_body, section.postc6 .caption_block, section.postc6 .tmblr-attribution, section.postc6 .post_footer, section.postc6 .links_and_quotes, footer.postc6 .pagination_text, footer.postc6 .pagination_icon, aside.postc6 #sidebar_header, aside.postc6 #sidebar_image, aside.postc6 #description, aside.postc6 #menu, aside.postc6 #searchthis { background-color:rgba(255, 255, 255, 0.5); }
- /* option 7 */
- section.postc7 .info_header, section.postc7 article, aside.postc7 .sidebar_block, footer.postc7 .pagination a { background-color:rgba(255, 255, 255, 0.1); }
- section.postc7 .division, aside.postc7 .division, footer.postc7 .division {
- border-color:rgba(255, 255, 255, 0.2);
- }
- section.postc7 #tag_page, section.postc7 #search_page, section.postc7 #empty_page, section.postc7 .ask_source, section.postc7 .post_source, section.postc7 .ask_body, section.postc7 .post_body, section.postc7 .caption_block, section.postc7 .tmblr-attribution, section.postc7 .post_footer, section.postc7 .links_and_quotes, footer.postc7 .pagination_text, footer.postc7 .pagination_icon, aside.postc7 #sidebar_header, aside.postc7 #sidebar_image, aside.postc7 #description, aside.postc7 #menu, aside.postc7 #searchthis { background-color:rgba(255, 255, 255, 0.2); }
- /* option 8 */
- section.postc8 .info_header, section.postc8 article, aside.postc8 .sidebar_block, footer.postc8 .pagination a { background-color:rgba(255, 255, 255, 0.05); }
- section.postc8 .division, aside.postc8 .division, footer.postc8 .division {
- border-color:rgba(255, 255, 255, 0.1);
- }
- section.postc8 #tag_page, section.postc8 #search_page, section.postc8 #empty_page, section.postc8 .ask_source, section.postc8 .post_source, section.postc8 .ask_body, section.postc8 .post_body, section.postc8 .caption_block, section.postc8 .tmblr-attribution, section.postc8 .post_footer, section.postc8 .links_and_quotes, footer.postc8 .pagination_text, footer.postc8 .pagination_icon, aside.postc8 #sidebar_header, aside.postc8 #sidebar_image, aside.postc8 #description, aside.postc8 #menu, aside.postc8 #searchthis { background-color:rgba(255, 255, 255, 0.1); }
- /* 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. */
- /* WRAPPER */
- #dont_fall {
- margin:{select:Margin}px auto;
- width:calc({select:Sidebar Width}px + {select:Margin}px + {text:Post Size}px);
- max-width:calc({select:Sidebar Width}px + {select:Margin}px + 700px);
- }
- aside, section {
- display:inline-block;
- vertical-align:top;
- }
- /* HEADER */
- #header_image {
- margin-bottom:{select:Margin}px;
- width:100%;
- }
- #header_image img {
- display:block;
- width:100%;
- }
- /* SIDEBAR */
- aside {
- margin-right:{select:Margin}px;
- width:{select:Sidebar Width}px;
- }
- .sidebar_block { margin-bottom:{select:Margin}px; }
- .sidebar_block:last-child { margin-bottom:0; }
- #sidebar_portrait_square, #sidebar_portrait_circle, #sidebar_title {
- display:inline-block;
- vertical-align:middle;
- }
- #sidebar_portrait_square, #sidebar_portrait_circle {
- margin-right:1em;
- }
- #sidebar_portrait_circle {
- -webkit-border-radius:100%;
- -moz-border-radius:100%;
- border-radius:100%;
- }
- #sidebar_title {
- width:calc(100% - 30px - 1em);
- }
- #sidebar_image {
- display:block;
- width:100%;
- height:0;
- padding-top:1em;
- overflow:hidden;
- }
- #description { text-align:center; }
- #description>*:first-child { margin-top:0; }
- #description>*:last-child { margin-bottom:0; }
- #menu ul#links {
- margin:0;
- padding:0;
- list-style-type:none;
- }
- #menu ul#links li {
- display:inline;
- margin-right:0.5em;
- }
- #menu ul#links li:last-child { margin-right:0; }
- /* searchbar */
- #searchbutton, #searchbox {
- height:3em;
- font-family:inherit;
- font-size:1em;
- color:currentColor;
- background-color:transparent;
- border:none;
- box-sizing:border-box;
- }
- #searchbutton {
- position:absolute;
- padding:0.75em 1.5em;
- }
- #searchbutton:focus { outline:none; }
- #searchbutton i.material-icons { font-size:18px; }
- #searchbox {
- width:100%;
- padding:1.5em 1.5em 1.5em calc(1.5em + 18px + 1.5em);
- }
- #searchbox:focus {
- outline:0;
- border-bottom:1px solid {color:Accent};
- }
- /* CONTENT */
- section {
- width:{text:Post Size}px;
- max-width:700px;
- }
- article {
- width:100%;
- margin-bottom:{select:Margin}px;
- }
- article:last-child { margin-bottom:0; }
- /* rounded borders */
- #header_image, .sidebar_block, .info_header, article, .pagination a {
- overflow:hidden;
- -webkit-border-radius:5px;
- -moz-border-radius:5px;
- border-radius:5px;
- }
- #sidebar_portrait_square, .caption_block blockquote, .ask_header>img, ol.notes>.avatar {
- overflow:hidden;
- -webkit-border-radius:3px;
- -moz-border-radius:3px;
- border-radius:3px;
- }
- /* generic styling? */
- #sidebar_header, #tag_page, #search_page, #empty_page, .ask_source, .post_source, .links_and_quotes, .post_footer {
- padding:1em;
- }
- #description, #menu, .title, .ask_body, .caption_block { padding:1em 1.25em; }
- #sidebar_header, #description, .title { padding-bottom:0; }
- .caption_source { margin:1em -0.25em 1em -0.25em; }
- .ask_body{block:IndexPage}, .post_footer{/block:IndexPage} { padding-top:0; }
- .ask_body, .caption_block { text-align:justify; }
- /* caption block */
- .caption_block:empty { padding:0; }
- .caption_block>* { margin:1em 0 1em 0; }
- .caption_block p, .caption_block blockquote { margin:1em 0 1em 0; }
- .caption_block blockquote {
- padding:1em;
- border:1px solid {color:Accent};
- }
- .caption_block blockquote *:first-child, .caption_block *:first-child { margin-top:0; }
- .caption_block blockquote *:last-child, .caption_block *:last-child { margin-bottom:0; }
- /* caption body images */
- .caption_block img { max-width:100%; }
- .tmblr-full, .npf_photoset { margin:1em -1.25em; }
- .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; }
- .tmblr-full>.tmblr-attribution a:hover, .tmblr-full>.tmblr-attribution a:focus { text-decoration:none; }
- .tmblr-attribution>i.material-icons {
- float:right;
- font-size:inherit!important;
- margin:0!important;
- }
- /* post and caption source */
- .ask_icon, .ask_username, .source_icon, .source_username, .caption_icon, .caption_username {
- display:inline-block;
- vertical-align:middle;
- line-height:16px;
- }
- .ask_source a:hover, .post_source a:hover, .caption_source a:hover { text-decoration:none; }
- .asker, .answerer { display:inline-block; }
- .ask_icon, .source_icon, .caption_icon { font-size:16px; }
- .ask_icon, .source_icon { color:{color:Accent}; }
- .ask_username, .source_username, .caption_username {
- margin-left:1em;
- width:calc(100% - 1em - 16px);
- }
- /* 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 { font-size:1.25em; }
- .quote_source { margin-top:0.5em; }
- /* link posts */
- .link_icon, .link {
- display:inline-block;
- vertical-align:middle;
- margin:0;
- }
- .link_icon { font-size:16px; }
- .link {
- width:calc(100% - 1em - 16px);
- margin-left:1em;
- }
- .link a {
- color:currentColor;
- }
- .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:1em;
- padding-top:0;
- }
- .line:last-child { padding-bottom:0; }
- .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 real big! */
- /* 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%;
- }
- /* captions */
- .captions {
- {block:IfNotShowCaption}{block:IndexPage}display:none;{/block:IndexPage}{/block:IfNotShowCaption}
- }
- .division {
- box-sizing:border-box;
- width:100%;
- height:1px;
- border-style:solid;
- border-width:0 0.5em;
- }
- /* submit and ask pages */
- #ask_form, #submit_form {
- display:block;
- }
- /* INFO */
- .notes_and_origin {
- {block:PermalinkPage}
- display:inline-block;
- max-width:70%;
- {/block:PermalinkPage}
- }
- .vias { float:right; }
- .reblog_button, .new_like_button {
- float:right;
- margin-left:0.5em;
- font-size:16px;
- vertical-align:middle;
- }
- .reblog_button a, .new_like_button a {
- color:currentColor;
- }
- .reblog_button i.material-icons, .new_like_button i.material-icons {
- font-size:1em;
- }
- /* reblog button */
- .reblog_button a:hover, .reblog_button a:focus { color:#21cd40; }
- /* like button */
- .new_like_button {
- position:relative;
- display:block;
- width:16px;
- height:16px;
- cursor:pointer;
- }
- .like_button {
- position:absolute;
- top:0;
- left:0;
- right:0;
- bottom:0;
- width:100%;
- height:100%;
- opacity:0;
- z-index:10;
- }
- .like_button iframe {
- width:100%!important;
- height:100%!important;
- }
- .our_button {
- position:absolute;
- top:0;
- left:0;
- right:0;
- bottom:0;
- width:100%;
- height:100%;
- z-index:1;
- }
- .like_button:hover + .our_button, .like_button:focus + .our_button, .liked_button { color:#d95e40; }
- .liked_button { display:none; }/* button that shows when that post is liked! it's hidden otherwise */
- .like_button.liked + .our_button>.to_like_button { display:none; }
- .like_button.liked + .our_button>.liked_button { display:inline-block; } /* but the liked_button shows while hidding the normally visible like button! */
- /* tags */
- .tags {
- {block:IfNotShowTags}
- {block:IndexPage}
- display:none;
- {/block:IndexPage}
- {/block:IfNotShowTags}
- {block:IndexPage}margin-left:0.25em;{/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:10px; }
- 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 { display:none; }
- ol.notes li.note .notes_icon, ol.notes li.note span.action {
- display:inline-block;
- vertical-align:top;
- }
- ol.notes li.note .notes_icon {
- font-size:16px;
- line-height:inherit;
- }
- ol.notes li.note span.action {
- width:calc(100% - 16px - 0.75em);
- margin-left:0.75em;
- }
- ol.notes blockquote {
- margin:0.75em 0 0 calc(16px + 0.75em);
- border-color:currentColor;
- }
- ol.notes blockquote p { margin:0; }
- /* SPECIAL PAGES */
- .info_header { margin-bottom:{select:Margin}px; }
- #tag_page i.material-icons, #search_page i.material-icons, #empty_page i.material-icons, .header_text {
- display:inline-block;
- vertical-align:middle;
- }
- #tag_page i.material-icons, #search_page i.material-icons, #empty_page i.material-icons { font-size:21px; }
- .header_text {
- margin-left:1em;
- width:calc(100% - 1em - 21px);
- }
- /* PAGINATION */
- footer {
- margin-top:{select:Margin}px;
- }
- .pagination { clear:both; }
- .pagination a { color:currentColor; }
- .pagination a:hover, .pagination a:focus { text-decoration:none; }
- .pagination a { display:table; }
- .pagination a .pagination_text, .pagination a .division, .pagination a .pagination_icon {
- display:table-cell;
- vertical-align:middle;
- }
- .pagination a .pagination_text, .pagination a .pagination_icon {
- padding:1em;
- line-height:1.25em;
- }
- .pagination a .pagination_text { text-align:center; }
- .pagination .division {
- border-width:0.5em 0;
- width:1px;
- height:calc(1em + 1.25em + 1em);
- }
- .pagination a .pagination_icon {
- padding-left:0.5em;
- padding-right:0.5em;
- }
- .pagination a .pagination_icon i.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; }
- /* MOBILE VERSION */
- @media (max-width: 800px) {
- body {
- font-size:calc({select:Font Size}px + 1px);
- line-height:1.75em;
- }
- #dont_fall {
- margin:0;
- margin-bottom:5%;
- padding:0;
- width:auto;
- }
- #dont_fall section, #dont_fall footer {
- width:90%;
- max-width:100%;
- margin:5% 5% 0 5%;
- }
- aside, section {
- display:block;
- width:100%;
- }
- #header_image { margin:0; }
- #header_image, .sidebar_block {
- -webkit-border-radius:0;
- -moz-border-radius:0;
- border-radius:0;
- }
- aside { margin-bottom:10%; }
- #sidebar_image { display:none; }
- #searchbutton, #searchbox { height:4em; }
- .info_header { margin-bottom:10%; }
- section {
- position:relative;
- top:0;
- left:0;
- padding:0;
- max-width:100%;
- margin-top:10%;
- }
- article {
- width:100%;
- max-width:100%;
- margin:0 0 5% 0;
- }
- article:first-of-type { margin-top:0; }
- .reblog_button, .new_like_button {
- margin-top:1px;
- font-size:18px;
- margin-left:0.75em;
- }
- .new_like_button {
- width:18px;
- height:18px;
- }
- #pagination { padding:0; }
- #pagination #new, #pagination #old { max-width:47.5%; }
- }
- {CustomCSS}
- </style>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
- </head>
- <body>
- <div id="dont_fall">
- {block:ShowHeaderImage}<div id="header_image">
- <a href="{BlogURL}" aria-hidden="true"><img src="{HeaderImage}"/></a>
- </div>{/block:ShowHeaderImage}
- <div id="friends">
- <aside class="{select:Post Color} sidebar">
- <div class="sidebar_block">
- <div id="sidebar_header" aria-hidden="true">
- <a href="{BlogURL}"><img src="{PortraitURL-30}" id="sidebar_portrait_{AvatarShape}"/><div id="sidebar_title">{Title}</div></a>
- </div>
- <a href="{BlogURL}" aria-hidden="true"><img src="{image:Sidebar}" id="sidebar_image"/></a>
- <div id="description">
- {block:Description}{Description}{/block:Description}
- </div>
- <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>
- </div>
- {block:IfShowSearchBar}<div class="division"></div>
- <form action="/search" id="searchthis" method="get">
- <button id="searchbutton" type="submit" value="Go"><i class="material-icons">search</i></button><!--
- --><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=""/>
- </form>{/block:IfShowSearchBar}
- </div>
- </aside><!--
- --><section class="{select:Post Color}">
- {block:TagPage}<!-- tag page header -->
- <div class="info_header">
- <div id="tag_page" class="universal_sentences">
- <i class="material-icons">info_outline</i><div class="header_text">{lang:Posts tagged Tag}</div>
- </div></div>{/block:TagPage}
- {block:SearchPage}<!-- search result page header -->
- <div class="info_header">
- <div id="search_page" class="universal_sentences">
- <i class="material-icons">info_outline</i><div class="header_text">{lang:SearchResultCount results for SearchQuery}
- {block:NoSearchResults}{lang:No posts containing SearchQuery}{/block:NoSearchResults}</div>
- </div></div>{/block:SearchPage}
- {block:NoPosts}<!-- empty blog header -->
- <div class="info_header">
- <div id="empty_page" class="universal_sentences">
- <i class="material-icons">info_outline</i><div class="header_text">{lang:This Tumblr hasnt made any posts}</div>
- </div></div>{/block:NoPosts}
- {block:Date}<span class="screen_reader_sentences"{block:NoPosts} aria-hidden="true"{/block:NoPosts}>{lang:Posts}</span>{/block:Date}
- {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:Date}<!-- post source -->
- {block:RebloggedFrom}
- <div class="post_source"{block:Answer} style="display:none"{/block:Answer}>
- <a href="{ReblogRootURL}">
- <i class="material-icons source_icon">person</i><!--
- --><span class="source_username" aria-hidden="true">{ReblogRootName}</span>
- <span class="screen_reader_sentences">{lang:Originally from ReblogRootName}</span>
- </a></div>
- {/block:RebloggedFrom}
- {block:NotReblog}
- <div class="post_source"{block:Answer} style="display:none"{/block:Answer}>
- <a href="{BlogURL}">
- <i class="material-icons source_icon">person</i><!--
- --><span class="source_username" aria-hidden="true"><span class="newuser">{BlogURL}</span></span>
- <span class="screen_reader_sentences">{lang:This was posted TimeAgo}</span>
- </a></div>
- {/block:NotReblog}
- {/block:Date}
- <!-- post body -->
- {block:Text}
- {block:Title}<div class="post_body">
- <div class="title"{block:Date} style="padding-top:0; padding-bottom:1em"{/block:Date}><a href="{Permalink}">{Title}</a></div>
- </div>{/block:Title}
- {block:NotReblog}<div class="caption_block"{block:Date} style="padding-top:0;"{/block:Date}>{Body}</div>{/block:NotReblog}
- {/block:Text}
- {block:Photo}
- <div class="post_body"{block:Date} style="padding-bottom:1em;"{/block:Date}>
- {LinkOpenTag}
- <div class="photo"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div>
- {LinkCloseTag}
- </div>
- {block:NotReblog}{block:Caption}<div class="caption_block captions">
- {Caption}
- </div>{/block:Caption}{/block:NotReblog}
- {/block:Photo}
- {block:Photoset}
- <div class="post_body"{block:Date} style="padding-bottom:1em;"{/block:Date}>
- <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>
- </div>
- {block:NotReblog}{block:Caption}<div class="caption_block captions">
- {Caption}
- </div>{/block:Caption}{/block:NotReblog}
- {/block:Photoset}
- {block:Quote}
- <div class="post_body"{block:Date} style="padding-bottom:1em;"{/block:Date}>
- <div class="links_and_quotes">
- <div class="quote">{Quote}</div>
- {block:Source}<div class="quote_source">{Source}</div>{/block:Source}
- </div>
- </div>
- {/block:Quote}
- {block:Link}
- <div class="post_body"{block:Date} style="padding-bottom:1em;"{/block:Date}>
- <div class="links_and_quotes">
- <a href="{URL}">
- <i class="material-icons link_icon">launch</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>
- </div>
- {block:NotReblog}{block:Description}<div class="caption_block captions">
- {Description}
- </div>{/block:Description}{/block:NotReblog}
- {/block:Link}
- {block:Chat}
- <div class="post_body"{block:Date} style="padding-bottom:1em;"{/block:Date}>
- {block:Title} <div class="title" style="padding-bottom:1em;{block:Date} padding-top:0;{/block:Date}"><a href="{Permalink}">{Title}</a></div> {/block:Title}
- <div class="chat">
- {block:Lines}<div class="line">
- {block:Label} <span class="label">{Label}</span> {/block:Label} {Line}
- </div>{/block:Lines}
- </div>
- </div>
- {/block:Chat}
- {block:Audio}
- <div class="post_body"{block:Date} style="padding-bottom:1em;"{/block:Date}>
- <div class="audio-wrapper">
- {block:AudioEmbed} {AudioEmbed} {/block:AudioEmbed}
- </div>
- </div>
- {block:NotReblog}{block:Caption}<div class="caption_block captions">
- {Caption}
- </div>{/block:Caption}{/block:NotReblog}
- {/block:Audio}
- {block:Video}
- <div class="post_body"{block:Date} style="padding-bottom:1em;"{/block:Date}>
- <div class="video">{Video-700}</div>
- {block:NotReblog}{block:Caption}<div class="caption_block captions">
- {Caption}
- </div>{/block:Caption}{/block:NotReblog}
- </div>
- {/block:Video}
- {block:Answer}
- <div class="ask_source">
- <i class="material-icons ask_icon">help</i><!--
- --><span class="ask_username universal_sentences"><span aria-hidden="true">{Asker}</span><span class="screen_reader_sentences">{lang:Asker asked}</span></span>
- </div>
- <div class="ask_body">
- {Question}
- </div>
- <div class="division"></div>
- {block:RebloggedFrom}
- <div class="post_source">
- <i class="material-icons source_icon">reply</i><!--
- --><span class="source_username">{Answerer}</span>
- </div>
- {/block:RebloggedFrom}
- {block:NotReblog}
- <a href="{BlogURL}"><div class="post_source">
- <i class="material-icons source_icon">reply</i><!--
- --><span class="source_username"><span class="newuser">{BlogURL}</span></span>
- </div></a>
- {/block:NotReblog}
- {block:Answerer}<div class="caption_block" style="padding-top:0;">
- {Answer}
- </div>{/block:Answerer}
- {block:NotReblog}<div class="caption_block" style="padding-top:0;">
- {Replies}
- </div>{/block:NotReblog}
- {/block:Answer}
- <!-- post replies -->
- {block:Text}
- {block:RebloggedFrom}
- {block:Reblogs}
- {block:IsNotOriginalEntry}<div class="division"></div>{/block:IsNotOriginalEntry}
- <div class="caption_block"{block:IsOriginalEntry} style="padding-top:0"{/block:IsOriginalEntry}>
- {block:IsNotOriginalEntry}<div class="caption_source">
- {block:IsActive}
- {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}
- {block:HasNoPermalink}<a href="https://www.{Username}.tumblr.com">{/block:HasNoPermalink}
- {/block:IsActive}
- <i class="material-icons caption_icon">person</i><span class="caption_username">{Username}</span>
- {block:IsActive}
- {block:HasPermalink}</a>{/block:HasPermalink}
- {block:HasNoPermalink}</a>{/block:HasNoPermalink}
- {/block:IsActive}
- </div>{/block:IsNotOriginalEntry}
- {Body}
- </div>
- {/block:Reblogs}
- {/block:RebloggedFrom}
- {/block:Text}
- {block:Photo}
- {block:RebloggedFrom}
- {block:Reblogs}
- {block:IsNotOriginalEntry}<div class="division captions"></div>{/block:IsNotOriginalEntry}
- <div class="caption_block captions"{block:IsOriginalEntry} style="padding-top:0"{/block:IsOriginalEntry}>
- {block:IsNotOriginalEntry}<div class="caption_source">
- {block:IsActive}
- {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}
- {block:HasNoPermalink}<a href="https://www.{Username}.tumblr.com">{/block:HasNoPermalink}
- {/block:IsActive}
- <i class="material-icons caption_icon">person</i><span class="caption_username">{Username}</span>
- {block:IsActive}
- {block:HasPermalink}</a>{/block:HasPermalink}
- {block:HasNoPermalink}</a>{/block:HasNoPermalink}
- {/block:IsActive}
- </div>{/block:IsNotOriginalEntry}
- {Body}
- </div>
- {/block:Reblogs}
- {/block:RebloggedFrom}
- {/block:Photo}
- {block:Photoset}
- {block:RebloggedFrom}
- {block:Reblogs}
- {block:IsNotOriginalEntry}<div class="division captions"></div>{/block:IsNotOriginalEntry}
- <div class="caption_block captions"{block:IsOriginalEntry} style="padding-top:0"{/block:IsOriginalEntry}>
- {block:IsNotOriginalEntry}<div class="caption_source">
- {block:IsActive}
- {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}
- {block:HasNoPermalink}<a href="https://www.{Username}.tumblr.com">{/block:HasNoPermalink}
- {/block:IsActive}
- <i class="material-icons caption_icon">person</i><span class="caption_username">{Username}</span>
- {block:IsActive}
- {block:HasPermalink}</a>{/block:HasPermalink}
- {block:HasNoPermalink}</a>{/block:HasNoPermalink}
- {/block:IsActive}
- </div>{/block:IsNotOriginalEntry}
- {Body}
- </div>
- {/block:Reblogs}
- {/block:RebloggedFrom}
- {/block:Photoset}
- {block:Link}
- {block:RebloggedFrom}
- {block:Reblogs}
- {block:IsNotOriginalEntry}<div class="division captions"></div>{/block:IsNotOriginalEntry}
- <div class="caption_block captions"{block:IsOriginalEntry} style="padding-top:0"{/block:IsOriginalEntry}>
- {block:IsNotOriginalEntry}<div class="caption_source">
- {block:IsActive}
- {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}
- {block:HasNoPermalink}<a href="https://www.{Username}.tumblr.com">{/block:HasNoPermalink}
- {/block:IsActive}
- <i class="material-icons caption_icon">person</i><span class="caption_username">{Username}</span>
- {block:IsActive}
- {block:HasPermalink}</a>{/block:HasPermalink}
- {block:HasNoPermalink}</a>{/block:HasNoPermalink}
- {/block:IsActive}
- </div>{/block:IsNotOriginalEntry}
- {Body}
- </div>
- {/block:Reblogs}
- {/block:RebloggedFrom}
- {/block:Link}
- {block:Audio}
- {block:RebloggedFrom}
- {block:Reblogs}
- {block:IsNotOriginalEntry}<div class="division captions"></div>{/block:IsNotOriginalEntry}
- <div class="caption_block captions"{block:IsOriginalEntry} style="padding-top:0"{/block:IsOriginalEntry}>
- {block:IsNotOriginalEntry}<div class="caption_source">
- {block:IsActive}
- {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}
- {block:HasNoPermalink}<a href="https://www.{Username}.tumblr.com">{/block:HasNoPermalink}
- {/block:IsActive}
- <i class="material-icons caption_icon">person</i><span class="caption_username">{Username}</span>
- {block:IsActive}
- {block:HasPermalink}</a>{/block:HasPermalink}
- {block:HasNoPermalink}</a>{/block:HasNoPermalink}
- {/block:IsActive}
- </div>{/block:IsNotOriginalEntry}
- {Body}
- </div>
- {/block:Reblogs}
- {/block:RebloggedFrom}
- {/block:Audio}
- {block:Video}
- {block:RebloggedFrom}
- {block:Reblogs}
- {block:IsNotOriginalEntry}<div class="division captions"></div>{/block:IsNotOriginalEntry}
- <div class="caption_block captions"{block:IsOriginalEntry} style="padding-top:0"{/block:IsOriginalEntry}>
- {block:IsNotOriginalEntry}<div class="caption_source">
- {block:IsActive}
- {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}
- {block:HasNoPermalink}<a href="https://www.{Username}.tumblr.com">{/block:HasNoPermalink}
- {/block:IsActive}
- <i class="material-icons caption_icon">person</i><span class="caption_username">{Username}</span>
- {block:IsActive}
- {block:HasPermalink}</a>{/block:HasPermalink}
- {block:HasNoPermalink}</a>{/block:HasNoPermalink}
- {/block:IsActive}
- </div>{/block:IsNotOriginalEntry}
- {Body}
- </div>
- {/block:Reblogs}
- {/block:RebloggedFrom}
- {/block:Video}
- {block:Answer}
- {block:RebloggedFrom}
- {block:Reblogs}
- {block:IsNotOriginalEntry}<div class="division captions"></div>{/block:IsNotOriginalEntry}
- <div class="caption_block captions"{block:IsOriginalEntry} style="padding-top:0"{/block:IsOriginalEntry}>
- {block:IsNotOriginalEntry}<div class="caption_source">
- {block:IsActive}
- {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}
- {block:HasNoPermalink}<a href="https://www.{Username}.tumblr.com">{/block:HasNoPermalink}
- {/block:IsActive}
- <i class="material-icons caption_icon">person</i><span class="caption_username">{Username}</span>
- {block:IsActive}
- {block:HasPermalink}</a>{/block:HasPermalink}
- {block:HasNoPermalink}</a>{/block:HasNoPermalink}
- {/block:IsActive}
- </div>{/block:IsNotOriginalEntry}
- {Body}
- </div>
- {/block:Reblogs}
- {/block:RebloggedFrom}
- {/block:Answer}
- {block:Date}
- {block:PermalinkPage}<div class="division"></div>{/block:PermalinkPage}
- <div class="post_footer">
- {block:IndexPage}
- <a href="{Permalink}">{NoteCountWithLabel}<span class="screen_reader_sentences">{lang:Permalink for this post}</span></a>
- {/block:IndexPage}
- {block:IndexPage}
- <div class="new_like_button" aria-hidden="true">{LikeButton}
- <span class="our_button"><i class="material-icons to_like_button">favorite_border</i><i class="material-icons liked_button">favorite</i></span></div>
- <div class="reblog_button"><a href="{ReblogURL}">
- <i class="material-icons"><span aria-hidden="true">loop</span></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>
- </div></a>
- {/block:IndexPage}
- {block:PermalinkPage}
- <span class="universal_sentences">
- {block:NotReblog}{lang:Posted TimeAgo}{/block:NotReblog}{block:RebloggedFrom}{lang:Reblogged TimeAgo from ReblogParentName 2}{/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}
- </section>
- </div>
- <footer class="{select:Post Color}">
- {block:Pagination}<!-- main page pagination -->
- <nav class="pagination universal_sentences">
- {block:PreviousPage}<a href="{PreviousPage}" id="new">
- <div class="pagination_icon"><i class="material-icons">chevron_left</i></div><div class="division"></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}" id="old">
- <div class="pagination_text"><span aria-hidden="true">{lang:Older}</span><span class="screen_reader_sentences">{lang:Older posts}</span></div><div class="division"></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}" id="new">
- <div class="pagination_icon"><i class="material-icons">chevron_left</i></div><div class="division"></div><div class="pagination_text">{lang:Next post}</div>
- </a>{/block:NextPost}
- {block:PreviousPost}<a href="{PreviousPost}" id="old">
- <div class="pagination_text">{lang:Previous post}</div><div class="division"></div><div class="pagination_icon"><i class="material-icons">chevron_right</i></div>
- </a>{/block:PreviousPost}
- <div style="clear:both;"/>
- </nav>
- {/block:PermalinkPagination}
- </footer>
- </div>
- <!-- STICKY-KIT by leafo(GitHub) on http://leafo.net/sticky-kit/ -->
- <script src="https://static.tumblr.com/xkippcr/YIwp6flqg/sticky-kit.js"></script>
- <script>
- if( $(window).width() > 800) {
- $(".sidebar").stick_in_parent({
- offset_top: {select:Margin}
- });
- }
- </script>
- <!-- 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>
- // this will add a title to like buttons and toggle it when the post has already been liked.
- $(".like_button").each(function() {
- if( $(this).hasClass(".liked") ) {
- $(this).attr("title", "like(undo)");
- } else {
- $(this).attr("title", "like");
- }
- });
- </script>
- <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.
- $(document).ready(function(){
- if($("img#sidebar_image").attr("src") == "http://assets.tumblr.com/images/x.gif?v=1") {
- $("img#sidebar_image").remove();
- } else {
- $("img#sidebar_image").css("height", "auto");
- }
- });
- // this will generate your username at the post's header when you make an original post.
- $(".newuser").each(function() {
- $(this).text( $(this).text().substring($(this).text().indexOf("//") + 2, $(this).text().indexOf(".")) );
- });
- // 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").after("<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");
- // this adds the icons beside post notes.
- function notesIcons() {
- $("ol.notes li.note").each(function() {
- if ( $(this).find("i.material-icons").length ) {
- } else {
- if ( $(this).hasClass("reblog") ) {
- if ( $(this).hasClass("original_post") ) {
- $(this).find("span.action").before("<i class='material-icons notes_icon'>person</i>");
- } else {
- $(this).find("span.action").before("<i class='material-icons notes_icon'>loop</i>");
- }
- } else if ( $(this).hasClass("like") ) {
- $(this).find("span.action").before("<i class='material-icons notes_icon'>favorite_border</i>");
- } else if ( $(this).hasClass("reply") ) {
- $(this).find("span.action").before("<i class='material-icons notes_icon'>forum</i>");
- }
- }
- });
- };
- function tumblrNotesInserted() {
- notesIcons();
- };
- $(document).ready(function(){
- tumblrNotesInserted();
- });
- </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