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> |