SHOW:
|
|
- or go back to the newest paste.
1 | <!DOCTYPE html> | |
2 | <head><title>{title}</title> | |
3 | <link rel="shortcut icon" href="{favicon}"> | |
4 | ||
5 | <!------------------------------------------------------------------- | |
6 | ||
7 | THEME #024 : SUNYATA | |
8 | published november 1, 2017 | |
9 | ᴀʟʟ ʀɪɢʜᴛs ʀᴇsᴇʀᴠᴇᴅ © ᴀɴɢᴇʟɪᴄxɪ ᴜɴᴅᴇʀ ɢᴘʟ ʟɪᴄᴇɴsɪɴɢ | |
10 | ᴜɴᴀᴜᴛʜᴏʀɪᴢᴇᴅ ʀᴇᴅɪsᴛʀɪʙᴜᴛɪᴏɴ ɪs sᴛʀɪᴄᴛʟʏ ᴘʀᴏʜɪʙɪᴛᴇᴅ. | |
11 | ||
12 | Terms of Use: | |
13 | - DO NOT USE AS A BASE CODE. | |
14 | - DO NOT REDISTRIBUTE, REPRODUCE, OR CLAIM AS YOURS. | |
15 | - DO NOT MODIFY BEYOND THE POINT OF RECOGNITION. | |
16 | ||
17 | By using this theme, you indicate that you have read & agreed to these terms. Any violation will be prosecuted against. If there's anything you'd like me to make clear, please contact me via PM. Enjoy! | |
18 | ||
19 | ~Lia | |
20 | ||
21 | --------------------------------------------------------------------> | |
22 | ||
23 | <!-- META : COLORS --> | |
24 | <meta name="color:Background" content="#dab4c4"/> | |
25 | <meta name="color:BG Gradient 1" content="#d7b4c3"/> | |
26 | <meta name="color:BG Gradient 2" content="#a8b080"/> | |
27 | <meta name="color:Sidebar" content="#ffffff"/> | |
28 | <meta name="color:Sidebar Border" content="#ffffff"/> | |
29 | <meta name="color:Title" content="#d7b4c3"/> | |
30 | <meta name="color:Title Hover" content="#a8b080"/> | |
31 | <meta name="color:Description" content="#c8cdaf"/> | |
32 | <meta name="color:Avatar Border" content="#ffffff"/> | |
33 | <meta name="color:Secondary Title" content="#ffffff"/> | |
34 | <meta name="color:Secondary Description" content="#ffffff"/> | |
35 | <meta name="color:Menu" content="#ffffff"/> | |
36 | <meta name="color:Menu Hover" content="#c593a8"/> | |
37 | <meta name="color:SNS Links" content="#ffffff"/> | |
38 | <meta name="color:SNS Links Hover" content="#c593a8"/> | |
39 | <meta name="color:Text" content="#000000"/> | |
40 | <meta name="color:Bold" content="#d74169"/> | |
41 | <meta name="color:Italic" content="#d74169"/> | |
42 | <meta name="color:Underline" content="#d74169"/> | |
43 | <meta name="color:Links" content="#d74169"/> | |
44 | <meta name="color:Links Hover" content="#a8b080"/> | |
45 | <meta name="color:Info Links" content="#ffffff"/> | |
46 | <meta name="color:Info Links Hover" content="#c593a8"/> | |
47 | <meta name="color:Tags" content="#ffffff"/> | |
48 | <meta name="color:Tags Hover" content="#c593a8"/> | |
49 | <meta name="color:Pagination" content="#ffffff"/> | |
50 | <meta name="color:Pagination Hover" content="#a8b080"/> | |
51 | <meta name="color:Pagination Border" content="#ffffff"/> | |
52 | <meta name="color:Post Background" content="#f5f0f0"/> | |
53 | <meta name="color:Post Info BG" content="#ebe1e1"/> | |
54 | <meta name="color:Post Border" content="#ffffff"/> | |
55 | <meta name="color:Post Title" content="#ffffff"/> | |
56 | <meta name="color:Post Title BG" content="#ebe1e1"/> | |
57 | <meta name="color:Post Title BG Gradient 1" content="#d7b4c3"/> | |
58 | <meta name="color:Post Title BG Gradient 2" content="#a8b080"/> | |
59 | <meta name="color:Audio Post BG" content="#ebe1e1"/> | |
60 | <meta name="color:Audio Post Details" content="#ffffff"/> | |
61 | <meta name="color:Audio Post BG Gradient 1" content="#d7b4c3"/> | |
62 | <meta name="color:Audio Post BG Gradient 2" content="#a8b080"/> | |
63 | <meta name="color:Credit" content="#ffffff"/> | |
64 | <meta name="color:Credit Hover" content="#a8b080"/> | |
65 | ||
66 | ||
67 | <!-- META : FEATURES --> | |
68 | <meta name="image:Background" content=""/> | |
69 | <meta name="image:Avatar" content=""/> | |
70 | <meta name="if:300px Posts" content="0"/> | |
71 | <meta name="if:400px Posts" content="0"/> | |
72 | <meta name="if:500px Posts" content="1"/> | |
73 | <meta name="if:600px Posts" content="0"/> | |
74 | <meta name="if:700px Posts" content="0"/> | |
75 | <meta name="if:Hide Body Scrollbar" content="1"/> | |
76 | <meta name="if:Show Body Scrollbar" content="0"/> | |
77 | <meta name="if:Wallpaper BG" content="1"/> | |
78 | <meta name="if:Texture BG" content="0"/> | |
79 | <meta name="if:Gradient BG" content="0"/> | |
80 | <meta name="if:Plaincolor BG" content="0"/> | |
81 | <meta name="if:On Hover Menu" content="1"/> | |
82 | <meta name="if:Sticky Menu" content="0"/> | |
83 | <meta name="if:Solid Post BG" content="0"/> | |
84 | <meta name="if:Transparent Post BG" content="1"/> | |
85 | <meta name="if:Plaincolor Post Title BG" content="0"/> | |
86 | <meta name="if:Gradient Post Title BG" content="1"/> | |
87 | <meta name="if:Plaincolor Audio Post BG" content="1"/> | |
88 | <meta name="if:Gradient Audio Post BG" content="0"/> | |
89 | <meta name="if:Invert Tumblr Controls" content="0"/> | |
90 | <meta name="text:Title" content="your title here"/> | |
91 | <meta name="text:Description" content="keep your description about three lines long"/> | |
92 | <meta name="text:Secondary Title" content="this is the title in the popup panel"/> | |
93 | <meta name="text:Secondary Description" content="the popup description is about six lines long"/> | |
94 | <meta name="text:Home Link Title" content="your home link title"/> | |
95 | <meta name="text:Home Link URL" content="your home link here"/> | |
96 | <meta name="text:Ask Link Title" content="your ask link title"/> | |
97 | <meta name="text:Ask Link URL" content="your ask link here"/> | |
98 | <meta name="text:Link 1 Title" content="link one title"/> | |
99 | <meta name="text:Link 1 URL" content="link one url"/> | |
100 | <meta name="text:Link 2 Title" content="link two title"/> | |
101 | <meta name="text:Link 2 URL" content="link two url"/> | |
102 | <meta name="text:Link 3 Title" content="link three title"/> | |
103 | <meta name="text:Link 3 URL" content="link three url"/> | |
104 | <meta name="text:Link 4 Title" content="link four title"/> | |
105 | <meta name="text:Link 4 URL" content="link four url"/> | |
106 | <meta name="text:SNS Link 1 Title" content="sns links refer to"/> | |
107 | <meta name="text:SNS Link 1 URL" content="the social media buttons"/> | |
108 | <meta name="text:SNS Link 2 Title" content="in the pop-up"/> | |
109 | <meta name="text:SNS Link 2 URL" content="you have six but"/> | |
110 | <meta name="text:SNS Link 3 Title" content="you can add more"/> | |
111 | <meta name="text:SNS Link 3 URL" content="as well as change the icons"/> | |
112 | <meta name="text:SNS Link 4 Title" content="of the built-in ones"/> | |
113 | <meta name="text:SNS Link 4 URL" content=""/> | |
114 | <meta name="text:SNS Link 5 Title" content=""/> | |
115 | <meta name="text:SNS Link 5 URL" content=""/> | |
116 | <meta name="text:SNS Link 6 Title" content=""/> | |
117 | <meta name="text:SNS Link 6 URL" content=""/> | |
118 | <meta name="text:Popup Panel BG" content="rgba(215, 180, 195, 0.9)"/> | |
119 | <meta name="text:Credit BG" content="rgba(225, 225, 225, 1)"/> | |
120 | <meta name="text:Transparent Post BG" content="rgba(235, 225, 225, 0.5)"/> | |
121 | <meta name="text:Pagination BG" content="rgba(235, 225, 225, 0.5)"/> | |
122 | ||
123 | ||
124 | <!-- META : FONTS --> | |
125 | <link href="https://fonts.googleapis.com/css?family=Playfair+Display+SC" rel="stylesheet"> | |
126 | <link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet"> | |
127 | <link href="https://fonts.googleapis.com/css?family=Nunito+Sans" rel="stylesheet"> | |
128 | <script src="https://use.fontawesome.com/ef30ca543c.js"></script> | |
129 | ||
130 | ||
131 | <style type="text/css"> | |
132 | ||
133 | body { | |
134 | margin: 0px; | |
135 | } | |
136 | ||
137 | #screen { | |
138 | {block:IfWallpaperBG} | |
139 | background-image: url('{image:background}'); | |
140 | background-size: cover; | |
141 | {/block:IfWallpaperBG} | |
142 | {block:IfTextureBG} | |
143 | background-image: url('{image:background}'); | |
144 | {/block:IfTextureBG} | |
145 | {block:IfGradientBG} | |
146 | background: linear-gradient(130deg, {color:bg gradient 1} 0%, {color:bg gradient 2} 100%); | |
147 | {/block:IfGradientBG} | |
148 | {block:IfPlaincolorBG} | |
149 | background: {color:background}; | |
150 | {/block:IfPlaincolorBG} | |
151 | height: 100vh; | |
152 | width: 100vw; | |
153 | position: fixed; | |
154 | z-index: 0; | |
155 | } | |
156 | ||
157 | a, a:active, a:visited { | |
158 | text-decoration: none; | |
159 | } | |
160 | ||
161 | a:hover { | |
162 | transition: all ease-in-out 0.4s; | |
163 | } | |
164 | ||
165 | a:focus { | |
166 | outline: 0; | |
167 | } | |
168 | ||
169 | small { | |
170 | font-size: 95%; | |
171 | } | |
172 | ||
173 | pre { | |
174 | font-size: 95%; | |
175 | word-wrap: break-all; | |
176 | word-break: break-all; | |
177 | } | |
178 | ||
179 | hr { | |
180 | color: {color:post border}; | |
181 | height: 1px; | |
182 | } | |
183 | ||
184 | blockquote { | |
185 | word-wrap: normal; | |
186 | word-break: normal; | |
187 | margin-left: 10px; | |
188 | margin-right: 0px; | |
189 | padding: 5px; | |
190 | border-left: 2px solid {color:post border}; | |
191 | } | |
192 | ||
193 | blockquote blockquote { | |
194 | word-wrap: normal; | |
195 | word-break: normal; | |
196 | margin-left: 15px; | |
197 | margin-right: 0px; | |
198 | padding: 5px; | |
199 | border-left: 2px solid {color:post border}; | |
200 | } | |
201 | ||
202 | blockquote img { | |
203 | width: auto; | |
204 | {block:If300pxPosts} | |
205 | max-width: 260px; | |
206 | {/block:If300pxPosts} | |
207 | {block:If400pxPosts} | |
208 | max-width: 360px; | |
209 | {/block:If400pxPosts} | |
210 | {block:If500pxPosts} | |
211 | max-width: 460px; | |
212 | {/block:If500pxPosts} | |
213 | {block:If600pxPosts} | |
214 | max-width: 560px; | |
215 | {/block:If600pxPosts} | |
216 | {block:If700pxPosts} | |
217 | max-width: 660px; | |
218 | {/block:If700pxPosts} | |
219 | overflow: hidden; | |
220 | } | |
221 | ||
222 | blockquote blockquote img { | |
223 | width: auto; | |
224 | {block:If300pxPosts} | |
225 | max-width: 225px; | |
226 | {/block:If300pxPosts} | |
227 | {block:If400pxPosts} | |
228 | max-width: 325px; | |
229 | {/block:If400pxPosts} | |
230 | {block:If500pxPosts} | |
231 | max-width: 425px; | |
232 | {/block:If500pxPosts} | |
233 | {block:If600pxPosts} | |
234 | max-width: 525px; | |
235 | {/block:If600pxPosts} | |
236 | {block:If700pxPosts} | |
237 | max-width: 625px; | |
238 | {/block:If700pxPosts} | |
239 | overflow: hidden; | |
240 | } | |
241 | ||
242 | u, li img { | |
243 | width: auto; | |
244 | {block:If300pxPosts} | |
245 | max-width: 225px; | |
246 | {/block:If300pxPosts} | |
247 | {block:If400pxPosts} | |
248 | max-width: 325px; | |
249 | {/block:If400pxPosts} | |
250 | {block:If500pxPosts} | |
251 | max-width: 425px; | |
252 | {/block:If500pxPosts} | |
253 | {block:If600pxPosts} | |
254 | max-width: 525px; | |
255 | {/block:If600pxPosts} | |
256 | {block:If700pxPosts} | |
257 | max-width: 625px; | |
258 | {/block:If700pxPosts} | |
259 | overflow: hidden; | |
260 | } | |
261 | ||
262 | /* TITLE */ | |
263 | h1 { | |
264 | height: 10px; | |
265 | width: 160px; | |
266 | color: {color:title}; | |
267 | font-family: 'Playfair Display SC'; | |
268 | font-size: 14px; | |
269 | font-weight: 700; | |
270 | letter-spacing: 1px; | |
271 | text-transform: uppercase; | |
272 | text-align: center; | |
273 | margin-top: calc(50vh - 45px); | |
274 | margin-left: calc(22vw - 204px); | |
275 | padding-top: 5px; | |
276 | padding-bottom: 15px; | |
277 | position: fixed; | |
278 | z-index: 10; | |
279 | } | |
280 | ||
281 | h1:hover { | |
282 | color: {color:title hover}; | |
283 | transition: all ease-in-out 0.4s; | |
284 | cursor: help; | |
285 | } | |
286 | ||
287 | /* TEXT POST HEADINGS */ | |
288 | h2 { | |
289 | font-family: 'Playfair Display SC'; | |
290 | font-size: 14px; | |
291 | font-weight: 700; | |
292 | letter-spacing: 1px; | |
293 | text-transform: uppercase; | |
294 | padding: 10px; | |
295 | } | |
296 | ||
297 | /* SECONDARY TITLE */ | |
298 | h3 { | |
299 | height: 10px; | |
300 | width: 350px; | |
301 | color: {color:secondary title}; | |
302 | font-family: 'Playfair Display SC'; | |
303 | font-size: 15px; | |
304 | font-weight: 500; | |
305 | text-transform: uppercase; | |
306 | text-align: center; | |
307 | padding-top: 5px; | |
308 | padding-bottom: 15px; | |
309 | margin-top: 192px; | |
310 | margin-left: calc(50vw - 175px); | |
311 | position: fixed; | |
312 | } | |
313 | ||
314 | /* POST TITLE */ | |
315 | h4 { | |
316 | {block:If300pxPosts} | |
317 | width: 260px; | |
318 | {/block:If300pxPosts} | |
319 | {block:If400pxPosts} | |
320 | width: 360px; | |
321 | {/block:If400pxPosts} | |
322 | {block:If500pxPosts} | |
323 | width: 460px; | |
324 | {/block:If500pxPosts} | |
325 | {block:If600pxPosts} | |
326 | width: 560px; | |
327 | {/block:If600pxPosts} | |
328 | {block:If700pxPosts} | |
329 | width: 660px; | |
330 | {/block:If700pxPosts} | |
331 | {block:IfPlaincolorPostTitleBG} | |
332 | background: {color:post title bg}; | |
333 | {/block:IfPlaincolorPostTitleBG} | |
334 | {block:IfGradientPostTitleBG} | |
335 | background: linear-gradient(130deg, {color:post title bg gradient 1} 0%, {color:post title bg gradient 2} 100%); | |
336 | {/block:IfGradientPostTitleBG} | |
337 | color: {color:post title}; | |
338 | font-family: 'Playfair Display SC'; | |
339 | font-size: 15px; | |
340 | font-weight: 400; | |
341 | letter-spacing: 1px; | |
342 | text-align: center; | |
343 | text-transform: uppercase; | |
344 | padding: 20px; | |
345 | margin-top: 5px; | |
346 | margin-bottom: 15px; | |
347 | } | |
348 | ||
349 | #left { | |
350 | height: 100vh; | |
351 | width: 22vw; | |
352 | position: fixed; | |
353 | z-index: 3; | |
354 | } | |
355 | ||
356 | #topline { | |
357 | background: {color:sidebar border}; | |
358 | height: calc(50vh - 122px); | |
359 | width: 2px; | |
360 | margin-left: calc(22vw - 125px); | |
361 | position: fixed; | |
362 | z-index: 8px; | |
363 | } | |
364 | ||
365 | #topline:hover #menu { | |
366 | display: block; | |
367 | transition: all ease-in-out 0.4s; | |
368 | } | |
369 | ||
370 | #menu { | |
371 | {block:IfOnHoverMenu} | |
372 | display: none; | |
373 | {/block:IfOnHoverMenu} | |
374 | {block:IfStickyMenu} | |
375 | display: block; | |
376 | {/block:IfStickyMenu} | |
377 | height: 160px; | |
378 | width: 10px; | |
379 | color: {color:menu}; | |
380 | font-size: 8px; | |
381 | font-weight: 100; | |
382 | text-align: center; | |
383 | padding: 10px; | |
384 | margin-top: calc(50vh - 292px); | |
385 | margin-left: 2px; | |
386 | position: fixed; | |
387 | } | |
388 | ||
389 | #menu a, a:active, a:visited { | |
390 | color: {color:menu}; | |
391 | } | |
392 | ||
393 | #menu a:hover { | |
394 | color: {color:menu hover}; | |
395 | } | |
396 | ||
397 | #diamond { | |
398 | background: {color:sidebar}; | |
399 | height: 160px; | |
400 | width: 160px; | |
401 | outline: 2px solid {color:sidebar border}; | |
402 | outline-offset: 5px; | |
403 | margin-top: calc(50vh - 80px); | |
404 | margin-left: calc(22vw - 204px); | |
405 | transform: rotate(45deg); | |
406 | position: fixed; | |
407 | z-index: 9; | |
408 | } | |
409 | ||
410 | #bottomline { | |
411 | background: {color:sidebar border}; | |
412 | height: calc(50vh - 122px); | |
413 | width: 2px; | |
414 | margin-top: calc(100vh - (50vh - 122px)); | |
415 | margin-left: calc(22vw - 125px); | |
416 | position: fixed; | |
417 | z-index: 8px; | |
418 | } | |
419 | ||
420 | #description { | |
421 | height: 50px; | |
422 | width: 180px; | |
423 | color: {color:description}; | |
424 | font-family: 'Nunito Sans'; | |
425 | font-size: 10px; | |
426 | font-style: italic; | |
427 | text-align: center; | |
428 | margin-top: calc(50vh - 15px); | |
429 | margin-left: calc(22vw - 219px); | |
430 | padding: 5px; | |
431 | position: fixed; | |
432 | z-index: 10; | |
433 | } | |
434 | ||
435 | #description a, a:active, a:visited { | |
436 | color: {color:title}; | |
437 | } | |
438 | ||
439 | #description a:hover { | |
440 | color: {color:title hover}; | |
441 | } | |
442 | ||
443 | #description b { | |
444 | color: {color:title}; | |
445 | } | |
446 | ||
447 | #overlay { | |
448 | display: none; | |
449 | background-color: {text:popup panel bg}; | |
450 | height: 100vh; | |
451 | width: 100vw; | |
452 | top: 0; | |
453 | left: 0; | |
454 | position: fixed; | |
455 | z-index: 11; | |
456 | } | |
457 | ||
458 | #overlay:target { | |
459 | display: block; | |
460 | transition: ease-in-out 0.4s; | |
461 | } | |
462 | ||
463 | #wrap { | |
464 | height: 350px; | |
465 | width: 100vw; | |
466 | margin-top: calc(50vh - 175px); | |
467 | position: fixed; | |
468 | z-index: 11; | |
469 | } | |
470 | ||
471 | #avatar { | |
472 | height: 100px; | |
473 | width: 100px; | |
474 | outline: 2px solid {color:avatar border}; | |
475 | outline-offset: 5px; | |
476 | margin-top: 32px; | |
477 | margin-left: calc(50vw - 50px); | |
478 | transform: rotate(45deg); | |
479 | overflow: hidden; | |
480 | position: fixed; | |
481 | } | |
482 | ||
483 | #avatar img { | |
484 | height: 150px; | |
485 | width: 150px; | |
486 | margin-top: -25px; | |
487 | margin-left: -25px; | |
488 | transform: rotate(-45deg); | |
489 | position: fixed; | |
490 | } | |
491 | ||
492 | #avatar:hover #return { | |
493 | display: block; | |
494 | transition: ease-in-out 0.4s; | |
495 | } | |
496 | ||
497 | #return { | |
498 | display: none; | |
499 | background: {color:avatar border}; | |
500 | height: 5px; | |
501 | width: 130px; | |
502 | font-family: 'Arial'; | |
503 | font-size: 10px; | |
504 | font-weight: 500; | |
505 | font-variant: small-caps; | |
506 | letter-spacing: 1px; | |
507 | text-align: center; | |
508 | padding-top: 6px; | |
509 | padding-left: 10px; | |
510 | padding-right: 10px; | |
511 | padding-bottom: 14px; | |
512 | margin-top: 38px; | |
513 | margin-left: -25px; | |
514 | transform: rotate(-45deg); | |
515 | position: fixed; | |
516 | } | |
517 | ||
518 | #return a, a:active, a:visited { | |
519 | color: {color:links}; | |
520 | } | |
521 | ||
522 | #return a:hover { | |
523 | color: {color:links hover}; | |
524 | font-style: italic; | |
525 | font-variant: normal; | |
526 | } | |
527 | ||
528 | #leftline { | |
529 | background: {color:avatar border}; | |
530 | height: 2px; | |
531 | width: calc(50vw - 77px); | |
532 | margin-top: 81px; | |
533 | position: fixed; | |
534 | } | |
535 | ||
536 | #rightline { | |
537 | background: {color:avatar border}; | |
538 | height: 2px; | |
539 | width: calc(50vw - 77px); | |
540 | margin-top: 81px; | |
541 | margin-left: calc(100vw - (50vw - 77px)); | |
542 | position: fixed; | |
543 | } | |
544 | ||
545 | #sdesc { | |
546 | height: 80px; | |
547 | width: 350px; | |
548 | color: {color:secondary description}; | |
549 | font-family: 'Nunito Sans'; | |
550 | font-size: 10px; | |
551 | text-align: center; | |
552 | padding-top: 5px; | |
553 | padding-bottom: 15px; | |
554 | margin-top: 222px; | |
555 | margin-left: calc(50vw - 175px); | |
556 | position: fixed; | |
557 | } | |
558 | ||
559 | #sns { | |
560 | width: 400px; | |
561 | color: {color:sns links}; | |
562 | font-size: 12px; | |
563 | font-weight: 100; | |
564 | text-align: center; | |
565 | margin-top: 329px; | |
566 | margin-left: calc(50vw - 200px); | |
567 | position: fixed; | |
568 | } | |
569 | ||
570 | #sns a, a:active, a:visited { | |
571 | color: {color:sns links}; | |
572 | } | |
573 | ||
574 | #sns a:hover { | |
575 | color: {color:sns links hover}; | |
576 | } | |
577 | ||
578 | #right { | |
579 | height: 100vh; | |
580 | width: 78vw; | |
581 | padding-left: 40px; | |
582 | {block:IfHideBodyScrollbar} | |
583 | padding-right: 1500px; | |
584 | {/block:IfHideBodyScrollbar} | |
585 | margin-left: calc(22vw - 60px); | |
586 | overflow-x: hidden; | |
587 | overflow-y: auto; | |
588 | position: absolute; | |
589 | } | |
590 | ||
591 | ||
592 | /* POSTS */ | |
593 | ||
594 | #post { | |
595 | {block:If300pxPosts} | |
596 | width: 300px; | |
597 | {/block:If300pxPosts} | |
598 | {block:If400pxPosts} | |
599 | width: 400px; | |
600 | {/block:If400pxPosts} | |
601 | {block:If500pxPosts} | |
602 | width: 500px; | |
603 | {/block:If500pxPosts} | |
604 | {block:If600pxPosts} | |
605 | width: 600px; | |
606 | {/block:If600pxPosts} | |
607 | {block:If700pxPosts} | |
608 | width: 700px; | |
609 | {/block:If700pxPosts} | |
610 | {block:IfSolidPostBG} | |
611 | background-color: {color:post background}; | |
612 | {/block:IfSolidPostBG} | |
613 | {block:IfTransparentPostBG} | |
614 | background-color: {text:transparent post bg}; | |
615 | {/block:IfTransparentPostBG} | |
616 | color: {color:text}; | |
617 | font-family: 'Arial'; | |
618 | font-size: 10.5px; | |
619 | word-wrap: normal; | |
620 | border: 1px solid {color:post border}; | |
621 | padding-top: 20px; | |
622 | padding-left: 20px; | |
623 | padding-bottom: 30px; | |
624 | padding-right: 20px; | |
625 | margin-top: 50px; | |
626 | margin-left: auto; | |
627 | margin-right: auto; | |
628 | z-index: 9; | |
629 | } | |
630 | ||
631 | #post p { | |
632 | margin: 10px; | |
633 | } | |
634 | ||
635 | #post a, a:active, a:visited { | |
636 | color: {color:links}; | |
637 | text-decoration: none; | |
638 | } | |
639 | ||
640 | #post a:hover { | |
641 | color: {color:links hover}; | |
642 | text-decoration: none; | |
643 | } | |
644 | ||
645 | #post b, strong { | |
646 | color: {color:bold}; | |
647 | font-weight: 600; | |
648 | } | |
649 | ||
650 | #post i, em { | |
651 | color: {color:italic}; | |
652 | } | |
653 | ||
654 | #post u, underline { | |
655 | color: {color:underline}; | |
656 | text-decoration: underline; | |
657 | } | |
658 | ||
659 | - | #post img { |
659 | + | #post img { |
660 | {block:If300pxPosts} | |
661 | - | max-width: 300px; |
661 | + | |
662 | {/block:If300pxPosts} | |
663 | {block:If400pxPosts} | |
664 | - | max-width: 400px; |
664 | + | |
665 | {/block:If400pxPosts} | |
666 | {block:If500pxPosts} | |
667 | - | max-width: 500px; |
667 | + | |
668 | {/block:If500pxPosts} | |
669 | {block:If600pxPosts} | |
670 | - | max-width: 600px; |
670 | + | |
671 | {/block:If600pxPosts} | |
672 | {block:If700pxPosts} | |
673 | - | max-width: 700px; |
673 | + | |
674 | {/block:If700pxPosts} | |
675 | margin-left: -1px; | |
676 | } | |
677 | - | #post video { |
677 | + | |
678 | #info { | |
679 | - | max-width: 300px; |
679 | + | |
680 | width: 300px; | |
681 | {/block:If300pxPosts} | |
682 | - | max-width: 400px; |
682 | + | |
683 | width: 400px; | |
684 | {/block:If400pxPosts} | |
685 | - | max-width: 500px; |
685 | + | |
686 | width: 500px; | |
687 | {/block:If500pxPosts} | |
688 | - | max-width: 600px; |
688 | + | |
689 | width: 600px; | |
690 | {/block:If600pxPosts} | |
691 | - | max-width: 700px; |
691 | + | |
692 | width: 700px; | |
693 | {/block:If700pxPosts} | |
694 | background-color: {color:post info bg}; | |
695 | color: {color:info links}; | |
696 | font-family: 'Arial'; | |
697 | font-size: 10px; | |
698 | font-variant: small-caps; | |
699 | text-transform: lowercase; | |
700 | text-align: center; | |
701 | border-left: 1px solid {color:post border}; | |
702 | border-right: 1px solid {color:post border}; | |
703 | border-bottom: 1px solid {color:post border}; | |
704 | padding: 20px; | |
705 | margin-top: 0px; | |
706 | margin-left: auto; | |
707 | margin-right: auto; | |
708 | z-index: 9; | |
709 | } | |
710 | ||
711 | #info a, a:active, a:visited { | |
712 | color: {color:info links}; | |
713 | } | |
714 | ||
715 | #info a:hover { | |
716 | color: {color:info links hover}; | |
717 | } | |
718 | ||
719 | #tags { | |
720 | {block:If300pxPosts} | |
721 | width: 300px; | |
722 | {/block:If300pxPosts} | |
723 | {block:If400pxPosts} | |
724 | width: 400px; | |
725 | {/block:If400pxPosts} | |
726 | {block:If500pxPosts} | |
727 | width: 500px; | |
728 | {/block:If500pxPosts} | |
729 | {block:If600pxPosts} | |
730 | width: 600px; | |
731 | {/block:If600pxPosts} | |
732 | {block:If700pxPosts} | |
733 | width: 700px; | |
734 | {/block:If700pxPosts} | |
735 | background-color: transparent; | |
736 | color: {color:post border}; | |
737 | font-family: 'Nunito Sans'; | |
738 | font-size: 10.5px; | |
739 | letter-spacing: 1px; | |
740 | text-transform: lowercase; | |
741 | word-break: break-all; | |
742 | margin-top: 0px; | |
743 | margin-bottom: 50px; | |
744 | margin-left: auto; | |
745 | margin-right: auto; | |
746 | padding: 10px; | |
747 | } | |
748 | ||
749 | #tags a, a:active, a:visited { | |
750 | color: {color:tags}; | |
751 | text-decoration: none; | |
752 | } | |
753 | ||
754 | #tags a:hover { | |
755 | color: {color:tags hover}; | |
756 | } | |
757 | ||
758 | /* POST TYPES */ | |
759 | ||
760 | .user-text { | |
761 | background-color: {color:post border}; | |
762 | font-family: 'Arial'; | |
763 | font-size: 11px; | |
764 | font-weight: 600; | |
765 | font-variant: small-caps; | |
766 | letter-spacing: 1px; | |
767 | text-align: center; | |
768 | padding: 10px; | |
769 | margin-top: 7px; | |
770 | } | |
771 | ||
772 | .user-photo { | |
773 | background-color: {color:post border}; | |
774 | font-family: 'Arial'; | |
775 | font-size: 11px; | |
776 | font-weight: 600; | |
777 | font-variant: small-caps; | |
778 | letter-spacing: 1px; | |
779 | text-align: center; | |
780 | padding: 10px; | |
781 | margin-top: 15px; | |
782 | } | |
783 | ||
784 | .branch { | |
785 | {block:If300pxPosts} | |
786 | width: 298px; | |
787 | {/block:If300pxPosts} | |
788 | {block:If400pxPosts} | |
789 | width: 398px; | |
790 | {/block:If400pxPosts} | |
791 | {block:If500pxPosts} | |
792 | width: 498px; | |
793 | {/block:If500pxPosts} | |
794 | {block:If600pxPosts} | |
795 | width: 598px; | |
796 | {/block:If600pxPosts} | |
797 | {block:If700pxPosts} | |
798 | width: 698px; | |
799 | {/block:If700pxPosts} | |
800 | border: 1px solid {color:post border}; | |
801 | - | #branch { |
801 | + | |
802 | } | |
803 | ||
804 | .photo { | |
805 | {block:If300pxPosts} | |
806 | width: 300px; | |
807 | {/block:If300pxPosts} | |
808 | {block:If400pxPosts} | |
809 | width: 400px; | |
810 | {/block:If400pxPosts} | |
811 | {block:If500pxPosts} | |
812 | width: 500px; | |
813 | {/block:If500pxPosts} | |
814 | {block:If600pxPosts} | |
815 | width: 600px; | |
816 | {/block:If600pxPosts} | |
817 | {block:If700pxPosts} | |
818 | width: 700px; | |
819 | {/block:If700pxPosts} | |
820 | } | |
821 | - | #branch img { |
821 | + | |
822 | .photo img { | |
823 | - | max-width: 298px; |
823 | + | |
824 | width: 300px; | |
825 | {/block:If300pxPosts} | |
826 | - | max-width: 398px; |
826 | + | |
827 | width: 400px; | |
828 | {/block:If400pxPosts} | |
829 | - | max-width: 498px; |
829 | + | |
830 | width: 500px; | |
831 | {/block:If500pxPosts} | |
832 | - | max-width: 598px; |
832 | + | |
833 | width: 600px; | |
834 | {/block:If600pxPosts} | |
835 | - | max-width: 698px; |
835 | + | |
836 | width: 700px; | |
837 | {/block:If700pxPosts} | |
838 | } | |
839 | - | #branch video { |
839 | + | |
840 | .postnote { | |
841 | - | max-width: 298px; |
841 | + | |
842 | width: 320px; | |
843 | {/block:If300pxPosts} | |
844 | - | max-width: 398px; |
844 | + | |
845 | width: 420px; | |
846 | {/block:If400pxPosts} | |
847 | - | max-width: 498px; |
847 | + | |
848 | width: 520px; | |
849 | {/block:If500pxPosts} | |
850 | - | max-width: 598px; |
850 | + | |
851 | width: 620px; | |
852 | {/block:If600pxPosts} | |
853 | - | max-width: 698px; |
853 | + | |
854 | width: 720px; | |
855 | {/block:If700pxPosts} | |
856 | color: {color:post border}; | |
857 | - | #photo { |
857 | + | |
858 | font-size: 9px; | |
859 | letter-spacing: 1px; | |
860 | padding: 10px; | |
861 | margin-left: auto; | |
862 | margin-right: auto; | |
863 | } | |
864 | ||
865 | .postnote a, a:active, a:visited { | |
866 | color: {color:tags}; | |
867 | } | |
868 | ||
869 | .postnote a:hover { | |
870 | color: {color:tags hover}; | |
871 | } | |
872 | ||
873 | /* QUOTE */ | |
874 | ||
875 | - | #photo img { |
875 | + | |
876 | {block:If300pxPosts} | |
877 | width: 230px; | |
878 | {/block:If300pxPosts} | |
879 | {block:If400pxPosts} | |
880 | width: 330px; | |
881 | {/block:If400pxPosts} | |
882 | {block:If500pxPosts} | |
883 | width: 430px; | |
884 | {/block:If500pxPosts} | |
885 | {block:If600pxPosts} | |
886 | width: 530px; | |
887 | {/block:If600pxPosts} | |
888 | {block:If700pxPosts} | |
889 | width: 630px; | |
890 | {/block:If700pxPosts} | |
891 | font-family: 'Playfair Display'; | |
892 | font-size: 13px; | |
893 | font-weight: 400; | |
894 | text-align: center; | |
895 | border-bottom: 1px solid {color:post border}; | |
896 | padding: 10px; | |
897 | margin-left: auto; | |
898 | margin-right: auto; | |
899 | } | |
900 | ||
901 | .qusource { | |
902 | font-size: 10px; | |
903 | font-variant: small-caps; | |
904 | letter-spacing: 1px; | |
905 | text-transform: lowercase; | |
906 | text-align: center; | |
907 | padding-top: 10px; | |
908 | } | |
909 | ||
910 | /* CHAT */ | |
911 | ||
912 | .chat { | |
913 | height: auto; | |
914 | width: auto; | |
915 | text-align: justify; | |
916 | border-top: 1px solid {color:post border}; | |
917 | border-left: 1px solid {color:post border}; | |
918 | border-right: 1px solid {color:post border}; | |
919 | } | |
920 | ||
921 | .line { | |
922 | height: auto; | |
923 | width: auto; | |
924 | border-bottom: 1px solid {color:post border}; | |
925 | } | |
926 | ||
927 | /* ASKS */ | |
928 | ||
929 | .ask { | |
930 | {block:If300pxPosts} | |
931 | width: 230px; | |
932 | {/block:If300pxPosts} | |
933 | {block:If400pxPosts} | |
934 | width: 330px; | |
935 | {/block:If400pxPosts} | |
936 | {block:If500pxPosts} | |
937 | width: 430px; | |
938 | {/block:If500pxPosts} | |
939 | {block:If600pxPosts} | |
940 | width: 530px; | |
941 | {/block:If600pxPosts} | |
942 | {block:If700pxPosts} | |
943 | width: 630px; | |
944 | {/block:If700pxPosts} | |
945 | font-family: 'Nunito Sans'; | |
946 | font-size: 11px; | |
947 | font-style: italic; | |
948 | text-align: justify; | |
949 | border-bottom: 1px solid {color:post border}; | |
950 | padding: 10px; | |
951 | margin-left: auto; | |
952 | margin-right: auto; | |
953 | } | |
954 | ||
955 | .asker { | |
956 | {block:If300pxPosts} | |
957 | width: 230px; | |
958 | {/block:If300pxPosts} | |
959 | {block:If400pxPosts} | |
960 | width: 330px; | |
961 | {/block:If400pxPosts} | |
962 | {block:If500pxPosts} | |
963 | width: 430px; | |
964 | {/block:If500pxPosts} | |
965 | {block:If600pxPosts} | |
966 | width: 530px; | |
967 | {/block:If600pxPosts} | |
968 | {block:If700pxPosts} | |
969 | width: 630px; | |
970 | {/block:If700pxPosts} | |
971 | font-family: 'Arial'; | |
972 | font-size: 10px; | |
973 | font-variant: small-caps; | |
974 | letter-spacing: 1px; | |
975 | text-transform: lowercase; | |
976 | text-align: center; | |
977 | border-bottom: 1px solid {color:post border}; | |
978 | padding: 10px; | |
979 | margin-left: auto; | |
980 | margin-right: auto; | |
981 | } | |
982 | ||
983 | .asker a, a:active, a:visited { | |
984 | color: {color:post border}; | |
985 | } | |
986 | ||
987 | .answer { | |
988 | {block:If300pxPosts} | |
989 | width: 230px; | |
990 | {/block:If300pxPosts} | |
991 | {block:If400pxPosts} | |
992 | width: 330px; | |
993 | {/block:If400pxPosts} | |
994 | {block:If500pxPosts} | |
995 | width: 430px; | |
996 | {/block:If500pxPosts} | |
997 | {block:If600pxPosts} | |
998 | width: 530px; | |
999 | {/block:If600pxPosts} | |
1000 | {block:If700pxPosts} | |
1001 | width: 630px; | |
1002 | {/block:If700pxPosts}; | |
1003 | text-align: justify; | |
1004 | padding: 10px; | |
1005 | margin-left: 25px; | |
1006 | margin-top: 35px; | |
1007 | border: 1px solid {color:post border}; | |
1008 | } | |
1009 | ||
1010 | .answerer { | |
1011 | color: {color:links}; | |
1012 | font-family: 'Arial'; | |
1013 | font-size: 10px; | |
1014 | font-variant: small-caps; | |
1015 | letter-spacing: 1px; | |
1016 | text-transform: lowercase; | |
1017 | text-align: center; | |
1018 | padding-top: 7px; | |
1019 | } | |
1020 | ||
1021 | /* AUDIO */ | |
1022 | ||
1023 | #audio { | |
1024 | {block:If300pxPosts} | |
1025 | width: 300px; | |
1026 | {/block:If300pxPosts} | |
1027 | {block:If400pxPosts} | |
1028 | width: 400px; | |
1029 | {/block:If400pxPosts} | |
1030 | {block:If500pxPosts} | |
1031 | width: 500px; | |
1032 | {/block:If500pxPosts} | |
1033 | {block:If600pxPosts} | |
1034 | width: 600px; | |
1035 | {/block:If600pxPosts} | |
1036 | {block:If700pxPosts} | |
1037 | width: 700px; | |
1038 | {/block:If700pxPosts} | |
1039 | } | |
1040 | ||
1041 | #audio b, strong { | |
1042 | color: {color:audio post details}; | |
1043 | } | |
1044 | ||
1045 | #albumart { | |
1046 | height: 105px; | |
1047 | width: 105px; | |
1048 | border: 5px solid {color:post border}; | |
1049 | margin-top: 7px; | |
1050 | overflow: hidden; | |
1051 | z-index: 9; | |
1052 | } | |
1053 | ||
1054 | #albumart img { | |
1055 | height: 106px; | |
1056 | width: 106px; | |
1057 | } | |
1058 | ||
1059 | .player { | |
1060 | background-color: transparent; | |
1061 | opacity: 0.5; | |
1062 | width: 25px; | |
1063 | height: 25px; | |
1064 | border-radius: 25px; | |
1065 | -moz-border-radius: 25px; | |
1066 | -webkit-border-radius: 25px; | |
1067 | -o-border-radius: 25px; | |
1068 | margin-top: -68px; | |
1069 | margin-left: 45px; | |
1070 | overflow: hidden; | |
1071 | position: absolute; | |
1072 | z-index: 10; | |
1073 | } | |
1074 | ||
1075 | .adetails { | |
1076 | {block:IfPlaincolorAudioPostBG} | |
1077 | background: {color:audio post bg}; | |
1078 | {/block:IfPlaincolorAudioPostBG} | |
1079 | {block:IfGradientAudioPostBG} | |
1080 | background: linear-gradient(130deg, {color:audio post bg gradient 1} 0%, {color:audio post bg gradient 2} 100%); | |
1081 | {/block:IfGradientAudioPostBG} | |
1082 | height: 85px; | |
1083 | {block:If300pxPosts} | |
1084 | width: 184px; | |
1085 | {/block:If300pxPosts} | |
1086 | {block:If400pxPosts} | |
1087 | width: 284px; | |
1088 | {/block:If400pxPosts} | |
1089 | {block:If500pxPosts} | |
1090 | width: 384px; | |
1091 | {/block:If500pxPosts} | |
1092 | {block:If600pxPosts} | |
1093 | width: 484px; | |
1094 | {/block:If600pxPosts} | |
1095 | {block:If700pxPosts} | |
1096 | width: 584px; | |
1097 | {/block:If700pxPosts} | |
1098 | color: {color:audio post details}; | |
1099 | font-family: 'Arial'; | |
1100 | font-size: 9px; | |
1101 | letter-spacing: 1px; | |
1102 | text-transform: lowercase; | |
1103 | text-align: center; | |
1104 | padding-top: 30px; | |
1105 | margin-top: -115px; | |
1106 | margin-left: 116px; | |
1107 | z-index: 9; | |
1108 | } | |
1109 | ||
1110 | #pagination { | |
1111 | background: {text:pagination bg}; | |
1112 | height: 10px; | |
1113 | {block:If300pxPosts} | |
1114 | width: 340px; | |
1115 | {/block:If300pxPosts} | |
1116 | {block:If400pxPosts} | |
1117 | width: 440px; | |
1118 | {/block:If400pxPosts} | |
1119 | {block:If500pxPosts} | |
1120 | width: 540px; | |
1121 | {/block:If500pxPosts} | |
1122 | {block:If600pxPosts} | |
1123 | width: 640px; | |
1124 | {/block:If600pxPosts} | |
1125 | {block:If700pxPosts} | |
1126 | width: 740px; | |
1127 | {/block:If700pxPosts} | |
1128 | color: {color:pagination}; | |
1129 | font-family: 'Arial'; | |
1130 | font-size: 10px; | |
1131 | font-variant: small-caps; | |
1132 | letter-spacing: 1px; | |
1133 | text-align: center; | |
1134 | border: 1px solid {color:pagination border}; | |
1135 | padding-top: 10px; | |
1136 | padding-bottom: 12px; | |
1137 | margin-left: auto; | |
1138 | margin-right: auto; | |
1139 | margin-bottom: 50px; | |
1140 | } | |
1141 | ||
1142 | #pagination a, a:active, a:visited { | |
1143 | color: {color:pagination}; | |
1144 | } | |
1145 | ||
1146 | #pagination a:hover { | |
1147 | color: {color:pagination hover}; | |
1148 | } | |
1149 | ||
1150 | ||
1151 | /* DO NOT REMOVE CREDIT! */ | |
1152 | #credit { | |
1153 | height: 42px; | |
1154 | width: 66px; | |
1155 | color: {color:credit}; | |
1156 | text-align: center; | |
1157 | margin-top: calc(100vh - 67px); | |
1158 | {block:IfHideBodyScrollbar} | |
1159 | margin-left: calc(100vw - 87px); | |
1160 | {/block:IfHideBodyScrollbar} | |
1161 | {block:IfShowBodyScrollbar} | |
1162 | margin-left: calc(100vw - 107px); | |
1163 | {/block:IfShowBodyScrollbar} | |
1164 | position: fixed; | |
1165 | z-index: 15; | |
1166 | } | |
1167 | ||
1168 | #credit a, a:active, a:visited { | |
1169 | color: {color:credit}; | |
1170 | } | |
1171 | ||
1172 | #credit a:hover { | |
1173 | color: {color:credit hover}; | |
1174 | } | |
1175 | ||
1176 | /* TUMBLR CONTROLS */ | |
1177 | .iframe-controls--desktop { | |
1178 | {block:IfInvertTumblrControls} | |
1179 | filter: invert(100%); | |
1180 | {/block:IfInvertTumblrControls} | |
1181 | padding-top: 5px; | |
1182 | {block:IfHideBodyScrollbar} | |
1183 | padding-right: 7px; | |
1184 | {/block:IfHideBodyScrollbar} | |
1185 | {block:IfShowBodyScrollbar} | |
1186 | margin-right: 27px; | |
1187 | {/block:IfShowBodyScrollbar} | |
1188 | transform: scale(0.8); | |
1189 | transform-origin: 100% 0; | |
1190 | -webkit-transform: scale(0.8); | |
1191 | -webkit-transform-origin: 100% 0; | |
1192 | -moz-transform: scale(0.8); | |
1193 | -moz-transform-origin: 100% 0; | |
1194 | -ms-transform: scale(0.8); | |
1195 | -ms-transform-origin: 100% 0; | |
1196 | -o-transform: scale(0.8); | |
1197 | -o-transform-origin: 100% 0; | |
1198 | } | |
1199 | ||
1200 | ||
1201 | </style></head> | |
1202 | <body> | |
1203 | <!-- beginning all --> | |
1204 | <div id="screen"> | |
1205 | <!-- beginning left side --> | |
1206 | <div id="left"> | |
1207 | <!-- top/first line --> | |
1208 | <div id="topline"> | |
1209 | <!-- beginning menu --> | |
1210 | <div id="menu"> | |
1211 | <span style="font-size: 14px;"><a href="{text:home link url}" title="{text:home link title}"><i class="fa fa-power-off"></i></a></span><br><br> | |
1212 | <span style="font-size: 13px;"><a href="{text:ask link url}" title="{text:ask link title}"><i class="fa fa-telegram"></i></a></span><br><br> | |
1213 | <span style="font-size: 13px;"><a href="{text:link 1 url}" title="{text:link 1 title}"><i class="fa fa-user-circle-o"></i></a></span><br><br> | |
1214 | <span style="font-size: 15px;"><a href="{text:link 2 url}" title="{text:link 2 title}"><i class="fa fa-question-circle"></i></a></span><br><br> | |
1215 | <span style="font-size: 15px;"><a href="{text:link 3 url}" title="{text:link 3 title}"><i class="fa fa-ban"></i></a></span><br><br> | |
1216 | <span style="font-size: 15px;"><a href="{text:link 4 url}" title="{text:link 4 title}"><i class="fa fa-check-circle"></i></a></span> | |
1217 | </div> | |
1218 | <!-- end menu --> | |
1219 | </div> | |
1220 | <!-- sidebar --> | |
1221 | <div id="diamond"></div> | |
1222 | <!-- bottom/second line --> | |
1223 | <div id="bottomline"></div> | |
1224 | <!-- title --> | |
1225 | <a href="#overlay" title="ᴄʟɪᴄᴋ ᴍᴇ"><h1>{text:title}</h1></a> | |
1226 | <!-- description --> | |
1227 | <div id="description">{text:description}</div> | |
1228 | ||
1229 | <!-- beginning overlay --> | |
1230 | <div id="overlay"> | |
1231 | <!-- content-wrap --> | |
1232 | <div id="wrap"> | |
1233 | <!-- avatar wrap --> | |
1234 | <div id="avatar"> | |
1235 | <!-- icon --> | |
1236 | <img src="{image:avatar}"> | |
1237 | <!-- return button --> | |
1238 | <div id="return"><a href="#">return</a></div> | |
1239 | </div> | |
1240 | <!-- end avatar --> | |
1241 | ||
1242 | <!-- left line --> | |
1243 | <div id="leftline"></div> | |
1244 | <!-- right line --> | |
1245 | <div id="rightline"></div> | |
1246 | ||
1247 | <!-- secondary title --> | |
1248 | <h3>{text:secondary title}</h3> | |
1249 | <!-- secondary description --> | |
1250 | <div id="sdesc">{text:secondary description}</div> | |
1251 | <!-- social media buttons --> | |
1252 | <div id="sns"> | |
1253 | <span style="font-size: 14px;"><a href="{text:sns link 1 url}" title="{text:sns link 1 title}"><i class="fa fa-share-alt"></i></a></span> | |
1254 | <span style="font-size: 17px;"><a href="{text:sns link 2 url}" title="{text:sns link 2 title}"><i class="fa fa-pinterest"></i></a></span> | |
1255 | <span style="font-size: 16px;"><a href="{text:sns link 3 url}" title="{text:sns link 3 title}"><i class="fa fa-instagram"></i></a></span> | |
1256 | <span style="font-size: 17px;"><a href="{text:sns link 4 url}" title="{text:sns link 4 title}"><i class="fa fa-spotify"></i></a></span> | |
1257 | <span style="font-size: 17px;"><a href="{text:sns link 5 url}" title="{text:sns link 5 title}"><i class="fa fa-twitter-square"></i></a></span> | |
1258 | <span style="font-size: 15px;"><a href="{text:sns link 6 url}" title="{text:sns link 6 title}"><i class="fa fa-bandcamp"></i></a></span> | |
1259 | </div> | |
1260 | <!-- end sns --> | |
1261 | </div></div> | |
1262 | <!-- end content-wrap, end overlay --> | |
1263 | </div> | |
1264 | <!-- end left side --> | |
1265 | ||
1266 | ||
1267 | <!-- beginning right side --> | |
1268 | <div id="right"> | |
1269 | <!-- beginning posts --> | |
1270 | {block:Posts} | |
1271 | <div id="post"> | |
1272 | {block:Text} | |
1273 | ||
1274 | {block:Title}<h4>{Title}</h4>{/block:Title} | |
1275 | {block:NotReblog}{Body}{/block:NotReblog} | |
1276 | {block:RebloggedFrom} | |
1277 | {block:Reblogs} | |
1278 | {block:IsActive}<div class="user-text"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive} | |
1279 | {block:IsDeactivated}<div class="user-text"><a>{Username}</a></div>{block:IsDeactivated} | |
1280 | <div class="branch">{Body}</div> | |
1281 | {/block:Reblogs} | |
1282 | {/Block:RebloggedFrom} | |
1283 | ||
1284 | {/block:Text} | |
1285 | ||
1286 | ||
1287 | {block:Link}<h4><a href="{URL}" {Target}>{Name}</a></h4> | |
1288 | {block:Description} | |
1289 | {block:NotReblog}{Description}{/block:NotReblog} | |
1290 | {block:RebloggedFrom} | |
1291 | {block:Reblogs} | |
1292 | {block:IsActive}<div class="user-text"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive} | |
1293 | {block:IsDeactivated}<div class="user-text"><a>{Username}</a></div>{block:IsDeactivated} | |
1294 | <div class="branch">{Description}</div> | |
1295 | {/block:Reblogs} | |
1296 | {/Block:RebloggedFrom} | |
1297 | {/block:Description}{/block:Link} | |
1298 | ||
1299 | ||
1300 | {block:Photo} | |
1301 | <div class="photo">{LinkOpenTag}<img src="{PhotoURL-HighRes}">{LinkCloseTag}</div> | |
1302 | {block:Caption} | |
1303 | ||
1304 | {block:NotReblog}{Caption}{/block:NotReblog} | |
1305 | ||
1306 | {block:RebloggedFrom} | |
1307 | {block:Reblogs} | |
1308 | {block:IsActive}<div class="user-photo"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive} | |
1309 | {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated} | |
1310 | <div class="branch">{Body}</div> | |
1311 | {/block:Reblogs} | |
1312 | {/Block:RebloggedFrom} | |
1313 | ||
1314 | {/block:Caption} | |
1315 | {/block:Photo} | |
1316 | ||
1317 | ||
1318 | {block:If300pxPosts} | |
1319 | {block:Photoset} | |
1320 | {Photoset} | |
1321 | {block:Caption} | |
1322 | ||
1323 | {block:NotReblog}{Caption}{/block:NotReblog} | |
1324 | ||
1325 | {block:RebloggedFrom} | |
1326 | {block:Reblogs} | |
1327 | {block:IsActive}<div class="user-photo"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive} | |
1328 | {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated} | |
1329 | <div class="branch">{Body}</div> | |
1330 | {/block:Reblogs} | |
1331 | {/Block:RebloggedFrom} | |
1332 | - | {block:IsDeactivated}<div class="user-text"><a>{Username}</a></div>{/block:IsDeactivated} |
1332 | + | |
1333 | - | <div id="branch">{Body}</div> |
1333 | + | |
1334 | {/block:If300pxPosts} | |
1335 | ||
1336 | ||
1337 | {block:If400pxPosts} | |
1338 | {block:Photoset} | |
1339 | {Photoset-400} | |
1340 | {block:Caption} | |
1341 | ||
1342 | {block:NotReblog}{Caption}{/block:NotReblog} | |
1343 | ||
1344 | {block:RebloggedFrom} | |
1345 | {block:Reblogs} | |
1346 | - | {block:IsDeactivated}<div class="user-text"><a>{Username}</a></div>{/block:IsDeactivated} |
1346 | + | |
1347 | - | <div id="branch">{Description}</div> |
1347 | + | {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated} |
1348 | <div class="branch">{Body}</div> | |
1349 | {/block:Reblogs} | |
1350 | {/Block:RebloggedFrom} | |
1351 | ||
1352 | {/block:Caption}{/block:Photoset} | |
1353 | {/block:If400pxPosts} | |
1354 | - | <div id="photo">{LinkOpenTag}<img src="{PhotoURL-HighRes}">{LinkCloseTag}</div> |
1354 | + | |
1355 | ||
1356 | {block:If500pxPosts} | |
1357 | {block:Photoset} | |
1358 | {Photoset-500} | |
1359 | {block:Caption} | |
1360 | ||
1361 | {block:NotReblog}{Caption}{/block:NotReblog} | |
1362 | - | {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{/block:IsDeactivated} |
1362 | + | |
1363 | - | <div id="branch">{Body}</div> |
1363 | + | |
1364 | {block:Reblogs} | |
1365 | {block:IsActive}<div class="user-photo"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive} | |
1366 | {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated} | |
1367 | <div class="branch">{Body}</div> | |
1368 | {/block:Reblogs} | |
1369 | {/Block:RebloggedFrom} | |
1370 | ||
1371 | {/block:Caption}{/block:Photoset} | |
1372 | {/block:If500pxPosts} | |
1373 | ||
1374 | ||
1375 | {block:If600pxPosts} | |
1376 | {block:Photoset} | |
1377 | {Photoset} | |
1378 | {block:Caption} | |
1379 | ||
1380 | {block:NotReblog}{Caption}{/block:NotReblog} | |
1381 | - | {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{/block:IsDeactivated} |
1381 | + | |
1382 | - | <div id="branch">{Body}</div> |
1382 | + | |
1383 | {block:Reblogs} | |
1384 | {block:IsActive}<div class="user-photo"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive} | |
1385 | {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated} | |
1386 | <div class="branch">{Body}</div> | |
1387 | {/block:Reblogs} | |
1388 | {/Block:RebloggedFrom} | |
1389 | ||
1390 | {/block:Caption}{/block:Photoset} | |
1391 | {/block:If600pxPosts} | |
1392 | ||
1393 | ||
1394 | {block:If700pxPosts} | |
1395 | {block:Photoset} | |
1396 | {Photoset-700} | |
1397 | {block:Caption} | |
1398 | ||
1399 | {block:NotReblog}{Caption}{/block:NotReblog} | |
1400 | - | {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{/block:IsDeactivated} |
1400 | + | |
1401 | - | <div id="branch">{Body}</div> |
1401 | + | |
1402 | {block:Reblogs} | |
1403 | {block:IsActive}<div class="user-photo"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive} | |
1404 | {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated} | |
1405 | <div class="branch">{Body}</div> | |
1406 | {/block:Reblogs} | |
1407 | {/Block:RebloggedFrom} | |
1408 | ||
1409 | {/block:Caption}{/block:Photoset} | |
1410 | {/block:If700pxPosts} | |
1411 | ||
1412 | ||
1413 | {block:If300pxPosts} | |
1414 | {block:Video}{Video-300} | |
1415 | {block:Caption} | |
1416 | ||
1417 | {block:NotReblog}{Caption}{/block:NotReblog} | |
1418 | ||
1419 | - | {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{/block:IsDeactivated} |
1419 | + | |
1420 | - | <div id="branch">{Body}</div> |
1420 | + | |
1421 | {block:IsActive}<div class="user-photo"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive} | |
1422 | {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated} | |
1423 | <div class="branch">{Body}</div> | |
1424 | {/block:Reblogs} | |
1425 | {/Block:RebloggedFrom} | |
1426 | ||
1427 | {/block:Caption}{/block:Video} | |
1428 | {/block:If300pxPosts} | |
1429 | ||
1430 | ||
1431 | {block:If400pxPosts} | |
1432 | {block:Video}{Video-400} | |
1433 | {block:Caption} | |
1434 | ||
1435 | {block:NotReblog}{Caption}{/block:NotReblog} | |
1436 | ||
1437 | {block:RebloggedFrom} | |
1438 | - | {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{/block:IsDeactivated} |
1438 | + | |
1439 | - | <div id="branch">{Body}</div> |
1439 | + | |
1440 | {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated} | |
1441 | <div class="branch">{Body}</div> | |
1442 | {/block:Reblogs} | |
1443 | {/Block:RebloggedFrom} | |
1444 | ||
1445 | {/block:Caption}{/block:Video} | |
1446 | {/block:If400pxPosts} | |
1447 | ||
1448 | ||
1449 | {block:If500pxPosts} | |
1450 | {block:Video}{Video-500} | |
1451 | {block:Caption} | |
1452 | ||
1453 | {block:NotReblog}{Caption}{/block:NotReblog} | |
1454 | ||
1455 | {block:RebloggedFrom} | |
1456 | {block:Reblogs} | |
1457 | - | {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{/block:IsDeactivated} |
1457 | + | |
1458 | - | <div id="branch">{Body}</div> |
1458 | + | {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated} |
1459 | <div class="branch">{Body}</div> | |
1460 | {/block:Reblogs} | |
1461 | {/Block:RebloggedFrom} | |
1462 | ||
1463 | {/block:Caption}{/block:Video} | |
1464 | {/block:If500pxPosts} | |
1465 | ||
1466 | ||
1467 | {block:If600pxPosts} | |
1468 | {block:Video}{Video-600} | |
1469 | {block:Caption} | |
1470 | ||
1471 | {block:NotReblog}{Caption}{/block:NotReblog} | |
1472 | ||
1473 | {block:RebloggedFrom} | |
1474 | {block:Reblogs} | |
1475 | - | {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{/block:IsDeactivated} |
1475 | + | |
1476 | - | <div id="branch">{Body}</div> |
1476 | + | {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated} |
1477 | <div class="branch">{Body}</div> | |
1478 | {/block:Reblogs} | |
1479 | {/Block:RebloggedFrom} | |
1480 | ||
1481 | {/block:Caption}{/block:Video} | |
1482 | {/block:If600pxPosts} | |
1483 | ||
1484 | ||
1485 | {block:If700pxPosts} | |
1486 | {block:Video}{Video-700} | |
1487 | {block:Caption} | |
1488 | ||
1489 | {block:NotReblog}{Caption}{/block:NotReblog} | |
1490 | ||
1491 | {block:RebloggedFrom} | |
1492 | {block:Reblogs} | |
1493 | - | {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{/block:IsDeactivated} |
1493 | + | |
1494 | - | <div id="branch">{Body}</div> |
1494 | + | {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated} |
1495 | <div class="branch">{Body}</div> | |
1496 | {/block:Reblogs} | |
1497 | {/Block:RebloggedFrom} | |
1498 | ||
1499 | {/block:Caption}{/block:Video} | |
1500 | {/block:If700pxPosts} | |
1501 | ||
1502 | ||
1503 | {block:Audio} | |
1504 | <div id="audio"> | |
1505 | <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div> | |
1506 | <div class="player">{AudioPlayer}</div> | |
1507 | <div class="adetails"> | |
1508 | {block:TrackName}<span style="color:{color:audio post title}; font-family: 'Playfair Display'; font-size: 12px; font-style: italic; font-weight: 500; letter-spacing: 1px;">{TrackName}</span><br>{/block:TrackName} | |
1509 | <span style="font-family: 'Arial'; font-variant: small-caps; margin-top: -15px;"> | |
1510 | {block:Artist}<b>artist:</b> {Artist}<br>{/block:Artist} | |
1511 | - | {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{/block:IsDeactivated} |
1511 | + | |
1512 | - | <div id="branch">{Body}</div> |
1512 | + | |
1513 | </div> | |
1514 | </div> | |
1515 | {/block:Audio} | |
1516 | ||
1517 | {block:Quote} | |
1518 | <div class="quote">{Quote}</div> | |
1519 | {block:Source} | |
1520 | <div class="qusource">{Source}</div> | |
1521 | {/block:Source} | |
1522 | {/block:Quote} | |
1523 | ||
1524 | {block:Chat} | |
1525 | {block:Title}<p><h4>{Title}</h4></p>{/block:Title} | |
1526 | <div class="chat"> | |
1527 | {block:Lines} | |
1528 | <div class="line"><p>{block:Label}<span style="font-size: 11px; font-variant: small-caps; text-transform: lowercase;"><b>{Label}</b></span>{/block:Label} {Line}</p></div> | |
1529 | - | {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{/block:IsDeactivated} |
1529 | + | |
1530 | - | <div id="branch">{Body}</div> |
1530 | + | |
1531 | {/block:Chat} | |
1532 | ||
1533 | {block:Answer} | |
1534 | <div class="asker">{Asker} {text:asker}</div> | |
1535 | <div class="ask"><p>{Question}</p></div> | |
1536 | {block:Answerer} | |
1537 | <div class="answer">{Answer}</div> | |
1538 | <div class="answerer">{Answerer}</div> | |
1539 | {/block:Answerer} | |
1540 | {Replies} | |
1541 | {/block:Answer} | |
1542 | ||
1543 | </div> | |
1544 | <!--END OF POST ITSELF, START OF INFO BLOCKS--> | |
1545 | <div id="info"> | |
1546 | <b><a href="{Permalink}">{block:Date}{DayOfMonthWithZero} {Month} {Year}{/block:Date}</a>{block:NoteCount} ♦ <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<br> | |
1547 | - | {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{/block:IsDeactivated} |
1547 | + | |
1548 | - | <div id="branch">{Body}</div> |
1548 | + | |
1549 | <!--END OF INFO BLOCK, START OF TAGS--> | |
1550 | <div id="tags">{block:HasTags}<i class="fa fa-tag" aria-hidden="true"></i> <span style="font-size: 8px; font-style:italic;">{block:Tags}<a href="{TagURL}">{Tag};</a> {/block:Tags}</span>{/block:HasTags}</div> | |
1551 | <!--END OF TAGS--> | |
1552 | {/block:Posts} | |
1553 | <!--END OF POSTS, START OF POSTNOTE BLOCK--> | |
1554 | <div class="postnote"> | |
1555 | {block:PostNotes}{PostNotes}{/block:PostNotes} | |
1556 | </div> | |
1557 | <!--END OF POSTNOTE BLOCK--> | |
1558 | <!-- end posts --> | |
1559 | ||
1560 | <!-- begin pagination--> | |
1561 | {block:Pagination} | |
1562 | <div id="pagination"> | |
1563 | {block:PreviousPage} <a href="{PreviousPage}"><b>collapse</b></a> • {/block:PreviousPage}{block:NextPage} <a href="{NextPage}"><b>forward</b></a>{/block:NextPage} | |
1564 | </div> | |
1565 | {/block:Pagination} | |
1566 | <!-- end pagination --> | |
1567 | ||
1568 | </div> | |
1569 | <!-- end right side --> | |
1570 | ||
1571 | ||
1572 | <!-- beginning credit --> | |
1573 | <div id="credit"> | |
1574 | <i class="fa fa-cloud"></i><br> | |
1575 | <span style="background-color: {text:credit bg}; font-family: 'Arial'; font-size: 10px; font-variant: small-caps; border: 1px solid {color:credit}; padding-top: 2px; padding-left: 10px; padding-right: 10px; padding-bottom: 2px;"><a href="https://angelicxi.tumblr.com/" title="ᴛʜᴇᴍᴇ ʙʏ ᴀɴɢᴇʟɪᴄxɪ">angelicxi</a></span> | |
1576 | </div> | |
1577 | <!-- end credit --> | |
1578 | ||
1579 | </div> | |
1580 | </body></html> |