API tools faq
paste
caffeous

wonderland. theme (multi-sized)

caffeous
May 14th, 2020
512
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 68.59 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="https://www.w3.org/1999/xhtml">
  3.  
  4. <!--
  5. ╱╱╱╱╱╱╱╭━╮╱╱╱╱╭╮╭╮
  6. ╱╱╱╱╱╱╱┃╭╯╱╱╱╭╯╰┫┃
  7. ╭━━┳━━┳╯╰┳━━╮╰╮╭┫╰━┳━━┳╮╭┳━━┳━━╮
  8. ┃╭━┫╭╮┣╮╭┫┃━┫╱┃┃┃╭╮┃┃━┫╰╯┃┃━┫━━┫
  9. ┃╰━┫╭╮┃┃┃┃┃━┫╱┃╰┫┃┃┃┃━┫┃┃┃┃━╋━━┃
  10. ╰━━┻╯╰╯╰╯╰━━╯╱╰━┻╯╰┻━━┻┻┻┻━━┻━━╯
  11.  
  12. Wonderland. theme by caffeous
  13. (Issue No. 01 of Magazine Series)
  14. 2020 © all rights reserved
  15.  
  16. CREDITS:
  17.  
  18. unnest captions by neothm and magnusthemes
  19. smooth scroll by Zachary Fury
  20. video width fix by shythemes
  21. spotify and bandcamp audio width fix by nouvae
  22. photoset fix by annasthms and espoirthemes
  23. on-click askbox by themesbyzsu
  24. bottom border on hover by Emil Kowalski
  25.  
  26. -->
  27.  
  28. <head>
  29.  
  30.  
  31. <title>{title}</title>
  32. {block:Description}<meta name="description" content="{metadescription}" />{/block:Description}
  33. <link rel="shortcut icon" href="{Favicon}"/>
  34. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  35.  
  36. <meta name="color:Body" content="#000000"/>
  37. <meta name="color:Background" content="#ffffff"/>
  38. <meta name="color:Sidebar" content="#000000"/>
  39. <meta name="color:Sidebar Background" content="#d2a99b"/>
  40. <meta name="color:Navigation" content="#000000"/>
  41. <meta name="color:Posts" content="#ffffff"/>
  42. <meta name="color:Link" content="#000000"/>
  43. <meta name="color:Link Underline" content="#000000"/>
  44. <meta name="color:Hovered Link" content="#808080"/>
  45. <meta name="color:Caption" content="#000000"/>
  46. <meta name="color:Caption Background" content="#d2a99b"/>
  47. <meta name="color:Permalink" content="#000000"/>
  48. <meta name="color:Permalink Background" content="#d2a99b"/>
  49. <meta name="color:Highlight" content="#eaeaea"/>
  50. <meta name="color:Scrollbar" content="#000000"/>
  51. <meta name="color:Tooltip Background" content="#ffffff"/>
  52. <meta name="color:Tooltip Border" content="#000000"/>
  53.  
  54. <meta name="font:Body" content="Arial"/>
  55. <meta name="font:Title" content="Arial"/>
  56.  
  57. <meta name="image:Background" content=""/>
  58. <meta name="image:Avatar" content=""/>
  59. <meta name="image:Posts Background" content=""/>
  60. <meta name="image:Sidebar Background" content=""/>
  61. <meta name="image:Permalink Background" content=""/>
  62.  
  63. <meta name="select:Navigation" content="top"/>
  64. <meta name="select:Navigation" content="bottom"/>
  65.  
  66. <meta name="if:Infinite Scroll" content="1"/>
  67. <meta name="if:Manual Load" content="1"/>
  68. <meta name="if:Sidebar" content="1"/>
  69. <meta name="if:No Background Repeat" content="1"/>
  70. <meta name="if:Avatar" content="1"/>
  71. <meta name="if:Custom Link 1" content="1"/>
  72. <meta name="if:Custom Link 2" content="1"/>
  73. <meta name="if:Custom Link 3" content="1"/>
  74. <meta name="if:Custom Link 4" content="1"/>
  75. <meta name="if:Custom Link 5" content="1"/>
  76. <meta name="if:Caption" content="1"/>
  77. <meta name="if:Black and White Photo Hover" content="1"/>
  78. <meta name="if:Underlined Link" content="1"/>
  79.  
  80. <meta name="text:Sidebar Width" content="220"/>
  81. <meta name="text:Sidebar Vertical Placement" content="0"/>
  82. <meta name="text:Sidebar Horizontal Placement" content="0"/>
  83. <meta name="text:Posts Horizontal Placement" content="100"/>
  84. <meta name="text:Avatar Horizontal Placement" content="90"/>
  85. <meta name="text:Askbox Vertical Placement" content="48.5%"/>
  86. <meta name="text:Link 1" content="/"/>
  87. <meta name="text:Link 1 Title" content="one"/>
  88. <meta name="text:Link 2" content="/"/>
  89. <meta name="text:Link 2 Title" content="two"/>
  90. <meta name="text:Link 3" content="/"/>
  91. <meta name="text:Link 3 Title" content="three"/>
  92. <meta name="text:Link 4" content="/"/>
  93. <meta name="text:Link 4 Title" content="four"/>
  94. <meta name="text:Link 5" content="/"/>
  95. <meta name="text:Link 5 Title" content="five"/>
  96. <meta name="text:Reblog Name" content="reblog"/>
  97. <meta name="text:Caption Opacity" content="0.9"/>
  98.  
  99. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  100.  
  101. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  102.  
  103. <style type="text/css">
  104.  
  105. /*HEADER*/
  106.  
  107. header {
  108. text-align: justify;
  109. display: block;
  110. height: auto;
  111. {block:IfSidebar}
  112. position: fixed;
  113. bottom: {text:Sidebar Vertical Placement}px;
  114. left: {text:Sidebar Horizontal Placement}px;
  115. -webkit-animation:fadeInLeft 1.5s;
  116. -moz-animation:fadeInLeft 1.5s;
  117. -ms-animation:fadeInLeft 1.5s;
  118. {/block:IfSidebar}
  119. {block:IfNotSidebar}
  120. position: relative;
  121. {block:IfAvatar}
  122. top: 110px;
  123. {/block:IfAvatar}
  124. {block:IfNotAvatar}
  125. top: 60px;
  126. {/block:IfNotAvatar}
  127. -webkit-animation:fadeInDown 1.5s;
  128. -moz-animation:fadeInDown 1.5s;
  129. -ms-animation:fadeInDown 1.5s;
  130. {/block:IfNotSidebar}
  131. margin: auto;
  132. width: {text:Sidebar Width}px;
  133. padding: 5px 15px 15px 15px;
  134. background: {color:Sidebar Background};
  135. background-repeat: repeat;
  136. background-image: url({image:Sidebar Background});
  137. color: {color:Sidebar};
  138. z-index: 2;
  139. background-attachment: fixed;
  140. {block:IfNoBackgroundRepeat}
  141. background-size: contain;
  142. {/block:IfNoBackgroundRepeat}
  143. }
  144.  
  145. header a {color: {color:Sidebar};}
  146.  
  147. {block:IfNotSidebar}
  148. .search {display: none;}
  149.  
  150. .searcher {
  151. position: absolute;
  152. left: -5px;
  153. top: {block:IfAvatar}-120{/block:IfAvatar}{block:IfNotAvatar}-70{/block:IfNotAvatar}px;
  154. z-index: 5;
  155. border: none;
  156. -webkit-animation:fadeInDown 1.5s;
  157. -moz-animation:fadeInDown 1.5s;
  158. -ms-animation:fadeInDown 1.5s;
  159. }
  160.  
  161. .searcher input {font-family: {font:Body};width: 45px;border: 0;padding: 5px;background: transparent;}
  162.  
  163. .searcher input[type=text] {color: {color:Sidebar};transition: all .3s linear;}
  164.  
  165. .searcher input:focus {background: {color:Sidebar Background};width: 100%;color: {color:Sidebar};outline: none;transition: all .3s linear;
  166. }
  167. {/block:IfNotSidebar}
  168.  
  169. header h1 {font-family: {font:Title};line-height: 1;}
  170.  
  171. .avatars {position: absolute;top: -80px;left: {text:Avatar Horizontal Placement}px;{block:IfNotAvatar}display: none;{/block:IfNotAvatar}}
  172.  
  173. img.avatars {height: 65px; width: 65px;border-radius: 100%;}
  174.  
  175. nav {position: absolute; {select:Navigation}: 0px; right: -30px;font-weight: bold;font-size: 1.3em;line-height: 1.7;}
  176.  
  177. nav a {display: block;}
  178.  
  179. nav a:first-of-type {-webkit-animation:fadeIn 2s;
  180. -moz-animation:fadeIn 2s;
  181. -ms-animation:fadeIn 2s;}
  182.  
  183. nav a:nth-of-type(2) {-webkit-animation:fadeIn 2.5s;
  184. -moz-animation:fadeIn 2.5s;
  185. -ms-animation:fadeIn 2.5s;}
  186.  
  187. nav a:nth-of-type(3) {-webkit-animation:fadeIn 3s;
  188. -moz-animation:fadeIn 3s;
  189. -ms-animation:fadeIn 3s;}
  190.  
  191. nav a:nth-of-type(4) {-webkit-animation:fadeIn 3.5s;
  192. -moz-animation:fadeIn 3.5s;
  193. -ms-animation:fadeIn 3.5s;}
  194.  
  195. #message {
  196. position: absolute;
  197. {block:IfSidebar}
  198. width: 453px;
  199. top: 7%;
  200. {/block:IfSidebar}
  201. {block:IfNotSidebar}
  202. top: {text:Askbox Vertical Placement};
  203. width: 250px;
  204. {/block:IfNotSidebar}
  205. height: auto;
  206. left: 50%;
  207. margin-left:-247px;
  208. padding: 20px;
  209. z-index: 2;
  210. }
  211.  
  212. #message iframe {width: {block:IfSidebar}453{/block:IfSidebar}{block:IfNotSidebar}250{/block:IfNotSidebar}px;height: auto;}
  213.  
  214. /*navigation*/
  215.  
  216. #cetera {
  217. height: inherit;
  218. display:none;
  219. text-align:justify;
  220. padding: 5px 5px 0px 5px;
  221. }
  222.  
  223. #cetera a {
  224. padding: 5px;
  225. color: {color:Sidebar};
  226. text-align: justify;
  227. font-size: 1.2em;
  228. }
  229.  
  230. /*search*/
  231.  
  232. .search {
  233. position: fixed;
  234. left: {text:Sidebar Horizontal Placement}px;
  235. top: 0px;
  236. z-index: 5;
  237. border: none;
  238. -webkit-animation:fadeInDown 1.5s;
  239. -moz-animation:fadeInDown 1.5s;
  240. -ms-animation:fadeInDown 1.5s;
  241. }
  242.  
  243. .search input {font-family: {font:Body};width: 45px;border: 0;padding: 5px;background: transparent;}
  244.  
  245. .search input[type=text] {;color: {color:Sidebar};transition: all .3s linear;}
  246.  
  247. .search input:focus {background: {color:Sidebar Background};width: 100%;color: {color:Sidebar};outline: none;transition: all .3s linear;
  248. }
  249.  
  250. input::-webkit-input-placeholder {padding: 5px; color: {color:Sidebar}; background: {color:Sidebar Background}; transition: all .3s linear;}
  251.  
  252. input:-ms-input-placeholder {color: {color:Sidebar};transition: all .3s linear;}
  253.  
  254. input:-moz-placeholder {color: {color:Sidebar};transition: all .3s linear;}
  255.  
  256. .search-form input[type=text]:focus {color: {color:Sidebar};}
  257.  
  258. input:focus::-webkit-input-placeholder {opacity: 0.5;}
  259.  
  260. input:focus::-moz-placeholder {opacity: 0.5;}
  261.  
  262. input:-ms-input-placeholder {opacity: 0.5;}
  263.  
  264. input[type="search"] {box-sizing: content-box;-webkit-appearance: textfield;-moz-box-sizing: content-box; -webkit-box-sizing:content-box;}
  265.  
  266. input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
  267.  
  268. /*BODY*/
  269.  
  270. body {
  271. color: {color:Body};
  272. font-family: {font:Body};
  273. font-size: 0.6785em;
  274. font-weight: 300;
  275. line-height: 1.6;
  276. height: 100vh;
  277. background-color: {color:Background};
  278. background-image: url({image:Background});
  279. background-attachment: fixed;
  280. background-repeat: repeat;
  281. word-wrap: break-word;
  282. {block:IfNoBackgroundRepeat}
  283. background-size: cover;
  284. {/block:IfNoBackgroundRepeat}
  285. overflow-x: hidden;
  286. }
  287.  
  288.  
  289. /*links*/
  290.  
  291. a {color: {color:Link};display: inline-block;position: relative;text-decoration: none;word-break: break-all;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;}
  292.  
  293. a:hover {color: {color:Hovered Link};text-decoration: none;}
  294.  
  295. {block:IfUnderlinedLink}
  296. a::after {
  297. content: '';
  298. position: absolute;
  299. bottom: 0;
  300. left: 0;
  301. width: 100%;
  302. transform: scaleX(0);
  303. height: 1px;
  304. background: {color:Link Underline};
  305. transform-origin: bottom right;
  306. transition: transform 0.4s cubic-bezier(0.86, 0, 0.07, 1);
  307. }
  308.  
  309. a:hover::after {transform: scaleX(1);transform-origin: bottom left;}
  310. {/block:IfUnderlinedLink}
  311.  
  312. /*ARTICLE*/
  313.  
  314. #wrapper {
  315. position: relative;
  316. top: 0px;
  317. margin: auto;
  318. height: 100%;
  319. max-width: 523px;
  320. width:100%;
  321. {block:PermalinkPage}max-width: 560px;{/block:PermalinkPage}
  322. }
  323.  
  324. #posts {
  325. text-align: center;
  326. background: {color:Posts};
  327. background-image: url({image:Posts Background});
  328. background-repeat: repeat;
  329. background-attachment: fixed;
  330. {block:IfNoBackgroundRepeat}
  331. background-size: cover;
  332. {/block:IfNoBackgroundRepeat}
  333. position: relative;
  334. {block:PermalinkPage}text-align: justify;padding-bottom: 80px;{/block:PermalinkPage}
  335. {block:IndexPage}padding-top: 0px;padding-bottom: 40px;{/block:IndexPage}
  336. {block:IfNotSidebar}{block:IfAvatar}top: 140px;{/block:IfAvatar}{block:IfNotAvatar}top: 90px;{/block:IfNotAvatar}{/block:IfNotSidebar}
  337. margin: auto;
  338. overflow: hidden;
  339. -webkit-animation:fadeInUp 1.5s;
  340. -moz-animation:fadeInUp 1.5s;
  341. -ms-animation:fadeInUp 1.5s;
  342. }
  343.  
  344. /*SECTION*/
  345.  
  346. .entry {
  347. position: relative;
  348. display: inline-block;
  349. vertical-align: middle;
  350. max-width:100%;
  351. margin: 30px;
  352. {block:IndexPage}
  353. word-wrap: break-word;
  354. padding: 5px;
  355. overflow: hidden;
  356. -moz-transition: all .5s;
  357. -webkit-transition: all .5s;
  358. -o-transition: all .5s;
  359. transition: all .5;
  360. -webkit-animation:fadeIn 1.5s;
  361. -moz-animation:fadeIn 1.5s;
  362. -ms-animation:fadeIn 1.5s;
  363. {/block:IndexPage}
  364. {block:PermalinkPage}width: 500px;{/block:PermalinkPage}
  365. }
  366.  
  367. {block:IndexPage}
  368. .small {width: 200px}
  369.  
  370. .small2 {width: 180px}
  371.  
  372. .small3 {width: 170px}
  373.  
  374. .small4 {width: 195px}
  375.  
  376. .small5 {width: 185px}
  377.  
  378. .small6 {width: 200px}
  379.  
  380. .small7 {width: 180px}
  381.  
  382. .big {width: 390px}
  383.  
  384. .big2 {width: 300px}
  385.  
  386. .big3 {width: 350px}
  387. {/block:IndexPage}
  388.  
  389. .title {
  390. font-size: 1.5em;
  391. font-family: {font:Title};
  392. }
  393.  
  394. .post-content div.npf_row, .post div.npf_row, body div.npf_row {margin: 2px -8px !important;}
  395.  
  396. .small .lovely img, .small2 .lovely img, .small3 .lovely img, .small4 .lovely img, .small5 .lovely img, .small6 .lovely img, .small7 .lovely img {
  397. {block:IndexPage}
  398. max-width: 160px;
  399. height: auto;
  400. overflow-y: auto;
  401. {/block:IndexPage}
  402. width: 100%;
  403. }
  404.  
  405. .big .lovely img, .big2 .lovely img, .big3 .lovely img {
  406. {block:IndexPage}
  407. max-width: 290px;
  408. height: auto;
  409. overflow-y: auto;
  410. {/block:IndexPage}
  411. width: 100%;
  412. }
  413.  
  414. .lovely {text-align: justify;}
  415.  
  416. blockquote p, ul {margin: 0px; padding: 0px;}
  417.  
  418. .entry li {margin-left: 20px;list-style-type:square;}
  419.  
  420. /*ask*/
  421.  
  422. .q {padding: 10px 10px 15px 10px; background: {color:Permalink Background};color: {color:Permalink};}
  423.  
  424. img.avatar {display: block;margin-left: 0px;float: left;border-radius: 100%;}
  425.  
  426. .asker {position: relative;margin-left: 10px;margin-top: 2px;text-align: justify;}
  427.  
  428. a.asker, a.asker:hover {font-weight: 700;color: {color:Permalink};}
  429.  
  430. .question {position: relative;padding: 10px;background-color: rgba({RGBcolor:Permalink Background}, 0.7);color: {color:Permalink};}
  431.  
  432. /*permalink*/
  433.  
  434. {block:IfCaption}
  435. .bg {
  436. position: absolute;
  437. width: 100%;
  438. height: 100%;
  439. top: 0%;
  440. opacity: 0;
  441. z-index: 0;
  442. background-color: rgba({RGBcolor:Caption Background}, {text:Caption Opacity});
  443. transition: 0.3s linear;
  444. -o-transition: 0.3s linear;
  445. -moz-transition: 0.3s linear;
  446. -webkit-transition: 0.3s linear;
  447. z-index: 2;
  448. }
  449.  
  450. .entry:hover .bg {
  451. opacity: 1;
  452. }
  453.  
  454. .caption {
  455. font-size: 11px;
  456. position: absolute;
  457. max-height: 100%;
  458. overflow: auto;
  459. left: 50%;
  460. top:50%;
  461. line-height: 15px;
  462. -webkit-transform: translate(-50%, -50%);
  463. -ms-transform: translate(-50%, -50%);
  464. transform: translate(-50%, -50%);
  465. text-align: justify;
  466. transition: 0.3s linear;
  467. -o-transition: 0.3s linear;
  468. -moz-transition: 0.3s linear;
  469. -webkit-transition: 0.3s linear;
  470. }
  471.  
  472. .caption, .caption a {color: {color:Caption};}
  473. {/block:IfCaption}
  474.  
  475. .parol {
  476. position:relative;
  477. background: {color:Permalink Background};
  478. background-repeat: repeat;
  479. background-position: left top;
  480. background-image: url({image:Permalink Background});
  481. background-attachment: fixed;
  482. {block:IfNoBackgroundRepeat}
  483. background-size: contain;
  484. {/block:IfNoBackgroundRepeat}
  485. overflow: hidden;
  486. }
  487.  
  488. .parol img {
  489. display: block;
  490. height: auto;
  491. overflow: hidden;
  492. -webkit-filter: grayscale(0%);
  493. -webkit-transform:translate(0px,0px);
  494. transition: all .3s linear;
  495. }
  496.  
  497. .entry:hover .parol img, .entry:hover .parols img {
  498. {block:IfBlackAndWhitePhotoHover}-webkit-filter: grayscale(100%);{/block:IfBlackAndWhitePhotoHover}
  499. {block:IfNotCaption}
  500. -ms-transform:translate(0px,-40px);
  501. -webkit-transform:translate(0px,-40px);
  502. transform:translate(0px,-40px);
  503. {/block:IfNotCaption}
  504. }
  505.  
  506. .parols {
  507. position:relative;
  508. background: {color:Permalink Background};
  509. background-repeat: repeat;
  510. background-position: left top;
  511. background-image: url({image:Permalink Background});
  512. background-attachment: fixed;
  513. {block:IfNoBackgroundRepeat}
  514. background-size: contain;
  515. {/block:IfNoBackgroundRepeat}
  516. overflow: hidden;
  517. }
  518.  
  519. .parols img {
  520. display: block;
  521. height: auto;
  522. overflow: hidden;
  523. -webkit-filter: grayscale(0%);
  524. {block:IfNotCaption}
  525. -webkit-transform:translate(0.65px,0px);
  526. {/block:IfNotCaption}
  527. transition: all .3s linear;
  528. }
  529.  
  530. .permalink {
  531. display: inline-block;
  532. position: absolute;
  533. bottom: -50px;
  534. left: 0px;
  535. margin-left: 10px;
  536. text-transform: uppercase;
  537. opacity: 0;
  538. transition: all .3s linear;
  539. }
  540.  
  541. .entry:hover .permalink {
  542. opacity: 1;
  543. bottom: 10px;
  544. }
  545.  
  546. .reb {
  547. display: inline-block;
  548. position: absolute;
  549. bottom: -50px;
  550. right: 0px;
  551. margin-right: 10px;
  552. text-transform: uppercase;
  553. opacity: 0;
  554. transition: all .3s linear;
  555. }
  556.  
  557. .entry:hover .reb {opacity: 1;bottom: 10px;}
  558.  
  559. .permalink a, .reb a {color:{color:Permalink};}
  560.  
  561. .perm {padding: 10px 10px 25px 10px;background: {color:Permalink Background};
  562. background-repeat: repeat;
  563. background-position: left top;
  564. background-image: url({image:Permalink Background});
  565. background-attachment: fixed;
  566. {block:IfNoBackgroundRepeat}
  567. background-size: contain;
  568. {/block:IfNoBackgroundRepeat}text-transform: uppercase;}
  569.  
  570. .perm a {color: {color:Permalink};}
  571.  
  572. @media screen and (max-width: 527px) {
  573.  
  574. header {width: 220px;}
  575.  
  576. .small, .small2, .small3, .small4, .small5, .small6, .small7, .big, .big2, .big3 {width: 250px;}
  577.  
  578. #wrapper {max-width: 320px;}
  579.  
  580. }
  581.  
  582. @media screen and (max-width: 875px) {
  583. #posts {top: 0px;{block:IfAvatar}margin-top: 140px;{/block:IfAvatar}{block:IfNotAvatar}margin-top: 90px;{/block:IfNotAvatar}}
  584.  
  585. header {
  586. left: 0px;
  587. position: relative;
  588. {block:IfAvatar}
  589. top: 110px;
  590. {/block:IfAvatar}
  591. {block:IfNotAvatar}
  592. top: 60px;
  593. {/block:IfNotAvatar}
  594. margin: auto;
  595. -webkit-animation:fadeInDown 1.5s;
  596. -moz-animation:fadeInDown 1.5s;
  597. -ms-animation:fadeInDown 1.5s;
  598. }
  599.  
  600. .search {display: none;}
  601.  
  602. .searcher {
  603. position: absolute;
  604. left: -5px;
  605. top: {block:IfAvatar}-120{/block:IfAvatar}{block:IfNotAvatar}-70{/block:IfNotAvatar}px;
  606. z-index: 5;
  607. border: none;
  608. -webkit-animation:fadeInDown 1.5s;
  609. -moz-animation:fadeInDown 1.5s;
  610. -ms-animation:fadeInDown 1.5s;
  611. }
  612.  
  613. .searcher input {width: 45px;border: 0;padding: 5px;background: transparent;}
  614.  
  615. .searcher input[type=text] {color: {color:Sidebar};transition: all .3s linear;}
  616.  
  617. .searcher input:focus {background: {color:Sidebar Background};width: 100%;color: {color:Sidebar};outline: none;transition: all .3s linear;
  618. }
  619.  
  620. #message {
  621. width: 250px;
  622. left: 50%;
  623. margin-left:-145px;
  624. top: {text:Askbox Vertical Placement};
  625. }
  626.  
  627. #message iframe {width: 250px;height: auto;}
  628. }
  629.  
  630. @media screen and (min-width: 876px) {
  631. {block:IfSidebar}.searcher {display: none;}
  632. #wrapper {left: {text:Posts Horizontal Placement}px;}{/block:IfSidebar}
  633. }
  634.  
  635. /*audio*/
  636.  
  637. #audio {height: auto; min-height: 60px; padding-bottom: 0px;}
  638.  
  639. .cover {position: absolute;z-index: 1;width: 60px;height: 62px;}
  640.  
  641. .cover img {;float: left;width: 60px;height: 62px;border-radius: 100%;}
  642.  
  643. .play {
  644. opacity: 0.6;
  645. width: 32px;
  646. height: 32px;
  647. overflow: hidden;
  648. position: absolute;
  649. border-radius: 100%;
  650. z-index: 1;
  651. margin-left: 15px;
  652. margin-top: 17px;
  653. text-align: center;
  654. }
  655.  
  656. .info {
  657. text-align: justify;
  658. margin-left: 60px;
  659. height: auto;
  660. padding: 0px 5px 5px 5px;
  661. line-height: 14px;
  662. }
  663.  
  664. .spotify_audio_player {
  665. height:80px!important;
  666. width:100%!important;
  667. }
  668. .bandcamp_audio_player {
  669. height:120px!important;
  670. width:100%!important;
  671. }
  672.  
  673. .soundcloud_audio_player {
  674. height:150px!important;
  675. width:100%!important;
  676. }
  677.  
  678. /*captions*/
  679.  
  680. .tumblr_parent {border: none;margin:5px 10px 15px;}
  681.  
  682. a.tumblr_blog{position: relative;padding-bottom: 0px;font-weight: bold;}
  683.  
  684. .video {
  685. vertical-align: bottom;
  686. line-height: 0;
  687. }
  688.  
  689. /*permalink page*/
  690.  
  691. #noties {text-align: justify;border: 0px;}
  692.  
  693. #noties blockquote {border: 0px;}
  694.  
  695. #notie {
  696. border: 0px;
  697. margin-top: 20px;
  698. margin-left: -60px;
  699. line-height: 20px;
  700. padding: 5px;
  701. background: #fff;
  702. z-index: 2;
  703. width: 530px;
  704. }
  705.  
  706. #notie img {display: block;float: left;margin-right: 5px;border-radius: 100%;}
  707.  
  708. #notie li {list-style-type: none;}
  709.  
  710. /*OTHERS*/
  711.  
  712. /*tumblr controls*/
  713.  
  714. .tmblr-iframe-compact .tmblr-iframe--unified-controls {
  715. position: fixed;
  716. top: 5px;
  717. right: 5px;
  718. opacity: 1;
  719. -webkit-filter:invert(85%);
  720. filter:invert(85%);
  721. transform:scale(0.7);
  722. transform-origin:100% 0;
  723. -webkit-transform:scale(0.7);
  724. -webkit-transform-origin:100% 0;
  725. -ms-transform:scale(0.7);
  726. -ms-transform-origin:100% 0;
  727. }
  728.  
  729. .tmblr-iframe--app-cta-button {display:none!important;}
  730.  
  731. /*pagination*/
  732.  
  733. {block:IfInfiniteScroll}
  734. #page-nav {display: none;}
  735. {/block:IfInfiniteScroll}
  736.  
  737. {block:IfNotInfiniteScroll}
  738. #page-nav {position: absolute; width: inherit; text-align: center; bottom: 30px;font-weight: bold;}
  739. {/block:IfNotInfiniteScroll}
  740.  
  741. #infscr-loading {display: none!important;}
  742.  
  743. #loadmore {
  744. position: absolute;
  745. padding: 5px 5px 5px 6px;
  746. color: {color:Permalink};
  747. background: {color:Permalink Background};
  748. left: 50%;
  749. margin-left: -35px;
  750. bottom: 25px;
  751. z-index: 3;
  752. -webkit-animation:fadeIn 1.5s;
  753. -moz-animation:fadeIn 1.5s;
  754. -ms-animation:fadeIn 1.5s;
  755. }
  756.  
  757. /*scrollbar*/
  758.  
  759. ::-webkit-scrollbar-thumb {
  760. background-color: {color:Scrollbar};
  761. border: 1px solid {color:Background};
  762. height: 6px;
  763. -moz-border-radius: 15px;
  764. border-radius: 15px;
  765. }
  766.  
  767. ::-webkit-scrollbar {background-color: {color:Scrollbar};border: 2px solid {color:Background};height: 6px;width: 5px;}
  768.  
  769. ::-webkit-scrollbar:horizontal {display: none;}
  770.  
  771. .caption::-webkit-scrollbar-thumb{display: none;}
  772.  
  773. .caption::-webkit-scrollbar {display: none;}
  774.  
  775. .caption::-webkit-scrollbar:horizontal {display: none;}
  776.  
  777. /*highlight*/
  778.  
  779. ::selection {color: {color:Highlight};background-color: transparent;}
  780.  
  781. ::-moz-selection {color: {color:Highlight};background-color: transparent;}
  782.  
  783. ::-webkit-selection {color: {color:Highlight};background-color: transparent;}
  784.  
  785. /*tooltip*/
  786.  
  787. #s-m-t-tooltip {
  788. margin: 23px 23px 0 0;
  789. padding: 3px;
  790. border: 1px solid {color:Tooltip Border};
  791. color: #000;
  792. font-size: 0.5625em;
  793. background-color: {color:Tooltip Background};
  794. text-transform: uppercase;
  795. letter-spacing: 2px;
  796. z-index: 999999999999;
  797. max-width: 250px;
  798. }
  799.  
  800.  
  801. /*animation*/
  802.  
  803. @-webkit-keyframes fadeIn {
  804. 0% {opacity: 0;}
  805.  
  806. 100% {opacity: 1;}
  807. }
  808.  
  809. @keyframes fadeIn {
  810. 0% {opacity: 0;}
  811.  
  812. 100% {opacity: 1;}
  813. }
  814.  
  815. @keyframes fadeInUp {
  816. from {transform: translate3d(0,40px,0)}
  817. to {transform: translate3d(0,0,0);opacity: 1;}
  818. }
  819.  
  820. @-webkit-keyframes fadeInUp {
  821. from {transform: translate3d(0,40px,0)}
  822. to {transform: translate3d(0,0,0); opacity: 1;}
  823. }
  824.  
  825. @keyframes fadeInDown {
  826. 0% {opacity: 0; transform: translateY(-20px);}
  827. 100% {opacity: 1; transform: translateY(0);}
  828. }
  829.  
  830. @keyframes fadeInLeft {
  831. 0% {opacity: 0;transform: translateX(-20px);}
  832. 100% {opacity: 1;transform: translateX(0);}
  833. }
  834.  
  835. @-webkit-keyframes fadeInLeft {
  836. 0% {opacity: 0;transform: translateX(-20px);}
  837. 100% {opacity: 1;transform: translateX(0);}
  838. }
  839.  
  840. </style>
  841.  
  842. <title>{title}</title>
  843. <meta name="viewport" content="width=820" />
  844. <script>
  845. $(document).ready(function(){
  846. $('.video iframe').each(function(){
  847. var scale = $(this).parents('.entry').width() / 500;
  848. $(this).attr({
  849. width: Math.floor($(this).attr('width') * scale),
  850. height: Math.floor($(this).attr('height') * scale)
  851. });
  852. });
  853. });
  854. </script>
  855.  
  856. <!--scripts-->
  857.  
  858. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  859.  
  860. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  861.  
  862. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"></script>
  863.  
  864. <script language="javascript">
  865. $(document).ready(function() {
  866. $('a#click').click(function() {
  867. $('.t',this).toggle();
  868. });
  869.  
  870. $("#message").css({"z-index": "0", "opacity": "0"})
  871. $("#posts").css({"z-index": "1", "opacity": "1"})
  872. $("#click").toggle(
  873. function () {
  874. $("#message").animate({"z-index": "1", "opacity": "1"}, "2000");
  875. $("#posts").animate({"z-index": "0", "opacity":"0"}, "2000");
  876. },
  877. function () {
  878. $("#message").animate({"z-index": "0", "opacity": "0"}, "2000");
  879. $("#posts").animate({"z-index": "1", "opacity": "1"}, "2000");
  880. });
  881. });
  882. </script>
  883.  
  884. <script>
  885. $(document).ready(function(){
  886. $("#et").click(function(){
  887. $(this).toggleClass("click");
  888. $("#cetera").slideToggle(400);
  889. });
  890. });
  891. </script>
  892.  
  893. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  894.  
  895. <script>
  896.  
  897. (function($){
  898.  
  899. $(document).ready(function(){
  900.  
  901. $("a[title]").style_my_tooltips({
  902.  
  903. tip_follows_cursor:true,
  904.  
  905. tip_delay_time:200,
  906.  
  907. tip_fade_speed:500,
  908.  
  909. attribute:"title"
  910.  
  911. });
  912.  
  913. });
  914.  
  915. })(jQuery);
  916.  
  917. </script>
  918.  
  919. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  920. <script> $(function(){ $('.entry').unnest({
  921. yourCaption: ".cap", //your caption selector, the div wrapping {Caption}
  922. wrapName: ".tumblr_parent", //the name of the captions’ new wrapper
  923. newCaptionUsername: false, //if the user adds a new caption, following a series of captions, show their username above the caption
  924. originalPostCaptionUsername: true, //for the original captions, or a user-added caption that previously didn’t have any, have their username on it
  925. tumblrAvatars: false, //”dashboard style” caption, have the avatar of the blog next to the username
  926. tumblrAvatarClass: ".tumblr_avatar", //class of the avatar next to the username
  927. usernameColon: true //if turned to false, removes the colon at the end of usernames
  928. }); }); </script>
  929.  
  930. <script type="text/javascript">//** jQuery Scroll to Top Control script- (c) I made this script myself (Kyle Monk) and it is hosted on my personal site so would appreciate if you followed my blog at kylemonk.tumblr.com if you use it or for details on how to change the location.
  931. //** Graphic originally from tumbler dashboard, for details on how to change graphic colour, contact me at kylemonk.tumblr.com
  932. //** v1.1 (April 7th, 10'):
  933. //** 1) Adds ability to scroll to an absolute position (from top of page) or specific element on the page instead.
  934. //** 2) Fixes scroll animation not working in Opera.
  935.  
  936.  
  937. var scrolltotop={
  938. //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
  939. //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
  940. setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
  941. controlHTML: '<span style="font-size: 20px;color:{color:Link};">&#x2912;</span>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
  942. controlattrs: {offsetx:7, offsety:35}, //offset of control relative to right/ bottom of window corner
  943. anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
  944.  
  945. state: {isvisible:false, shouldvisible:false},
  946.  
  947. scrollup:function(){
  948. if (!this.cssfixedsupport) //if control is positioned using JavaScript
  949. this.$control.css({opacity:0}) //hide control immediately after clicking it
  950. var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
  951. if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
  952. dest=jQuery('#'+dest).offset().top
  953. else
  954. dest=0
  955. this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
  956. },
  957.  
  958. keepfixed:function(){
  959. var $window=jQuery(window)
  960. var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
  961. var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
  962. this.$control.css({left:controlx+'px', top:controly+'px'})
  963. },
  964.  
  965. togglecontrol:function(){
  966. var scrolltop=jQuery(window).scrollTop()
  967. if (!this.cssfixedsupport)
  968. this.keepfixed()
  969. this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
  970. if (this.state.shouldvisible && !this.state.isvisible){
  971. this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
  972. this.state.isvisible=true
  973. }
  974. else if (this.state.shouldvisible==false && this.state.isvisible){
  975. this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
  976. this.state.isvisible=false
  977. }
  978. },
  979.  
  980. init:function(){
  981. jQuery(document).ready(function($){
  982. var mainobj=scrolltotop
  983. var iebrws=document.all
  984. mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
  985. mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
  986. mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
  987. .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
  988. .attr({title:'back to top'})
  989. .click(function(){mainobj.scrollup(); return false})
  990. .appendTo('body')
  991. if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
  992. mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
  993. mainobj.togglecontrol()
  994. $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
  995. mainobj.scrollup()
  996. return false
  997. })
  998. $(window).bind('scroll resize', function(e){
  999. mainobj.togglecontrol()
  1000. })
  1001. })
  1002. }
  1003. }
  1004.  
  1005. scrolltotop.init()
  1006. </script>
  1007.  
  1008. <script src ="https://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  1009. {block:indexpage}
  1010. {block:IfInfiniteScroll}
  1011. <script src="https://static.tumblr.com/ey6clvb/mJoq9x5i5/jquery.infinitescroll.min.js"></script>
  1012. {/block:IfInfiniteScroll}
  1013. <script>
  1014. $(document).ready(function(){
  1015. var $container = $('#posts');
  1016. $container.infinitescroll({
  1017. itemSelector: '.entry',
  1018. navSelector: '#page-nav',
  1019. nextSelector: '#page-nav a',
  1020. loadingImg: '',
  1021. loadingText: '<em></em>',
  1022. bufferPx: 2000,
  1023. {block:IfManualLoad}
  1024. errorCallback: function(){
  1025. $('#loadmore').fadeOut('normal');
  1026. }
  1027. {/block:IfManualLoad}
  1028. {block:IfNotManualLoad}
  1029. errorCallback: function(){
  1030. $('#infscr-loading').fadeOut('normal');
  1031. }
  1032. {/block:IfNotManualLoad}
  1033.  
  1034. });
  1035. {block:IfManualLoad}
  1036. $(window).unbind('.infscr');
  1037. $('#loadmore').click(function(){
  1038. $container.infinitescroll('retrieve');
  1039. $("#posts").fadeIn("slow");
  1040. return false
  1041. });
  1042. {/block:IfManualLoad}
  1043. });
  1044. </script>
  1045. {/block:indexpage}
  1046.  
  1047. </head>
  1048. <body>
  1049.  
  1050. <div class="search"><form action="/search" method="get"><input type="text" id="searchField" name="q" placeholder="search" value="" autocomplete="off"></form></div>
  1051.  
  1052. <div id="wrapper">
  1053.  
  1054. <header><nav><a href="/" title="home">01.</a><a id="click" style="cursor: pointer;" title="ask" class="t"><span class="t">02.</span><span class="t" style="display:none">02.</span></a><a style="cursor: pointer;" id="et" title="etc.">03.</a><a href="https://cafethemes.tumblr.com/" title="theme">04.</a></nav><div class="searcher"><form action="/search" method="get"><input type="text" id="searchField" name="q" placeholder="search" value="" autocomplete="off"></form></div>{block:IfAvatar}<a href="/"><img class="avatars" src="{image:Avatar}"></a>{/block:IfAvatar}<p><h1>{Title}</h1></p><p>{block:Description}{Description}{/block:Description}</p><div id="cetera"><center>{block:IfCustomLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>&nbsp;{/block:IfCustomLink1}{block:IfCustomLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>&nbsp;{/block:IfCustomLink2}{block:IfCustomLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>&nbsp;{/block:IfCustomLink3}{block:IfCustomLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>&nbsp;{/block:IfCustomLink4}{block:IfCustomLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>&nbsp;{/block:IfCustomLink5}{block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>&nbsp;{/block:Pages}{/block:HasPages}</center></div></header>
  1055.  
  1056. <div id="message">
  1057. <iframe frameborder="0" src="https://www.tumblr.com/ask_form/{name}.tumblr.com" style="background-color:transparent;" id="ask_form"></iframe></div>
  1058.  
  1059. <article id="posts">
  1060.  
  1061. {block:Posts}
  1062. <section class="entry" id="{PostID}">
  1063.  
  1064. {block:Text}
  1065. {block:Post1}<div class="small">{block:Title}<div class="title">{Title}</div>{/block:Title}
  1066. <div class="lovely cap">{Body}</div></div>{/block:Post1}
  1067. {block:Post2}<div class="small2">{block:Title}<div class="title">{Title}</div>{/block:Title}
  1068. <div class="lovely cap">{Body}</div></div>{/block:Post2}
  1069. {block:Post3}<div class="big">{block:Title}<div class="title">{Title}</div>{/block:Title}
  1070. <div class="lovely cap">{Body}</div></div>{/block:Post3}
  1071. {block:Post4}<div class="small3">{block:Title}<div class="title">{Title}</div>{/block:Title}
  1072. <div class="lovely cap">{Body}</div></div>{/block:Post4}
  1073. {block:Post5}<div class="small4">{block:Title}<div class="title">{Title}</div>{/block:Title}
  1074. <div class="lovely cap">{Body}</div></div>{/block:Post5}
  1075. {block:Post6}<div class="big2">{block:Title}<div class="title">{Title}</div>{/block:Title}
  1076. <div class="lovely cap">{Body}</div></div>{/block:Post6}
  1077. {block:Post7}<div class="small">{block:Title}<div class="title">{Title}</div>{/block:Title}
  1078. <div class="lovely cap">{Body}</div></div>{/block:Post7}
  1079. {block:Post8}<div class="small2">{block:Title}<div class="title">{Title}</div>{/block:Title}
  1080. <div class="lovely cap">{Body}</div></div>{/block:Post8}
  1081. {block:Post9}<div class="big3">{block:Title}<div class="title">{Title}</div>{/block:Title}
  1082. <div class="lovely cap">{Body}</div></div>{/block:Post9}
  1083. {block:Post10}<div class="small5">{block:Title}<div class="title">{Title}</div>{/block:Title}
  1084. <div class="lovely cap">{Body}</div></div>{/block:Post10}
  1085. {block:Post11}<div class="small6">{block:Title}<div class="title">{Title}</div>{/block:Title}
  1086. <div class="lovely cap">{Body}</div></div>{/block:Post11}
  1087. {block:Post12}<div class="big">{block:Title}<div class="title">{Title}</div>{/block:Title}
  1088. <div class="lovely cap">{Body}</div></div>{/block:Post12}
  1089. {block:Post13}<div class="small">{block:Title}<div class="title">{Title}</div>{/block:Title}
  1090. <div class="lovely cap">{Body}</div></div>{/block:Post13}
  1091. {block:Post14}<div class="small7">{block:Title}<div class="title">{Title}</div>{/block:Title}
  1092. <div class="lovely cap">{Body}</div></div>{/block:Post14}
  1093. {block:Post15}<div class="big2">{block:Title}<div class="title">{Title}</div>{/block:Title}
  1094. <div class="lovely cap">{Body}</div></div>{/block:Post15}
  1095.  
  1096. {block:IndexPage}<div class="perm"><a href="{Permalink}" style="float: left;">{NoteCountWithLabel}</a><a href="{ReblogURL}" style="float: right;">{text:Reblog Name}</a></div>{/block:IndexPage}
  1097. {/block:Text}
  1098.  
  1099.  
  1100. {block:Link}
  1101. {block:Post1}<div class="small"><a href="{URL}" class="title">{Name}</a>
  1102. <div class="lovely cap">{block:Description}{Description}{/block:Description}</div></div>{/block:Post1}
  1103. {block:Post2}<div class="small2"><a href="{URL}" class="title">{Name}</a>
  1104. <div class="lovely cap">{block:Description}{Description}{/block:Description}</div></div>{/block:Post2}
  1105. {block:Post3}<div class="big"><a href="{URL}" class="title">{Name}</a>
  1106. <div class="lovely cap">{block:Description}{Description}{/block:Description}</div></div>{/block:Post3}
  1107. {block:Post4}<div class="small3"><a href="{URL}" class="title">{Name}</a>
  1108. <div class="lovely cap">{block:Description}{Description}{/block:Description}</div></div>{/block:Post4}
  1109. {block:Post5}<div class="small4"><a href="{URL}" class="title">{Name}</a>
  1110. <div class="lovely cap">{block:Description}{Description}{/block:Description}</div></div>{/block:Post5}
  1111. {block:Post6}<div class="big2"><a href="{URL}" class="title">{Name}</a>
  1112. <div class="lovely cap">{block:Description}{Description}{/block:Description}</div></div>{/block:Post6}
  1113. {block:Post7}<div class="small"><a href="{URL}" class="title">{Name}</a>
  1114. <div class="lovely cap">{block:Description}{Description}{/block:Description}</div></div>{/block:Post7}
  1115. {block:Post8}<div class="small2"><a href="{URL}" class="title">{Name}</a>
  1116. <div class="lovely cap">{block:Description}{Description}{/block:Description}</div></div>{/block:Post8}
  1117. {block:Post9}<div class="big3"><a href="{URL}" class="title">{Name}</a>
  1118. <div class="lovely cap">{block:Description}{Description}{/block:Description}</div></div>{/block:Post9}
  1119. {block:Post10}<div class="small5"><a href="{URL}" class="title">{Name}</a>
  1120. <div class="lovely cap">{block:Description}{Description}{/block:Description}</div></div>{/block:Post10}
  1121. {block:Post11}<div class="small6"><a href="{URL}" class="title">{Name}</a>
  1122. <div class="lovely cap">{block:Description}{Description}{/block:Description}</div></div>{/block:Post11}
  1123. {block:Post12}<div class="big"><a href="{URL}" class="title">{Name}</a>
  1124. <div class="lovely cap">{block:Description}{Description}{/block:Description}</div></div>{/block:Post12}
  1125. {block:Post13}<div class="small"><a href="{URL}" class="title">{Name}</a>
  1126. <div class="lovely cap">{block:Description}{Description}{/block:Description}</div></div>{/block:Post13}
  1127. {block:Post14}<div class="small7"><a href="{URL}" class="title">{Name}</a>
  1128. <div class="lovely cap">{block:Description}{Description}{/block:Description}</div></div>{/block:Post14}
  1129. {block:Post15}<div class="big2"><a href="{URL}" class="title">{Name}</a>
  1130. <div class="lovely cap">{block:Description}{Description}{/block:Description}</div></div>{/block:Post15}
  1131. {block:IndexPage}<div class="perm"><a href="{Permalink}" style="float: left;">{NoteCountWithLabel}</a><a href="{ReblogURL}" style="float: right;">{text:Reblog Name}</a></div>{/block:IndexPage}
  1132. {block:Link}
  1133.  
  1134. {block:Photo}
  1135. {block:IndexPage}
  1136. <div class="parol">
  1137. {block:IfCaption}
  1138. {block:Caption}<div class="bg"><div class="caption cap">{Caption}</div></div>{/block:Caption}{/block:IfCaption}
  1139. {block:IfNotCaption}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a></div><div class="reb"><a href="{ReblogURL}">{text:Reblog Name}</a></div>{/block:IfNotCaption}
  1140. {block:Post1}<img class="photo small" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{/block:Post1}
  1141. {block:Post2}<img class="photo small2" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{/block:Post2}
  1142. {block:Post3}<img class="photo big" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{/block:Post3}
  1143. {block:Post4}<img class="photo small3" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{/block:Post4}
  1144. {block:Post5}<img class="photo small4" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{/block:Post5}
  1145. {block:Post6}<img class="photo big2" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{/block:Post6}
  1146. {block:Post7}<img class="photo small" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{/block:Post7}
  1147. {block:Post8}<img class="photo small2" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{/block:Post8}
  1148. {block:Post9}<img class="photo big3" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{/block:Post9}
  1149. {block:Post10}<img class="photo small5" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{/block:Post10}
  1150. {block:Post11}<img class="photo small6" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{/block:Post11}
  1151. {block:Post12}<img class="photo big" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{/block:Post12}
  1152. {block:Post13}<img class="photo small" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{/block:Post13}
  1153. {block:Post14}<img class="photo small7" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{/block:Post14}
  1154. {block:Post15}<img class="photo big2" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{/block:Post15}
  1155. </div>
  1156. {block:IfCaption}<div class="perm"><a href="{Permalink}" style="float: left;">{NoteCountWithLabel}</a><a href="{ReblogURL}" style="float: right;">{text:Reblog Name}</a></div>{/block:IfCaption}
  1157. {/block:IndexPage}
  1158. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="495"/>
  1159. {/block:PermalinkPage}
  1160. {/block:Photo}
  1161.  
  1162. {block:Photoset}
  1163. {block:IndexPage}
  1164. <div class="parols">
  1165. {block:IfCaption}
  1166. {block:Caption}<div class="bg"><div class="caption cap">{Caption}</div></div>{/block:Caption}{/block:IfCaption}
  1167. {block:IfNotCaption}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a></div><div class="reb"><a href="{ReblogURL}">{text:Reblog Name}</a></div>{/block:IfNotCaption}
  1168. {block:Post1}<div class="small"><div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div></div>{/block:Post1}
  1169. {block:Post2}<div class="small2"><div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div></div>{/block:Post2}
  1170. {block:Post3}<div class="big"><div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div></div>{/block:Post3}
  1171. {block:Post4}<div class="small3"><div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div></div>{/block:Post4}
  1172. {block:Post5}<div class="small4"><div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div></div>{/block:Post5}
  1173. {block:Post6}<div class="big2"><div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div></div>{/block:Post6}
  1174. {block:Post7}<div class="small"><div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div></div>{/block:Post7}
  1175. {block:Post8}<div class="small2"><div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div></div>{/block:Post8}
  1176. {block:Post9}<div class="big3"><div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div></div>{/block:Post9}
  1177. {block:Post10}<div class="small5"><div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div></div>{/block:Post10}
  1178. {block:Post11}<div class="small6"><div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div></div>{/block:Post11}
  1179. {block:Post12}<div class="big"><div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div></div>{/block:Post12}
  1180. {block:Post13}<div class="small"><div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div></div>{/block:Post13}
  1181. {block:Post14}<div class="small7"><div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div></div>{/block:Post14}
  1182. {block:Post15}<div class="big2"><div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div></div>{/block:Post15}
  1183. </div>
  1184. {block:IfCaption}<div class="perm"><a href="{Permalink}" style="float: left;">{NoteCountWithLabel}</a><a href="{ReblogURL}" style="float: right;">{text:Reblog Name}</a></div>{/block:IfCaption}
  1185. {/block:IndexPage}
  1186. {block:PermalinkPage}<div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>{/block:PermalinkPage}
  1187. {/block:Photoset}
  1188.  
  1189.  
  1190. {block:Quote}
  1191. {block:Post1}<div class="small"><div class="lovely cap"><p><div class="title">{Quote}</div></p>
  1192. <p>{block:Source}{Source}{/block:Source}</p></div></div>{/block:Post1}
  1193. {block:Post2}<div class="small2"><div class="lovely cap"><p><div class="title">{Quote}</div></p>
  1194. <p>{block:Source}{Source}{/block:Source}</p></div></div>{/block:Post2}
  1195. {block:Post3}<div class="big"><div class="lovely cap"><p><div class="title">{Quote}</div></p>
  1196. <p>{block:Source}{Source}{/block:Source}</p></div></div>{/block:Post3}
  1197. {block:Post4}<div class="small3"><div class="lovely cap"><p><div class="title">{Quote}</div></p>
  1198. <p>{block:Source}{Source}{/block:Source}</p></div></div>{/block:Post4}
  1199. {block:Post5}<div class="small4"><div class="lovely cap"><p><div class="title">{Quote}</div></p>
  1200. <p>{block:Source}{Source}{/block:Source}</p></div></div>{/block:Post5}
  1201. {block:Post6}<div class="big2"><div class="lovely cap"><p><div class="title">{Quote}</div></p>
  1202. <p>{block:Source}{Source}{/block:Source}</p></div></div>{/block:Post6}
  1203. {block:Post7}<div class="small"><div class="lovely cap"><p><div class="title">{Quote}</div></p>
  1204. <p>{block:Source}{Source}{/block:Source}</p></div></div>{/block:Post7}
  1205. {block:Post8}<div class="small2"><div class="lovely cap"><p><div class="title">{Quote}</div></p>
  1206. <p>{block:Source}{Source}{/block:Source}</p></div></div>{/block:Post8}
  1207. {block:Post9}<div class="big3"><div class="lovely cap"><p><div class="title">{Quote}</div></p>
  1208. <p>{block:Source}{Source}{/block:Source}</p></div></div>{/block:Post9}
  1209. {block:Post10}<div class="small5"><div class="lovely cap"><p><div class="title">{Quote}</div></p>
  1210. <p>{block:Source}{Source}{/block:Source}</p></div></div>{/block:Post10}
  1211. {block:Post11}<div class="small6"><div class="lovely cap"><p><div class="title">{Quote}</div></p>
  1212. <p>{block:Source}{Source}{/block:Source}</p></div></div>{/block:Post11}
  1213. {block:Post12}<div class="big"><div class="lovely cap"><p><div class="title">{Quote}</div></p>
  1214. <p>{block:Source}{Source}{/block:Source}</p></div></div>{/block:Post12}
  1215. {block:Post13}<div class="small"><div class="lovely cap"><p><div class="title">{Quote}</div></p>
  1216. <p>{block:Source}{Source}{/block:Source}</p></div></div>{/block:Post13}
  1217. {block:Post14}<div class="small7"><div class="lovely cap"><p><div class="title">{Quote}</div></p>
  1218. <p>{block:Source}{Source}{/block:Source}</p></div></div>{/block:Post14}
  1219. {block:Post15}<div class="big2"><div class="lovely cap"><p><div class="title">{Quote}</div></p>
  1220. <p>{block:Source}{Source}{/block:Source}</p></div></div>{/block:Post15}
  1221. {block:IndexPage}<div class="perm"><a href="{Permalink}" style="float: left;">{NoteCountWithLabel}</a><a href="{ReblogURL}" style="float: right;">{text:Reblog Name}</a></div>{/block:IndexPage}
  1222. {/block:Quote}
  1223.  
  1224.  
  1225. {block:Chat}
  1226. {block:Post1}<div class="small">
  1227. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1228. <ul class="chat lovely">
  1229. {block:Lines}
  1230. <li class="user_{UserNumber}">
  1231. {block:Label}
  1232. <span class="label">{Label}</span>
  1233. {/block:Label}
  1234.  
  1235. {Line}
  1236. </li>
  1237. {/block:Lines}
  1238. </ul>
  1239. </div>{/block:Post1}
  1240. {block:Post2}<div class="small2">
  1241. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1242. <ul class="chat lovely">
  1243. {block:Lines}
  1244. <li class="user_{UserNumber}">
  1245. {block:Label}
  1246. <span class="label">{Label}</span>
  1247. {/block:Label}
  1248.  
  1249. {Line}
  1250. </li>
  1251. {/block:Lines}
  1252. </ul>
  1253. </div>{/block:Post2}
  1254. {block:Post3}<div class="big">
  1255. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1256. <ul class="chat lovely">
  1257. {block:Lines}
  1258. <li class="user_{UserNumber}">
  1259. {block:Label}
  1260. <span class="label">{Label}</span>
  1261. {/block:Label}
  1262.  
  1263. {Line}
  1264. </li>
  1265. {/block:Lines}
  1266. </ul>
  1267. </div>{/block:Post3}
  1268. {block:Post4}<div class="small3">
  1269. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1270. <ul class="chat lovely">
  1271. {block:Lines}
  1272. <li class="user_{UserNumber}">
  1273. {block:Label}
  1274. <span class="label">{Label}</span>
  1275. {/block:Label}
  1276.  
  1277. {Line}
  1278. </li>
  1279. {/block:Lines}
  1280. </ul>
  1281. </div>{/block:Post4}
  1282. {block:Post5}<div class="small4">
  1283. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1284. <ul class="chat lovely">
  1285. {block:Lines}
  1286. <li class="user_{UserNumber}">
  1287. {block:Label}
  1288. <span class="label">{Label}</span>
  1289. {/block:Label}
  1290.  
  1291. {Line}
  1292. </li>
  1293. {/block:Lines}
  1294. </ul>
  1295. </div>{/block:Post5}
  1296. {block:Post6}<div class="big2">
  1297. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1298. <ul class="chat lovely">
  1299. {block:Lines}
  1300. <li class="user_{UserNumber}">
  1301. {block:Label}
  1302. <span class="label">{Label}</span>
  1303. {/block:Label}
  1304.  
  1305. {Line}
  1306. </li>
  1307. {/block:Lines}
  1308. </ul>
  1309. </div>{/block:Post6}
  1310. {block:Post7}<div class="small">
  1311. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1312. <ul class="chat lovely">
  1313. {block:Lines}
  1314. <li class="user_{UserNumber}">
  1315. {block:Label}
  1316. <span class="label">{Label}</span>
  1317. {/block:Label}
  1318.  
  1319. {Line}
  1320. </li>
  1321. {/block:Lines}
  1322. </ul>
  1323. </div>{/block:Post7}
  1324. {block:Post8}<div class="small2">
  1325. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1326. <ul class="chat lovely">
  1327. {block:Lines}
  1328. <li class="user_{UserNumber}">
  1329. {block:Label}
  1330. <span class="label">{Label}</span>
  1331. {/block:Label}
  1332.  
  1333. {Line}
  1334. </li>
  1335. {/block:Lines}
  1336. </ul>
  1337. </div>{/block:Post8}
  1338. {block:Post9}<div class="big3">
  1339. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1340. <ul class="chat lovely">
  1341. {block:Lines}
  1342. <li class="user_{UserNumber}">
  1343. {block:Label}
  1344. <span class="label">{Label}</span>
  1345. {/block:Label}
  1346.  
  1347. {Line}
  1348. </li>
  1349. {/block:Lines}
  1350. </ul>
  1351. </div>{/block:Post9}
  1352. {block:Post10}<div class="small5">
  1353. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1354. <ul class="chat lovely">
  1355. {block:Lines}
  1356. <li class="user_{UserNumber}">
  1357. {block:Label}
  1358. <span class="label">{Label}</span>
  1359. {/block:Label}
  1360.  
  1361. {Line}
  1362. </li>
  1363. {/block:Lines}
  1364. </ul>
  1365. </div>{/block:Post10}
  1366. {block:Post11}<div class="small6">
  1367. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1368. <ul class="chat lovely">
  1369. {block:Lines}
  1370. <li class="user_{UserNumber}">
  1371. {block:Label}
  1372. <span class="label">{Label}</span>
  1373. {/block:Label}
  1374.  
  1375. {Line}
  1376. </li>
  1377. {/block:Lines}
  1378. </ul>
  1379. </div>{/block:Post11}
  1380. {block:Post12}<div class="big">
  1381. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1382. <ul class="chat lovely">
  1383. {block:Lines}
  1384. <li class="user_{UserNumber}">
  1385. {block:Label}
  1386. <span class="label">{Label}</span>
  1387. {/block:Label}
  1388.  
  1389. {Line}
  1390. </li>
  1391. {/block:Lines}
  1392. </ul>
  1393. </div>{/block:Post12}
  1394. {block:Post13}<div class="small">
  1395. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1396. <ul class="chat lovely">
  1397. {block:Lines}
  1398. <li class="user_{UserNumber}">
  1399. {block:Label}
  1400. <span class="label">{Label}</span>
  1401. {/block:Label}
  1402.  
  1403. {Line}
  1404. </li>
  1405. {/block:Lines}
  1406. </ul>
  1407. </div>{/block:Post13}
  1408. {block:Post14}<div class="small7">
  1409. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1410. <ul class="chat lovely">
  1411. {block:Lines}
  1412. <li class="user_{UserNumber}">
  1413. {block:Label}
  1414. <span class="label">{Label}</span>
  1415. {/block:Label}
  1416.  
  1417. {Line}
  1418. </li>
  1419. {/block:Lines}
  1420. </ul>
  1421. </div>{/block:Post14}
  1422. {block:Post15}<div class="big2">
  1423. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1424. <ul class="chat lovely">
  1425. {block:Lines}
  1426. <li class="user_{UserNumber}">
  1427. {block:Label}
  1428. <span class="label">{Label}</span>
  1429. {/block:Label}
  1430.  
  1431. {Line}
  1432. </li>
  1433. {/block:Lines}
  1434. </ul>
  1435. </div>{/block:Post15}
  1436. {block:IndexPage}<br><div class="perm"><a href="{Permalink}" style="float: left;">{NoteCountWithLabel}</a><a href="{ReblogURL}" style="float: right;">{text:Reblog Name}</a></div>{/block:IndexPage}
  1437. {/block:Chat}
  1438.  
  1439.  
  1440. {block:Audio}
  1441. {block:Post1}<div class="small"><div id="audio"><div class="cover"><img src="https://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="play">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info lovely"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div></div>{/block:Post1}
  1442. {block:Post2}<div class="small2"><div id="audio"><div class="cover"><img src="https://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="play">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info lovely"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div></div>{/block:Post2}
  1443. {block:Post3}<div class="big"><div id="audio"><div class="cover"><img src="https://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="play">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info lovely"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div></div>{/block:Post3}
  1444. {block:Post4}<div class="small3"><div id="audio"><div class="cover"><img src="https://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="play">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info lovely"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div></div>{/block:Post4}
  1445. {block:Post5}<div class="small4"><div id="audio"><div class="cover"><img src="https://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="play">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info lovely"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div></div>{/block:Post5}
  1446. {block:Post6}<div class="big2"><div id="audio"><div class="cover"><img src="https://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="play">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info lovely"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div></div>{/block:Post6}
  1447. {block:Post7}<div class="small"><div id="audio"><div class="cover"><img src="https://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="play">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info lovely"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div></div>{/block:Post7}
  1448. {block:Post8}<div class="small2"><div id="audio"><div class="cover"><img src="https://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="play">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info lovely"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div></div>{/block:Post8}
  1449. {block:Post9}<div class="big3"><div id="audio"><div class="cover"><img src="https://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="play">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info lovely"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div></div>{/block:Post9}
  1450. {block:Post10}<div class="small5"><div id="audio"><div class="cover"><img src="https://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="play">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info lovely"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div></div>{/block:Post10}
  1451. {block:Post11}<div class="small6"><div id="audio"><div class="cover"><img src="https://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="play">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info lovely"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div></div>{/block:Post11}
  1452. {block:Post12}<div class="big"><div id="audio"><div class="cover"><img src="https://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="play">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info lovely"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div></div>{/block:Post12}
  1453. {block:Post13}<div class="small"><div id="audio"><div class="cover"><img src="https://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="play">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info lovely"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div></div>{/block:Post13}
  1454. {block:Post14}<div class="small7"><div id="audio"><div class="cover"><img src="https://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="play">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info lovely"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div></div>{/block:Post14}
  1455. {block:Post15}<div class="big2"><div id="audio"><div class="cover"><img src="https://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="play">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info lovely"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div></div>{/block:Post15}
  1456. {block:IndexPage}<br><div class="perm"><a href="{Permalink}" style="float: left;">{NoteCountWithLabel}</a><a href="{ReblogURL}" style="float: right;">{text:Reblog Name}</a></div>{/block:IndexPage}
  1457. {/block:Audio}
  1458.  
  1459. {block:Video}
  1460. {block:IndexPage}
  1461. <div class="parol">
  1462. {block:IfCaption}
  1463. {block:Caption}<div class="bg"><div class="caption cap">{Caption}</div></div>{/block:Caption}{/block:IfCaption}
  1464. {block:IfNotCaption}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a></div><div class="reb"><a href="{ReblogURL}">{text:Reblog Name}</a></div>{/block:IfNotCaption}
  1465. {block:Post1}<div class="small"><div class="video">{Video-500}</div></div>{/block:Post1}
  1466. {block:Post2}<div class="small2"><div class="video">{Video-500}</div></div>{/block:Post2}
  1467. {block:Post3}<div class="big"><div class="video">{Video-500}</div></div>{/block:Post3}
  1468. {block:Post4}<div class="small3"><div class="video">{Video-500}</div></div>{/block:Post4}
  1469. {block:Post5}<div class="small4"><div class="video">{Video-500}</div></div>{/block:Post5}
  1470. {block:Post6}<div class="big2"><div class="video">{Video-500}</div></div>{/block:Post6}
  1471. {block:Post7}<div class="small"><div class="video">{Video-500}</div></div>{/block:Post7}
  1472. {block:Post8}<div class="small2"><div class="video">{Video-500}</div></div>{/block:Post8}
  1473. {block:Post9}<div class="big3"><div class="video">{Video-500}</div></div>{/block:Post9}
  1474. {block:Post10}<div class="small5"><div class="video">{Video-500}</div></div>{/block:Post10}
  1475. {block:Post11}<div class="small6"><div class="video">{Video-500}</div></div>{/block:Post11}
  1476. {block:Post12}<div class="big"><div class="video">{Video-500}</div></div>{/block:Post12}
  1477. {block:Post13}<div class="small"><div class="video">{Video-500}</div></div>{/block:Post13}
  1478. {block:Post14}<div class="small7"><div class="video">{Video-500}</div></div>{/block:Post14}
  1479. {block:Post15}<div class="big2"><div class="video">{Video-500}</div></div>{/block:Post15}
  1480. </div>
  1481. {block:IfCaption}<div class="perm"><a href="{Permalink}" style="float: left;">{NoteCountWithLabel}</a><a href="{ReblogURL}" style="float: right;">{text:Reblog Name}</a></div>{/block:IfCaption}
  1482. {/block:IndexPage}
  1483. {block:PermalinkPage}
  1484. {Video-500}
  1485. {/block:PermalinkPage}
  1486. {block:Video}
  1487.  
  1488. {block:Answer}
  1489. {block:Post1}<div class="small"><div class="q"><img class="avatar" src="{AskerPortraitURL-24}"></a><div class="asker">{Asker} asked:</div></div><div class="question lovely">{Question}</div></p><div class="lovely cap">{Answer}</div></div>{/block:Post1}
  1490. {block:Post2}<div class="small2"><div class="q"><img class="avatar" src="{AskerPortraitURL-24}"></a><div class="asker">{Asker} asked:</div></div><div class="question lovely">{Question}</div></p><div class="lovely cap">{Answer}</div></div>{/block:Post2}
  1491. {block:Post3}<div class="big"><div class="q"><img class="avatar" src="{AskerPortraitURL-24}"></a><div class="asker">{Asker} asked:</div></div><div class="question lovely">{Question}</div></p><div class="lovely cap">{Answer}</div></div>{/block:Post3}
  1492. {block:Post4}<div class="small3"><div class="q"><img class="avatar" src="{AskerPortraitURL-24}"></a><div class="asker">{Asker} asked:</div></div><div class="question lovely">{Question}</div></p><div class="lovely cap">{Answer}</div></div>{/block:Post4}
  1493. {block:Post5}<div class="small4"><div class="q"><img class="avatar" src="{AskerPortraitURL-24}"></a><div class="asker">{Asker} asked:</div></div><div class="question lovely">{Question}</div></p><div class="lovely cap">{Answer}</div></div>{/block:Post5}
  1494. {block:Post6}<div class="big2"><div class="q"><img class="avatar" src="{AskerPortraitURL-24}"></a><div class="asker">{Asker} asked:</div></div><div class="question lovely">{Question}</div></p><div class="lovely cap">{Answer}</div></div>{/block:Post6}
  1495. {block:Post7}<div class="small"><div class="q"><img class="avatar" src="{AskerPortraitURL-24}"></a><div class="asker">{Asker} asked:</div></div><div class="question lovely">{Question}</div></p><div class="lovely cap">{Answer}</div></div>{/block:Post7}
  1496. {block:Post8}<div class="small2"><div class="q"><img class="avatar" src="{AskerPortraitURL-24}"></a><div class="asker">{Asker} asked:</div></div><div class="question lovely">{Question}</div></p><div class="lovely cap">{Answer}</div></div>{/block:Post8}
  1497. {block:Post9}<div class="big3"><div class="q"><img class="avatar" src="{AskerPortraitURL-24}"></a><div class="asker">{Asker} asked:</div></div><div class="question lovely">{Question}</div></p><div class="lovely cap">{Answer}</div></div>{/block:Post9}
  1498. {block:Post10}<div class="small5"><div class="q"><img class="avatar" src="{AskerPortraitURL-24}"></a><div class="asker">{Asker} asked:</div></div><div class="question lovely">{Question}</div></p><div class="lovely cap">{Answer}</div></div>{/block:Post10}
  1499. {block:Post11}<div class="small6"><div class="q"><img class="avatar" src="{AskerPortraitURL-24}"></a><div class="asker">{Asker} asked:</div></div><div class="question lovely">{Question}</div></p><div class="lovely cap">{Answer}</div></div>{/block:Post11}
  1500. {block:Post12}<div class="big"><div class="q"><img class="avatar" src="{AskerPortraitURL-24}"></a><div class="asker">{Asker} asked:</div></div><div class="question lovely">{Question}</div></p><div class="lovely cap">{Answer}</div></div>{/block:Post12}
  1501. {block:Post13}<div class="small"><div class="q"><img class="avatar" src="{AskerPortraitURL-24}"></a><div class="asker">{Asker} asked:</div></div><div class="question lovely">{Question}</div></p><div class="lovely cap">{Answer}</div></div>{/block:Post13}
  1502. {block:Post14}<div class="small7"><div class="q"><img class="avatar" src="{AskerPortraitURL-24}"></a><div class="asker">{Asker} asked:</div></div><div class="question lovely">{Question}</div></p><div class="lovely cap">{Answer}</div></div>{/block:Post14}
  1503. {block:Post15}<div class="big2"><div class="q"><img class="avatar" src="{AskerPortraitURL-24}"></a><div class="asker">{Asker} asked:</div></div><div class="question lovely">{Question}</div></p><div class="lovely cap">{Answer}</div></div>{/block:Post15}
  1504.  
  1505. {block:IndexPage}<div class="perm"><a href="{Permalink}" style="float: left;">{NoteCountWithLabel}</a><a href="{ReblogURL}" style="float: right;">{text:Reblog Name}</a></div>{/block:IndexPage}
  1506. {/block:Answer}
  1507.  
  1508. {block:PermalinkPage}
  1509. <p>{block:Caption}{Caption}{/block:Caption}</p>{block:NoteCount}<div style="text-transform: uppercase; color: #5d5d5d;">POSTED {TimeAgo} with {NoteCount} NOTES</div>{/block:NoteCount}<p>{block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource},&nbsp;from: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}</p>{block:HasTags}<p>tagged as: {block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}</p>{/block:HasTags}
  1510. {/block:PermalinkPage}
  1511.  
  1512. {block:PostNotes}
  1513. <div id="notie">
  1514. <div id="noties">{PostNotes}</div>
  1515. </div>
  1516. {/block:PostNotes}
  1517.  
  1518. </section> <!--.entry-->
  1519.  
  1520. {/block:Posts}
  1521.  
  1522. {block:IfManualLoad}
  1523. {block:Pagination}{block:IndexPage}<a href="#" id="loadmore">LOAD MORE</a>{/block:IndexPage}{/block:Pagination}{/block:IfManualLoad}
  1524.  
  1525. {block:Pagination}
  1526. <div id="page-nav">{block:PreviousPage}<a href="{PreviousPage}">prev</a>&nbsp;{/block:PreviousPage}{block:NextPage}&nbsp;<a href="{NextPage}">next</a>{/block:NextPage}</div>
  1527. {/block:Pagination}
  1528.  
  1529. </article> <!--#posts-->
  1530. </div> <!--#wrapper-->
  1531. <a href="https://cafethemes.tumblr.com/" title="theme by caffeous"><span class="lnr lnr-coffee-cup" style="position: fixed;bottom: 10px; right: 5px;font-size:20px;color: {color:Link};"></span></a>
  1532.  
  1533. </body>
  1534. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!