SHOW:
|
|
- or go back to the newest paste.
1 | <!-- | |
2 | ||
3 | THEME: ASTERIA | |
4 | - | by acuite |
4 | + | By str-wrs |
5 | (Part XII of Mythos) | |
6 | - | - i had to do so much math for this theme :'( |
6 | + | |
7 | - | - don't steal this pls |
7 | + | - don't steal this pls |
8 | - enjoy, ilu (ノ◕ヮ◕)ノ*:・゚✧ | |
9 | ||
10 | - | - @acuite for more themes |
10 | + | - see http://str-wrs.tumblr.com for more themes |
11 | ||
12 | --> | |
13 | ||
14 | - | <html> |
14 | + | <html lang="en"> |
15 | <head> | |
16 | ||
17 | {block:ifnotPaginate}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifnotPaginate} | |
18 | ||
19 | - | <link rel="alternate" type="application/rss+xml" href="{RSS}"> |
19 | + | |
20 | - | {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description} |
20 | + | |
21 | <meta name="if:Caption" content="0"/> | |
22 | <meta name="if:Paginate" content="1"/> | |
23 | <meta name="if:Image" content="1"/> | |
24 | <meta name="if:250px" content="1"/> | |
25 | <meta name="if:400px" content="0"/> | |
26 | <meta name="if:500px" content="0"/> | |
27 | ||
28 | <meta name="color:Background" content="#fff"/> | |
29 | - | <meta name="color:Hover" content="#000"/> |
29 | + | |
30 | <meta name="color:Border" content="#eee"/> | |
31 | - | <meta name="if:Drop Links" content=""/> |
31 | + | <meta name="color:Title" content="#222"/> |
32 | - | <meta name="if:Image" content=""/> |
32 | + | |
33 | - | <meta name="if:Border" content=""/> |
33 | + | |
34 | - | <meta name="if:Shadow" content=""/> |
34 | + | |
35 | <meta name="text:Link 1" content="/"/> | |
36 | - | <meta name="select:Tags" content="tshow" title="Show"> |
36 | + | <meta name="text:Link 1 Title" content="about"/> |
37 | - | <meta name="select:Tags" content="thide" title="Hide"> |
37 | + | |
38 | - | <meta name="select:Tags" content="thover" title="Hover"> |
38 | + | <meta name="text:Link 2 Title" content="tags"/> |
39 | <meta name="text:Link 3" content="/" /> | |
40 | - | <meta name="text:Post" content="350"/> |
40 | + | <meta name="text:Link 3 Title" content="self"/> |
41 | - | <meta name="text:Sidebar" content="120"/> |
41 | + | |
42 | - | <meta name="text:Margin" content="30"/> |
42 | + | <meta name="text:Link 4 Title" content="blogroll"/> |
43 | - | <meta name="text:Padding" content="30"/> |
43 | + | <meta name="text:Link 5" content="/" /> |
44 | <meta name="text:Link 5 Title" content="twitter"/> | |
45 | ||
46 | - | <meta name="text:Link 1 Title" content="one"/> |
46 | + | |
47 | {block:Description}<meta name="description" content="{MetaDescription}" /> | |
48 | - | <meta name="text:Link 2 Title" content="two"/> |
48 | + | {/block:Description} |
49 | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> | |
50 | - | <meta name="text:Link 3 Title" content="three"/> |
50 | + | |
51 | ||
52 | - | <meta name="text:Link 4 Title" content="four"/> |
52 | + | |
53 | $(document).ready(function(){ | |
54 | $(".lb").hide(); | |
55 | - | <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/> |
55 | + | |
56 | - | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> |
56 | + | |
57 | - | <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic' rel='stylesheet' type='text/css'> |
57 | + | |
58 | $(".lb").slideUp(function(){}); | |
59 | }); | |
60 | - | ::-webkit-scrollbar { |
60 | + | |
61 | - | width:4px; |
61 | + | |
62 | - | height:4px; |
62 | + | |
63 | ||
64 | <script> | |
65 | $(document).ready(function(){ | |
66 | $(".db").hide(); | |
67 | $(".dh").show();$('.dh').toggle(function(){ | |
68 | - | .tmblr-iframe--desktop-logged-in-controls, .iframe-controls--desktop, .tmblr-iframe, #tumblr_controls{-webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);opacity:0.5;} |
68 | + | $(".db").slideDown(function(){}); |
69 | },function(){ | |
70 | $(".db").slideUp(function(){}); | |
71 | }); | |
72 | - | body {margin:0px;background:{color:Background};color:{color:Text};} |
72 | + | |
73 | - | pre, p, blockquote,body,big,small,sub,sup {font-size:9px;} |
73 | + | |
74 | - | p, body, pre, em{font-family:'Open Sans',Helvetica,Arial,sans-serif;} |
74 | + | |
75 | - | a:link, a:active, a:visited {text-decoration:none;} |
75 | + | |
76 | - | a, h2, .thover,.ph,.entry { |
76 | + | |
77 | (function($){ | |
78 | $(document).ready(function(){ | |
79 | $("[title]").style_my_tooltips({ | |
80 | tip_follows_cursor:true, | |
81 | tip_delay_time:200, | |
82 | tip_fade_speed:300 | |
83 | - | /* Credit & Pagi */ |
83 | + | } |
84 | ); | |
85 | - | .c{position:fixed;bottom:30px;right:30px;} |
85 | + | }); |
86 | - | .cp {margin:0px 10px;font-size:8px;vertical-align:top;} |
86 | + | })(jQuery); |
87 | - | .pag {position:relative;margin:{text:Margin}px;text-align:right;} |
87 | + | |
88 | ||
89 | <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'> | |
90 | ||
91 | <style type="text/css"> | |
92 | ||
93 | - | margin:auto; |
93 | + | ::-webkit-scrollbar {width:5px;height:5px;background:{color:Post};} |
94 | - | top:50vh; |
94 | + | |
95 | - | width:calc({block:ifBorder}2px +{/block:ifBorder} ({text:Post}px + {text:Margin}px * 2) + ({text:Sidebar}px + 1px + {text:Margin}px * 2) + ({text:Padding}px * 2) + 4px); |
95 | + | |
96 | /* General */ | |
97 | ||
98 | - | #hold { |
98 | + | body { |
99 | - | height:75vh; |
99 | + | margin:0px; |
100 | - | margin-top:calc((-75vh + -2px) / 2); |
100 | + | background:{color:Background}; |
101 | - | width:calc(({text:Post}px + 1px + {text:Margin}px * 2) + ({text:Sidebar}px + {text:Margin}px * 2) + ({text:Padding}px * 2) + 4px); |
101 | + | font-family: 'Montserrat', sans-serif; |
102 | font-size:9px; | |
103 | - | {block:ifBorder}border:1px solid {color:Border};{/block:ifBorder} |
103 | + | color:{color:Text}; |
104 | - | {block:ifShadow}box-shadow:rgba(0,0,0,0.05)0px 0px 5px 3px;{/block:ifShadow} |
104 | + | |
105 | ||
106 | a:hover {color:{color:Title};} | |
107 | - | .bx {border:1px solid {color:Border};} |
107 | + | a:link, a:active, a:visited { |
108 | - | .entry img {max-width:100%;height:auto;} |
108 | + | text-decoration:none; |
109 | - | .entry {width:{text:Post}px;margin:{text:Margin}px;position:relative;} |
109 | + | |
110 | - | #content{ |
110 | + | |
111 | - | overflow:auto; |
111 | + | |
112 | - | height:calc(75vh - ({text:Padding}px * 2)); |
112 | + | |
113 | - | padding:{text:Padding}px; |
113 | + | color:{color:Link}; |
114 | - | margin-left:calc({text:Sidebar}px + {text:Margin}px * 2); |
114 | + | |
115 | ||
116 | /* Containers */ | |
117 | ||
118 | #c {position:fixed;bottom:30px;right:30px;text-transform:uppercase;} | |
119 | #center { | |
120 | position:relative; | |
121 | - | padding:{text:Margin}px; |
121 | + | margin:80px auto 0px; |
122 | - | width:{text:Sidebar}px; |
122 | + | {block:if250px}width:538px;{/block:if250px} |
123 | {block:if400px}width:688px;{/block:if400px} | |
124 | - | height:calc(75vh - {text:Margin}px * 2); |
124 | + | {block:if500px}width:788px;{/block:if500px} |
125 | } | |
126 | ||
127 | - | .image img{width:100%;display:block;} |
127 | + | #content { |
128 | - | .image {margin-bottom:-1px;border:1px solid {color:Border};} |
128 | + | |
129 | - | .desc { |
129 | + | |
130 | - | padding:15px 0px; |
130 | + | padding:50px; |
131 | height:400px; | |
132 | margin-left:181px; | |
133 | overflow-y:scroll; | |
134 | {block:if250px}width:255px;{/block:if250px} | |
135 | - | .links a:first-child{border:0px;} |
135 | + | {block:if400px}width:405px;{/block:if400px} |
136 | - | .links a{ |
136 | + | {block:if500px}width:505px;{/block:if500px} |
137 | } | |
138 | - | padding:6px; |
138 | + | |
139 | #entry img {max-width:100%;} | |
140 | #entry { | |
141 | position:relative; | |
142 | - | .lb a{display:block;border:0px;padding:0px;margin:5px;} |
142 | + | margin:10px 0px; |
143 | - | .lb { |
143 | + | {block:if250px}width:250px;{/block:if250px} |
144 | - | display:none; |
144 | + | {block:if400px}width:400px;{/block:if400px} |
145 | {block:if500px}width:500px;{/block:if500px} | |
146 | - | text-transform:none; |
146 | + | |
147 | - | font-size:8px; |
147 | + | |
148 | /* Sidebar */ | |
149 | ||
150 | #sidebar { | |
151 | background:{color:Post}; | |
152 | position:fixed; | |
153 | width:130px; | |
154 | - | h2 {margin:0px;font-size:11px;} |
154 | + | margin:0px; |
155 | - | h2 a:hover, a h2:hover {color:{color:Hover};} |
155 | + | height:450px; |
156 | - | h2, .qut{ |
156 | + | |
157 | - | font-weight:300; |
157 | + | border-right:0px; |
158 | - | letter-spacing:0.75px; |
158 | + | padding:25px; |
159 | } | |
160 | ||
161 | .image img{width:100%;} | |
162 | - | .qut {font-size:10px;} |
162 | + | .image {border:1px solid {color:Border};} |
163 | - | .qut_hold {padding-bottom:11px;} |
163 | + | .links {margin:10px 0px;} |
164 | - | .src {margin-top:10px;} |
164 | + | .pag a{color:{color:Title};} |
165 | - | h3 {font-weight:400;margin:10px 0px;} |
165 | + | .lb {text-align:center;} |
166 | .lb a{margin:0px 2px;} | |
167 | .lb a:hover {text-decoration:underline;} | |
168 | .lb, .db {line-height:150%;border-bottom:1px solid {color:Border};} | |
169 | - | .ask {padding-bottom:10px;border-bottom:1px solid {color:Border};} |
169 | + | .db{text-align:justify;max-height:100px;overflow:auto;} |
170 | - | .ask h2 {margin:0px;} |
170 | + | .reg, .lh, .dh, .lb, .db{padding:5px;} |
171 | - | .ask p{margin:5px 0px 0px;} |
171 | + | .lh, .dh {cursor:help;} |
172 | .reg, .lh, .dh { | |
173 | display:block; | |
174 | text-transform:uppercase; | |
175 | - | .entry:hover .ph {opacity:1;} |
175 | + | font-size:7px; |
176 | letter-spacing:1px; | |
177 | - | width:100%; |
177 | + | |
178 | } | |
179 | ||
180 | /* Titles */ | |
181 | ||
182 | h2 a{color:{color:Title};} | |
183 | h2 {margin:0px;font-weight:400;font-size:10px;color:{color:Title};} | |
184 | - | background:rgba({RGBcolor:Post},0.75); |
184 | + | .qut {margin:15px;font-size:11px;font-style:italic;} |
185 | .src { | |
186 | font-size:7px; | |
187 | text-align:right; | |
188 | - | margin:20px; |
188 | + | |
189 | text-transform:uppercase; | |
190 | - | font-size:12px; |
190 | + | |
191 | - | font-weight:300; |
191 | + | |
192 | - | letter-spacing:1.5px; |
192 | + | |
193 | ||
194 | #entry:hover .ph {opacity:1;} | |
195 | .ph a{color:{color:Title};} | |
196 | - | .pp .pta{font-size:8px;font-weight:400;letter-spacing:0.5px;opacity:0.7;} |
196 | + | |
197 | - | .p a{display:inline-block;margin-left:10px;} |
197 | + | |
198 | - | .p { |
198 | + | padding:1px 0px; |
199 | top:0px; | |
200 | - | margin-top:-1px; |
200 | + | |
201 | - | padding-top:10px; |
201 | + | |
202 | opacity:0; | |
203 | z-index:9999; | |
204 | background:rgba(255,255,255,0.85); | |
205 | - | .entry:hover .thover{opacity:1;} |
205 | + | |
206 | - | .tshow,.thover{display:block;position:relative;} |
206 | + | |
207 | - | .thide {display:none;} |
207 | + | |
208 | - | .thover {opacity:0;} |
208 | + | |
209 | - | .pta {margin-top:5px;text-transform:none;} |
209 | + | {block:if250px}width:250px;{/block:if250px} |
210 | - | .pta a{margin-left:6px;} |
210 | + | {block:if400px}width:400px;{/block:if400px} |
211 | {block:if500px}width:500px;{/block:if500px} | |
212 | } | |
213 | ||
214 | - | .lines{margin:10px 0px;} |
214 | + | |
215 | - | .lines b{margin-bottom:1px;display:inline-block;font-weight:400;} |
215 | + | top:50%; |
216 | position:relative; | |
217 | font-size:9px; | |
218 | font-weight:500; | |
219 | - | padding:10px; |
219 | + | |
220 | - | background:#e4e4e4; |
220 | + | line-height:0px; |
221 | - | margin-right:15px; |
221 | + | text-align:center; |
222 | - | height:27px; |
222 | + | |
223 | transition:0.5s ease; | |
224 | -o-transition:0.5s ease; | |
225 | - | .audio {height:47px;margin-bottom:11px;} |
225 | + | |
226 | - | .au {padding:6px;} |
226 | + | |
227 | - | .au span{display:block;margin:4px 0px;} |
227 | + | |
228 | - | .tumblr_audio_player {width:27px;height:27px;overflow:hidden;} |
228 | + | |
229 | .reb a{color:{color:Link};} | |
230 | .reb { | |
231 | font-weight:normal; | |
232 | - | b, strong {font-weight:600;} |
232 | + | margin:10px 0px 0px; |
233 | - | p, blockquote {margin:10px 0px;} |
233 | + | font-size:7px; |
234 | - | ol, ul {padding:0px;list-style-type:none;} |
234 | + | line-height:10px; |
235 | - | ul li {position:relative;padding-left:30px;} |
235 | + | |
236 | - | ul li:before { |
236 | + | |
237 | - | content:''; |
237 | + | |
238 | .pp a{margin:0px 5px;} | |
239 | .pp { | |
240 | - | top:8px; |
240 | + | |
241 | - | left:10px; |
241 | + | |
242 | - | width:10px; |
242 | + | margin:10px 0px; |
243 | - | height:1px; |
243 | + | |
244 | - | background:{color:Border}; |
244 | + | font-size:7px; |
245 | letter-spacing:0.5px; | |
246 | line-height:150%; | |
247 | - | blockquote p{margin:10px 0px;} |
247 | + | text-align:center; |
248 | - | blockquote p:first-child{margin:0px 0px 10px;} |
248 | + | |
249 | - | blockquote p:last-child{margin:10px 0px 0px;} |
249 | + | |
250 | - | blockquote p:only-child{margin:0px;} |
250 | + | |
251 | - | blockquote{padding:0px 10px;border-left:1px solid {color:Border};} |
251 | + | |
252 | ||
253 | .chat {padding:10px;line-height:200%;} | |
254 | .lines b{color:{color:Title};} | |
255 | .cover {width:70px;overflow:hidden;} | |
256 | #audio:hover .play {opacity:1;width:30px;} | |
257 | #audio:hover img {margin-left:30px;} | |
258 | #audio { | |
259 | float:left; | |
260 | - | /* Captions */ |
260 | + | width:70px; |
261 | height:70px; | |
262 | - | .txt,.ans {padding:0px;} |
262 | + | |
263 | - | .cap {padding:5px 10px;margin-bottom:1px;} |
263 | + | |
264 | - | .txt iframe,.ans iframe,.cap iframe{ |
264 | + | |
265 | - | display:block;max-width:100%;overflow:hidden; |
265 | + | |
266 | .cover img { | |
267 | width:70px; | |
268 | - | /* Video */ |
268 | + | |
269 | transition:0.5s ease; | |
270 | - | .video {overflow:hidden;} |
270 | + | |
271 | - | .vine-embed {margin-bottom:-3px;} |
271 | + | |
272 | - | .instagram-media {border-radius:0px!important;box-shadow:none!important;} |
272 | + | |
273 | } | |
274 | - | /* Photosets */ |
274 | + | |
275 | .play { | |
276 | - | #tumblr_lightbox,.tmblr-lightbox { |
276 | + | |
277 | - | background:rgba({RGBcolor:Background},0.99)!important; |
277 | + | width:0px; |
278 | height:30px; | |
279 | background:#fff; | |
280 | - | #vignette,#tumblr_lightbox_caption,.vignette,.lightbox-caption{ |
280 | + | |
281 | - | opacity:0!important; |
281 | + | padding:20px 0px; |
282 | transition:0.5s ease; | |
283 | -o-transition:0.5s ease; | |
284 | - | #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, |
284 | + | |
285 | - | #tumblr_lightbox_right_image, .lightbox-image { |
285 | + | |
286 | - | box-shadow:none!important; |
286 | + | |
287 | - | border-radius:0px!important; |
287 | + | |
288 | .au b{color:{color:Title};text-transform:uppercase;} | |
289 | .au { | |
290 | - | /* Postnotes */ |
290 | + | height:45px; |
291 | padding:12.5px 10px; | |
292 | - | .pph {font-size:9px;} |
292 | + | line-height:15px; |
293 | - | .perma a,.perma span{margin-right:5px;} |
293 | + | margin-left:70px; |
294 | text-align:left; | |
295 | - | padding:10px 0px; |
295 | + | |
296 | - | margin-top:-1px; |
296 | + | |
297 | - | text-transform:lowercase; |
297 | + | |
298 | ||
299 | #ask { | |
300 | color:#777; | |
301 | padding:15px; | |
302 | - | .pn img{display:none;} |
302 | + | text-align:justify; |
303 | - | .pn li{margin:5px 0px;} |
303 | + | |
304 | - | .pn ul, .pn ol {list-style-type:none;padding:0px;margin:0px;} |
304 | + | margin:0px 0px 10px; |
305 | - | .pn {display:none;margin:10px 0px;font-size:8px;letter-spacing:0.25px;} |
305 | + | |
306 | - | .pn li:before {display:none;} |
306 | + | |
307 | - | .pnh {display:block;} |
307 | + | .asker a{color:{color:Title};} |
308 | .asker { | |
309 | - | /* Tooltips */ |
309 | + | margin:0px 0px 5px 0px; |
310 | color:{color:Title}; | |
311 | text-transform:uppercase; | |
312 | } | |
313 | - | margin:15px; |
313 | + | |
314 | /* Text */ | |
315 | - | padding:7px; |
315 | + | |
316 | - | font-size:8.5px; |
316 | + | pre, small, sub, sup, big {font-size:9px;} |
317 | - | font-style:italic; |
317 | + | p {margin:10px;text-align:justify;line-height:150%;} |
318 | ul {list-style-type:square;line-height:150%;} | |
319 | blockquote { | |
320 | margin:5px; | |
321 | padding:5px; | |
322 | - | /* Common Styles */ |
322 | + | |
323 | } | |
324 | - | p,blockquote,.lines,ul,.qut,h3,.pta,.desc,.perma{line-height:175%;} |
324 | + | |
325 | - | a,.lines b,h2,.ask,.qut,.perma,.tn,.pag,#s-m-t-tooltip{color:{color:Link};} |
325 | + | |
326 | - | a:hover,.ph{color:{color:Hover};} |
326 | + | |
327 | white-space:-moz-pre-wrap; | |
328 | - | .links,.p{ |
328 | + | |
329 | - | font-size:7.5px; |
329 | + | |
330 | word-wrap:break-word; | |
331 | } | |
332 | ||
333 | /* Etc */ | |
334 | - | .pag,h3,.c,.pnh,.tn,.lines b,.src { |
334 | + | |
335 | - | font-size:8px; |
335 | + | #pnotes img {display:none;} |
336 | #pnotes ol {margin:0;padding:0;line-height:150%;} | |
337 | #pnotes li {list-style-type:none;} | |
338 | #pnotes {font-size:8px;font-style:italic;} | |
339 | ||
340 | #s-m-t-tooltip{ | |
341 | max-width:300px; | |
342 | margin:0px 20px; | |
343 | - | img {display:block;margin:0;} |
343 | + | |
344 | background:{color:Post}; | |
345 | border:1px solid {color:Border}; | |
346 | padding:5px; | |
347 | } | |
348 | ||
349 | .notes img {width:0px;} | |
350 | img {margin-bottom:-2px;} | |
351 | - | <div id="hold"> |
351 | + | |
352 | </head> | |
353 | - | {block:ifImage}<a href="/"><div class="image"><img src="{image:Sidebar}"/></div></a>{/block:ifImage} |
353 | + | |
354 | - | <div class="desc">{Description}</div> |
354 | + | |
355 | ||
356 | - | <a href="/">index</a> |
356 | + | |
357 | - | <a href="/ask">enquire</a> |
357 | + | {block:ifImage}<div class="image"><a href="/"><img src="{image:Sidebar}"></a></div>{/block:ifImage} |
358 | - | {block:ifDropLinks} |
358 | + | |
359 | - | <a href="#" class="lh">navigate</a> |
359 | + | <a class="reg" href="/">home</a> |
360 | <a href="#" class="dh">about</a> | |
361 | - | {/block:ifDropLinks} |
361 | + | <div class="db">{Description}</div> |
362 | <a class="reg" href="/ask">message</a> | |
363 | <a href="#" class="lh">links</a> | |
364 | <div class="lb"> | |
365 | {block:ifLink1} | |
366 | <a href="{text:Link 1}">{text:Link 1 Title}</a> | |
367 | {/block:ifLink1}{block:ifLink2} | |
368 | <a href="{text:Link 2}">{text:Link 2 Title}</a> | |
369 | {/block:ifLink2}{block:ifLink3} | |
370 | - | {/block:ifLink4} |
370 | + | |
371 | - | {block:ifDropLinks}</div>{/block:ifDropLinks} |
371 | + | |
372 | - | <a href="/archive">history</a> |
372 | + | |
373 | {/block:ifLink4}{block:ifLink5} | |
374 | <a href="{text:Link 5}">{text:Link 5 Title}</a> | |
375 | {/block:ifLink5} | |
376 | </div> | |
377 | <a class="reg" href="/archive">history</a> | |
378 | - | <div class="entry"> |
378 | + | |
379 | {block:ifPaginate}{block:Pagination}<div class="pag"> | |
380 | {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage} | |
381 | {block:NextPage}<a style="float:right;" href="{NextPage}">→</a>{/block:NextPage} | |
382 | - | <div class="txt">{Body}</div> |
382 | + | </div>{/block:Pagination}{/block:ifPaginate} |
383 | - | {block:IndexPage}<div class="p"><a href="{Permalink}" title="{TimeAgo}">{ShortDayofWeek}</a><a href="{Permalink}">{NoteCount}</a><a href="{ReblogURL}">reblog</a>{block:HasTags}<div class="pta {select:Tags}">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}</div>{/block:IndexPage} |
383 | + | |
384 | ||
385 | ||
386 | <div id="content"> | |
387 | - | <a title="{URL}" href="{URL}"> |
387 | + | |
388 | - | <h2>{Name} <i class="fa fa-angle-right"></i></h2></a> |
388 | + | <div id="entry"> |
389 | - | {block:Description}<div class="txt">{Description}</div>{/block:Description} |
389 | + | |
390 | - | {block:IndexPage}<div class="p"><a href="{Permalink}" title="{TimeAgo}">{ShortDayofWeek}</a><a href="{Permalink}">{NoteCount}</a><a href="{ReblogURL}">reblog</a>{block:HasTags}<div class="pta {select:Tags}">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}</div>{/block:IndexPage} |
390 | + | {block:IndexPage}<div class="ph"><div class="perma"> |
391 | <a href="{Permalink}">{NoteCountWithLabel}</a> | |
392 | <div class="reb"><a href="{ReblogURL}">reblog</a></div> | |
393 | </div></div>{/block:IndexPage} | |
394 | - | {block:IndexPage}<a href="{Permalink}"><div class="ph"><div class="pp">{NoteCount} N {block:HasTags}<div class="pta {select:Tags}">{block:Tags}<span># {Tag}<br></span>{/block:Tags}</div>{/block:HasTags}</div></div></a>{/block:IndexPage} |
394 | + | |
395 | {block:Text} | |
396 | - | <div class="bx"><a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a></div> |
396 | + | {block:Title}<h2>{Title}</h2>{/block:Title}{Body} |
397 | {/block:Text} | |
398 | ||
399 | {block:Link} | |
400 | - | {block:IndexPage}<a href="{Permalink}"><div class="ph"><div class="pp">{NoteCount} N {block:HasTags}<div class="pta {select:Tags}">{block:Tags}<span># {Tag}<br></span>{/block:Tags}</div>{/block:HasTags}</div></div></a>{/block:IndexPage} |
400 | + | <a title="{URL}" href="{URL}"><h2> {Name} →</h2></a> |
401 | - | <div class="bx"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div> |
401 | + | {block:Description}{Description}{/block:Description} |
402 | {/block:Link} | |
403 | ||
404 | {block:Photo} | |
405 | <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a> | |
406 | - | <div class="qut_hold"> |
406 | + | {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption} |
407 | - | <div class="qut">{Quote}</div> |
407 | + | |
408 | ||
409 | {block:Photoset} | |
410 | - | {block:IndexPage}<div class="p"><a href="{Permalink}" title="{TimeAgo}">{ShortDayofWeek}</a><a href="{Permalink}">{NoteCount}</a><a href="{ReblogURL}">reblog</a>{block:HasTags}<div class="pta {select:Tags}">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}</div>{/block:IndexPage} |
410 | + | {block:if250px}{Photoset-250}{/block:if250px} |
411 | {block:if400px}{Photoset-400}{/block:if400px} | |
412 | {block:if500px}{Photoset-500}{/block:if500px} | |
413 | {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption} | |
414 | {/block:Photoset} | |
415 | ||
416 | {block:Quote} | |
417 | - | {block:Label}<b>{Label}</b><br>{/block:Label}{Line}</div></div>{/block:Lines} |
417 | + | <div class="qut">❝ {Quote}</div> |
418 | <div class="src">{Source}</div> | |
419 | - | {block:IndexPage}<div class="p"><a href="{Permalink}" title="{TimeAgo}">{ShortDayofWeek}</a><a href="{Permalink}">{NoteCount}</a><a href="{ReblogURL}">reblog</a>{block:HasTags}<div class="pta {select:Tags}">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}</div>{/block:IndexPage} |
419 | + | |
420 | ||
421 | {block:Chat} | |
422 | <div class="chat"> | |
423 | - | <div class="audio"> |
423 | + | |
424 | - | {block:AudioPlayer}<div class="play">{AudioPlayerGrey}</div>{/block:AudioPlayer} |
424 | + | |
425 | {block:Label}<b>{Label}</b> {/block:Label}{Line}</div></div>{/block:Lines} | |
426 | - | {block:TrackName}<span class="tn">{TrackName}</span>{/block:TrackName} |
426 | + | |
427 | - | {block:Artist}<span>by {Artist}</span>{/block:Artist} |
427 | + | |
428 | ||
429 | {block:Audio} | |
430 | - | {block:IndexPage}<div class="p"><a href="{Permalink}" title="{TimeAgo}">{ShortDayofWeek}</a><a href="{Permalink}">{NoteCount}</a><a href="{ReblogURL}">reblog</a>{block:HasTags}<div class="pta {select:Tags}">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}</div>{/block:IndexPage} |
430 | + | <div id="audio"> |
431 | {block:AlbumArt}<div class="cover"> | |
432 | <img src="{AlbumArtURL}"/> | |
433 | </div>{/block:AlbumArt} | |
434 | - | {block:IndexPage}<a href="{Permalink}"><div class="ph"><div class="pp">{NoteCount} N {block:HasTags}<div class="pta {select:Tags}">{block:Tags}<span># {Tag}<br></span>{/block:Tags}</div>{/block:HasTags}</div></div></a>{/block:IndexPage} |
434 | + | <div class="play">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div> |
435 | - | <div class="video">{Video-500}</div> |
435 | + | |
436 | ||
437 | <div class="au"> | |
438 | <b>Track:</b><span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span> {block:TrackName}{TrackName}{/block:TrackName}<br> | |
439 | - | <div class="ask"><h2>{Asker} said</h2><p>{Question}</p></div> |
439 | + | <b>Artist:</b><span{block:Artist} style="display: none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}<br> |
440 | - | <div class="ans">{Answer}</div> |
440 | + | <b>Plays:</b><span{block:PlayCount} style="display: none;"{block:PlayCount}>Unknown</span> {block:PlayCount}{PlayCount}{/block:PlayCount} |
441 | - | {block:IndexPage}<div class="p"><a href="{Permalink}" title="{TimeAgo}">{ShortDayofWeek}</a><a href="{Permalink}">{NoteCount}</a><a href="{ReblogURL}">reblog</a>{block:HasTags}<div class="pta {select:Tags}">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}</div>{/block:IndexPage} |
441 | + | |
442 | {/block:Audio} | |
443 | ||
444 | {block:Video} | |
445 | {block:if250px}{Video-250}{/block:if250px} | |
446 | {block:if400px}{Video-400}{/block:if400px} | |
447 | - | {block:Caption}<div class="cap">{Caption}</div>{/block:Caption} |
447 | + | {block:if500px}{Video-500}{/block:if500px} |
448 | - | <div class="pph"> |
448 | + | {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption} |
449 | - | <div class="perma"> |
449 | + | |
450 | - | Posted {TimeAgo} on {DayofMonth} {Month} |
450 | + | |
451 | - | {block:RebloggedFrom}<br> |
451 | + | |
452 | - | Via: <a href="{ReblogParentURL}">{ReblogParentName}</a> |
452 | + | <div id="ask"> |
453 | - | <span>·</span> |
453 | + | <div class="asker">{Asker}:</div> |
454 | - | Origin: <a href="{ReblogRootURL}">{ReblogRootName}</a> |
454 | + | <div class="ques">{Question}</div> |
455 | </div> | |
456 | {Answer} | |
457 | - | {block:HasTags}<br><span>tags:</span> |
457 | + | |
458 | - | {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags} |
458 | + | |
459 | {block:PermalinkPage} | |
460 | - | <a href="#" class="pnh">view {NoteCountWithLabel}</a> |
460 | + | |
461 | <div class="pp"> | |
462 | {DayofMonthWithZero} {Month} with {NoteCountWithLabel} | |
463 | - | <div class="pn">{PostNotes}</div> |
463 | + | <br> |
464 | <a href="{ReblogURL}">reblog | |
465 | {block:RebloggedFrom} | |
466 | <a title="{ReblogParentName}" href="{ReblogParentURL}">via</a> | |
467 | <a title="{ReblogRootName}" href="{ReblogRootURL}">source</a> | |
468 | {/block:RebloggedFrom} | |
469 | ||
470 | {block:HasTags}<br> | |
471 | {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags} | |
472 | {/block:HasTags} | |
473 | ||
474 | </div> | |
475 | {/block:Date} | |
476 | {/block:PermalinkPage} | |
477 | ||
478 | - | |
478 | + | |
479 | <div id="pnotes">{PostNotes}</div> | |
480 | {/block:PostNotes} | |
481 | ||
482 | {block:ContentSource} | |
483 | <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" | |
484 | width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> | |
485 | - | {block:Pagination} |
485 | + | |
486 | - | <div class="pag"> |
486 | + | |
487 | - | {block:PreviousPage} |
487 | + | |
488 | - | <a href="{PreviousPage}"><i class="fa fa-angle-left"></i> back</a> |
488 | + | |
489 | - | {/block:PreviousPage} |
489 | + | |
490 | ||
491 | - | <span class="cp">{CurrentPage} / {TotalPages}</span> |
491 | + | |
492 | {/block:Posts} | |
493 | - | {block:NextPage} |
493 | + | |
494 | - | <a href="{NextPage}">next <i class="fa fa-angle-right"></i></a> |
494 | + | |
495 | - | {/block:NextPage} |
495 | + | |
496 | ||
497 | - | {/block:Pagination} |
497 | + | <div id="c">© <a href="http://str-wrs.tumblr.com">str-wrs</a></div> |
498 | ||
499 | </div> | |
500 | </body> | |
501 | - | <div class="c"><a href="http://acuite.tumblr.com/">acuite</a></div> |
501 | + |