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/0podkko/xIbplezmo/modified_photosets.css" rel="stylesheet"> | |
| 5 | <link href="https://dl.dropbox.com/s/ldzl7ylhf8lgpp0/sima-v1.css" rel="stylesheet"> | |
| 6 | <link rel="shortcut icon" href="{Favicon}">
| |
| 7 | <link href="https://fonts.googleapis.com/css?family={select:body font}:300,300i,400,400i,700,700i|IBM Plex Mono:400,700" rel="stylesheet">
| |
| 8 | <head> | |
| 9 | ||
| 10 | ||
| 11 | <!-- | |
| 12 | =============================================== | |
| 13 | ||
| 14 | ||
| 15 | Sima 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="EB Garamond" /> | |
| 33 | <meta name="select:body font" content="Arimo" /> | |
| 34 | <meta name="select:body font" content="Cormorant" /> | |
| 35 | <meta name="select:body font" content="Fira Sans" /> | |
| 36 | <meta name="select:body font" content="IBM Plex Sans" /> | |
| 37 | <meta name="select:body font" content="IBM Plex Serif" /> | |
| 38 | <meta name="select:body font" content="Lora" /> | |
| 39 | <meta name="select:body font" content="Merriweather" /> | |
| 40 | <meta name="select:body font" content="Noto Serif" /> | |
| 41 | <meta name="select:body font" content="PT Serif" /> | |
| 42 | <meta name="select:body font" content="Roboto" /> | |
| 43 | <meta name="select:body font" content="Roboto Mono" /> | |
| 44 | <meta name="select:body font" content="Rubik" /> | |
| 45 | <meta name="select:body font" content="Source Sans Pro" /> | |
| 46 | <meta name="select:body font" content="Spectral" /> | |
| 47 | <meta name="select:body font" content="Vollkorn" /> | |
| 48 | ||
| 49 | <meta name="select:layout" content="brick" title="brick masonry" /> | |
| 50 | <meta name="select:layout" content="grid" /> | |
| 51 | ||
| 52 | <meta name="select:text post width" content="500px" /> | |
| 53 | <meta name="select:text post width" content="550px" /> | |
| 54 | <meta name="select:text post width" content="600px" /> | |
| 55 | <meta name="select:text post width" content="700px" /> | |
| 56 | ||
| 57 | <meta name="select:post captions" content="display" /> | |
| 58 | <meta name="select:post captions" content="hidden" /> | |
| 59 | ||
| 60 | <meta name="select:post tags" content="display" /> | |
| 61 | <meta name="select:post tags" content="hidden" /> | |
| 62 | ||
| 63 | <meta name="color:background" content="#ffffff" /> | |
| 64 | <meta name="color:post background" content="#fafafa" /> | |
| 65 | <meta name="color:text" content="#444444" /> | |
| 66 | <meta name="color:link" content="#aaaaaa" /> | |
| 67 | <meta name="color:accent" content="#d2eced" /> | |
| 68 | <meta name="color:accent text" content="#333333" /> | |
| 69 | <meta name="color:accent link" content="#677b7b" /> | |
| 70 | <meta name="color:overlay text" content="#ffffff" /> | |
| 71 | ||
| 72 | <meta name="text:link 1" content="Lorem ipsum" /> | |
| 73 | <meta name="text:link 1 url" content="http://" /> | |
| 74 | <meta name="text:link 2" content="Dolorem sit" /> | |
| 75 | <meta name="text:link 2 url" content="http://" /> | |
| 76 | <meta name="text:link 3" content="Consecteturer ad" /> | |
| 77 | <meta name="text:link 3 url" content="http://" /> | |
| 78 | <meta name="text:photoset gutter" content="0" /> | |
| 79 | ||
| 80 | <meta name="if:enable search form" content="1" /> | |
| 81 | {/block:Hidden}
| |
| 82 | ||
| 83 | ||
| 84 | <style type="text/css"> | |
| 85 | ||
| 86 | /* colors */ | |
| 87 | ||
| 88 | body, form input {color:{color:text}; font-family:'{select:body font}', 'Helvetica', 'Arial', sans-serif;}
| |
| 89 | body, .is-perma .info-container {background:{color:background};}
| |
| 90 | ||
| 91 | aside {background:{color:post background};}
| |
| 92 | aside > div:not(:last-child):not(.blog-title), aside nav:not(:last-child) {border-bottom:1px rgba(0,0,0,.1) solid;}
| |
| 93 | ||
| 94 | a, .content a:hover, .entry-date a:hover, header a:hover {color:{color:link};}
| |
| 95 | a:hover, .content a, .entry-date a, header a {color:{color:text};}
| |
| 96 | .content a:not(.source_tumblelog), .entry-date a {background-image:linear-gradient(90deg, {color:accent} 0%, {color:accent} 100%); background-position:100% calc(100% - .08em); background-size:100% 1px; background-repeat: no-repeat;}
| |
| 97 | ||
| 98 | .blog-title, .next-page, .blog-title a, .next-page a {background:{color:accent}; color:{color:accent text};}
| |
| 99 | .next-page:hover {background:rgba({RGBcolor:accent},.5); color:{color:accent link};}
| |
| 100 | ||
| 101 | .thumbs .quote-body, .thumbs .quote-source, .controls {color:{color:accent text};}
| |
| 102 | .is-quote .thumb-content a, .is-quote .thumb-actions a {color:{color:accent link};}
| |
| 103 | .is-quote .thumb-content a:hover, .blog-title a:hover, .is-quote .thumb-actions a:hover {color:{color:accent text};}
| |
| 104 | .photo-actions a {color:{color:overlay text};}
| |
| 105 | ||
| 106 | ||
| 107 | /* posts */ | |
| 108 | ||
| 109 | .is-index .entry.is-quote > .thumbs > div:first-child {background:{color:accent};}
| |
| 110 | .content-wrapper, | |
| 111 | .is-index .entry:not(.is-photo):not(.is-quote) > .thumbs > div:first-child, .is-perma .info-container > div, | |
| 112 | .pagination {background:{color:post background};}
| |
| 113 | .thumbs .quote-body:after {background-image:linear-gradient(rgba({RGBcolor:accent},0), rgba({RGBcolor:accent},1));}
| |
| 114 | .is-text .thumbs > div:first-child:after, .thumbs .question:after, .is-chat .thumb-content:after, .is-audio .thumb-content:after, .is-link .thumb-content:after {background-image:linear-gradient(rgba({RGBcolor:post background},0), rgba({RGBcolor:post background},1));}
| |
| 115 | ||
| 116 | .content .sender span {border-top:1px {color:accent} solid;}
| |
| 117 | .content .chat-line .chat-label, .content .rbc-author {border-bottom:1px rgba(0,0,0,.05) solid;}
| |
| 118 | .content .chat-label span {border-bottom:1px {color:accent} solid;}
| |
| 119 | .photoset-grid {grid-gap:{text:photoset gutter}px;}
| |
| 120 | .content .acc-player {background:{color:accent};}
| |
| 121 | .content .message .sender {border-top:1px rgba(0,0,0,.05) solid;}
| |
| 122 | .content .rbc-author span {border-bottom:1px rgba(0,0,0,.5) solid;}
| |
| 123 | ||
| 124 | .thumbs .acc-player {background:rgba({RGBcolor:accent text},.1);}
| |
| 125 | ||
| 126 | .is-index .ic-date + .ic-entry-tag {border-top:1px rgba(0,0,0,.1) solid;}
| |
| 127 | ||
| 128 | ||
| 129 | ||
| 130 | /* thumbs */ | |
| 131 | ||
| 132 | .photo-actions a:hover, .entry.has-video-thumbnail .thumb-actions a:hover {color:{color:accent}!important;}
| |
| 133 | ||
| 134 | ||
| 135 | /* text formatting */ | |
| 136 | ||
| 137 | hr {background:{color:accent}; box-shadow:-15px 0 0 {color:accent}, 15px 0 0 {color:accent};}
| |
| 138 | blockquote {border-left:1px {color:accent} solid;}
| |
| 139 | .text-body blockquote, .is-text .rb-content blockquote {background:rgba({RGBcolor:accent},.2); border-left:4px {color:accent} solid;}
| |
| 140 | pre, code {background:rgba({RGBcolor:accent},.2);}
| |
| 141 | ul li:before {background:{color:accent};}
| |
| 142 | ||
| 143 | ||
| 144 | /* lightbox */ | |
| 145 | ||
| 146 | .tmblr-lightbox {background-color:rgba({RGBcolor:accent},.9)!important;}
| |
| 147 | .lightbox-image-container {background:{color:background}; border:1px rgba({RGBcolor:accent text},.2) solid;}
| |
| 148 | ||
| 149 | ||
| 150 | /* controls */ | |
| 151 | ||
| 152 | .controls {background:rgba({RGBcolor:accent},.8);}
| |
| 153 | ||
| 154 | ||
| 155 | @media (min-width:0px) and (max-width:1100px) {
| |
| 156 | ||
| 157 | #mobile + label hr, #mobile:checked + label {background:{color:accent};}
| |
| 158 | #mobile + label {background:{color:post background}; border:1px rgba(0,0,0,.1) solid}
| |
| 159 | #mobile:checked + label hr {background:{color:accent text};}
| |
| 160 | ||
| 161 | .thumb-actions a, .photo-actions a, .thumb-actions a:hover, .photo-actions a:hover {background:rgba({RGBcolor:accent},.5); color:{color:accent text};}
| |
| 162 | } | |
| 163 | ||
| 164 | @media (min-width:1101px){
| |
| 165 | .is-index.brick .entry.is-photo .entry-date, .is-index.brick .entry.is-photo .entry-date a, .is-index.brick .entry.has-video-thumbnail .entry-date, .is-index.brick .entry.has-video-thumbnail .entry-date a, .entry.has-video-thumbnail .thumbs .accd-label, .entry.has-video-thumbnail .thumb-actions, .entry.has-video-thumbnail .thumb-actions a {color:{color:overlay text}; background-image:none!important;}
| |
| 166 | ||
| 167 | .is-index .icd-number {border-left:1px rgba(0,0,0,.1) solid;}
| |
| 168 | .photo-overlay, .is-video.has-video-thumbnail .video-container:before {background:rgba(0,0,0,.8);}
| |
| 169 | .photo-overlay:after {background:{color:accent};}
| |
| 170 | .notes li:not(:last-child):after {background:rgba(0,0,0,.1);}
| |
| 171 | } | |
| 172 | ||
| 173 | </style> | |
| 174 | <noscript><style>body {opacity:1;}</style></noscript>
| |
| 175 | </head> | |
| 176 | <body> | |
| 177 | <section class="controls"> | |
| 178 | <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-settings"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg> | |
| 179 | </section> | |
| 180 | <input type="checkbox" id="mobile" /> | |
| 181 | <label for="mobile"><hr /><hr /><hr /></label> | |
| 182 | <header class="cap"> | |
| 183 | <a href="/">{BlogTitle}<span class="lo">@{Name}</span></a>
| |
| 184 | </header> | |
| 185 | <aside> | |
| 186 | <div class="blog-title"> | |
| 187 | <div class="bt-img"><img src="{PortraitURL-128}" /></div>
| |
| 188 | <div class="bt-text cap bold"><a href="/">{BlogTitle}<br/><span class="neut lo it">@{Name}</span></a></div>
| |
| 189 | </div> | |
| 190 | {block:Description}
| |
| 191 | <div class="blog-description">{Description}</div>
| |
| 192 | {/block:Description}
| |
| 193 | <nav> | |
| 194 | <span class="bold">{lang:Navigate}</span>
| |
| 195 | <a href="/">{lang:Home}</a>
| |
| 196 | {block:AskEnabled}<a href="/ask">{AskLabel}</a>{/block:AskEnabled}
| |
| 197 | <a href="/archive">{lang:Archive}</a>
| |
| 198 | {block:ifLink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:ifLink1}
| |
| 199 | {block:ifLink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:ifLink2}
| |
| 200 | {block:ifLink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:ifLink3}
| |
| 201 | </nav> | |
| 202 | {block:HasPages}
| |
| 203 | <nav class="blog-pages"> | |
| 204 | <span class="bold">{lang:Pages}</span>
| |
| 205 | {block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}
| |
| 206 | </nav> | |
| 207 | {/block:HasPages}
| |
| 208 | {block:ifEnableSearchForm}
| |
| 209 | <div class="blog-search"> | |
| 210 | <span class="bold">{lang:Search}</span>
| |
| 211 | <form action="/search" method="get"> | |
| 212 | <input class="it" type="text" name="q" value="{SearchQuery}" placeholder="{lang:Search}..." />
| |
| 213 | <input type="submit" /> | |
| 214 | </form> | |
| 215 | </div> | |
| 216 | {/block:ifEnableSearchForm}
| |
| 217 | </aside> | |
| 218 | <main class="{block:IndexPage}is-index{/block:IndexPage}{block:PermalinkPage}is-perma{/block:PermalinkPage} {select:layout} pw{select:text post width}">
| |
| 219 | <section class="holder"> | |
| 220 | {block:Posts}
| |
| 221 | <article class="entry is-{PostType}{block:Video}{block:VideoThumbnail} has-video-thumbnail{/block:VideoThumbnail}{/block:Video}"{block:Audio} data-color="{color:accent}" data-text="{color:accent text}"{/block:Audio}{block:Text} data-color="{color:accent}" data-text="{color:accent text}"{/block:Text}>
| |
| 222 | <section class="thumbs"> | |
| 223 | {block:Photo}
| |
| 224 | <div class="photo-container"> | |
| 225 | <div class="img-container" style="background:url('{PhotoURL-HighRes}') center center no-repeat; background-size:cover;"></div>
| |
| 226 | <div class="photo-overlay"> | |
| 227 | <div class="photo-actions"> | |
| 228 | <a class="like-btn" href="javascript:;"> | |
| 229 | {LikeButton}
| |
| 230 | <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> | |
| 231 | <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ff475d" 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> | |
| 232 | </a> | |
| 233 | <a class="rb-btn" href="{ReblogURL}" target="_blank"><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></a>
| |
| 234 | <a class="view-btn" href="javascript:;"><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></a> | |
| 235 | </div> | |
| 236 | </div> | |
| 237 | </div> | |
| 238 | {/block:Photo}
| |
| 239 | {block:Video}
| |
| 240 | <div class="video-container"{block:VideoThumbnail} style="background:url('{VideoThumbnailURL}') center center no-repeat; background-size:cover;"{/block:VideoThumbnail}>
| |
| 241 | <div class="accd-label cap"> | |
| 242 | <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-film"><rect x="2" y="2" width="20" height="20" rx="2.18" ry="2.18"></rect><line x1="7" y1="2" x2="7" y2="22"></line><line x1="17" y1="2" x2="17" y2="22"></line><line x1="2" y1="12" x2="22" y2="12"></line><line x1="2" y1="7" x2="7" y2="7"></line><line x1="2" y1="17" x2="7" y2="17"></line><line x1="17" y1="17" x2="22" y2="17"></line><line x1="17" y1="7" x2="22" y2="7"></line></svg> {Lang:Video}
| |
| 243 | </div> | |
| 244 | <div class="thumb-actions"> | |
| 245 | <a class="like-btn" href="javascript:;"> | |
| 246 | {LikeButton}
| |
| 247 | <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> | |
| 248 | <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ff475d" 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> | |
| 249 | </a> | |
| 250 | <a class="rb-btn" href="{ReblogURL}" target="_blank"><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></a>
| |
| 251 | <a class="view-btn" href="javascript:;"><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></a> | |
| 252 | </div> | |
| 253 | </div> | |
| 254 | {/block:Video}
| |
| 255 | {block:Photoset}
| |
| 256 | <div class="photoset-container"> | |
| 257 | {block:Photos}
| |
| 258 | <div class="photo-container" style="background:url('{PhotoURL-HighRes}') center center no-repeat; background-size:cover;"></div>
| |
| 259 | {/block:Photos}
| |
| 260 | <div class="photo-overlay"> | |
| 261 | <div class="photo-actions"> | |
| 262 | <a class="like-btn" href="javascript:;"> | |
| 263 | {LikeButton}
| |
| 264 | <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> | |
| 265 | <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ff475d" 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> | |
| 266 | </a> | |
| 267 | <a class="rb-btn" href="{ReblogURL}" target="_blank"><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></a>
| |
| 268 | <a class="view-btn" href="javascript:;"><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></a> | |
| 269 | </div> | |
| 270 | </div> | |
| 271 | </div> | |
| 272 | {/block:Photoset}
| |
| 273 | {block:Date}
| |
| 274 | <div class="thumb-actions"> | |
| 275 | <a class="like-btn" href="javascript:;"> | |
| 276 | {LikeButton}
| |
| 277 | <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> | |
| 278 | <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ff475d" 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> | |
| 279 | </a> | |
| 280 | <a class="rb-btn" href="{ReblogURL}" target="_blank"><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></a>
| |
| 281 | <a class="view-btn" href="javascript:;"><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></a> | |
| 282 | </div> | |
| 283 | <div class="entry-date"> | |
| 284 | <div class="part"> | |
| 285 | <a class="bold" href="{Permalink}">{DayofMonthwithZero}.{MonthNumberwithZero}.{ShortYear}</a>
| |
| 286 | </div> | |
| 287 | <div class="part"> | |
| 288 | <span class="notes">{FormattedNoteCount}</span>
| |
| 289 | </div> | |
| 290 | </div> | |
| 291 | {/block:Date}
| |
| 292 | </section> | |
| 293 | <section class="content"> | |
| 294 | <div class="content-wrapper"> | |
| 295 | {block:Photo}
| |
| 296 | <div class="photo-container"><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></div>
| |
| 297 | {/block:Photo}
| |
| 298 | {block:Photoset}
| |
| 299 | <div class="photo-container photoset"><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></div>
| |
| 300 | {/block:Photoset}
| |
| 301 | {block:Quote}
| |
| 302 | <div class="quote-container"> | |
| 303 | <div class="quote-body {Length}">{Quote}</div>
| |
| 304 | {block:Source}<div class="quote-source">{Source}</div>{/block:Source}
| |
| 305 | </div> | |
| 306 | {/block:Quote}
| |
| 307 | {block:Text}
| |
| 308 | <div class="text-container"> | |
| 309 | {block:Title}<h1 class="entry-title">{Title}</h1>{/block:Title}
| |
| 310 | {block:NotReblog}
| |
| 311 | <div class="text-body">{Body}</div>
| |
| 312 | {/block:NotReblog}
| |
| 313 | {block:RebloggedFrom}
| |
| 314 | <div class="reblog-chain"> | |
| 315 | {block:Reblogs}
| |
| 316 | <div class="rb-content"> | |
| 317 | <div class="rbc-author"> | |
| 318 | {block:isActive}<a href="{Permalink}">{Username}</a>{/block:isActive}
| |
| 319 | {block:isDeactivated}<span>{Username}</span>{/block:isDeactivated}
| |
| 320 | </div> | |
| 321 | {Body}
| |
| 322 | </div> | |
| 323 | {/block:Reblogs}
| |
| 324 | </div> | |
| 325 | {/block:RebloggedFrom}
| |
| 326 | </div> | |
| 327 | {/block:Text}
| |
| 328 | {block:Answer}
| |
| 329 | <div class="message"> | |
| 330 | <div class="question">{Question}</div>
| |
| 331 | <div class="sender lo"><span>{lang:Asked by Asker}</span></div>
| |
| 332 | {block:NotReblog}
| |
| 333 | <div class="answer"> | |
| 334 | {Answer}
| |
| 335 | </div> | |
| 336 | {/block:NotReblog}
| |
| 337 | {block:RebloggedFrom}
| |
| 338 | {block:Answerer}
| |
| 339 | <div class="answer">{Answer}</div>
| |
| 340 | <div class="sender lo"><span>{Answerer}</span></div>
| |
| 341 | {/block:Answerer}
| |
| 342 | <div class="reblog-chain"> | |
| 343 | {block:Reblogs}
| |
| 344 | <div class="rb-content"> | |
| 345 | <div class="rbc-author"> | |
| 346 | {block:isActive}<a href="{Permalink}">{Username}</a>{/block:isActive}
| |
| 347 | {block:isDeactivated}<span>{Username}</span>{/block:isDeactivated}
| |
| 348 | </div> | |
| 349 | {Replies}
| |
| 350 | </div> | |
| 351 | {/block:Reblogs}
| |
| 352 | </div> | |
| 353 | {/block:RebloggedFrom}
| |
| 354 | </div> | |
| 355 | {/block:Answer}
| |
| 356 | {block:Chat}
| |
| 357 | <div class="chat-container"> | |
| 358 | {block:Title}<h1 class="entry-title">{Title}</h1>{/block:Title}
| |
| 359 | {block:Lines}
| |
| 360 | <div class="chat-line"> | |
| 361 | {block:Label}
| |
| 362 | <div class="chat-label it"><span>{Label}</span></div>
| |
| 363 | {Line}
| |
| 364 | {/block:Label}
| |
| 365 | </div> | |
| 366 | {/block:Lines}
| |
| 367 | </div> | |
| 368 | {/block:Chat}
| |
| 369 | {block:Audio}
| |
| 370 | <div class="audio-container" data-color="{color:accent}" data-text="{color:accent text}">
| |
| 371 | {block:AudioPlayer}<div class="ac-classic">
| |
| 372 | <div class="acc-data"> | |
| 373 | {block:Artist}<div class="it has-ellipsis artist">{Artist}</div>{/block:Artist}
| |
| 374 | {block:TrackName}<div class="has-ellipsis track-name">{TrackName}</div>{/block:TrackName}
| |
| 375 | {block:Album}<div class="has-ellipsis album">{Album}</div>{/block:Album}
| |
| 376 | </div> | |
| 377 | <div class="acc-player">{AudioPlayer}</div>
| |
| 378 | </div>{/block:AudioPlayer}
| |
| 379 | {block:AudioEmbed}<div class="ac-embed">
| |
| 380 | <div class="acc-data"> | |
| 381 | <div class="accd-label cap"></div> | |
| 382 | {block:Artist}<div class="it has-ellipsis artist">{Artist}</div>{/block:Artist}
| |
| 383 | {block:TrackName}<div class="has-ellipsis track-name">{TrackName}</div>{/block:TrackName}
| |
| 384 | {block:Album}<div class="has-ellipsis album">{Album}</div>{/block:Album}
| |
| 385 | </div> | |
| 386 | <div class="ace-player">{AudioEmbed}</div>
| |
| 387 | </div>{/block:AudioEmbed}
| |
| 388 | </div> | |
| 389 | {/block:Audio}
| |
| 390 | {block:Link}
| |
| 391 | <div class="link-container"> | |
| 392 | <a class="link" href="{URL}">
| |
| 393 | <h1>{Name}</h1>
| |
| 394 | <div class="link-data cap"> | |
| 395 | {block:Author}<span class="author">{Author}</span>{/block:Author}
| |
| 396 | <span class="divider"></span> | |
| 397 | {block:Host}<span class="host">{Host}</span>{/block:Host}
| |
| 398 | </div> | |
| 399 | {block:Excerpt}
| |
| 400 | <div class="link-excerpt">{Excerpt}</div>
| |
| 401 | {/block:Excerpt}
| |
| 402 | </a> | |
| 403 | {block:NotReblog}
| |
| 404 | <div class="link-description">{Description}</div>
| |
| 405 | {/block:NotReblog}
| |
| 406 | {block:RebloggedFrom}
| |
| 407 | <div class="reblog-chain"> | |
| 408 | {block:Reblogs}
| |
| 409 | <div class="rb-content"> | |
| 410 | <div class="rbc-author"> | |
| 411 | {block:isActive}<a href="{Permalink}">{Username}</a>{/block:isActive}
| |
| 412 | {block:isDeactivated}<span>{Username}</span>{/block:isDeactivated}
| |
| 413 | </div> | |
| 414 | {Body}
| |
| 415 | </div> | |
| 416 | {/block:Reblogs}
| |
| 417 | </div> | |
| 418 | {/block:RebloggedFrom}
| |
| 419 | </div> | |
| 420 | {/block:Link}
| |
| 421 | {block:Video}
| |
| 422 | <div class="video-container"> | |
| 423 | {Video-500}
| |
| 424 | </div> | |
| 425 | {/block:Video}
| |
| 426 | {block:Date}
| |
| 427 | <div class="info-container"> | |
| 428 | <div class="ic-date"> | |
| 429 | <div class="icd-day">{block:IndexPage}{ShortDayofWeek}.{/block:IndexPage}{block:PermalinkPage}{DayofWeek}{/block:PermalinkPage}</div>
| |
| 430 | <div class="icd-number"> | |
| 431 | <div class="month{block:IndexPage} cap{/block:IndexPage}">{block:IndexPage}{ShortMonth}{/block:IndexPage}{block:PermalinkPage}{Month}{/block:PermalinkPage}</div>
| |
| 432 | <div class="day-year"><div>{DayofMonthwithZero}</div><div>{Year}</div></div>
| |
| 433 | <div class="time">{24HourWithZero}:{Minutes}</div>
| |
| 434 | </div> | |
| 435 | </div> | |
| 436 | {block:Caption}
| |
| 437 | <div class="ic-entry-caption {select:post captions}">
| |
| 438 | {block:NotReblog}
| |
| 439 | <div class="rb-content"> | |
| 440 | <div class="rbc-author"><a href="{Permalink}">{Name}</a></div>
| |
| 441 | {Caption}
| |
| 442 | </div> | |
| 443 | {/block:NotReblog}
| |
| 444 | {block:RebloggedFrom}
| |
| 445 | <div class="reblog-chain"> | |
| 446 | {block:Reblogs}
| |
| 447 | <div class="rb-content"> | |
| 448 | <div class="rbc-author"> | |
| 449 | {block:IsActive}<a href="{Permalink}">{Username}</a>{/block:isActive}{block:IsDeactivated}<span>{Username}</span>{/block:isDeactivated}
| |
| 450 | </div> | |
| 451 | {Body}
| |
| 452 | </div> | |
| 453 | {/block:Reblogs}
| |
| 454 | </div> | |
| 455 | {/block:RebloggedFrom}
| |
| 456 | </div> | |
| 457 | {/block:Caption}
| |
| 458 | {block:HasTags}
| |
| 459 | <div class="ic-entry-tag {select:post tags}">
| |
| 460 | {block:Tags}
| |
| 461 | <a href="{TagURL}">{Tag}</a>
| |
| 462 | {/block:Tags}
| |
| 463 | </div> | |
| 464 | {/block:HasTags}
| |
| 465 | <div class="ic-entry-source lo"> | |
| 466 | <span class="note">{NoteCountwithLabel}</span>
| |
| 467 | {block:RebloggedFrom}
| |
| 468 | <span class="source">{lang:Via} <a href="{ReblogParentURL}">{ReblogParentName}</a></span>
| |
| 469 | <span class="divider"></span> | |
| 470 | <span class="source"> | |
| 471 | {lang:Source} <a href="{ReblogRootURL}">{ReblogRootName}</a>
| |
| 472 | </span> | |
| 473 | {/block:RebloggedFrom}
| |
| 474 | </div> | |
| 475 | {block:PostNotes}
| |
| 476 | <div class="ic-entry-notes cap"> | |
| 477 | <div class="note-wrapper">{PostNotes}</div>
| |
| 478 | </div> | |
| 479 | {/block:PostNOtes}
| |
| 480 | </div> | |
| 481 | {/block:Date}
| |
| 482 | {block:IndexPage}
| |
| 483 | <div class="entry-nav-container"> | |
| 484 | <a href="{Permalink}">{lang:Permalink}</a>
| |
| 485 | <a href="#" class="close-this">{lang:Close}</a>
| |
| 486 | </div> | |
| 487 | {/block:IndexPage}
| |
| 488 | </div> | |
| 489 | </section> | |
| 490 | </article> | |
| 491 | {/block:Posts}
| |
| 492 | </section> | |
| 493 | </main> | |
| 494 | <footer class="pagination"> | |
| 495 | {block:PermalinkPagination}
| |
| 496 | <div class="current-page"> | |
| 497 | {block:Posts}
| |
| 498 | {block:ContentSource}
| |
| 499 | <span class="content-source lo">{lang:Source}: <a href="{SourceURL}">{SourceTitle}</a></span>
| |
| 500 | {/block:ContentSource}
| |
| 501 | {/block:Posts}
| |
| 502 | </div> | |
| 503 | {block:PreviousPost}<a class="previous-page lo" href="{PreviousPost}">{lang:Older}</a>{/block:PreviousPost}
| |
| 504 | {block:NextPost}<a class="next-page lo" href="{NextPost}">{lang:Newer}</a>{/block:NextPost}
| |
| 505 | {/block:PermalinkPagination}
| |
| 506 | ||
| 507 | {block:Pagination}
| |
| 508 | <div class="current-page">{lang:Page CurrentPage of TotalPages}</div>
| |
| 509 | {block:PreviousPage}<a class="previous-page lo" href="{PreviousPage}">{lang:Previous}</a>{/block:PreviousPage}
| |
| 510 | {block:NextPage}<a class="next-page lo" href="{NextPage}">{lang:Next}</a>{/block:NextPage}
| |
| 511 | {/block:Pagination}
| |
| 512 | </footer> | |
| 513 | <script src="https://static.tumblr.com/0podkko/jfMplm3f8/modified_photosets.js"></script> | |
| 514 | <script src="https://dl.dropbox.com/s/vdaqh3lz1uz71v4/sima-scripts.js"></script> | |
| 515 | </body> | |
| 516 | </html> |