View difference between Paste ID: xDMKgNRw and 4P27iSMK
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}">&larr;</a>{/block:PreviousPage} 
381
{block:NextPage}<a style="float:right;" href="{NextPage}">&rarr;</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} &rarr;</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>&middot;</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">&copy; <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+