Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!---------------------------------------------------------------------------
- BERENICE by codematurgy. don't claim this code 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:
- MATERIAL ICONS by Material Design on https://material.io/tools/icons/
- 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:DayPage}{lang:Posted on Month DayOfMonth Year} — {/block:DayPage}{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"/>
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <link href="https://static.tumblr.com/xkippcr/Gn0pur29d/notessvg.css" rel="stylesheet"/>
- <meta name="image:Background" content="">
- <meta name="image:Sidebar" content="">
- <meta name="if:Use Custom Colors" content="0">
- <meta name="if:Dark Post Background" content="0">
- <meta name="if:Faded Accent Border" content="0">
- <meta name="if:Use Background As Accent" content="1">
- <meta name="if:Show Searchbar" content="1">
- <meta name="select:Font Size" content="13" title="13 pixels">
- <meta name="select:Font Size" content="14" title="14 pixels">
- <meta name="select:Font Size" content="15" title="15 pixels">
- <meta name="select:Post Size" content="440" title="440">
- <meta name="select:Post Size" content="500" title="500">
- <meta name="select:Post Size" content="540" title="540">
- <meta name="select:Post Size" content="600" title="600">
- <meta name="select:Post Size" content="640" title="640">
- <meta name="select:Margin Size" content="13" title="Small">
- <meta name="select:Margin Size" content="27" title="Medium">
- <meta name="select:Sidebar Size" content="250" title="Small">
- <meta name="select:Sidebar Size" content="275" title="Medium">
- <meta name="select:Sidebar Size" content="300" title="Large">
- <meta name="select:Label Background" content="0.2" title="Light">
- <meta name="select:Label Background" content="0.3" title="Medium">
- <meta name="select:Label Background" content="0.4" title="Strong">
- <meta name="color:Background" content="#c9e4bb">
- <meta name="color:Accent" content="#357297">
- <style>
- html { font-size:{select:Font Size}px; }
- body {
- margin:0;
- font-family:Lucida Console, Consolas, Menlo, monospace;
- line-height:1.75em;
- color:{TitleColor};
- background-color:{block:IfUseCustomColors}{color:Background}{/block:IfUseCustomColors}{block:IfNotUseCustomColors}{BackgroundColor}{/block:IfNotUseCustomColors};
- background-image:url('{image:Background}');
- background-attachment:fixed;
- }
- main, article, header, section, footer { display:block; }
- figure { margin:0; }
- h1, h2, h3, h4, h5, h6 { line-height:1.5em; }
- h1 { font-size:1.75em; }
- h2 { font-size:1.5em; }
- h3 { font-size:1.25em; }
- h1, h2, h3 { font-weight:normal; }
- ul { list-style-type:square; }
- ol, ul { padding-left:2.5rem; }
- ol li, ul li { padding-left:0.5rem; }
- a { text-decoration:underline; }
- svg { fill:currentColor; }
- .tmblr-full[tabindex], .tmblr-full img[tabindex] { cursor:zoom-in; }
- .hidden_element { display:none!important; }
- /* SCREEN READER SENTENCES */
- .screen_reader_sentences, ol.notes li.note > .action {
- 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. */
- /* ACCENTS */
- .accent_element {
- color:black;
- background-color:white;
- }
- .accent_element .accent_element_inner {
- border-width:1px;
- border-style:solid;
- text-shadow:1px 1px rgba(255, 255, 255, 0.7);
- }
- #blog_header.accent_element > .accent_element_inner, #blog_footer .accent_element_inner_border:not(#blog_sidebar):not(#blog_searchbar) { padding:1rem; }
- /* FAKE CONTINUATIONS */
- .fake_continuation { position:fixed; }
- .fake_continuation.color_class, .fake_continuation.accent_element, .fake_continuation.accent_element > .accent_element_inner { border-radius:0; }
- .fake_continuation:not(.accent_element), .fake_continuation.accent_element > .accent_element_inner { height:100vh; }
- /* CONTAINER */
- #blog_container { margin:0 auto; }
- #post_sizer > *:not(.sidebar_component) { margin:{select:Margin Size}px 0; }
- #blog_sidebar > * { margin:13px 0; }
- #post_sizer > *:first-child, #blog_sidebar > *:first-child { margin-top:0; }
- #post_sizer > *:last-child, #blog_sidebar > *:last-child { margin-bottom:0; }
- #post_sizer > .accent_element:first-child { padding-top:0; }
- #post_sizer > *:first-child > .accent_element_inner { border-top-width:0; }
- #post_sizer > .accent_element:last-child { padding-bottom:0; }
- #post_sizer > *:last-child > .accent_element_inner { border-bottom-width:0; }
- /* HEADER */
- #blog_header #blog_title { margin:0.5rem 0; }
- #blog_current_location:not(:empty) + #blog_description { display:none; }
- #blog_current_location .search_query, #blog_current_location .tag { quotes:'\0022' '\0022' '\0027' '\0027'; }
- #blog_current_location .search_query::before, #blog_current_location .tag::before { content:open-quote; }
- #blog_current_location .search_query::after, #blog_current_location .tag::after { content:close-quote; }
- /* SIDEBAR */
- #post_sizer { position:relative; }
- .sidebar_component { position:fixed; }
- #blog_sidebar {
- top:0;
- margin-top:0;
- margin-bottom:0;
- }
- /* sidebar section */
- .sidebar_section {
- padding:1em;
- border-width:0;
- border-bottom-width:1px;
- border-style:solid;
- }
- .sidebar_section > .accent_element_label + * { margin-top:1em; }
- #sidebar_bottom .sidebar_section:nth-last-child(2) { border-bottom-width:0; }
- /* image */
- #blog_profile { padding:1em; }
- #blog_profile { padding-top:2em; }
- #blog_portrait, #blog_id {
- display:inline-block;
- vertical-align:bottom;
- }
- #blog_portrait {
- display:inline-block;
- max-width:40%;
- line-height:0;
- }
- #blog_portrait > .accent_element_inner { padding:7px; }
- #blog_portrait img { max-width:100%; }
- #blog_portrait img[src^="https://assets.tumblr.com/images/x.gif"] { display:none; }
- #blog_portrait #blog_portrait_bg[data-image^="https://assets.tumblr.com/images/x.gif"] {
- background-image:url('{PortraitURL-64}');
- background-size:100%;
- min-width:48px;
- min-height:48px;
- }
- #blog_id {
- width:60%;
- padding-left:1em;
- box-sizing:border-box;
- }
- #blog_name { font-size:1.25em; }
- /* search bar */
- #searchbar_form { position:relative; }
- #searchbar_input, #searchbar_button {
- font-family:inherit;
- font-size:inherit;
- color:inherit;
- text-shadow:inherit;
- background-color:transparent;
- border-width:0;
- }
- #searchbar_input {
- box-sizing:border-box;
- width:100%;
- padding:1em;
- }
- #searchbar_button {
- position:absolute;
- top:50%;
- right:1rem;
- margin-top:-12px;
- padding:0;
- }
- /* menu */
- #links {
- display:table;
- width:100%;
- table-layout:fixed;
- border-collapse:collapse;
- line-height:0;
- position:relative;
- }
- #links .nav_row {
- display:table-row;
- border-color:inherit;
- }
- #links .nav_cell {
- display:table-cell;
- width:50%;
- box-sizing:border-box;
- padding:0.5em;
- text-align:center;
- border-color:inherit;
- border-width:0;
- border-style:solid;
- }
- #links .nav_row:not(:last-child) .nav_cell { border-bottom-width:1px; }
- #links .nav_cell { border-width:0 1px; }
- #links .nav_cell:first-of-type { border-left-width:0; }
- #links .nav_cell:last-of-type { border-right-width:0; }
- #links .nav_inner {
- display:inline-block;
- vertical-align:middle;
- }
- #links .nav_cell .link_icon {
- position:relative;
- display:inline-block;
- width:32px;
- height:32px;
- }
- #links .nav_cell .link_main_icon {
- width:100%;
- height:100%;
- }
- #links .nav_cell#home_link .link_main_icon {
- width:34px;
- height:34px;
- margin:-1px;
- }
- #links .nav_cell .link_unavailable {
- position:absolute;
- width:18px;
- height:18px;
- bottom:-2px;
- right:-5px;
- }
- #links .nav_cell > *:not(a) .link_main_icon { opacity:0.5; }
- #links .nav_cell .link_unavailable { fill:#d95e40; }
- #links .nav_cell a .link_unavailable { display:none; }
- #links .nav_cell .link_label {
- display:block;
- margin-top:0.5em;
- line-height:1;
- }
- /* pages */
- #blog_pages ul {
- list-style-type:none;
- margin-bottom:0;
- padding:0 0.25em;
- }
- #blog_pages ul li {
- display:inline;
- padding:0;
- }
- #blog_pages ul li::after {
- content:"";
- display:inline-block;
- vertical-align:middle;
- width:4px;
- height:4px;
- border-radius:100%;
- background-color:currentColor;
- opacity:0.5;
- margin:0 0.75em;
- }
- #blog_pages ul li:last-of-type::after { content:none; }
- #fake_sidebar.fake_continuation:first-child { border-radius:inherit; }
- /* CONTENT */
- .blog_post_container, .post_section { margin:{select:Margin Size}px 0; }
- #blog_posts > .blog_post_container:first-child { margin-top:0; }
- #blog_posts > .blog_post_container:last-child { margin-bottom:0; }
- /* POST */
- .blog_post_container > .post_section:first-child { margin-top:0; }
- .blog_post_container > .post_section:last-child { margin-bottom:0; }
- /* POST CAPTIONS */
- .caption_block {
- border-bottom-style:solid;
- border-bottom-width:1px;
- }
- .section_content:last-child .caption_block:last-child {
- border-bottom-width:0;
- }
- .caption_header_footer { padding:1em; }
- .caption_header_footer.caption_header {
- padding-top:0.75em;
- padding-bottom:0;
- line-height:calc(1.6em + 1px * 2 + 0.25em * 2);
- }
- .caption_header_footer.caption_footer {
- padding-top:0;
- line-height:calc(1.6em + 1px * 2);
- }
- .caption_header_footer.caption_footer { text-align:right; }
- .accent_element_label {
- display:inline-block;
- line-height:1;
- }
- .accent_element_label .accent_element_inner {
- display:inline-block;
- padding:0.3em 0.55em;
- }
- .accent_element_label .accent_element_label_content:empty { display:none; }
- .accent_element_label .provided_username:not(:empty) + .hacky_username { display:none; }
- /* caption footer */
- .caption_block { position:relative; }
- .caption_footer { position:absolute; margin-left:-9999px; }
- .caption_block:hover .caption_footer, .caption_block:focus-within .caption_footer {
- margin:0;
- bottom:0;
- right:0;
- padding-top:2px;
- padding-left:2px;
- border-top-left-radius:4px;
- }
- /* POST CONTENT */
- .caption_content * { margin:1rem 0; }
- .caption_content *:not(blockquote) * { margin:0; }
- .caption_content *:first-child, .caption_content p:empty:first-child + * { margin-top:0; }
- .caption_content *:last-child { margin-bottom:0; }
- .caption_content p:empty:first-child, .caption_content p:empty:last-child { display:none; }
- .caption_content blockquote {
- margin-left:1em;
- margin-right:1em;
- border-width:0;
- border-style:solid;
- border-left-width:3px;
- padding-left:1em;
- }
- /* post images */
- .blog_post img {
- max-width:100%;
- height:auto;
- }
- .blog_post .tmblr-full {
- text-align:center;
- line-height:0;
- }
- .blog_post .tmblr-full .tmblr-attribution {
- margin-top:0.75em;
- line-height:1.5em;
- font-size:smaller;
- }
- /* post links */
- .npf-link-block {
- position:relative;
- border-width:1px;
- border-style:solid;
- }
- .color_class .npf-link-block, .color_class .npf-link-block a { color:inherit; }
- .npf-link-block .poster {
- display:table;
- width:100%;
- height:auto;
- position:static;
- background-position:center;
- background-repeat:no-repeat;
- background-size:cover;
- }
- .npf-link-block .poster:before, .npf-link-block .poster::before, .npf-link-block .poster .title {
- display:table-cell;
- box-sizing:border-box;
- position:static;
- }
- .npf-link-block .poster:before, .npf-link-block .poster::before {
- content:"";
- width:25%;
- background-image:inherit;
- background-position:inherit;
- background-size:inherit;
- opacity:1;
- }
- .npf-link-block .poster .title {
- width:75%;
- text-align:inherit;
- font-weight:normal;
- color:inherit;
- }
- .npf-link-block .poster + .bottom {
- position:absolute;
- bottom:0;
- left:25%;
- }
- .npf-link-block .title {
- font-size:1.3em;
- line-height:1.25em;
- margin:0;
- }
- .npf-link-block .poster .title, .npf-link-block .title, .npf-link-block .bottom { padding:1rem; }
- .npf-link-block .title { padding-bottom:0; }
- .npf-link-block .poster .title { padding-bottom:2.3rem; }
- .npf-link-block .bottom .description {
- font-size:inherit;
- line-height:1.5em;
- max-height:3em;
- overflow:hidden;
- }
- .npf-link-block .bottom .site-name {
- margin-top:0.5rem;
- font-size:0.8em;
- line-height:1em;
- height:1em;
- overflow:hidden;
- font-weight:normal;
- color:inherit;
- text-transform:uppercase;
- opacity:0.7;
- }
- .npf-link-block .poster + .bottom .description { display:none; }
- /* post quotes */
- .caption_content blockquote.npf_quote {
- margin-left:0;
- padding:0;
- border-left:0;
- }
- .caption_content p.npf_quote, .caption_content .npf_quote > h1 {
- font-size:1.75em;
- font-family:Calluna, Times New Roman, serif;
- }
- /* post chats */
- .npf_chat { font-size:larger; font-size:calc(1em + 1px); }
- /* post audios and videos(native) */
- .tumblr_audio_player { width:100%; }
- .blog_post video {
- width:100%;
- height:100%;
- }
- /* post iframes */
- .tmblr-embed > *:not(iframe) {
- width:auto!important;
- height:auto!important;
- }
- .tmblr-embed > * { margin:0!important; }
- .tmblr-embed iframe {
- display:block;
- width:100%!important;
- }
- .tmblr-embed .instagram-media {
- box-sizing:border-box;
- width:100%!important;
- max-width:100%!important;
- }
- /* post ask */
- .ask_container {
- padding:1em;
- border-width:1px;
- border-style:solid;
- }
- .ask_label { margin-top:1em; }
- /* POST FOOTER */
- .caption_content + .section_footer { padding-top:0; }
- .post_interaction > * { vertical-align:middle; }
- .mobile_only_element { display:none; }
- .section_footer > *:not(:last-child) {
- border-style:solid;
- border-width:0;
- border-bottom-width:1px;
- }
- .section_footer > *:empty { display:none; }
- /* post tags */
- .post_tags a::after { content:","; }
- .post_tags a:last-child::after { content:none; }
- /* post sources */
- .post_source a:not(:last-child)::after {
- content:",";
- margin-right:0.5em;
- }
- /* post buttons */
- .color_class .post_button {
- float:right;
- display:inline-block;
- margin-left:0.5em;
- color:inherit;
- }
- /* date button */
- .post_button.date_button {
- float:none;
- margin:0;
- }
- .date_button:hover svg, .date_button:focus svg { opacity:0.7; }
- /* reblog button */
- .reblog_button .non_hover_reblog { display:inline-block; }
- .reblog_button .hover_reblog { display:none; }
- .reblog_button:hover, .reblog_button:focus { color:#21cd40; }
- .reblog_button:hover .non_hover_reblog, .reblog_button:focus .non_hover_reblog { display:none; }
- .reblog_button:hover .hover_reblog, .reblog_button:focus .hover_reblog { display:inline-block; }
- /* like button */
- .like_button iframe, .our_button { display:inline-block; }
- .new_like_button {
- position:relative;
- cursor:pointer;
- }
- .like_button {
- position:absolute;
- top:0;
- left:0;
- width:100%;
- height:100%;
- opacity:0;
- z-index:2;
- }
- .like_button iframe {
- width:100%!important;
- height:100%!important;
- }
- .our_button { z-index:1; }
- .like_button:hover + .our_button, .liked_button { color:#d95e40; }
- .like_button:hover + .our_button > .to_like_button, .like_button:focus + .our_button > .to_like_button { display:none; }
- .like_button:hover + .our_button > .liked_button, .like_button:focus + .our_button > .liked_button { display:inline-block; }
- .liked_button { display:none; }
- .like_button.liked + .our_button > .to_like_button { display:none; }
- .like_button.liked + .our_button > .liked_button { display:inline-block; }
- .like_button.liked:hover + .our_button > .to_like_button, .like_button.liked:focus + .our_button > .to_like_button { display:inline-block; }
- .like_button.liked:hover + .our_button > .liked_button, .like_button.liked:focus + .our_button > .liked_button { display:none; }
- /* PERMALINK PAGE */
- .post_section:not(.blog_post) > .section_header {
- padding:1rem 1.25rem;
- border-style:solid;
- border-width:0;
- border-bottom-width:1px;
- }
- ol.notes {
- margin:0;
- list-style-type:none;
- }
- ol.notes li.note * { font-size:inherit; }
- ol.notes li.note a { color:inherit; }
- .postsize700 ol.notes li.note, .postsize640 ol.notes li.note, .postsize600 ol.notes li.note { width:10%; }
- .postsize540 ol.notes li.note, .postsize500 ol.notes li.note { width:12.5%; }
- .postsize440 ol.notes li.note, .postsize400 ol.notes li.note { width:14.2%; }
- ol.notes li.note { box-sizing:border-box; }
- ol.notes, ol.notes li.note { padding:2%; }
- ol.notes li.note.reply, ol.notes li.note.reblog.with_commentary, ol.notes li.note.more_notes_link_container { margin:2% -2%; padding:2% 4%; }
- ol.notes li.note.reply + li.note.reply, ol.notes li.note.reply + li.note.reblog.with_commentary, ol.notes li.note.reply + li.note.more_notes_link_container, ol.notes li.note.reblog.with_commentary + li.note.reply, ol.notes li.note.reblog.with_commentary + li.note.reblog.with_commentary, ol.notes li.note.reblog.with_commentary + li.note.more_notes_link_container { margin-top:-2%; }
- ol.notes li.note.reply:first-child, ol.notes li.note.reblog.with_commentary:first-child { margin-top:-2%; }
- ol.notes li.note.reply:last-child, ol.notes li.note.reblog.with_commentary:last-child, ol.notes li.note.more_notes_link_container:last-child { margin-bottom:-2%; }
- ol.notes li.note img.avatar { width:100%; }
- ol.notes li.note .avatar_frame { line-height:0; width:100%; }
- ol.notes li.note.reply > .avatar_frame, ol.notes li.note.reblog.with_commentary > .avatar_frame, ol.notes li.note.reblog .avatar_frame:nth-last-child(4) { margin:0; margin-right:1em; }
- ol.notes li.note.reply .avatar_frame, ol.notes li.note.reblog.with_commentary .avatar_frame { width:2.75em; }
- ol.notes li.note .action {
- width:80%;
- width:calc(100% - 2.75em - 1em);
- }
- ol.notes li.note, ol.notes li.note .avatar_frame, ol.notes li.note.reply > .action, ol.notes li.note.reblog.with_commentary > .action {
- display:inline-block;
- vertical-align:middle;
- }
- ol.notes li.note .avatar_frame ~ *:not(.action) { display:none; }
- .postsize{select:Post Size} ol.notes li.note.reply, ol.notes li.note.reblog.with_commentary, .postsize{select:Post Size} ol.notes li.note.more_notes_link_container {
- display:block;
- width:auto;
- border-style:solid;
- border-width:0;
- }
- .postsize{select:Post Size} ol.notes li.note.more_notes_link_container { border-top-width:1px; }
- .postsize{select:Post Size} ol.notes li.note.reply, ol.notes li.note.reblog.with_commentary { border-width:1px 0; }
- ol.notes li.note.reply:first-child, ol.notes li.note.reblog.with_commentary:first-child, ol.notes li.note.reply + li.note.reply, ol.notes li.note.reply + li.note.reblog.with_commentary, ol.notes li.note.reblog.with_commentary + li.note.reply, ol.notes li.note.reblog.with_commentary + li.note.reblog.with_commentary, ol.notes li.note.reply + li.note.more_notes_link_container, ol.notes li.note.reblog.with_commentary + li.note.more_notes_link_container { border-top-width:0; }
- ol.notes li.note.reply:last-child, ol.notes li.note.reblog.with_commentary:last-child { border-bottom-width:0; }
- ol.notes li.note.reply > .avatar_frame ~ *, ol.notes li.note.reblog.with_commentary > .avatar_frame ~ * {
- position:initial;
- margin:0;
- }
- ol.notes li.note.reblog.with_commentary > .action ~ * {
- display:block;
- width:100%;
- margin-top:0.75em;
- }
- ol.notes li.note .avatar_frame { position:relative; }
- ol.notes li.note .avatar_frame::before {
- content:"";
- position:absolute;
- bottom:-5px;
- right:-5px;
- width:19px;
- height:19px;
- border-radius:100%;
- background-size:75%;
- background-position:center;
- background-repeat:no-repeat;
- }
- ol.notes li.note.reblog .avatar_frame::before { background-color:#21cd40; }
- ol.notes li.note.like .avatar_frame::before { background-color:#d95e40; background-size:65%; }
- ol.notes li.note.reply .avatar_frame::before { background-color:#4da0ca; background-size:60%; }
- ol.notes li.note.reblog.original_post .avatar_frame::before { background-color:#444444; }
- /* FOOTER */
- #blog_footer.accent_element > .accent_element_inner { min-height:{select:Margin Size}px; }
- /* PAGINATION */
- .pagination_link {
- display:inline-block;
- box-sizing:border-box;
- width:50%;
- border-width:0;
- border-left-width:1px;
- border-style:solid;
- }
- .pagination_link:first-of-type { border-left-width:0; }
- #codematurgy {
- text-align:center;
- border-width:0;
- border-style:solid;
- }
- *:not(:first-child) + #codematurgy { border-top-width:1px; }
- #blog_footer .fake_continuation.outside_accent_element { padding-top:0; }
- #fake_footer.accent_element > .accent_element_inner { border-bottom-width:0; }
- /* GENERAL STYLING */
- /* colors */
- .color_class, .color_class .caption_footer {
- background-color:{block:IfNotDarkPostBackground}white{/block:IfNotDarkPostBackground}{block:IfDarkPostBackground}#202020{/block:IfDarkPostBackground};
- color:{block:IfNotDarkPostBackground}#606060{/block:IfNotDarkPostBackground}{block:IfDarkPostBackground}#adadad{/block:IfDarkPostBackground};
- text-shadow:none;
- }
- .color_class a { color:{block:IfNotDarkPostBackground}black{/block:IfNotDarkPostBackground}{block:IfDarkPostBackground}white{/block:IfDarkPostBackground}; }
- .accent_element a { color:inherit; }
- .sidebar_section, #searchbar_form, .caption_block, .npf-link-block, .ask_container, .section_footer > *, .post_section:not(.blog_post) > .section_header, ol.notes li.note.reply, ol.notes li.note.reblog.with_commentary, ol.notes li.note.more_notes_link_container { border-color:{block:IfNotDarkPostBackground}#cdcdcd{/block:IfNotDarkPostBackground}{block:IfDarkPostBackground}#404040{/block:IfDarkPostBackground}; }
- .caption_content blockquote { border-color:{block:IfNotDarkPostBackground}#dddddd{/block:IfNotDarkPostBackground}{block:IfDarkPostBackground}#343434{/block:IfDarkPostBackground}; }
- .npf-link-block .title, .npf-link-block .title + .bottom, .ask_container { background-color:{block:IfNotDarkPostBackground}#ededed{/block:IfNotDarkPostBackground}{block:IfDarkPostBackground}#303030{/block:IfDarkPostBackground}; }
- .tmblr-full a { color:inherit; }
- {block:IfUseBackgroundAsAccent}
- body[data-image^="https://assets.tumblr.com/images/x.gif"] .outside_accent_element.accent_element {
- padding:2px;
- box-sizing:border-box;
- }
- body[data-image^="https://assets.tumblr.com/images/x.gif"] #fake_footer.outside_accent_element { margin-left:-2px; }
- {/block:IfUseBackgroundAsAccent}
- .accent_element .accent_element_inner, .accent_element .accent_element_inner_border { border-color:{block:IfNotFadedAccentBorder}{block:IfUseBackgroundAsAccent}{block:IfUseCustomColors}{color:Background}{/block:IfUseCustomColors}{block:IfNotUseCustomColors}{BackgroundColor}{/block:IfNotUseCustomColors}{/block:IfUseBackgroundAsAccent}{block:IfNotUseBackgroundAsAccent}{block:IfUseCustomColors}{color:Accent}{/block:IfUseCustomColors}{block:IfNotUseCustomColors}{AccentColor}{/block:IfNotUseCustomColors}{/block:IfNotUseBackgroundAsAccent}{/block:IfNotFadedAccentBorder}{block:IfFadedAccentBorder}white{/block:IfFadedAccentBorder}; }
- .accent_element .accent_element_inner {
- background-color:rgba({block:IfUseBackgroundAsAccent}{block:IfUseCustomColors}{RGBcolor:Background}{/block:IfUseCustomColors}{block:IfNotUseCustomColors}{RGBBackgroundColor}{/block:IfNotUseCustomColors}{/block:IfUseBackgroundAsAccent}{block:IfNotUseBackgroundAsAccent}{block:IfUseCustomColors}{RGBcolor:Accent}{/block:IfUseCustomColors}{block:IfNotUseCustomColors}{RGBAccentColor}{/block:IfNotUseCustomColors}{/block:IfNotUseBackgroundAsAccent}, {select:Label Background});
- }
- .accent_element.deactivated_string .accent_element_inner {
- {block:IfNotFadedAccentBorder}border-color:#d95e40;{/block:IfNotFadedAccentBorder}
- background-color:rgba(217, 94, 64, {select:Label Background});
- }
- .accent_element.submission_string .accent_element_inner {
- {block:IfNotFadedAccentBorder}border-color:#4da0ca;{/block:IfNotFadedAccentBorder}
- background-color:rgba(77, 160, 202, {select:Label Background});
- }
- .accent_element.permalink_string .accent_element_inner {
- {block:IfNotFadedAccentBorder}border-color:#6a6e72;{/block:IfNotFadedAccentBorder}
- background-color:rgba(106, 110, 114, {select:Label Background});
- }
- /* rounded borders */
- .color_class, .accent_element, .ask_container, .npf-link-block, .npf-link-block .poster, ol.notes li.note img.avatar { border-radius:5px; }
- .accent_element .accent_element_inner, #blog_searchbar { border-radius:3px; }
- .npf-link-block .poster::before { border-top-left-radius:4px; border-bottom-left-radius:4px; }
- .npf-link-block .poster .title { border-top-right-radius:4px; border-bottom-right-radius:4px; }
- .npf-link-block *:not(.poster) > .title { border-top-left-radius:4px; border-top-right-radius:4px; }
- .npf-link-block *:not(.poster) .title + .bottom { border-bottom-left-radius:4px; border-bottom-right-radius:4px; }
- #blog_header.accent_element, #blog_header.accent_element .accent_element_inner, #blog_sidebar > *:first-child { border-top-left-radius:0; border-top-right-radius:0; }
- #blog_footer.accent_element, #blog_footer.accent_element > .accent_element_inner, #blog_sidebar > *:last-child { border-bottom-left-radius:0; border-bottom-right-radius:0; }
- .tmblr-embed { overflow:hidden; }
- #blog_sidebar_picture img, .tmblr-full img, .tmblr-embed { border-radius:3px; }
- .npf_photoset .tmblr-full img { border-radius:0; }
- .npf_photoset > .npf_row:first-child .tmblr-full:first-of-type, .npf_photoset > .tmblr-full:first-child { border-top-left-radius:3px; }
- .npf_photoset > .npf_row:first-child .tmblr-full:last-of-type, .npf_photoset > .tmblr-full:first-child { border-top-right-radius:3px; }
- .npf_photoset > .npf_row:last-child .tmblr-full:first-of-type, .npf_photoset > .tmblr-full:last-child { border-bottom-left-radius:3px; }
- .npf_photoset > .npf_row:last-child .tmblr-full:last-of-type, .npf_photoset > .tmblr-full:last-child { border-bottom-right-radius:3px; }
- /* link decoration */
- .accent_element_label a, #links .nav_cell a, #blog_pages ul a, .tmblr-full a, .npf-link-block a, .section_footer a, ol.notes a { text-decoration:none; }
- .accent_element_label a:hover, .accent_element_label a:focus, #links .nav_cell a:hover .link_label, #links .nav_cell a:focus .link_label, #blog_pages ul a:hover, #blog_pages ul a:focus, .tmblr-full a:hover, .tmblr-full a:focus, .npf-link-block a:hover .title, .npf-link-block a:focus .title, .section_footer a:hover, .section_footer a:focus, ol.notes a:hover, ol.notes a:focus { text-decoration:underline; }
- /* container widths */
- #blog_container { width:calc({select:Post Size}px + 2 * 1.75rem + {select:Margin Size}px + {select:Sidebar Size}px); }
- .posts_component { width:calc({select:Post Size}px + 2 * 1.75rem); }
- #blog_sidebar { margin-left:calc({select:Post Size}px + {select:Margin Size}px + 2 * 1.75rem - 1px); }
- .sidebar_component { width:{select:Sidebar Size}px; }
- /* post paddings */
- .blog_post .caption_content { padding:1.75rem; }
- .tmblr-full, .npf_photoset, .npf-link-block { margin:1.75rem 0; }
- .section_footer > * { padding:1rem; }
- /* MOBILE STYLING */
- @media (max-width: 1073px) {
- #blog_container.postsize640 { width:calc(600px + 2 * 1.75rem + {select:Margin Size}px + {select:Sidebar Size}px); }
- .posts_component.postsize640 { width:calc(600px + 2 * 1.75rem); }
- #blog_sidebar.postsize640 { margin-left:calc(600px + {select:Margin Size}px + 2 * 1.75rem - 1px); }
- }
- @media (max-width: 1033px) {
- #blog_container.postsize640, #blog_container.postsize600 { width:calc(540px + 2 * 1.75rem + {select:Margin Size}px + {select:Sidebar Size}px); }
- .posts_component.postsize640, .posts_component.postsize600 { width:calc(540px + 2 * 1.75rem); }
- #blog_sidebar.postsize640, #blog_sidebar.postsize600 { margin-left:calc(540px + {select:Margin Size}px + 2 * 1.75rem - 1px); }
- }
- /* turn to one column */
- @media (max-width: 993px) {
- #blog_container.postsize{select:Post Size} { width:calc({select:Post Size}px + 2 * 1.75rem); }
- .posts_component.postsize{select:Post Size}, .sidebar_component.postsize{select:Post Size} { width:100%; box-sizing:border-box; }
- .sidebar_component.postsize{select:Post Size} { position:static; }
- #blog_sidebar.postsize{select:Post Size} { margin-left:0; }
- /* sidebar-footer */
- #blog_sidebar { padding:1rem; }
- #blog_sidebar > * { margin:0; }
- #blog_footer .accent_element_inner_border.color_class { padding:1rem; }
- #blog_footer #sidebar_top.accent_element_inner_border.color_class { padding:0; }
- #blog_sidebar .sidebar_section { padding:0; }
- #blog_sidebar .color_class {
- background-color:transparent;
- color:inherit;
- text-shadow:inherit;
- }
- #blog_sidebar.accent_element_inner_border {
- border-style:solid;
- border-width:0;
- border-top-width:1px;
- }
- #blog_sidebar.accent_element_inner_border:first-child { border-top-width:0; }
- /* blog search and pages */
- #blog_sidebar > *:not(#blog_menu) {
- display:inline-block;
- vertical-align:middle;
- box-sizing:border-box;
- border-radius:0;
- }
- #sidebar_top.has_searchbar { width:40%; }
- #sidebar_top.has_searchbar ~ #sidebar_bottom {
- width:60%;
- padding-left:1rem;
- }
- #blog_searchbar {
- border-width:1px;
- border-style:solid;
- }
- #searchbar_input { padding:0.5rem; }
- #searchbar_button { right:0.5rem; }
- #blog_sidebar .accent_element_label {
- position:absolute;
- margin-left:-9999px;
- }
- #blog_sidebar .accent_element_label + * { margin-top:0; }
- #blog_pages { text-align:center; }
- #blog_profile { display:none; }
- #fake_sidebar.fake_continuation { display:none; }
- * + #codematurgy { border-top-width:1px; }
- /* blog menu */
- #blog_menu {
- display:block;
- position:fixed;
- bottom:13px;
- left:0;
- width:60%;
- margin:0 20%;
- font-size:11px;
- z-index:2;
- }
- #fake_footer.fake_continuation { position:initial; }
- #fake_footer.fake_continuation .accent_element_inner { height:89px; }
- #links {
- display:static;
- padding:0.5em;
- box-sizing:border-box;
- }
- #links .nav_row, #links .nav_cell {
- display:inline-block;
- width:50%;
- }
- #links .nav_row:nth-child(1n) .nav_cell:nth-child(1n) { border-width:0; }
- }
- @media (max-width: 840px) {
- #blog_menu {
- width:70%;
- margin:0 15%;
- }
- }
- @media (max-width: 763px) {
- #blog_container.postsize640 { width:calc(600px + 2 * 1.75rem); }
- #blog_menu {
- width:80%;
- margin:0 10%;
- }
- }
- @media (max-width: 723px) {
- #blog_container.postsize640, #blog_container.postsize600 { width:calc(540px + 2 * 1.75rem); }
- }
- /* remove margins */
- @media (max-width: 663px) {
- #blog_container.postsize{select:Post Size} { width:100%; }
- .post_section { border-radius:0; }
- .accent_element_label {
- font-size:larger;
- font-size:calc(1em + 1px);
- }
- /* mobile only elements */
- .mobile_hidden_element {
- position:absolute;
- margin-left:-9999px;
- }
- .mobile_only_element { display:inline-block; }
- /* post date button */
- .post_button.date_button {
- float:right;
- margin-left:0.5rem;
- }
- /* re-margin header and footer */
- #post_sizer > *:not(#blog_posts) {
- width:92%;
- margin:{select:Margin Size}px 4%;
- }
- #post_sizer #blog_footer { margin-bottom:0; }
- #blog_header.accent_element { border-radius:5px; }
- #blog_header.accent_element > .accent_element_inner {
- border-radius:3px;
- border-top-width:1px;
- }
- #blog_header #blog_title { margin-top:0; }
- }
- @media (max-width: 480px) {
- #links .nav_cell .link_label {
- position:absolute;
- margin-left:-9999px;
- }
- #links .nav_cell { padding:1em; }
- #fake_footer.fake_continuation .accent_element_inner { height:81px; }
- #blog_sidebar > *:not(#blog_menu) {
- display:block;
- width:100%;
- }
- #sidebar_top { text-align:center; }
- #blog_searchbar {
- display:inline-block;
- width:60%;
- }
- #sidebar_top.has_searchbar ~ #sidebar_bottom {
- margin-top:1rem;
- width:100%;
- padding:0;
- }
- }
- @media (max-width: 640px) {
- .postsize{select:Post Size} ol.notes li.note { width:12.5%; }
- }
- @media (max-width: 560px) {
- .postsize{select:Post Size} ol.notes li.note { width:14.2%; }
- }
- @media (max-width: 480px) {
- .postsize{select:Post Size} ol.notes li.note { width:16.6%; }
- }
- @media (max-width: 380px) {
- .postsize{select:Post Size} ol.notes li.note { width:20%; }
- }
- {CustomCSS}
- </style>
- </head>
- <body data-image="{image:Background}">
- <div id="blog_container" class="postsize{select:Post Size}">
- <section id="post_sizer" class="posts_component postsize{select:Post Size}">
- <!-- blog header -->
- <header id="blog_header" class="accent_element outside_accent_element">
- <div class="accent_element_inner">
- <h1 id="blog_title">{Title}</h1>
- <div id="blog_current_location">{block:TagPage}{lang:Showing posts tagged Tag 2}({TagResultCount}){/block:TagPage}{block:SearchPage}{lang:Search results for SearchQuery 2}({SearchResultCount}){/block:SearchPage}{block:DayPage}{lang:Viewing everything posted on Month DayOfMonth Year}{block:DayPagination}<br>{block:PreviousDayPage}<a href="{PreviousDayPage}">{/block:PreviousDayPage}{lang:Previous day}{block:PreviousDayPage}</a>{/block:PreviousDayPage} — {block:NextDayPage}<a href="{NextDayPage}">{/block:NextDayPage}{lang:Next day}{block:NextDayPage}</a>{/block:NextDayPage}{/block:DayPagination}{/block:DayPage}</div>
- {block:Description}<div id="blog_description">{Description}</div>{/block:Description}
- </div>
- </header>
- <!-- blog posts -->
- <main id="blog_posts">
- {block:SearchPage}{block:NoSearchResults}<div class="blog_post_container"><div class="post_section blog_post color_class">
- <div class="section_content">
- <div class="caption_block">
- <div class="caption_content">
- <h1>{lang:No posts found}</h1>
- <p>{lang:No search results for SearchQuery 2}{block:NotKorean}.{/block:NotKorean}</p>
- </div>
- </div>
- </div>
- </div></div>{/block:NoSearchResults}{/block:SearchPage}
- {block:Posts inlineMediaWidth="640"}<article class="blog_post_container"><div class="post_section blog_post color_class">
- <div class="section_content">
- <section class="caption_block">
- {block:Date}<header class="caption_header_footer caption_header">
- <span class="accent_element accent_element_label{block:Submission} hidden_element{/block:Submission}">
- <span class="accent_element_inner">
- {block:NotReblog}<a href="{Permalink}">{PostBlogName}</a>{/block:NotReblog}{block:RebloggedFrom}{block:Reblogs}{block:IsOriginalEntry}<span class="accent_element_label_content provided_username"><a href="{Permalink}">{Username}</a></span>{/block:IsOriginalEntry}{/block:Reblogs}<span class="accent_element_label_content hacky_username"><a href="{ReblogRootURL}">{ReblogRootName}</a></span>{/block:RebloggedFrom}
- </span>
- </span>{block:Submission}
- <span class="accent_element accent_element_label submission_string">
- <span class="accent_element_inner">{block:English}Submission{/block:English}{block:German}Einreichung{/block:German}{block:French}Soumission{/block:French}{block:Italian}Contributo{/block:Italian}{block:Japanese}ゲスト投稿{/block:Japanese}{block:Turkish}Gönderim{/block:Turkish}{block:Spanish}Colaboración{/block:Spanish}{block:Russian}сотрудничество{/block:Russian}{block:Polish}Proponowany post{/block:Polish}{block:PortuguesePT}Colaboração{/block:PortuguesePT}{block:PortugueseBR}Colaboração{/block:PortugueseBR}{block:Dutch}Inzending{/block:Dutch}{block:Korean}포스트 전송{/block:Korean}{block:ChineseSimplified}投稿{/block:ChineseSimplified}{block:ChineseTraditional}投稿{/block:ChineseTraditional}{block:ChineseHK}投稿{/block:ChineseHK}{block:Indonesian}Kolaborasi{/block:Indonesian}{block:Hindi}सबमिशन{/block:Hindi}</span>
- </span>
- <span class="accent_element accent_element_label">
- <span class="accent_element_inner"><a href="{SubmitterURL}">{Submitter}</a></span>
- </span>
- {/block:Submission}
- <span class="accent_element accent_element_label">
- <span class="accent_element_inner">{NoteCountWithLabel}</span>
- </span>
- </header>{/block:Date}
- <div class="caption_content">
- {block:Title}<h1>{Title}</h1>{/block:Title}{block:Photo}
- <figure class="tmblr-full">
- <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
- </figure>{/block:Photo}{block:Panorama}
- <figure class="tmblr-full tmblr-panorama">
- {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}">{LinkCloseTag}
- </figure>{/block:Panorama}{block:Photoset}
- <div class="npf_photoset" data-layout="{PhotosetLayout}">
- {block:Photos}<figure class="tmblr-full">
- <img class="npf_image" alt="{PhotoAlt}" src="{PhotoURL-HighRes}" data-orig-width="{PhotoWidth-HighRes}" data-orig-height="{PhotoHeight-HighRes}" data-highres="{PhotoURL-HighRes}">
- </figure>{/block:Photos}
- </div>{/block:Photoset}{block:Quote}
- <blockquote class="npf_quote"><h1>{Quote}</h1>{block:Source}<footer>— {Source}</footer>{/block:Source}</blockquote>{/block:Quote}{block:Link}
- <div class="npf-link-block"><a href="{URL}">{block:Thumbnail}
- <div class="poster" style="background-image:url('{Thumbnail-HighRes}');">{/block:Thumbnail}
- <div class="title">{Name}</div>{block:Thumbnail}
- </div>{/block:Thumbnail}
- <div class="bottom">
- {block:Excerpt}<div class="description">{Excerpt}</div>{/block:Excerpt}
- {block:Host}<div class="site-name">{Host}</div>{/block:Host}
- </div>
- </a></div>{/block:Link}{block:Audio}
- <figure class="tmblr-full tmblr-embed">{AudioEmbed}</figure>
- {/block:Audio}{block:Video}
- <figure class="tmblr-full tmblr-embed">{Video-700}</figure>
- {/block:Video}{block:Chat}
- {block:Lines}<p class="npf_chat">{block:Label}<b>{Label}</b> {/block:Label}{Line}</p>{/block:Lines}
- {/block:Chat}{block:Answer}
- <div class="ask_container">
- <p>{Question}</p>
- <div class="ask_label">— {lang:Asked by Asker 2}</div>
- </div>{/block:Answer}
- {block:NotReblog}{block:Text}{Body}{/block:Text}{block:Caption}{Caption}{/block:Caption}{block:Link}{block:Description}{Description}{/block:Description}{/block:Link}{block:Answer}{Answer}{/block:Answer}{/block:NotReblog}{block:RebloggedFrom}{block:Reblogs}{block:IsOriginalEntry}{Body}{/block:IsOriginalEntry}{/block:Reblogs}{block:Answer}{block:Answerer}{Answer}{/block:Answerer}{/block:Answer}{/block:RebloggedFrom}
- </div>
- {block:RebloggedFrom}<footer class="caption_header_footer caption_footer">
- <span class="accent_element accent_element_label permalink_string"><span class="accent_element_inner"><a href="{ReblogRootURL}">{lang:Permalink for this post}</a></span></span>
- </footer>{/block:RebloggedFrom}
- </section>
- {block:Text}{block:Reblogs}{block:IsNotOriginalEntry}<section class="caption_block">
- <header class="caption_header_footer caption_header">
- <span class="accent_element accent_element_label"><span class="accent_element_inner">{block:IsActive}<a href="{Permalink}">{/block:IsActive}{Username}{block:IsActive}</a>{/block:IsActive}</span>
- </span>{block:IsDeactivated}
- <span class="accent_element accent_element_label deactivated_string"><span class="accent_element_inner">{block:English}Deactivated{/block:English}{block:German}Deaktiviert{/block:German}{block:French}Désactivé{/block:French}{block:Italian}Disattivato{/block:Italian}{block:Japanese}無効化{/block:Japanese}{block:Turkish}Kapatıldı{/block:Turkish}{block:Spanish}Desactivado{/block:Spanish}{block:Russian}Деактивировано{/block:Russian}{block:Polish}deaktywowano{/block:Polish}{block:PortuguesePT}Desativado{/block:PortuguesePT}{block:PortugueseBR}Desativado{/block:PortugueseBR}{block:Dutch}Gedeactiveerd{/block:Dutch}{block:Korean}사용 안 함{/block:Korean}{block:ChineseSimplified}已关闭{/block:ChineseSimplified}{block:ChineseTraditional}已停用{/block:ChineseTraditional}{block:ChineseHK}已停用{/block:ChineseHK}{block:Indonesian}Dinonaktifkan{/block:Indonesian}{block:Hindi}निष्क्रिय{/block:Hindi}</span>
- </span>{/block:IsDeactivated}
- </header>
- <div class="caption_content">{Body}</div>
- {block:IsActive}<footer class="caption_header_footer caption_footer">
- <span class="accent_element accent_element_label permalink_string"><span class="accent_element_inner"><a href="{Permalink}">{lang:Permalink for this post}</a></span></span>
- </footer>{/block:IsActive}
- </section>{/block:IsNotOriginalEntry}{/block:Reblogs}{/block:Text}{block:Caption}{block:Reblogs}{block:IsNotOriginalEntry}<section class="caption_block">
- <header class="caption_header_footer caption_header">
- <span class="accent_element accent_element_label"><span class="accent_element_inner">{block:IsActive}<a href="{Permalink}">{/block:IsActive}{Username}{block:IsActive}</a>{/block:IsActive}</span>
- </span>{block:IsDeactivated}
- <span class="accent_element accent_element_label deactivated_string"><span class="accent_element_inner">{block:English}Deactivated{/block:English}{block:German}Deaktiviert{/block:German}{block:French}Désactivé{/block:French}{block:Italian}Disattivato{/block:Italian}{block:Japanese}無効化{/block:Japanese}{block:Turkish}Kapatıldı{/block:Turkish}{block:Spanish}Desactivado{/block:Spanish}{block:Russian}Деактивировано{/block:Russian}{block:Polish}deaktywowano{/block:Polish}{block:PortuguesePT}Desativado{/block:PortuguesePT}{block:PortugueseBR}Desativado{/block:PortugueseBR}{block:Dutch}Gedeactiveerd{/block:Dutch}{block:Korean}사용 안 함{/block:Korean}{block:ChineseSimplified}已关闭{/block:ChineseSimplified}{block:ChineseTraditional}已停用{/block:ChineseTraditional}{block:ChineseHK}已停用{/block:ChineseHK}{block:Indonesian}Dinonaktifkan{/block:Indonesian}{block:Hindi}निष्क्रिय{/block:Hindi}</span>
- </span>{/block:IsDeactivated}
- </header>
- <div class="caption_content">{Body}</div>
- {block:IsActive}<footer class="caption_header_footer caption_footer">
- <span class="accent_element accent_element_label permalink_string"><span class="accent_element_inner"><a href="{Permalink}">{lang:Permalink for this post}</a></span></span>
- </footer>{/block:IsActive}
- </section>{/block:IsNotOriginalEntry}{/block:Reblogs}{/block:Caption}{block:Link}{block:Description}{block:Reblogs}{block:IsNotOriginalEntry}<section class="caption_block">
- <header class="caption_header_footer caption_header">
- <span class="accent_element accent_element_label"><span class="accent_element_inner">{block:IsActive}<a href="{Permalink}">{/block:IsActive}{Username}{block:IsActive}</a>{/block:IsActive}</span>
- </span>{block:IsDeactivated}
- <span class="accent_element accent_element_label deactivated_string"><span class="accent_element_inner">{block:English}Deactivated{/block:English}{block:German}Deaktiviert{/block:German}{block:French}Désactivé{/block:French}{block:Italian}Disattivato{/block:Italian}{block:Japanese}無効化{/block:Japanese}{block:Turkish}Kapatıldı{/block:Turkish}{block:Spanish}Desactivado{/block:Spanish}{block:Russian}Деактивировано{/block:Russian}{block:Polish}deaktywowano{/block:Polish}{block:PortuguesePT}Desativado{/block:PortuguesePT}{block:PortugueseBR}Desativado{/block:PortugueseBR}{block:Dutch}Gedeactiveerd{/block:Dutch}{block:Korean}사용 안 함{/block:Korean}{block:ChineseSimplified}已关闭{/block:ChineseSimplified}{block:ChineseTraditional}已停用{/block:ChineseTraditional}{block:ChineseHK}已停用{/block:ChineseHK}{block:Indonesian}Dinonaktifkan{/block:Indonesian}{block:Hindi}निष्क्रिय{/block:Hindi}</span>
- </span>{/block:IsDeactivated}
- </header>
- <div class="caption_content">{Body}</div>
- {block:IsActive}<footer class="caption_header_footer caption_footer">
- <span class="accent_element accent_element_label permalink_string"><span class="accent_element_inner"><a href="{Permalink}">{lang:Permalink for this post}</a></span></span>
- </footer>{/block:IsActive}
- </section>{/block:IsNotOriginalEntry}{/block:Reblogs}{/block:Description}{/block:Link}{block:Answer}{block:Reblogs}{block:IsNotOriginalEntry}<section class="caption_block">
- <header class="caption_header_footer caption_header">
- <span class="accent_element accent_element_label"><span class="accent_element_inner">{block:IsActive}<a href="{Permalink}">{/block:IsActive}{Username}{block:IsActive}</a>{/block:IsActive}</span>
- </span>{block:IsDeactivated}
- <span class="accent_element accent_element_label deactivated_string"><span class="accent_element_inner">{block:English}Deactivated{/block:English}{block:German}Deaktiviert{/block:German}{block:French}Désactivé{/block:French}{block:Italian}Disattivato{/block:Italian}{block:Japanese}無効化{/block:Japanese}{block:Turkish}Kapatıldı{/block:Turkish}{block:Spanish}Desactivado{/block:Spanish}{block:Russian}Деактивировано{/block:Russian}{block:Polish}deaktywowano{/block:Polish}{block:PortuguesePT}Desativado{/block:PortuguesePT}{block:PortugueseBR}Desativado{/block:PortugueseBR}{block:Dutch}Gedeactiveerd{/block:Dutch}{block:Korean}사용 안 함{/block:Korean}{block:ChineseSimplified}已关闭{/block:ChineseSimplified}{block:ChineseTraditional}已停用{/block:ChineseTraditional}{block:ChineseHK}已停用{/block:ChineseHK}{block:Indonesian}Dinonaktifkan{/block:Indonesian}{block:Hindi}निष्क्रिय{/block:Hindi}</span>
- </span>{/block:IsDeactivated}
- </header>
- <div class="caption_content">{Body}</div>
- {block:IsActive}<footer class="caption_header_footer caption_footer">
- <span class="accent_element accent_element_label permalink_string"><span class="accent_element_inner"><a href="{Permalink}">{lang:Permalink for this post}</a></span></span>
- </footer>{/block:IsActive}
- </section>{/block:IsNotOriginalEntry}{/block:Reblogs}{/block:Answer}
- </div>
- {block:Date}<footer class="section_footer">
- {block:HasTags}<div class="post_tags">
- <span class="tags_label">{lang:Filed under}{block:NotKorean}{block:NotJapanese}:{/block:NotJapanese}{/block:NotKorean}</span>{block:Tags} <a href="{TagURL}">{Tag}</a>{/block:Tags}
- </div>{/block:HasTags}
- {block:PermalinkPage}<div class="post_source">{block:ContentSource}{lang:Source}: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}{block:RebloggedFrom}{lang:Via}: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div>{/block:PermalinkPage}
- <div class="post_interaction">
- <a href="{Permalink}" title="{lang:Permalink for this post}">{lang:Posted TimeAgo}<span class="screen_reader_sentences"> {lang:Permalink}</span></a>
- <span class="post_date"><span aria-hidden="true" class="mobile_hidden_element">(</span><a href="{BlogURL}day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}" title="{Month} {DayOfMonth}{block:English}{DayOfMonthSuffix}{/block:English}, {Year} — {lang:Show all posts made on this day}" class="date_button post_button"><span class="mobile_only_element"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M19 4h-1V3c0-.55-.45-1-1-1s-1 .45-1 1v1H8V3c0-.55-.45-1-1-1s-1 .45-1 1v1H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 15c0 .55-.45 1-1 1H6c-.55 0-1-.45-1-1V9h14v10zM7 11h2v2H7zm4 0h2v2h-2zm4 0h2v2h-2z"/></svg></span><span class="mobile_hidden_element">{Month} {DayOfMonth}{block:English}{DayOfMonthSuffix}{/block:English}, {Year}</span></a><span aria-hidden="true" class="mobile_hidden_element">)</span></span>
- <a href="{ReblogURL}" class="reblog_button post_button"><svg class="non_hover_reblog" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 4V2.21c0-.45-.54-.67-.85-.35l-2.8 2.79c-.2.2-.2.51 0 .71l2.79 2.79c.32.31.86.09.86-.36V6c3.31 0 6 2.69 6 6 0 .79-.15 1.56-.44 2.25-.15.36-.04.77.23 1.04.51.51 1.37.33 1.64-.34.37-.91.57-1.91.57-2.95 0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-.79.15-1.56.44-2.25.15-.36.04-.77-.23-1.04-.51-.51-1.37-.33-1.64.34C4.2 9.96 4 10.96 4 12c0 4.42 3.58 8 8 8v1.79c0 .45.54.67.85.35l2.79-2.79c.2-.2.2-.51 0-.71l-2.79-2.79c-.31-.31-.85-.09-.85.36V18z"/></svg><svg class="hover_reblog" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M18.65 8.35l-2.79 2.79c-.32.32-.1.86.35.86H18c0 3.31-2.69 6-6 6-.79 0-1.56-.15-2.25-.44-.36-.15-.77-.04-1.04.23-.51.51-.33 1.37.34 1.64.91.37 1.91.57 2.95.57 4.42 0 8-3.58 8-8h1.79c.45 0 .67-.54.35-.85l-2.79-2.79c-.19-.2-.51-.2-.7-.01zM6 12c0-3.31 2.69-6 6-6 .79 0 1.56.15 2.25.44.36.15.77.04 1.04-.23.51-.51.33-1.37-.34-1.64C14.04 4.2 13.04 4 12 4c-4.42 0-8 3.58-8 8H2.21c-.45 0-.67.54-.35.85l2.79 2.79c.2.2.51.2.71 0l2.79-2.79c.31-.31.09-.85-.36-.85H6z"/></svg><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><div class="new_like_button post_button" aria-hidden="true">{LikeButton}<span class="our_button"><svg class="to_like_button" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M19.66 3.99c-2.64-1.8-5.9-.96-7.66 1.1-1.76-2.06-5.02-2.91-7.66-1.1-1.4.96-2.28 2.58-2.34 4.29-.14 3.88 3.3 6.99 8.55 11.76l.1.09c.76.69 1.93.69 2.69-.01l.11-.1c5.25-4.76 8.68-7.87 8.55-11.75-.06-1.7-.94-3.32-2.34-4.28zM12.1 18.55l-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z"/></svg><svg class="liked_button" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M13.35 20.13c-.76.69-1.93.69-2.69-.01l-.11-.1C5.3 15.27 1.87 12.16 2 8.28c.06-1.7.93-3.33 2.34-4.29 2.64-1.8 5.9-.96 7.66 1.1 1.76-2.06 5.02-2.91 7.66-1.1 1.41.96 2.28 2.59 2.34 4.29.14 3.88-3.3 6.99-8.55 11.76l-.1.09z"/></svg></span></div>
- </span>
- </div>
- </footer>{/block:Date}
- </div>{block:PermalinkPage}
- {block:PostNotes}<div class="post_section blog_notes color_class">
- <header class="section_header">
- {lang:View notes for this post}
- </header>
- <div class="section_content">
- {PostNotes-64}
- </div>
- </div>{/block:PostNotes}{/block:PermalinkPage}</article>{/block:Posts}
- </main>
- <!-- blog footer -->
- <footer id="blog_footer" class="accent_element outside_accent_element">
- <div class="accent_element_inner">
- {block:Pagination}<div class="pagination_link pagination_previous accent_element_inner_border">{block:PreviousPage}<a href="{PreviousPage}">{/block:PreviousPage}{lang:Previous Page}{block:PreviousPage}</a>{/block:PreviousPage}</div><div class="pagination_link pagination_next accent_element_inner_border">{block:NextPage}<a href="{NextPage}">{/block:NextPage}{lang:Next Page}{block:NextPage}</a>{/block:NextPage}</div>{/block:Pagination}
- {block:PermalinkPagination}<div class="pagination_link pagination_previous accent_element_inner_border">{block:NextPost}<a href="{NextPost}">{/block:NextPost}{lang:Next Post}{block:NextPost}</a>{/block:NextPost}</div><div class="pagination_link pagination_next accent_element_inner_border">{block:PreviousPost}<a href="{PreviousPost}">{/block:PreviousPost}{lang:Previous Post}{block:PreviousPost}</a>{/block:PreviousPost}</div>{/block:PermalinkPagination}
- <!-- blog sidebar -->
- <div id="blog_sidebar" class="sidebar_component postsize{select:Post Size} accent_element_inner_border">
- <!-- top sidebar --><aside id="sidebar_top" class="color_class{block:IfShowSearchbar} has_searchbar{block:IfShowSearchbar}">
- <div id="blog_profile" class="sidebar_section" aria-hidden="true">
- <div id="blog_portrait" class="accent_element">
- <figure class="accent_element_inner">
- <div id="blog_portrait_bg" data-image="{image:Sidebar}"><img src="{image:Sidebar}"></div>
- </figure>
- </div><div id="blog_id"><div id="blog_name">@{Name}</div><div id="blog_age">{CopyrightYears}</div></div>
- </div>
- {block:IfShowSearchbar}<div id="blog_searchbar" class="accent_element_inner_border">
- <form id="searchbar_form" action="/search" method="get">
- <input id="searchbar_input" 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="searchbar_button" type="submit" value="Go"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M15.5 14h-.79l-.28-.27c1.2-1.4 1.82-3.31 1.48-5.34-.47-2.78-2.79-5-5.59-5.34-4.23-.52-7.79 3.04-7.27 7.27.34 2.8 2.56 5.12 5.34 5.59 2.03.34 3.94-.28 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg><span class="screen_reader_sentences">{lang:Search}</span></button>
- </form>
- </div>{/block:IfShowSearchbar}
- </aside><!-- main menu --><div id="blog_menu" class="accent_element outside_accent_element">
- <div class="accent_element_inner">
- <nav id="links" class="accent_element_inner_border">
- <span class="screen_reader_sentences">{lang:Navigate}</span>
- <div class="nav_row">
- <div id="home_link" class="nav_cell">
- <a href="{BlogURL}"><div class="nav_inner">
- <div class="link_icon"><svg class="link_main_icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z"/></svg></div>
- <span class="link_label">{lang:Home}</span>
- </div></a>
- </div><div id="ask_link" class="nav_cell">
- {block:AskEnabled}<a href="{BlogURL}ask">{/block:AskEnabled}<div class="nav_inner">
- <div class="link_icon"><svg class="link_main_icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-1 14H5c-.55 0-1-.45-1-1V8l6.94 4.34c.65.41 1.47.41 2.12 0L20 8v9c0 .55-.45 1-1 1zm-7-7L4 6h16l-8 5z"/></svg><svg class="link_unavailable" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8 0-1.85.63-3.55 1.69-4.9L16.9 18.31C15.55 19.37 13.85 20 12 20zm6.31-3.1L7.1 5.69C8.45 4.63 10.15 4 12 4c4.42 0 8 3.58 8 8 0 1.85-.63 3.55-1.69 4.9z"/></svg></div>
- <span class="link_label">
- {block:English}Ask{/block:English}{block:German}Fragen{/block:German}{block:French}Question{/block:French}{block:Italian}Chiedi{/block:Italian}{block:Japanese}質問{/block:Japanese}{block:Turkish}Sor{/block:Turkish}{block:Spanish}Preguntar{/block:Spanish}{block:Russian}Спросить{/block:Russian}{block:Polish}Zapytaj{/block:Polish}{block:PortuguesePT}Perguntar{/block:PortuguesePT}{block:PortugueseBR}Perguntar{/block:PortugueseBR}{block:Dutch}Vragen{/block:Dutch}{block:Korean}질문하기{/block:Korean}{block:ChineseSimplified}提问{/block:ChineseSimplified}{block:ChineseTraditional}提問{/block:ChineseTraditional}{block:ChineseHK}提問{/block:ChineseHK}{block:Indonesian}Tanya{/block:Indonesian}{block:Hindi}पूछें{/block:Hindi}
- </span>
- </div>{block:AskEnabled}</a>{/block:AskEnabled}
- </div>
- </div><div class="nav_row">
- <div id="submit_link" class="nav_cell">
- {block:SubmissionsEnabled}<a href="{BlogURL}submit">{/block:SubmissionsEnabled}<div class="nav_inner">
- <div class="link_icon"><svg class="link_main_icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M3.4 20.4l17.45-7.48c.81-.35.81-1.49 0-1.84L3.4 3.6c-.66-.29-1.39.2-1.39.91L2 9.12c0 .5.37.93.87.99L17 12 2.87 13.88c-.5.07-.87.5-.87 1l.01 4.61c0 .71.73 1.2 1.39.91z"/></svg><svg class="link_unavailable" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8 0-1.85.63-3.55 1.69-4.9L16.9 18.31C15.55 19.37 13.85 20 12 20zm6.31-3.1L7.1 5.69C8.45 4.63 10.15 4 12 4c4.42 0 8 3.58 8 8 0 1.85-.63 3.55-1.69 4.9z"/></svg></div>
- <span class="link_label">
- {block:English}Submissions{/block:English}{block:German}Einreichungen{/block:German}{block:French}Contribution{/block:French}{block:Italian}Contributi{/block:Italian}{block:Japanese}ゲスト投稿{/block:Japanese}{block:Turkish}Gönderimler{/block:Turkish}{block:Spanish}Colaboraciones{/block:Spanish}{block:Russian}Предложения постов{/block:Russian}{block:Polish}Propozycje postów{/block:Polish}{block:PortuguesePT}Colaborações{/block:PortuguesePT}{block:PortugueseBR}Colaborações{/block:PortugueseBR}{block:Dutch}Bijdragen{/block:Dutch}{block:Korean}포스트 전송{/block:Korean}{block:ChineseSimplified}投稿{/block:ChineseSimplified}{block:ChineseTraditional}投稿{/block:ChineseTraditional}{block:ChineseHK}投稿{/block:ChineseHK}{block:Indonesian}Kiriman{/block:Indonesian}{block:Hindi}सबमिशन{/block:Hindi}
- </span>
- </div>{block:SubmissionsEnabled}</a>{/block:SubmissionsEnabled}
- </div><div id="archive_link" class="nav_cell">
- <a href="{BlogURL}archive"><div class="nav_inner">
- <div class="link_icon"><svg class="link_main_icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M9.17 6l2 2H20v10H4V6h5.17M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"/></svg></div>
- <span class="link_label">{lang:Archive}</span>
- </div></a>
- </div>
- </div>
- </nav>
- </div>
- </div><!-- lower sidebar --><div id="sidebar_bottom" class="color_class">
- {block:HasPages}<nav id="blog_pages" class="sidebar_section">
- <span class="accent_element accent_element_label"><span class="accent_element_inner">{lang:Pages}</span></span>
- <ul>{block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}</ul>
- </nav>{/block:HasPages}
- <div id="fake_sidebar" class="sidebar_component fake_continuation color_class"></div>
- </div>
- </div>
- <!-- END BLOG SIDEBAR -->
- <div id="codematurgy" class="accent_element_inner_border">Copyright @ <a href="https://codematurgy.tumblr.com">Codematurgy</a></div>
- </div>
- <div id="fake_footer" class="fake_continuation accent_element outside_accent_element posts_component postsize{select:Post Size}"><div class="accent_element_inner"></div></div>
- </footer>
- </section>
- </div>
- <!-- IFRAME RESIZER -->
- <script>
- var iframeFunctionAttached = false;
- function resizeIframes(selector) {
- if (typeof selector === "string") { var postCollection = document.querySelectorAll(selector); } else { var postCollection = selector; }
- function hasClass(element, desiredClass) { return (new RegExp("^" + desiredClass + " ").test(element.className) || new RegExp(" " + desiredClass + "$").test(element.className) || new RegExp(" " + desiredClass + " ").test(element.className) || new RegExp("^" + desiredClass + "$").test(element.className)); }
- function actuallyResizeIframes() {
- var processedIframes = document.getElementsByClassName("iframe_resizer");
- for (j = 0; j < processedIframes.length; j++) {
- if (!hasClass(processedIframes[j], "tumblr_audio_player") && !hasClass(processedIframes[j], "instagram-media")) {
- var iframeWidth = processedIframes[j].getAttribute("width");
- var iframeFinalWidth = processedIframes[j].parentNode.clientWidth;
- if (hasClass(processedIframes[j], "spotify_audio_player")) { processedIframes[j].setAttribute("height", iframeFinalWidth + 80); } else { processedIframes[j].setAttribute("height", processedIframes[j].getAttribute("height") * (iframeFinalWidth / iframeWidth)); }
- processedIframes[j].setAttribute("width", iframeFinalWidth);
- }
- }
- }
- for (i = 0; i < postCollection.length; i++) {
- var iframes = postCollection[i].querySelectorAll(".tmblr-full iframe");
- if (iframes.length > 0) {
- for (j = 0; j < iframes.length; j++) { iframes[j].className += " iframe_resizer"; }
- actuallyResizeIframes();
- if (iframeFunctionAttached === false) { window.addEventListener("resize", actuallyResizeIframes, false); } iframeFunctionAttached = true;
- }
- }
- }
- </script>
- <!-- NPF PHOTOSETS -->
- <script src="https://cdn.jsdelivr.net/gh/boscoxvi/npfphotosets@latest/npfphotosets.js"></script>
- <link href="https://cdn.jsdelivr.net/gh/boscoxvi/npfphotosets/npfphotosetstyle.css" rel="stylesheet" type="text/css"/>
- <!-- SINGULAR LIGHTBOX -->
- <script>
- function singularLightbox(selector) {
- function addLightbox() {
- if (event.type === "click" || (event.type === "keypress" && (event.key === "Enter" || event.which === 13))) {
- var photo = this;
- if (!photo.getAttribute("data-highres")) {
- var orgSrc = photo.src.slice(0, photo.src.lastIndexOf("."));
- if (orgSrc.lastIndexOf("_") !== -1) {
- orgSrc = orgSrc.slice(0, (orgSrc.lastIndexOf("_") + 1));
- var imgFormat = photo.src.slice(photo.src.lastIndexOf("."));
- highres = orgSrc + 1280 + imgFormat;
- } else { highres = photo.src; }
- photo.setAttribute("data-highres", highres);
- }
- Tumblr.Lightbox.init([{
- "width": photo.getAttribute("data-orig-width"),
- "height": photo.getAttribute("data-orig-height"),
- "low_res": photo.src,
- "high_res": photo.getAttribute("data-highres")
- }], 1);
- }
- }
- if (typeof selector === "string") { var posts = document.querySelectorAll(selector); } else { var posts = selector; }
- var figures = [];
- for (i = 0; i < posts.length; i++) {
- var figure = posts[i].querySelectorAll("*:not(." + npfOptions.generatedPhotosetContainerClass + "):not(." + npfOptions.rowClass + ") > figure:not(.tmblr-panorama) img");
- if (figure.length > 0) { for (j = 0; j < figure.length; j++) { figures.push(figure[j]); } }
- }
- for (i = 0; i < figures.length; i++) {
- figures[i].setAttribute("tabindex", "0");
- figures[i].addEventListener("click", addLightbox, false);
- figures[i].addEventListener("keypress", addLightbox, false);
- }
- }
- </script>
- <!-- FUNCTION CALLS -->
- <script>
- var npfOptions = {
- rowClass:"npf_row",
- imageContainerClass:"tmblr-full",
- generatedPhotosetContainerClass:"npf_photoset",
- imageClass:"npf_image",
- includeSingleRowImagesInPhotosets: true,
- includeCommonPhotosets: true,
- useTumblrLightbox: true,
- insertGalleryIndicator: false,
- galleryIndicatorClass: "npf_gallery_indicator",
- galleryIndicatorContent: "",
- photosetMargins:"4"
- }
- var blogPosts = ".blog_post_container";
- resizeIframes(blogPosts);
- npfPhotosets(blogPosts, npfOptions);
- singularLightbox(blogPosts);
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment