SHOW:
|
|
- or go back to the newest paste.
1 | <!-- | |
2 | ||
3 | THEME: DORIS | |
4 | by acuite | |
5 | ||
6 | - don't steal this pls | |
7 | - enjoy, ilu (ノ◕ヮ◕)ノ*:・゚✧ | |
8 | ||
9 | - @acuite for more themes | |
10 | ||
11 | --> | |
12 | ||
13 | <html> | |
14 | <head> | |
15 | ||
16 | <title>{Title}</title> | |
17 | <link rel="shortcut icon" href="{Favicon}"> | |
18 | <link rel="alternate" type="application/rss+xml" href="{RSS}"> | |
19 | {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description} | |
20 | ||
21 | <meta name="image:Sidebar" content=""/> | |
22 | ||
23 | <meta name="color:Background" content="#f8f8f8"/> | |
24 | <meta name="color:Post" content="#fff"/> | |
25 | <meta name="color:Border" content="#f2f2f2"/> | |
26 | <meta name="color:Text" content="#999"/> | |
27 | <meta name="color:Link" content="#444"/> | |
28 | <meta name="color:Hover" content="#f0bfb3"/> | |
29 | <meta name="color:Accent" content="#fafafa"/> | |
30 | ||
31 | <meta name="if:Captions" content=""/> | |
32 | <meta name="if:Tags" content=""/> | |
33 | <meta name="if:Load More" content=""/> | |
34 | <meta name="if:Paginate" content=""/> | |
35 | <meta name="if:Round Edges" content=""/> | |
36 | ||
37 | <meta name="text:Post" content="350"/> | |
38 | <meta name="text:Sidebar" content="150"/> | |
39 | <meta name="text:Margin" content="75"/> | |
40 | ||
41 | <meta name="text:Link 1" content="/"/> | |
42 | <meta name="text:Link 1 Title" content="one"/> | |
43 | <meta name="text:Link 2" content="/" /> | |
44 | <meta name="text:Link 2 Title" content="two"/> | |
45 | <meta name="text:Link 3" content="/" /> | |
46 | <meta name="text:Link 3 Title" content="three"/> | |
47 | <meta name="text:Link 4" content="/" /> | |
48 | <meta name="text:Link 4 Title" content="four"/> | |
49 | <meta name="text:Link 5" content="/" /> | |
50 | <meta name="text:Link 5 Title" content="five"/> | |
51 | <meta name="text:Link 6" content="/" /> | |
52 | <meta name="text:Link 6 Title" content="six"/> | |
53 | ||
54 | <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/> | |
55 | <link href='http://static.tumblr.com/8pnyeus/sXxofi7lt/outicons.css' rel='stylesheet' type='text/css'> | |
56 | <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i|Montserrat:400,700" rel="stylesheet"> | |
57 | ||
58 | <style type="text/css"> | |
59 | ||
60 | /* Scroll */ | |
61 | ||
62 | ::-webkit-scrollbar {width:11px;height:11px;background:{color:Border};} | |
63 | ::-webkit-scrollbar-thumb {background:rgba({RGBcolor:Link},0.5);} | |
64 | ::-webkit-scrollbar,::-webkit-scrollbar-thumb { | |
65 | border:5px solid {color:Background}; | |
66 | } | |
67 | ||
68 | /* Controls */ | |
69 | ||
70 | #tumblr_controls,.tmblr-iframe{-webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);opacity:0.5;top:75px!important;position:absolute!important;} | |
71 | ||
72 | /* General */ | |
73 | ||
74 | body { | |
75 | margin:0; | |
76 | color:{color:Text}; | |
77 | background:{color:Background}; | |
78 | font-smooth:always; | |
79 | -webkit-font-smoothing:antialiased; | |
80 | -moz-osx-font-smoothing: grayscale; | |
81 | } | |
82 | ||
83 | a:link, a:active, a:visited {text-decoration:none;} | |
84 | body,p,pre,blockquote,big,small,sub,sup {font-size:10px;} | |
85 | body,p,pre,em{font-family:'Open Sans',Helvetica,Arial,sans-serif;} | |
86 | .lh,.p_top,.tn,h1,h2{font-family:'Montserrat',Helvetica,Arial,sans-serif;} | |
87 | ||
88 | /* Credit & Scroll to Top */ | |
89 | ||
90 | .c,.top{position:fixed;right:30px;width:40px;} | |
91 | .c {bottom:30px;} | |
92 | .top {bottom:50px;display:none;} | |
93 | ||
94 | /* Pagination */ | |
95 | ||
96 | .cp {font-weight:600;} | |
97 | .cp,.jp,.pag a{display:inline-block;vertical-align:middle;margin:0 10px;} | |
98 | .pag a i,.top{font-size:20px;} | |
99 | .pag {position:relative;} | |
100 | .load {cursor:pointer;display:block;} | |
101 | .c,.top,.pag,.load {text-align:center;} | |
102 | .c,.pag,.load {font-size:9px;letter-spacing:1px;text-transform:uppercase;} | |
103 | {block:ifnotPaginate} | |
104 | .pag,#infscr-loading {display:none!important;} | |
105 | {/block:ifnotPaginate} | |
106 | ||
107 | /* Containers */ | |
108 | ||
109 | .center { | |
110 | position:relative; | |
111 | margin:{text:Margin}px auto; | |
112 | width:calc({text:Post}px + 22px); | |
113 | } | |
114 | ||
115 | .entry img{max-width:100%;height:auto;} | |
116 | .entry { | |
117 | margin:{text:Margin}px 0; | |
118 | background:{color:Post}; | |
119 | border:1px solid {color:Border}; | |
120 | } | |
121 | ||
122 | /* Sidebar */ | |
123 | ||
124 | aside { | |
125 | position:absolute; | |
126 | text-align:center; | |
127 | width:{text:Sidebar}px; | |
128 | margin-left:calc(-{text:Sidebar}px + -{text:Margin}px + -2px); | |
129 | background:{color:Post}; | |
130 | border:1px solid {color:Border}; | |
131 | } | |
132 | ||
133 | aside sub {margin:2px 0 0;display:block;} | |
134 | .image{display:inline-block;margin:15px 15px 0;width:45%;border-radius:50%;} | |
135 | .desc { | |
136 | margin:15px 0 0 0; | |
137 | padding:15px; | |
138 | text-align:left; | |
139 | border-top:1px solid {color:Border}; | |
140 | } | |
141 | ||
142 | /* Header */ | |
143 | ||
144 | header,.lb { | |
145 | background:{color:Post}; | |
146 | border-bottom:1px solid {color:Border}; | |
147 | top:0; | |
148 | left:0; | |
149 | padding:20px 25px; | |
150 | font-size:0; | |
151 | width:calc(100% - 50px); | |
152 | } | |
153 | ||
154 | .lb {display:none;} | |
155 | .lb_hold {position:relative;margin:auto;width:calc({text:Post}px + 42px);} | |
156 | .lb a { | |
157 | display:inline-block; | |
158 | width:33.333%; | |
159 | margin:7px 0; | |
160 | font-size:10px; | |
161 | line-height:100%; | |
162 | text-transform:capitalize; | |
163 | } | |
164 | ||
165 | .lh { | |
166 | border-left:1px solid {color:Border}; | |
167 | padding:1px 0 1px 10px; | |
168 | margin-left:10px; | |
169 | font-size:11px; | |
170 | line-height:100%; | |
171 | font-weight:700; | |
172 | cursor:help; | |
173 | } | |
174 | ||
175 | .icon,.lh {display:inline-block;vertical-align:middle;} | |
176 | .icon {border-radius:3px;width:26px;} | |
177 | .thirds {display:inline-block;vertical-align:middle;width:33.333%;} | |
178 | .tc {text-align:right;} | |
179 | .tc a {font-size:14px;margin:0 0 0 10px;} | |
180 | .srch { | |
181 | padding:8px 10px; | |
182 | font-size:10px; | |
183 | line-height:100%; | |
184 | border-radius:3px; | |
185 | margin:0; | |
186 | background:{color:Accent}; | |
187 | border:1px solid {color:Border}; | |
188 | } | |
189 | ||
190 | .srch .oi,.srch input {display:inline-block;vertical-align:top;} | |
191 | .srch .oi {font-size:12px;margin:1px 5px 0 0;} | |
192 | .srch input{ | |
193 | width:calc(100% - 20px); | |
194 | background:inherit; | |
195 | padding:0; | |
196 | border:0; | |
197 | margin:0; | |
198 | height:12px; | |
199 | outline:none; | |
200 | font:inherit; | |
201 | } | |
202 | ||
203 | .srch input[type=text] {color:{color:Text};} | |
204 | input::-webkit-input-placeholder {color:{color:Text};} | |
205 | input::-moz-placeholder {color:{color:Text};} | |
206 | input:-moz-placeholder {color:{color:Text};} | |
207 | input:-ms-input-placeholder {color:{color:Text};} | |
208 | input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;} | |
209 | ||
210 | /* Titles */ | |
211 | ||
212 | h1 {margin:15px 0 0;font-size:14px;line-height:100%;} | |
213 | h2 {margin:15px;font-size:14px;line-height:100%;font-weight:600;} | |
214 | h3,h4,h5 {margin:10px;font-size:11px;line-height:100%;} | |
215 | ||
216 | /* Permalinks */ | |
217 | ||
218 | .p_top { | |
219 | font-size:0; | |
220 | margin:0 0 10px; | |
221 | padding:10px; | |
222 | border-bottom:1px solid {color:Border}; | |
223 | display:block; | |
224 | } | |
225 | ||
226 | .from,.time,.from img{display:inline-block;vertical-align:middle;} | |
227 | .from {font-size:10px;line-height:100%;font-weight:700;width:calc(100% - 75px);} | |
228 | .time a {color:{color:Text};} | |
229 | .time {font-size:9px;line-height:10px;text-align:right;width:75px;} | |
230 | .from img { | |
231 | width:20px; | |
232 | margin:0 7px 0 0; | |
233 | border-radius:50%; | |
234 | } | |
235 | ||
236 | .p_bot { | |
237 | font-size:0; | |
238 | margin:10px 0 0; | |
239 | padding:10px; | |
240 | border-top:1px solid {color:Border}; | |
241 | } | |
242 | ||
243 | a.nt{font-size:10px;line-height:100%;} | |
244 | .p_bot .oi {font-size:13px;} | |
245 | ||
246 | .custom-like-button *{cursor:pointer!important;} | |
247 | .custom-like-button { | |
248 | position:relative; | |
249 | display:inline-block; | |
250 | vertical-align:top; | |
251 | width:12px; | |
252 | height:12px; | |
253 | cursor:pointer; | |
254 | margin:0 8px; | |
255 | } | |
256 | ||
257 | .like_button:hover + .our_button {color:{color:Hover};} | |
258 | .like_button.liked + .our_button {color:{color:Hover};} | |
259 | .like_button iframe {width:100%!important;height:100%!important;} | |
260 | .like_button {z-index:10;opacity:0;} | |
261 | .our_button {z-index:1;} | |
262 | .our_button,.like_button { | |
263 | position:absolute; | |
264 | top:0; | |
265 | left:0; | |
266 | width:100%; | |
267 | height:100%; | |
268 | } | |
269 | ||
270 | .tags {margin-top:2px;} | |
271 | .tags a {font-size:9px;line-height:100%;display:inline-block;margin:2px 6px 0 0;} | |
272 | ||
273 | /* Quotes */ | |
274 | ||
275 | .qut_hold {padding:20px;} | |
276 | .src {margin-bottom:5px;} | |
277 | .qut {font-size:13px;line-height:130%;} | |
278 | ||
279 | /* Audio & Chat */ | |
280 | ||
281 | .lines,.chat h2{margin:0;padding:15px;border-top:1px solid {color:Border};} | |
282 | .lines:first-of-type {border:0;} | |
283 | .lines:nth-of-type(even) {background:{color:Post};} | |
284 | .play {padding:15px;background:#e4e4e4;height:27px;width:27px;} | |
285 | .audio {font-size:0;} | |
286 | .play,.au {display:inline-block;vertical-align:middle;} | |
287 | .soundcloud_audio_player{padding:15px 0;} | |
288 | .au span.tn {font-size:11px;font-weight:600;} | |
289 | .au span {display:block;margin:5px 0;font-size:10px;line-height:100%;} | |
290 | .au {width:calc(100% - 77px);margin-left:20px;} | |
291 | .tumblr_audio_player {width:27px;height:27px;overflow:hidden;} | |
292 | ||
293 | /* Text */ | |
294 | ||
295 | ol,ul {padding:0 0 0 20px;} | |
296 | li {margin:5px;} | |
297 | p,blockquote,pre,ul,ol{margin:10px;} | |
298 | blockquote p{margin:10px 0;} | |
299 | blockquote p:first-child{margin:0 0 10px;} | |
300 | blockquote p:last-child{margin:10px 0 0;} | |
301 | blockquote p:only-child{margin:0;} | |
302 | blockquote blockquote {margin:0;} | |
303 | blockquote{padding-left:10px;border-left:1px solid {color:Border};} | |
304 | pre { | |
305 | white-space:pre-wrap; | |
306 | white-space:-moz-pre-wrap; | |
307 | white-space:-pre-wrap; | |
308 | white-space:-o-pre-wrap; | |
309 | word-wrap:break-word; | |
310 | } | |
311 | ||
312 | /* Captions */ | |
313 | ||
314 | .txt iframe,.cap iframe{display:block;max-width:100%;overflow:hidden;} | |
315 | .cap {margin:10px;} | |
316 | .cap *:not(a):not(ul):not(ol):not(li){margin:0;padding:0;display:inline;} | |
317 | .cap p:first-of-type {display:inline;} | |
318 | .cap blockquote {border:0;} | |
319 | .cap p,.cap blockquote p {display:block;margin:0;} | |
320 | .cap a.tumblr_blog:after {content:': ';margin-right:1px;} | |
321 | .tumblr_parent:first-of-type {border:0!important;} | |
322 | .tumblr_parent { | |
323 | display:block!important; | |
324 | padding:15px!important; | |
325 | border-top:1px solid {color:Border}!important; | |
326 | } | |
327 | ||
328 | /* Video */ | |
329 | ||
330 | .video {overflow:hidden;} | |
331 | .vine-embed,#youtube_iframe {display:block;} | |
332 | .instagram-media {border-radius:0!important;box-shadow:none!important;} | |
333 | ||
334 | /* Photosets */ | |
335 | ||
336 | #tumblr_lightbox,.tmblr-lightbox { | |
337 | background:rgba({RGBcolor:Background},0.99)!important; | |
338 | } | |
339 | ||
340 | #vignette,#tumblr_lightbox_caption,.vignette,.lightbox-caption{ | |
341 | opacity:0!important; | |
342 | } | |
343 | ||
344 | #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, | |
345 | #tumblr_lightbox_right_image, .lightbox-image { | |
346 | box-shadow:none!important; | |
347 | border-radius:0px!important; | |
348 | {block:ifRoundEdges}border-radius:4px!important;{/block:ifRoundEdges} | |
349 | } | |
350 | ||
351 | /* Ask */ | |
352 | ||
353 | .ask {padding:20px;} | |
354 | .aski {margin:0 0 10px;line-height:20px;font-size:11px;font-weight:700;} | |
355 | .aski img {float:left;width:20px;margin-right:7px;border-radius:3px;} | |
356 | ||
357 | /* Permalink Page + Postnotes */ | |
358 | ||
359 | .pph {text-transform:lowercase;} | |
360 | .perma {font-size:0;} | |
361 | .perm_li{ | |
362 | display:block; | |
363 | padding:10px; | |
364 | font-size:10px; | |
365 | line-height:100%; | |
366 | border-top:1px solid {color:Border}; | |
367 | } | |
368 | ||
369 | .pmt a:after {content:',';} | |
370 | .pmt a:last-of-type:after {content:'.';} | |
371 | .pn ol {margin:0;padding:0;list-style-type:none;} | |
372 | .pn li{margin:10px;font-size:9px;line-height:100%;} | |
373 | .pn,.pn img{display:none;} | |
374 | .pn {padding:10px;font-size:0;border-top:1px solid {color:Border};} | |
375 | .pnh,.more_notes_link,.notes_loading {display:block;font-weight:600;} | |
376 | .more_notes_link,.notes_loading {text-align:left!important;} | |
377 | ||
378 | /* Tooltips */ | |
379 | ||
380 | #s-m-t-tooltip{ | |
381 | max-width:200px; | |
382 | margin:15px; | |
383 | z-index:99999999; | |
384 | padding:6px; | |
385 | line-height:100%; | |
386 | word-wrap:break-word; | |
387 | word-break:break-all; | |
388 | background:{color:Post}; | |
389 | border:1px solid {color:Border}; | |
390 | } | |
391 | ||
392 | /* Common Styles */ | |
393 | ||
394 | .ask,p,blockquote,.lines,.desc{line-height:150%;} | |
395 | a:hover, a h2:hover{color:{color:Hover}!important;} | |
396 | a,.src,.lines b,.tn,h2,.ask,a.lh,h1,sub{color:{color:Link};} | |
397 | .p_bot,.p_bot a,header a{color:{color:Text};} | |
398 | ||
399 | {block:ifRoundEdges} | |
400 | .entry,aside,#s-m-t-tooltip{border-radius:4px;} | |
401 | {/block:ifRoundEdges} | |
402 | ||
403 | .bx,.audio,.ans {margin:10px;} | |
404 | .cap,.qut_hold,.chat,.ask { | |
405 | margin:10px; | |
406 | background:{color:Accent}; | |
407 | border:1px solid {color:Border}; | |
408 | } | |
409 | ||
410 | /* Etc */ | |
411 | ||
412 | img {margin:0;display:block;} | |
413 | ||
414 | </style> | |
415 | </head> | |
416 | <body> | |
417 | ||
418 | <header> | |
419 | <span class="thirds"> | |
420 | <a href="/"><img class="icon" src="{PortraitURL-128}"></a> | |
421 | <a href="#" class="lh">Discover | |
422 | <span class="oi oi-chevron-down"></span></a> | |
423 | </span> | |
424 | <span class="thirds"> | |
425 | <form class="srch" action="/search" method="get"> | |
426 | <span class="oi oi-search"></span> | |
427 | <input type="text" name="q" placeholder="Search {Name}" value="{SearchQuery}"/> | |
428 | </form> | |
429 | </span> | |
430 | <span class="thirds tc"> | |
431 | <a title="Home" href="/"> | |
432 | <span class="oi oi-home"></span> | |
433 | </a> | |
434 | <a title="Contact" href="/ask"> | |
435 | <span class="oi oi-mail"></span> | |
436 | </a> | |
437 | <a title="Archive" href="/archive"> | |
438 | <span class="oi oi-time"></span> | |
439 | </a> | |
440 | </span> | |
441 | </header> | |
442 | ||
443 | <div class="lb"> | |
444 | <div class="lb_hold"> | |
445 | <a href="/">Home</a> | |
446 | <a href="/ask">Message</a> | |
447 | <a href="/archive">Archive</a> | |
448 | {block:ifLink1} | |
449 | <a href="{text:Link 1}">{text:Link 1 Title}</a> | |
450 | {/block:ifLink1}{block:ifLink2} | |
451 | <a href="{text:Link 2}">{text:Link 2 Title}</a> | |
452 | {/block:ifLink2}{block:ifLink3} | |
453 | <a href="{text:Link 3}">{text:Link 3 Title}</a> | |
454 | {/block:ifLink3}{block:ifLink4} | |
455 | <a href="{text:Link 4}">{text:Link 4 Title}</a> | |
456 | {/block:ifLink4}{block:ifLink5} | |
457 | <a href="{text:Link 5}">{text:Link 5 Title}</a> | |
458 | {/block:ifLink5}{block:ifLink6} | |
459 | <a href="{text:Link 6}">{text:Link 6 Title}</a> | |
460 | {/block:ifLink6} | |
461 | </div> | |
462 | </div> | |
463 | ||
464 | <div class="center"> | |
465 | ||
466 | <aside> | |
467 | {block:ifSidebarImage} | |
468 | <img class="image" src="{image:Sidebar}"/> | |
469 | {/block:ifSidebarImage} | |
470 | ||
471 | <h1>{Title}</h1> | |
472 | <sub>@{Name}</sub> | |
473 | {block:Description}<div class="desc">{Description}</div>{/block:Description} | |
474 | </aside> | |
475 | ||
476 | <div id="content"> | |
477 | {block:Posts} | |
478 | <div class="entry" id="{PostID}"> | |
479 | ||
480 | {block:Date} | |
481 | <div class="p_top"> | |
482 | <div class="from"> | |
483 | {block:RebloggedFrom} | |
484 | <a href="{ReblogRootURL}"> | |
485 | <img src="{ReblogRootPortraitURL-96}"> | |
486 | {ReblogRootName} | |
487 | </a> | |
488 | {/block:RebloggedFrom} | |
489 | ||
490 | {block:NotReblog} | |
491 | <a href="{Permalink}"> | |
492 | <img src="{PortraitURL-96}"> | |
493 | {Name} | |
494 | </a> | |
495 | {/block:NotReblog} | |
496 | </div> | |
497 | ||
498 | <div class="time"><a href="{Permalink}">{TimeAgo}</a></div> | |
499 | </div> | |
500 | {/block:Date} | |
501 | ||
502 | {block:ifCaptions}{block:Caption} | |
503 | <div class="cap">{Caption}</div> | |
504 | {/block:Caption}{/block:ifCaptions} | |
505 | ||
506 | {block:Text} | |
507 | {block:Title}<h2>{Title}</h2>{/block:Title} | |
508 | <div class="txt cap">{Body}</div> | |
509 | {/block:Text} | |
510 | ||
511 | {block:Link} | |
512 | <h2><a title="{URL}" href="{URL}">{Name}</a></h2> | |
513 | <div class="txt cap"> | |
514 | {block:Description}{Description}{/block:Description} | |
515 | </div> | |
516 | {/block:Link} | |
517 | ||
518 | {block:Photo} | |
519 | <div class="bx"><a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="photo"/></a></div> | |
520 | {/block:Photo} | |
521 | ||
522 | {block:Photoset} | |
523 | <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></div> | |
524 | {/block:Photoset} | |
525 | ||
526 | {block:Quote} | |
527 | <div class="qut_hold"> | |
528 | {block:Source}<div class="src">{Source}</div>{/block:Source} | |
529 | <div class="qut">{Quote}</div> | |
530 | </div> | |
531 | {/block:Quote} | |
532 | ||
533 | {block:Chat} | |
534 | <div class="chat"> | |
535 | {block:Title}<h2>{Title}</h2>{/block:Title} | |
536 | {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</div></div>{/block:Lines} | |
537 | </div> | |
538 | {/block:Chat} | |
539 | ||
540 | {block:Audio} | |
541 | <div class="audio"> | |
542 | {block:AudioPlayer}<div class="play">{AudioPlayerGrey}</div>{/block:AudioPlayer} | |
543 | <div class="au"> | |
544 | {block:TrackName}<span class="tn">{TrackName}</span>{/block:TrackName} | |
545 | {block:Artist}<span>by {Artist}</span>{/block:Artist} | |
546 | </div> | |
547 | </div> | |
548 | {/block:Audio} | |
549 | ||
550 | {block:Video} | |
551 | <div class="video">{Video-500}</div> | |
552 | {/block:Video} | |
553 | ||
554 | {block:Answer} | |
555 | <div class="ask"> | |
556 | <div class="aski"><img src="{AskerPortraitURL-24}">{Asker} said:</div> | |
557 | <div class="que">{Question}</div> | |
558 | </div> | |
559 | <div class="txt ans">{Answer}</div> | |
560 | {/block:Answer} | |
561 | ||
562 | {block:IndexPage} | |
563 | <div class="p_bot"> | |
564 | <a href="{Permalink}" class="nt"><i class="oi oi-link"></i> | |
565 | {FormattedNoteCount}</a> | |
566 | ||
567 | <div class="custom-like-button">{LikeButton} | |
568 | <span class="our_button"><i class="oi oi-heart"></i></span> | |
569 | </div> | |
570 | <a href="{ReblogURL}"><i class="oi oi-refresh"></i></a> | |
571 | {block:ifTags}{block:HasTags}<div class="tags"> | |
572 | {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags} | |
573 | </div>{/block:HasTags}{/block:ifTags} | |
574 | </div> | |
575 | {/block:IndexPage} | |
576 | ||
577 | {block:PermalinkPage} | |
578 | {block:Date} | |
579 | <div class="pph"> | |
580 | <div class="perma"> | |
581 | <span class="perm_li">posted {TimeAgo} on {DayofMonthWithSuffix} {Month}</span> | |
582 | {block:RebloggedFrom} | |
583 | <span class="perm_li">via <a href="{ReblogParentURL}">{ReblogParentName}</a></span> | |
584 | <span class="perm_li">source <a href="{ReblogRootURL}">{ReblogRootName}</a></span> | |
585 | {/block:RebloggedFrom} | |
586 | ||
587 | {block:HasTags}<div class="perm_li pmt">tags: | |
588 | {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags} | |
589 | </div>{/block:HasTags} | |
590 | <span class="perm_li"><a href="#" class="pnh">{NoteCountWithLabel}</a></span> | |
591 | </div> | |
592 | ||
593 | {block:PostNotes} | |
594 | <div class="pn">{PostNotes}</div> | |
595 | {/block:PostNotes} | |
596 | ||
597 | </div> | |
598 | {/block:Date} | |
599 | {/block:PermalinkPage} | |
600 | ||
601 | {block:ContentSource} | |
602 | <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" | |
603 | width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> | |
604 | {/block:SourceLogo} | |
605 | {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --> | |
606 | {/block:ContentSource} | |
607 | ||
608 | <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} --> | |
609 | ||
610 | </div> | |
611 | {/block:Posts} | |
612 | ||
613 | {block:ifPaginate} | |
614 | {block:Pagination} | |
615 | <div class="pag"> | |
616 | {block:PreviousPage} | |
617 | <a href="{PreviousPage}"><i class="oi oi-chevron-left"></i></a> | |
618 | {/block:PreviousPage} | |
619 | ||
620 | {block:JumpPagination length="3"} | |
621 | {block:CurrentPage} | |
622 | <span class="cp">{PageNumber}</span> | |
623 | {/block:CurrentPage} | |
624 | {block:JumpPage} | |
625 | <a class="jp" href="{URL}">{PageNumber}</a> | |
626 | {/block:JumpPage} | |
627 | {/block:JumpPagination} | |
628 | ||
629 | {block:NextPage} | |
630 | <a href="{NextPage}"><i class="oi oi-chevron-right"></i></a> | |
631 | {/block:NextPage} | |
632 | </div> | |
633 | {/block:Pagination} | |
634 | {/block:ifPaginate} | |
635 | ||
636 | </div> | |
637 | ||
638 | {block:ifnotPaginate} | |
639 | {block:Pagination} | |
640 | <div class="pag"> | |
641 | {block:PreviousPage} | |
642 | <a href="{PreviousPage}" class="prev">back</a> | |
643 | {/block:PreviousPage} | |
644 | {block:NextPage} | |
645 | <a href="{NextPage}" class="next">next</a> | |
646 | {/block:NextPage} | |
647 | </div> | |
648 | ||
649 | {block:ifLoadMore} | |
650 | <a class="load">Load More</a> | |
651 | {/block:ifLoadMore} | |
652 | {/block:Pagination} | |
653 | {/block:ifnotPaginate} | |
654 | ||
655 | </div> | |
656 | ||
657 | <a href="#" class="top"><i class="oi oi-chevron-up"></i></a> | |
658 | <div class="c"><a href="http://acuite.tumblr.com">acuite</a></div> | |
659 | ||
660 | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> | |
661 | <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script> | |
662 | <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script> | |
663 | <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script> | |
664 | <script src="http://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script> | |
665 | <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script> | |
666 | <script> | |
667 | // pxu photosets | |
668 | $(document).ready(function(){ | |
669 | $('.photo-slideshow').pxuPhotoset({ | |
670 | lightbox: true, | |
671 | rounded: false, | |
672 | gutter: '1px', | |
673 | photoset: '.photo-slideshow', | |
674 | photoWrap: '.photo-data', | |
675 | photo: '.pxu-photo' | |
676 | }); | |
677 | ||
678 | ||
679 | // minimal soundcloud player © eoxk.tumblr | |
680 | $(document).ready(function(){ | |
681 | var color = '{color:Link}'; // color of play button (hex) | |
682 | $('.soundcloud_audio_player').each(function(){ | |
683 | $(this).attr({ src: $(this).attr('src').split('&')[0] + '&liking=false&sharing=false&auto_play=false&show_comments=false&continuous_play=false&buying=false&show_playcount=false&show_artwork=true&origin=tumblr&color=' + color.split('#')[1], height: 20, width: '100%' }); | |
684 | }); | |
685 | }); | |
686 | ||
687 | ||
688 | // drop links & post notes | |
689 | $(document).ready(function(){ | |
690 | $(".pn").hide(); | |
691 | $(".pnh").show();$('.pnh').toggle(function(){ | |
692 | $(".pn").slideDown(function(){}); | |
693 | },function(){ | |
694 | $(".pn").slideUp(function(){}); | |
695 | }); | |
696 | $(".lb").hide(); | |
697 | $(".lh").show();$('.lh').toggle(function(){ | |
698 | $(".lb").slideDown(function(){}); | |
699 | },function(){ | |
700 | $(".lb").slideUp(function(){}); | |
701 | }); | |
702 | }); | |
703 | ||
704 | ||
705 | // scroll to top © html-tuts.com | |
706 | var amountScrolled = 500; | |
707 | $(window).scroll(function() { | |
708 | if ($(window).scrollTop() > amountScrolled) { | |
709 | $('a.top').fadeIn('slow'); | |
710 | } else { | |
711 | $('a.top').fadeOut('slow'); | |
712 | } | |
713 | }); | |
714 | $('a.top').click(function() { | |
715 | $('body, html').animate({ | |
716 | scrollTop: 0 | |
717 | }, 'slow'); | |
718 | return false; | |
719 | }); | |
720 | ||
721 | ||
722 | // tooltips | |
723 | (function($){ | |
724 | $(document).ready(function(){ | |
725 | $("[title]").style_my_tooltips({ | |
726 | tip_delay_time:200, | |
727 | tip_fade_speed:300 | |
728 | } | |
729 | ); | |
730 | }); | |
731 | })(jQuery); | |
732 | ||
733 | ||
734 | /* | |
735 | ||
736 | UN-NEST TUMBLR CAPTIONS PLUGIN | |
737 | 2016 @magnusthemes & @neothm | |
738 | source: http://neothm.com/post/148902138319 | |
739 | ||
740 | */ | |
741 | $('.entry').unnest({ | |
742 | yourCaption: ".cap", | |
743 | newCaptionUsername: false, | |
744 | originalPostCaptionUsername: false, | |
745 | tumblrAvatars: false, | |
746 | usernameColon: false | |
747 | }); | |
748 | ||
749 | ||
750 | // infinite scroll | |
751 | {block:ifnotPaginate} | |
752 | var $container = $('#content'); | |
753 | $container.infinitescroll({ | |
754 | itemSelector: '.entry', | |
755 | navSelector: '.pag', | |
756 | nextSelector: '.next', | |
757 | loadingImg: ' ', | |
758 | loadingText: ' ', | |
759 | donetext: 'No more posts' , | |
760 | bufferPx: 2000, | |
761 | {block:ifLoadMore} | |
762 | errorCallback: function(){ | |
763 | jQuery('.load').delay(50).fadeOut(); | |
764 | } | |
765 | {/block:ifLoadMore} | |
766 | }, | |
767 | function( newElements ) { | |
768 | var $newElems = $( newElements ); | |
769 | var $newElemsIDs = $newElems.map(function(){ | |
770 | return this.id; | |
771 | }).get(); | |
772 | console.log($newElems, $newElemsIDs); | |
773 | Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs); | |
774 | $newElems.find('.photo-slideshow').pxuPhotoset({ | |
775 | lightbox: true, | |
776 | rounded: false, | |
777 | gutter: '1px', | |
778 | photoset: '.photo-slideshow', | |
779 | photoWrap: '.photo-data', | |
780 | photo: '.pxu-photo' | |
781 | }); | |
782 | resizeVideos(); | |
783 | $newElems.unnest({ | |
784 | yourCaption: ".cap", | |
785 | newCaptionUsername: true, | |
786 | originalPostCaptionUsername: true, | |
787 | tumblrAvatars: false, | |
788 | usernameColon: false | |
789 | }); | |
790 | }); | |
791 | {block:ifLoadMore} | |
792 | $(window).unbind(".infscr"); | |
793 | $(".load").click(function(){ | |
794 | $("#content").infinitescroll("retrieve"); | |
795 | }); | |
796 | {/block:ifLoadMore} | |
797 | {/block:ifnotPaginate} | |
798 | }); | |
799 | ||
800 | </script> | |
801 | </body> | |
802 | </html> |