SHOW:
|
|
- or go back to the newest paste.
| 1 | <!DOCTYPE html> | |
| 2 | <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | |
| 3 | <link href='https://static.tumblr.com/vr8wztv/KHzpnokhf/cssreset.css' rel='stylesheet' type='text/css'> | |
| 4 | - | <link href='https://static.tumblr.com/vr8wztv/KHzpnokhf/cssreset.css' rel='stylesheet' type='text/css'> |
| 4 | + | |
| 5 | <link href="https://dl.dropbox.com/s/jcxqhaqnox8ku5w/mykola-v1.css" rel="stylesheet"> | |
| 6 | - | <link href="https://dl.dropbox.com/s/jcxqhaqnox8ku5w/mykola-v1.css" rel="stylesheet"> |
| 6 | + | |
| 7 | <link href="https://fonts.googleapis.com/css?family={select:body font}:300,300i,400,400i,700,700i|Roboto Mono:300,700|IBM Plex Mono:400,700" rel="stylesheet">
| |
| 8 | - | <link href="https://fonts.googleapis.com/css?family={select:body font}:300,300i,400,400i,700,700i|Roboto Mono:300,700|IBM Plex Mono:400,700" rel="stylesheet">
|
| 8 | + | |
| 9 | ||
| 10 | ||
| 11 | <!-- | |
| 12 | =============================================== | |
| 13 | ||
| 14 | ||
| 15 | Mykola Theme | |
| 16 | more @ https://spielglocken.tumblr.com | |
| 17 | ||
| 18 | Do not alter or remove credit | |
| 19 | ||
| 20 | ||
| 21 | =============================================== | |
| 22 | --> | |
| 23 | ||
| 24 | ||
| 25 | <title>{block:PostSummary}{PostSummary} — {/block:PostSummary}{block:TagPage}{lang:Posts tagged Tag} — {/block:TagPage}{block:SearchPage}{lang:Search results for SearchQuery} — {/block:SearchPage}{Title}</title>
| |
| 26 | {block:Description}
| |
| 27 | <meta name="description" content="{MetaDescription}" />
| |
| 28 | {/block:Description}
| |
| 29 | <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| 30 | ||
| 31 | {block:Hidden}
| |
| 32 | <meta name="select:body font" content="PT Sans" /> | |
| 33 | <meta name="select:body font" content="Fira Sans" /> | |
| 34 | <meta name="select:body font" content="IBM Plex Sans" /> | |
| 35 | <meta name="select:body font" content="Merriweather Sans" /> | |
| 36 | <meta name="select:body font" content="Open Sans" /> | |
| 37 | <meta name="select:body font" content="Roboto" /> | |
| 38 | <meta name="select:body font" content="Roboto Slab" /> | |
| 39 | <meta name="select:body font" content="Rubik" /> | |
| 40 | <meta name="select:body font" content="Source Sans Pro" /> | |
| 41 | <meta name="select:body font" content="Ubuntu" /> | |
| 42 | ||
| 43 | <meta name="select:sidebar width" content="190px" /> | |
| 44 | <meta name="select:sidebar width" content="210px" /> | |
| 45 | <meta name="select:sidebar width" content="230px" /> | |
| 46 | <meta name="select:sidebar width" content="250px" /> | |
| 47 | ||
| 48 | <meta name="select:sidebar position" content="left" /> | |
| 49 | <meta name="select:sidebar position" content="right" /> | |
| 50 | ||
| 51 | <meta name="select:sidebar links style" content="list" /> | |
| 52 | <meta name="select:sidebar links style" content="grid" /> | |
| 53 | ||
| 54 | <meta name="select:post width" content="400px" /> | |
| 55 | <meta name="select:post width" content="350px" /> | |
| 56 | <meta name="select:post width" content="450px" /> | |
| 57 | <meta name="select:post width" content="500px" /> | |
| 58 | <meta name="select:post width" content="550px" /> | |
| 59 | ||
| 60 | <meta name="select:post captions" content="display" /> | |
| 61 | <meta name="select:post captions" content="hidden" /> | |
| 62 | ||
| 63 | <meta name="select:post tags" content="display" /> | |
| 64 | <meta name="select:post tags" content="hidden" /> | |
| 65 | ||
| 66 | <meta name="color:background" content="#f1f1f4" /> | |
| 67 | <meta name="color:post background" content="#ffffff" /> | |
| 68 | <meta name="color:post borders" content="#c7c8d0" /> | |
| 69 | <meta name="color:text" content="#333333" /> | |
| 70 | <meta name="color:accent" content="#85878d" /> | |
| 71 | <meta name="color:liked like buttons" content="#ff6347" /> | |
| 72 | <meta name="color:dark mode accent" content="#ace0ef" /> | |
| 73 | ||
| 74 | <meta name="text:link 1" content="Lorem ipsum" /> | |
| 75 | <meta name="text:link 1 url" content="http://" /> | |
| 76 | <meta name="text:link 2" content="Dolorem sit" /> | |
| 77 | <meta name="text:link 2 url" content="http://" /> | |
| 78 | <meta name="text:link 3" content="Adipiscing vivus" /> | |
| 79 | <meta name="text:link 3 url" content="http://" /> | |
| 80 | ||
| 81 | <meta name="text:night mode hours" content="22-8" /> | |
| 82 | ||
| 83 | <meta name="if:enable rounded corners" content="1" /> | |
| 84 | <meta name="if:enable post borders" content="1" /> | |
| 85 | <meta name="if:enable box shadows" content="0" /> | |
| 86 | <meta name="if:enable search bar" content="1" /> | |
| 87 | <meta name="if:enable night mode" content="1" /> | |
| 88 | <meta name="if:display avatar" content="1" /> | |
| 89 | {/block:Hidden}
| |
| 90 | ||
| 91 | ||
| 92 | <style type="text/css"> | |
| 93 | ||
| 94 | ::selection {background-color:{color:accent}; color:{color:post background}; text-shadow:none;}
| |
| 95 | ||
| 96 | body {font-family:'{select:body font}','Helvetica','Arial',sans-serif; color:{color:text}; background-color:{color:background};}
| |
| 97 | ||
| 98 | ::-webkit-scrollbar-thumb {background:{color:accent}; border:1px {color:background} solid; border-radius:10px;}
| |
| 99 | ||
| 100 | /* links */ | |
| 101 | ||
| 102 | a, span.tag, .search_query, .cb-author.deac span {color:{color:accent};}
| |
| 103 | .entry a:not(.like-btn):not(.rb-btn):not(.link-container), span.tag, .search_query, .cb-author.deac span, .pagination a {text-shadow:.08em 0 0 {color:post background}, 0 0, -.08em 0 0 {color:post background}; background-image:linear-gradient(90deg, rgba({RGBcolor:accent},.5) 0%, rgba({RGBcolor:accent},.5) 100%);}
| |
| 104 | ||
| 105 | .entry a:not(.like-btn):not(.rb-btn):not(.link-container) {text-shadow: .08em 0 0 {color:post background}, 0 0, -.08em 0 0 {color:post background};}
| |
| 106 | a:hover {color:{color:text};}
| |
| 107 | ||
| 108 | /* sidebar */ | |
| 109 | ||
| 110 | aside .a-wrap, aside nav, aside .blog-search, .avatar img, .entry:not(.pagination):not(.page-marker) {background:{color:post background};}
| |
| 111 | .blog-search svg, nav svg, .a-wrap svg {stroke:{color:accent};}
| |
| 112 | .blog-search input[type=text] {background:{color:background};}
| |
| 113 | .blog-search input[type=text]:before {content:'{lang:Search}';}
| |
| 114 | ||
| 115 | /* borders */ | |
| 116 | ||
| 117 | .has-border .entry:not(.page-marker), | |
| 118 | .has-border aside .a-wrap, .has-border aside nav, .has-border aside .blog-search, .has-border aside.ava-display .avatar img, .has-border aside .blog-search input[type=text], .sender img {border:1px {color:post borders} solid;}
| |
| 119 | ||
| 120 | /* posts */ | |
| 121 | ||
| 122 | .text-container blockquote, .link-container, .cc-line:nth-of-type(odd), | |
| 123 | .message.q:not(.re), .ac-classic, | |
| 124 | code, pre {background:rgba({RGBcolor:accent},.1);}
| |
| 125 | .link-container {color:{color:accent};}
| |
| 126 | .link-container:hover {color:{color:text}; background:rgba({RGBcolor:accent},.2);}
| |
| 127 | .acc-player, .ac-embed {color:{color:accent};}
| |
| 128 | .dark .acc-player, .ac-embed {color:{color:dark mode accent};}
| |
| 129 | .cb-author.deac span {background-image:linear-gradient(90deg, {color:accent} 0%, {color:accent} 100%); background-position:100% calc(50% + .08em); text-shadow:none;}
| |
| 130 | ul li:before, .cb-author:before {background:{color:accent};}
| |
| 131 | .page-marker span, .pagination a {text-shadow:0.08em 0 0 {color:background}, 0 0, -0.08em 0 0 {color:background};}
| |
| 132 | blockquote {border-left:1px {color:accent} solid;}
| |
| 133 | .text-container blockquote {border-left: 3px rgba({RGBcolor:accent},.5) solid;}
| |
| 134 | hr {background:{color:accent}; box-shadow:-1rem 0 0 {color:accent}, 1rem 0 0 {color:accent};}
| |
| 135 | .tmblr-lightbox {background-color:rgba({RGBcolor:accent},.95)!important;}
| |
| 136 | ||
| 137 | ||
| 138 | @media (min-width:0px) and (max-width:1024px){
| |
| 139 | header, aside {background:{color:post background};}
| |
| 140 | header img {background:{color:post background};}
| |
| 141 | aside .blog-search input[type=submit] {color:#fff; background:{color:accent};}
| |
| 142 | ||
| 143 | /* post borders */ | |
| 144 | ||
| 145 | .has-border header {border-bottom:1px {color:post borders} solid;}
| |
| 146 | .has-border aside {border-right:1px {color:post borders} solid;}
| |
| 147 | .has-border header img {border:1px {color:post borders} solid;}
| |
| 148 | } | |
| 149 | ||
| 150 | @media (min-width:1025px) {
| |
| 151 | nav .page-wrap {scrollbar-color: rgba({RGBcolor:accent},.2) {color:post background}; background:{color:post background};}
| |
| 152 | nav .page-wrap::-webkit-scrollbar-thumb {background:rgba({RGBcolor:accent},.5); border-color:{color:post background};}
| |
| 153 | } | |
| 154 | ||
| 155 | /* night mode | |
| 156 | ||
| 157 | ------------------------------------- | |
| 158 | colors used: | |
| 159 | ||
| 160 | <body> background: #37373a | |
| 161 | post/sidebar background: #303033 | |
| 162 | post/sidebar borders: #46464c | |
| 163 | body text: #f1f2f3 | |
| 164 | ------------------------------------- | |
| 165 | ||
| 166 | */ | |
| 167 | ||
| 168 | body.dark, .dark aside .blog-search input[type=text] {background:#37373a; color:#f1f2f3;}
| |
| 169 | .dark aside .a-wrap, .dark aside .blog-search, .dark aside nav, .dark .entry:not(.pagination):not(.page-marker), .dark .avatar img {background:#303033;}
| |
| 170 | .dark ul li:before, .dark .cb-author:before {background:{color:dark mode accent};}
| |
| 171 | .dark .blog-search svg, .dark nav svg, .dark .a-wrap svg {stroke:{color:dark mode accent};}
| |
| 172 | ||
| 173 | body.dark ::selection {background-color:{color:dark mode accent}; color:#303033; text-shadow:none;}
| |
| 174 | ||
| 175 | /* links */ | |
| 176 | ||
| 177 | .dark a, .dark span.tag, .dark .search_query, .dark .cb-author.deac span {color:{color:dark mode accent};}
| |
| 178 | .dark .entry a:not(.like-btn):not(.rb-btn):not(.link-container), .dark span.tag, .dark .search_query, .dark .cb-author.deac span, .dark .pagination a {text-shadow:.08em 0 0 #303033, -.08em 0 0 #303033; background-image:linear-gradient(90deg, rgba({RGBcolor:dark mode accent},.5) 0%, rgba({RGBcolor:dark mode accent},.5) 100%);}
| |
| 179 | .dark a:hover, .dark .link-container:hover {color:#f1f2f3;}
| |
| 180 | ||
| 181 | .dark .cc-line:nth-of-type(odd), .dark .link-container, .dark .message.q:not(.re), .dark .ac-classic, .dark .text-container blockquote {background:rgba({RGBcolor:dark mode accent},.1);}
| |
| 182 | .dark .link-container:hover {background:rgba({RGBcolor:dark mode accent},.2);}
| |
| 183 | ||
| 184 | .dark .cb-author.deac span {background-image:linear-gradient(90deg, {color:dark mode accent} 0%, {color:dark mode accent} 100%); text-shadow:none;}
| |
| 185 | ||
| 186 | /* pagination */ | |
| 187 | ||
| 188 | .dark .page-marker span, .dark .pagination a {cursor:default; text-shadow:0.08em 0 0 #37373a, 0 0, -0.08em 0 0 #37373a;}
| |
| 189 | ||
| 190 | /* text formatting */ | |
| 191 | ||
| 192 | .dark .text-container blockquote {border-left-color:rgba({RGBcolor:dark mode accent},.5);}
| |
| 193 | .dark hr {background:{color:dark mode accent}; box-shadow:-1rem 0 0 {color:dark mode accent}, 1rem 0 0 {color:dark mode accent};}
| |
| 194 | ||
| 195 | /* lightbox */ | |
| 196 | ||
| 197 | .dark .tmblr-lightbox {background-color:rgba({RGBcolor:dark mode accent},.95)!important;}
| |
| 198 | ||
| 199 | /* scrollbar */ | |
| 200 | ||
| 201 | .dark::-webkit-scrollbar-thumb {background:rgba({RGBcolor:dark mode accent},.5); border:2px #37373a solid; border-radius:10px;}
| |
| 202 | ||
| 203 | /* post borders */ | |
| 204 | ||
| 205 | .dark .has-border .entry:not(.page-marker), | |
| 206 | .dark .has-border aside .a-wrap, .dark .has-border aside nav, .dark .has-border aside .blog-search, .dark .has-border aside .avatar img, .dark .has-border aside .blog-search input[type=text] {border:1px solid #46464c;}
| |
| 207 | .dark .sender img {border:1px {color:dark mode accent} solid;}
| |
| 208 | ||
| 209 | @media (min-width:0px) and (max-width:1024px){
| |
| 210 | .dark header, .dark header img, .dark aside {background:#303033; border-color:#47474c;}
| |
| 211 | .dark aside .blog-search input[type=submit] {background:{color:dark mode accent}; color:#37373a;}
| |
| 212 | .dark .has-box-shadow aside {box-shadow:3px 0 5px rgba(0,0,0,.1);}
| |
| 213 | } | |
| 214 | @media (min-width:1025px){
| |
| 215 | .dark nav .page-wrap {scrollbar-color:rgba({RGBcolor:dark mode accent},.2) #2e2e33; background:#303033;}
| |
| 216 | .dark .has-box-shadow nav .page-wrap::-webkit-scrollbar-thumb {border-color:#303033;}
| |
| 217 | ||
| 218 | /* box shadows */ | |
| 219 | ||
| 220 | .dark .has-box-shadow aside .a-wrap, .dark .has-box-shadow aside nav, .dark .has-box-shadow aside .blog-search, .dark .has-box-shadow aside .avatar img {box-shadow:0 0 10px rgba(0,0,0,.1);}
| |
| 221 | } | |
| 222 | ||
| 223 | {CustomCSS}
| |
| 224 | ||
| 225 | </style> | |
| 226 | <noscript><style>body {opacity:1;}</style></noscript>
| |
| 227 | </head> | |
| 228 | <body id="target"{block:ifEnableNightMode} class="enable-nm"{/block:ifEnableNightMode}>
| |
| 229 | <main class="{select:sidebar position} pw{select:post width} sw{select:sidebar width}{block:PermalinkPage} is-perma{/block:PermalinkPage}{block:IndexPage} is-index{/block:IndexPage}{block:ifEnablePostBorders} has-{/block:ifEnablePostBorders}{block:ifNotEnablePostBorders} no-{/block:ifNotEnablePostBorders}border{block:ifEnableRoundedCorners} rounded{/block:ifEnableRoundedCorners}{block:ifEnableBoxShadows} has-box-shadow{/block:ifEnableBoxShadows}">
| |
| 230 | <header class="cap font bold"> | |
| 231 | <div class="h-wrap"> | |
| 232 | {block:ifDisplayAvatar}<a href="/"><img src="{PortraitURL-128}"/></a>{/block:ifDisplayAvatar}
| |
| 233 | <a class="blog-title" href="/">{BlogTitle}</a>
| |
| 234 | <a class="m-toggle" href="#"> | |
| 235 | <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg> | |
| 236 | </a> | |
| 237 | </div> | |
| 238 | </header> | |
| 239 | <aside class="{block:ifDisplayAvatar}ava-display{/block:ifDisplayAvatar}{block:ifNotDisplayAvatar}ava-hide{/block:ifNotDisplayAvatar}{block:HasPages} has-pages{/block:HasPages}">
| |
| 240 | <div class="a-wrap"> | |
| 241 | <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg> | |
| 242 | {block:ifDisplayAvatar}
| |
| 243 | <div class="avatar"><a href="/"><img src="{PortraitURL-128}" /></a></div>
| |
| 244 | {/block:ifDisplayAvatar}
| |
| 245 | <div class="blog-title bold font cap"><a href="/">{BlogTitle}</a></div>
| |
| 246 | {block:Description}
| |
| 247 | <div class="blog-description">{Description}</div>
| |
| 248 | {/block:Description}
| |
| 249 | </div> | |
| 250 | <nav class="font {select:sidebar links style}">
| |
| 251 | <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg> | |
| 252 | <div> | |
| 253 | <a href="/">{lang:Home}</a>
| |
| 254 | {block:AskEnabled}<a href="/ask">{AskLabel}</a>{/block:AskEnabled}
| |
| 255 | <a href="/archive">{lang:Archive}</a>
| |
| 256 | {block:ifLink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:ifLink1}
| |
| 257 | {block:ifLink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:ifLink2}
| |
| 258 | {block:ifLink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:ifLink3}
| |
| 259 | </div> | |
| 260 | {block:HasPages}
| |
| 261 | <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="pw-toggle"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg> | |
| 262 | <div class="page-wrap"> | |
| 263 | {block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}
| |
| 264 | </div> | |
| 265 | {/block:HasPages}
| |
| 266 | </nav> | |
| 267 | </div> | |
| 268 | {block:ifEnableSearchBar}
| |
| 269 | <div class="blog-search"> | |
| 270 | <form action="/search" method="get"> | |
| 271 | <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg> | |
| 272 | <input type="text" name="q" value="{SearchQuery}" placeholder="{lang:Search}" />
| |
| 273 | <input type="submit" value="{lang:Search}" />
| |
| 274 | </form> | |
| 275 | </div> | |
| 276 | {/block:ifEnableSearchBar}
| |
| 277 | </aside> | |
| 278 | <section class="holder"> | |
| 279 | {block:TagPage}
| |
| 280 | <article class="entry page-marker font"> | |
| 281 | {lang:Showing posts tagged Tag 2}
| |
| 282 | </article> | |
| 283 | {/block:TagPage}
| |
| 284 | {block:SearchPage}
| |
| 285 | <article class="entry page-marker font"> | |
| 286 | {lang:Showing SearchResultCount results for SearchQuery 2}
| |
| 287 | {block:NoSearchResults}{lang:No search results for SearchQuery 2}{/block:NoSearchResults}
| |
| 288 | </article> | |
| 289 | {/block:SearchPage}
| |
| 290 | {block:Posts}
| |
| 291 | <article class="entry"> | |
| 292 | {block:Date}
| |
| 293 | <div class="entry-info top padded all {block:ifNotEnablePostBorders}p {/block:ifNotEnablePostBorders} cap font">
| |
| 294 | {block:IndexPage}<a class="to-permalink bold" href="{Permalink}">{/block:IndexPage}{block:PermalinkPage}<span class="bold">{/block:PermalinkPage}{DayofWeek}, {DayofMonth} {Month} {Year}{/block:IndexPage}</a>{/block:IndexPage}{block:PermalinkPage}</span>{/block:PermalinkPage}
| |
| 295 | </div> | |
| 296 | {/block:Date}
| |
| 297 | <div class="entry-content caption-{select:post captions} tags-{select:post tags}">
| |
| 298 | {block:Text}
| |
| 299 | {block:Title}<h1 class="entry-title padded all">{Title}</h1>{/block:Title}
| |
| 300 | {block:NotReblog}
| |
| 301 | <div class="text-container padded {block:ifEnablePostBorders}all{/block:ifEnablePostBorders}{block:ifNotEnablePostBorders}sides{/block:ifNotEnablePostBorders}">{Body}</div>
| |
| 302 | {/block:NotReblog}
| |
| 303 | <div class="text-container"> | |
| 304 | {block:RebloggedFrom}
| |
| 305 | <div class="reblog-container"> | |
| 306 | {block:Reblogs}
| |
| 307 | <div class="padded all caption-block"> | |
| 308 | <div class="cb-author{block:isDeactivated} deac{/block:isDeactivated}">
| |
| 309 | {block:isActive}<a href="{Permalink}" class="cba-link">{Username}</a>{/block:isActive}
| |
| 310 | {block:isDeactivated}<span>{Username}</span>{/block:isDeactivated}
| |
| 311 | </div> | |
| 312 | {Body}
| |
| 313 | </div> | |
| 314 | {/block:Reblogs}
| |
| 315 | </div> | |
| 316 | {/block:RebloggedFrom}
| |
| 317 | </div> | |
| 318 | {/block:Text}
| |
| 319 | {block:Photo}
| |
| 320 | <div class="photo-container"> | |
| 321 | <div class="photoset-grid"><div class="photo" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" /></div></div>
| |
| 322 | </div> | |
| 323 | {/block:Photo}
| |
| 324 | {block:Photoset}
| |
| 325 | <div class="photo-container ps"> | |
| 326 | <div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>
| |
| 327 | </div> | |
| 328 | {/block:Photoset}
| |
| 329 | {block:Link}
| |
| 330 | <a href="{URL}" target="_blank" class="padded all p link-container">
| |
| 331 | <h1>{Name}</h1>
| |
| 332 | <div class="lc-data"> | |
| 333 | {block:Author}<span class="author">{Author}</span>{/block:Author}
| |
| 334 | <span class="divider"></span> | |
| 335 | {block:Host}<span class="host">{Host}</span>{/block:Host}
| |
| 336 | </div> | |
| 337 | {block:Excerpt}
| |
| 338 | <div class="lc-excerpt">{Excerpt}</div>
| |
| 339 | {/block:Excerpt}
| |
| 340 | </a> | |
| 341 | {block:Description}
| |
| 342 | {block:NotReblog}
| |
| 343 | <div class="padded all caption-block link-description"> | |
| 344 | {Description}
| |
| 345 | </div> | |
| 346 | {/block:NotReblog}
| |
| 347 | {block:RebloggedFrom}
| |
| 348 | <div class="reblog-container"> | |
| 349 | {block:Reblogs}
| |
| 350 | <div class="padded all caption-block link-description"> | |
| 351 | <div class="cb-author{block:isDeactivated} deac{/block:isDeactivated}">
| |
| 352 | {block:isActive}<a href="{Permalink}" class="cba-link">{Username}</a>{/block:isActive}
| |
| 353 | {block:isDeactivated}<span>{Username}</span>{/block:isDeactivated}
| |
| 354 | </div> | |
| 355 | {Body}
| |
| 356 | </div> | |
| 357 | {/block:Reblogs}
| |
| 358 | </div> | |
| 359 | {/block:RebloggedFrom}
| |
| 360 | {/block:Description}
| |
| 361 | {/block:Link}
| |
| 362 | {block:Chat}
| |
| 363 | {block:Title}<h1 class="entry-title padded all">{Title}</h1>{/block:Title}
| |
| 364 | <div class="chat-container font"> | |
| 365 | {block:Lines}
| |
| 366 | <div class="cc-line padded all p"> | |
| 367 | {block:Label}<span class="bold">{Label}</span>{/block:Label}
| |
| 368 | {Line}
| |
| 369 | </div> | |
| 370 | {/block:Lines}
| |
| 371 | </div> | |
| 372 | {/block:Chat}
| |
| 373 | {block:Audio}
| |
| 374 | <div class="audio-container"> | |
| 375 | {block:AudioPlayer}
| |
| 376 | <div class="ac-classic padded all p"> | |
| 377 | <div class="acc-data"> | |
| 378 | {block:TrackName}<div class="accd-track has-ellipsis">{TrackName}</div>{/block:TrackName}
| |
| 379 | {block:Artist}<div class="accd-artist has-ellipsis">{Artist}</div>{/block:Artist}
| |
| 380 | {block:Album}<div class="accd-album it has-ellipsis">{Album}</div>{/block:Album}
| |
| 381 | </div> | |
| 382 | <div class="acc-player">{AudioPlayer}</div>
| |
| 383 | </div> | |
| 384 | {/block:AudioPlayer}
| |
| 385 | {block:AudioEmbed}
| |
| 386 | <div class="ac-embed">{AudioEmbed}</div>{/block:AudioEmbed}
| |
| 387 | </div> | |
| 388 | {/block:Audio}
| |
| 389 | {block:Answer}
| |
| 390 | <div class="message q padded all p"> | |
| 391 | {Question}
| |
| 392 | <div class="sender lo bold"> | |
| 393 | <img src="{AskerPortraitURL-40}"/> {Asker}
| |
| 394 | </div> | |
| 395 | </div> | |
| 396 | {block:NotReblog}
| |
| 397 | <div class="message a padded all"> | |
| 398 | <div class="sender lo bold"> | |
| 399 | <img src="{PortraitURL-40}"/> {Name}
| |
| 400 | </div> | |
| 401 | {Answer}
| |
| 402 | </div> | |
| 403 | {/block:NotReblog}
| |
| 404 | {block:RebloggedFrom}
| |
| 405 | {block:Answerer}
| |
| 406 | <div class="message q re padded all"> | |
| 407 | <div class="sender lo bold"><img src="{AnswererPortraitURL-40}"/> {Answerer}</div>
| |
| 408 | {Answer}
| |
| 409 | </div> | |
| 410 | {/block:Answerer}
| |
| 411 | {block:Reblogs}
| |
| 412 | <div class="reblog-container"> | |
| 413 | <div class="padded all caption-block"> | |
| 414 | <div class="cb-author{block:isDeactivated} deac{/block:isDeactivated}">
| |
| 415 | {block:isActive}<a href="{Permalink}" class="cba-link">{Username}</a>{/block:isActive}
| |
| 416 | {block:isDeactivated}<span>{Username}</span>{/block:isDeactivated}
| |
| 417 | </div> | |
| 418 | {Replies}
| |
| 419 | </div> | |
| 420 | </div> | |
| 421 | {/block:Reblogs}
| |
| 422 | {/block:RebloggedFrom}
| |
| 423 | {/block:Answer}
| |
| 424 | {block:Quote}
| |
| 425 | <div class="quote-container padded sides"> | |
| 426 | <div class="quote {Length}">{Quote}</div>
| |
| 427 | {block:Source}
| |
| 428 | <div class="quote-source">{Source}</div>
| |
| 429 | {/block:Source}
| |
| 430 | </div> | |
| 431 | {/block:Quote}
| |
| 432 | {block:Video}
| |
| 433 | <div class="video-container">{Video-500}</div>
| |
| 434 | {/block:Video}
| |
| 435 | {block:Caption}
| |
| 436 | <div class="entry-caption {select:post captions}">
| |
| 437 | {block:NotReblog}
| |
| 438 | <div class="padded all caption-block"> | |
| 439 | <div class="cb-author"> | |
| 440 | <a href="{Permalink}" class="cba-link">{Name}</a>
| |
| 441 | </div> | |
| 442 | {Caption}
| |
| 443 | </div> | |
| 444 | {/block:NotReblog}
| |
| 445 | {block:RebloggedFrom}
| |
| 446 | <div class="reblog-container"> | |
| 447 | {block:Reblogs}
| |
| 448 | <div class="padded all caption-block"> | |
| 449 | <div class="cb-author{block:isDeactivated} deac{/block:isDeactivated}">
| |
| 450 | {block:isActive}<a href="{Permalink}" class="cba-link">{Username}</a>{/block:isActive}
| |
| 451 | {block:isDeactivated}<span>{Username}</span>{/block:isDeactivated}
| |
| 452 | </div> | |
| 453 | {Body}
| |
| 454 | </div> | |
| 455 | {/block:Reblogs}
| |
| 456 | </div> | |
| 457 | {/block:RebloggedFrom}
| |
| 458 | </div> | |
| 459 | {/block:Caption}
| |
| 460 | </div> | |
| 461 | {block:IndexPage}
| |
| 462 | {block:HasTags}
| |
| 463 | <div class="entry-tags padded sides {select:post tags}">
| |
| 464 | {block:Tags}
| |
| 465 | #<a href="{TagURL}">{Tag}</a>
| |
| 466 | {/block:Tags}
| |
| 467 | </div> | |
| 468 | {/block:HasTags}
| |
| 469 | {/block:IndexPage}
| |
| 470 | {block:Date}
| |
| 471 | <div class="entry-info bot font padded {block:ifNotEnablePostBorders}p {/block:ifNotEnablePostBorders}all">
| |
| 472 | {block:IndexPage}
| |
| 473 | <div class="part left cap"> | |
| 474 | <a href="{Permalink}">{NoteCountwithLabel}</a>
| |
| 475 | </div> | |
| 476 | <div class="part right"> | |
| 477 | <a class="like-btn" href="javascript:;"> | |
| 478 | {LikeButton}
| |
| 479 | <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-meh initial"><circle cx="12" cy="12" r="10"></circle><line x1="8" y1="15" x2="16" y2="15"></line><line x1="9" y1="9" x2="9.01" y2="9"></line><line x1="15" y1="9" x2="15.01" y2="9"></line></svg> | |
| 480 | <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="{color:liked like buttons}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-smile done"><circle cx="12" cy="12" r="10"></circle><path d="M8 14s1.5 2 4 2 4-2 4-2"></path><line x1="9" y1="9" x2="9.01" y2="9"></line><line x1="15" y1="9" x2="15.01" y2="9"></line></svg>
| |
| 481 | </a> | |
| 482 | <a class="rb-btn" href="{ReblogURL}" target="_blank">
| |
| 483 | <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-repeat"><polyline points="17 1 21 5 17 9"></polyline><path d="M3 11V9a4 4 0 0 1 4-4h14"></path><polyline points="7 23 3 19 7 15"></polyline><path d="M21 13v2a4 4 0 0 1-4 4H3"></path></svg> | |
| 484 | </a> | |
| 485 | </div> | |
| 486 | {/block:IndexPage}
| |
| 487 | {block:PermalinkPage}
| |
| 488 | {lang:Posted TimeAgo with NoteCount notes}<br/>
| |
| 489 | {block:RebloggedFrom}
| |
| 490 | {lang:Reblogged from ReblogParentName 2}, <span class="lo">{lang:Originally from ReblogRootName 2}</span><br/>
| |
| 491 | {/block:RebloggedFrom}
| |
| 492 | {block:HasTags}
| |
| 493 | {lang:Tagged with} {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
| |
| 494 | {/block:HasTags}
| |
| 495 | {block:ContentSource}
| |
| 496 | <br/><br/>{lang:Source}: <a href="{SourceURL}">{SourceTitle}</a>
| |
| 497 | {/block:ContentSource}
| |
| 498 | {/block:PermalinkPage}
| |
| 499 | </div> | |
| 500 | {/block:Date}
| |
| 501 | </article> | |
| 502 | {block:PostNotes}
| |
| 503 | <article class="entry perma-notes-container"> | |
| 504 | <div class="entry-notes padded all{block:ifNotEnablePostBorders} p{/block:ifNotEnablePostBorders}">
| |
| 505 | <h1>{lang:Notes}</h1>
| |
| 506 | {PostNotes}
| |
| 507 | </div> | |
| 508 | </article> | |
| 509 | {/block:PostNotes}
| |
| 510 | {/block:Posts}
| |
| 511 | {block:Pagination}
| |
| 512 | <article class="pagination lo font"> | |
| 513 | <div class="previous"> | |
| 514 | {block:PreviousPage}
| |
| 515 | <a href="{PreviousPage}"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-left"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg> {lang:Prev}</a>
| |
| 516 | {/block:PreviousPage}
| |
| 517 | </div> | |
| 518 | <div class="next"> | |
| 519 | {block:NextPage}
| |
| 520 | <a href="{NextPage}">{lang:Next} <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></a>
| |
| 521 | {/block:NextPage}
| |
| 522 | </div> | |
| 523 | </article> | |
| 524 | {/block:Pagination}
| |
| 525 | </section> | |
| 526 | <div id="nt"><a href="https://spielglocken.tumblr.com" target="_blank"><img class="svg" src="https://static.tumblr.com/vr8wztv/QG5poaddv/spielglocken.svg"/><img class="text" src="https://static.tumblr.com/vr8wztv/fffpoankj/spielglocken1.svg" /></a><span class="cap"></span></div> | |
| 527 | </main> | |
| 528 | <div id="hours" style="visibility:hidden; position:absolute; width:1px; height:1px; top:-10px; left:-10px; font-size:1px;">{text:night mode hours}-{color:accent}-{color:dark mode accent}</div>
| |
| 529 | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> | |
| 530 | <script src="https://static.tumblr.com/0podkko/jfMplm3f8/modified_photosets.js"></script> | |
| 531 | <script src="https://dl.dropbox.com/s/xm59mcz0h1gez6e/mykola-scripts.js"></script> | |
| 532 | </body> | |
| 533 | </html> |