View difference between Paste ID: 3p2Vvc4Z and DuPz3U5J
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} &mdash; {/block:PostSummary}{block:TagPage}{lang:Posts tagged Tag} &mdash; {/block:TagPage}{block:SearchPage}{lang:Search results for SearchQuery} &mdash; {/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>
299+
                <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>
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>&nbsp;&nbsp; 
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
</body>
514
<script src="https://static.tumblr.com/0podkko/jfMplm3f8/modified_photosets.js"></script>
515
<script src="https://dl.dropbox.com/s/vdaqh3lz1uz71v4/sima-scripts.js"></script>
516
</body>
517
</html>