API tools faq
paste
caffeous

harper's bazaar theme

caffeous
Jun 21st, 2020 (edited)
2,295
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.44 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. harper's bazaar theme by caffeous
  13. (Issue No. 04 of Magazine Series)
  14. 2020 © all rights reserved
  15.  
  16. CREDITS:
  17.  
  18. unnested captions by neothm and magnusthemes
  19. smooth scroll by Zachary Fury
  20. wow.js by Matt Delac
  21. video width fix by shythemes
  22. photoset fix by annasthms and espoirthemes
  23. icons from fontawesome
  24.  
  25. -->
  26.  
  27. <head>
  28.  
  29. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  30. <script src="https://kit.fontawesome.com/f32ce4ad6d.js" crossorigin="anonymous"></script>
  31.  
  32.  
  33. <title>{title}</title>
  34. {block:Description}<meta name="description" content="{metadescription}" />{/block:Description}
  35. <link rel="shortcut icon" href="{Favicon}">
  36. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  37.  
  38. <meta name="color:Body" content="#000000">
  39. <meta name="color:Bold Text" content="#000000">
  40. <meta name="color:Italic Text" content="#000000">
  41. <meta name="color:Main Border" content="#000000">
  42. <meta name="color:Background" content="#ffffff">
  43. <meta name="color:Sidebar" content="#ffffff">
  44. <meta name="color:Sidebar Sides" content="#ebebeb"/>
  45. <meta name="color:Et Cetera Links" content="#ebebeb"/>
  46. <meta name="color:Link" content="#000000"/>
  47. <meta name="color:Hovered Link" content="#eaeaea"/>
  48. <meta name="color:Permalink" content="#000000"/>
  49. <meta name="color:Accent" content="#ebebeb"/>
  50. <meta name="color:Highlight" content="#ffffff"/>
  51. <meta name="color:Scrollbar" content="#000000"/>
  52. <meta name="color:Tooltip Background" content="#ffffff"/>
  53. <meta name="color:Tooltip Border" content="#000000"/>
  54.  
  55. <meta name="font:Title" content="Didot"/>
  56. <meta name="font:Body" content="'Roboto Mono', monospace"/>
  57. <meta name="font:Et Cetera" content="'Raleway', sans-serif"/>
  58.  
  59. <meta name="select:Post Width" content="300px"/>
  60. <meta name="select:Post Width" content="350px"/>
  61. <meta name="select:Post Width" content="400px"/>
  62. <meta name="select:Post Width" content="450px"/>
  63. <meta name="select:Post Width" content="500px"/>
  64. <meta name="select:Post Width" content="550px"/>
  65. <meta name="select:Body Font" content="11px"/>
  66. <meta name="select:Body Font" content="12px"/>
  67. <meta name="select:Body Font" content="13px"/>
  68. <meta name="select:Body Font" content="14px"/>
  69. <meta name="select:Body Font" content="15px"/>
  70. <meta name="select:Caption Avatar Width" content="19px"/>
  71. <meta name="select:Caption Avatar Width" content="21px"/>
  72. <meta name="select:Caption Avatar Width" content="22px"/>
  73. <meta name="select:Caption Avatar Width" content="24px"/>
  74. <meta name="select:Caption Avatar Width" content="26px"/>
  75.  
  76. <meta name="image:Avatar" content="1"/>
  77. <meta name="image:Header" content=""/>
  78. <meta name="image:Sidebar Background" content=""/>
  79. <meta name="image:Background" content=""/>
  80.  
  81. <meta name="if:Infinite Scroll" content="1"/>
  82. <meta name="if:Manual Load" content="1"/>
  83. <meta name="if:Animation" content="1"/>
  84. <meta name="if:Main Borders" content="1"/>
  85. <meta name="if:Side Borders" content="1"/>
  86. <meta name="if:Header" content="1"/>
  87. <meta name="if:Sidebar Shadow" content="1"/>
  88. <meta name="if:Underlined Link" content="0"/>
  89. <meta name="if:Underlined Link on Hover" content="0"/>
  90. <meta name="if:Custom Link 1" content="1"/>
  91. <meta name="if:Custom Link 2" content="1"/>
  92. <meta name="if:Custom Link 3" content="1"/>
  93. <meta name="if:Custom Link 4" content="1"/>
  94. <meta name="if:Custom Link 5" content="1"/>
  95. <meta name="if:Custom Link 6" content="1"/>
  96. <meta name="if:Custom Link 7" content="1"/>
  97. <meta name="if:Custom Link 8" content="1"/>
  98. <meta name="if:Custom Link 9" content="1"/>
  99. <meta name="if:Custom Link 10" content="1"/>
  100. <meta name="if:Caption" content="0"/>
  101. <meta name="if:Tags" content="1"/>
  102. <meta name="if:Black and White Photo Hover" content="1"/>
  103. <meta name="if:No Background Repeat" content="1"/>
  104. <meta name="if:Inverted Tumblr Controls" content="1"/>
  105.  
  106. <meta name="text:Main Border" content="15"/>
  107. <meta name="text:Posts from Left" content="-200"/>
  108. <meta name="text:Sidebar from Left" content="170"/>
  109. <meta name="text:Description From Top" content="210"/>
  110. <meta name="text:Description Height" content="300"/>
  111. <meta name="text:Home Link Title" content="home"/>
  112. <meta name="text:Ask Link" content="/ask"/>
  113. <meta name="text:Ask Link Title" content="ask"/>
  114. <meta name="text:Et Cetera Link Title" content="etc."/>
  115. <meta name="text:Search Link Title" content="search"/>
  116. <meta name="text:Link 1" content="/"/>
  117. <meta name="text:Link 1 Title" content="one"/>
  118. <meta name="text:Link 2" content="/"/>
  119. <meta name="text:Link 2 Title" content="two"/>
  120. <meta name="text:Link 3" content="/"/>
  121. <meta name="text:Link 3 Title" content="three"/>
  122. <meta name="text:Link 4" content="/"/>
  123. <meta name="text:Link 4 Title" content="four"/>
  124. <meta name="text:Link 5" content="/"/>
  125. <meta name="text:Link 5 Title" content="five"/>
  126. <meta name="text:Link 6" content="/"/>
  127. <meta name="text:Link 6 Title" content="six"/>
  128. <meta name="text:Link 7" content="/"/>
  129. <meta name="text:Link 7 Title" content="seven"/>
  130. <meta name="text:Link 8" content="/"/>
  131. <meta name="text:Link 8 Title" content="eight"/>
  132. <meta name="text:Link 9" content="/"/>
  133. <meta name="text:Link 9 Title" content="nine"/>
  134. <meta name="text:Link 10" content="/"/>
  135. <meta name="text:Link 10 Title" content="ten"/>
  136. <meta name="text:Reblog Name" content="reblog"/>
  137.  
  138. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  139.  
  140. <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,300;0,500;1,300&display=swap" rel="stylesheet">
  141. <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap" rel="stylesheet">
  142.  
  143. <link rel="stylesheet" href="https://static.tumblr.com/ey6clvb/Tlrqa2hos/animate.css">
  144.  
  145. <style type="text/css">
  146.  
  147. /*SIDEBAR*/
  148. aside {
  149. position: fixed;
  150. top: 0px;
  151. left: 50%;
  152. margin-left: {text:Sidebar from Left}px;
  153. width: 270px;
  154. height: 100%;
  155. background: {color:Sidebar} url({image:Sidebar Background}) repeat;
  156. {block:IfNoBackgroundRepeat}background-size: cover;{/block:IfNoBackgroundRepeat}
  157. {block:IfNotSidebarShadow}
  158. border-right: 1px solid {color:Sidebar Sides};
  159. border-left: 1px solid {color:Sidebar Sides};
  160. {/block:IfNotSidebarShadow}
  161. text-align: justify;
  162. z-index: 2;
  163. }
  164.  
  165. {block:IfSidebarShadow}
  166. aside:before, aside:after {
  167. position: absolute;
  168. content: "";
  169. width: 5px;
  170. height: 100%;
  171. }
  172.  
  173. aside:before {box-shadow: -5px 0 5px -5px inset {color:Sidebar Sides}; top: 0; left: -5px;}
  174.  
  175. aside:after {box-shadow: 5px 0 5px -5px inset {color:Sidebar Sides};top: 0;right: -5px;}
  176. {/block:IfSidebarShadow}
  177.  
  178. img#header {width: 100%;}
  179.  
  180. img#avi {position: relative;top: {block:IfHeader}-30{/block:IfHeader}{block:IfNotHeader}50{/block:IfNotHeader}px;left: calc(50% - 30px);width: 55px;padding: 4px;{block:IfNotHeader}border-radius: 50%;{/block:IfNotHeader}background: {color:Sidebar};z-index: 1;}
  181.  
  182. #info {
  183. top: {block:IfHeader}{text:Description from Top}{/block:IfHeader}{block:IfNotHeader}155{/block:IfNotHeader}px;
  184. }
  185.  
  186. #info, #cetera {
  187. position: fixed;
  188. margin-left: 15px;
  189. overflow: auto;
  190. width: 240px;
  191. height: {text:Description Height}px;
  192. }
  193.  
  194. #bt {
  195. position: fixed;
  196. text-align: right;
  197. bottom: -25px;
  198. padding: 0px 15px;
  199. width: 240px;
  200. font-family: {font:Title};
  201. font-size: 38px;
  202. font-style: italic;
  203. font-weight: normal;
  204. }
  205.  
  206. /*navigation*/
  207. nav {position: fixed;bottom: {text:Main Border}px;margin-left: 285px;display: block;}
  208.  
  209. nav a {text-decoration: none;}
  210.  
  211. nav .fas {font-size: 14px;}
  212.  
  213. #cetera {
  214. display: none;
  215. top: {block:IfHeader}calc({text:Description from Top}px + 10px);{/block:IfHeader}{block:IfNotHeader}165{/block:IfNotHeader}px;
  216. text-align: center;
  217. text-transform: uppercase;
  218. }
  219.  
  220. #cetera a {padding: 3px 5px;color: {color:Permalink};background: {color:Et Cetera Links};font-family: {font:Et Cetera};margin: 5px 0px;text-decoration: none;}
  221.  
  222. /*search*/
  223.  
  224. #rch {
  225. display: none;
  226. position: fixed;
  227. text-align: center;
  228. margin-left: -35px;
  229. width: inherit;
  230. bottom: 25px;
  231. font-weight: bold;
  232. }
  233.  
  234. .search input {text-align: left;width: auto;font-family: {font:Body};border: 0;background: transparent;}
  235.  
  236. .search input[type=text] {color: {color:Body};transition: all .3s linear;}
  237.  
  238. .search input:focus {color: {color:Body};outline: none;transition: all .3s linear;
  239. }
  240.  
  241. input::-webkit-input-placeholder {opacity: 0.5;color: {color:Body};transition: all .3s linear;}
  242.  
  243. input:-ms-input-placeholder {opacity: 0.5;color: {color:Body};transition: all .3s linear;}
  244.  
  245. input:-moz-placeholder {opacity: 0.5;color: {color:Body};transition: all .3s linear;}
  246.  
  247. .search-form input[type=text]:focus {color: {color:Body};}
  248.  
  249. input:focus::-webkit-input-placeholder {opacity: 1;}
  250.  
  251. input:focus::-moz-placeholder {opacity: 1;}
  252.  
  253. input:-ms-input-placeholder {opacity: 1;}
  254.  
  255. input[type="enter here..."] {box-sizing: content-box;-webkit-appearance: textfield;-moz-box-sizing: content-box; -webkit-box-sizing:content-box;}
  256.  
  257. input[type="enter here..."]::-webkit-search-cancel-button, input[type="enter here..."]::-webkit-search-decoration {-webkit-appearance: none;}
  258.  
  259. /*BODY*/
  260.  
  261. body {
  262. color: {color:Body};
  263. font-family: {font:Body};
  264. font-weight: 300;
  265. font-size: {select:Body Font};
  266. line-height: 1.6;
  267. height: 100vh;
  268. text-align: justify;
  269. background-color: {color:Background};
  270. background-image: url({image:Background});
  271. background-attachment: fixed;
  272. background-repeat: repeat;
  273. {block:IfNoBackgroundRepeat}
  274. background-size: cover;
  275. {/block:IfNoBackgroundRepeat}
  276. overflow-x: hidden;
  277. }
  278.  
  279. b {font-weight: 500;color: {color:Bold Text};}
  280.  
  281. i {font-style: italic;color: {color:Italic Text};}
  282.  
  283. /*border*/
  284. .linen {
  285. position: fixed;
  286. border-top: {text:Main Border}px solid {color:Main Border};
  287. left: 0px;
  288. top: 0px;
  289. min-width: 100vw;
  290. z-index: 1;
  291. }
  292.  
  293. .line {
  294. position: fixed;
  295. border-bottom: {text:Main Border}px solid {color:Main Border};
  296. left: 0px;
  297. bottom: 0px;
  298. min-width: 100vw;
  299. z-index: 2;
  300. }
  301.  
  302. .lines {
  303. position: fixed;
  304. border-right: {text:Main Border}px solid {color:Main Border};
  305. right: 0px;
  306. top: 0px;
  307. height: 100%;
  308. }
  309.  
  310. .lined {
  311. position: fixed;
  312. border-left: {text:Main Border}px solid {color:Main Border};
  313. left: 0px;
  314. top: 0px;
  315. height: 100%;
  316. }
  317.  
  318. /*links*/
  319.  
  320. a {color: {color:Link};display: inline-block;position: relative;text-decoration: {block:IfUnderlinedLink}underline{/block:IfUnderlinedLink}{block:IfNotUnderlinedLink}none{/block:IfNotUnderlinedLink};word-break: break-all;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;}
  321.  
  322. a:hover {color: {color:Hovered Link};text-decoration: {block:IfUnderlinedLinkOnHover}underline{/block:IfUnderlinedLinkOnHover}{block:IfNotUnderlinedLinkOnHover}none{/block:IfNotUnderlinedLinkOnHover};}
  323.  
  324. /*ARTICLE*/
  325.  
  326. #wrapper {
  327. text-align: center;
  328. position: relative;
  329. top: 0px;
  330. left: {text:Posts From Left}px;
  331. margin: auto;
  332. {block:IndexPage}width: calc({select:Post Width} + 100px);{/block:IndexPage}
  333. height: auto;
  334. }
  335.  
  336. #posts {
  337. position: relative;
  338. {block:IndexPage}top: 40px;display: none;padding-bottom: 40px;{/block:IndexPage}
  339. margin: auto;
  340. overflow: hidden;
  341. }
  342.  
  343. /*SECTION*/
  344.  
  345. section {
  346. position: relative;
  347. text-align: justify;
  348. display: inline-block;
  349. max-width:100%;
  350. margin: 45px;
  351. {block:IndexPage}
  352. width: {select:Post Width};
  353. word-wrap: break-word;
  354. padding: 5px;
  355. -moz-transition: all .5s;
  356. -webkit-transition: all .5s;
  357. -o-transition: all .5s;
  358. transition: all .5;
  359. {/block:IndexPage}
  360. {block:PermalinkPage}width: 500px;color:{color:Body};{/block:PermalinkPage}
  361. box-sizing: border-box;
  362. }
  363.  
  364. #vignette, .vignette {opacity: 0;}
  365.  
  366. #tumblr_lightbox, .tmblr-lightbox {background-color: {color:Background} !important;}
  367.  
  368. .lightbox-image, #tumblr_lightbox img {
  369. box-shadow: none!important;
  370. border-radius: 0!important;
  371. max-width: none;
  372. }
  373.  
  374. #tumblr_lightbox_caption, .lightbox-caption {visibility: hidden;}
  375.  
  376. .title {
  377. font-size: 1.5em;
  378. font-family: {font:Title};
  379. text-align: center;
  380. }
  381.  
  382. .post-content div.npf_row, .post div.npf_row, body div.npf_row {margin: 2px 0px !important;}
  383.  
  384. .lovely img {
  385. width: 100%;
  386. height: auto;
  387. overflow-y: auto;
  388. margin: 0 auto;
  389. }
  390.  
  391. .lovely > blockquote {margin: 0; padding: 0;}
  392.  
  393. blockquote p, ul {margin: 0px; padding: 0px;}
  394.  
  395.  
  396. .entry li {margin-left: 20px;list-style-type: square;}
  397.  
  398. /*photoset*/
  399.  
  400. [photoset-layout] {grid-gap: 5px;}
  401.  
  402. [photoset-layout] img {vertical-align: bottom;display: inline;}
  403.  
  404. /*ask*/
  405.  
  406. .q {padding: 10px 10px 15px 10px; background: {color:Accent};}
  407.  
  408. img.ava {display: block;margin-left: 0px;float: left;border-radius: 100%;}
  409.  
  410. .asker {position: relative;margin-left: 10px;margin-top: 2px;text-align: justify;}
  411.  
  412. a.asker, a.asker:hover {font-weight: bold;}
  413.  
  414. .question {position: relative;padding: 10px;background-color: rgba( {RGBcolor:Accent}, 0.5);}
  415.  
  416. /*chat*/
  417.  
  418. .chat li {
  419. margin-left: 0px;
  420. padding: 5px;
  421. list-style-type: none;
  422. }
  423.  
  424. .chat li:nth-child(odd) {background: {color:Accent};}
  425.  
  426. .label {font-weight: bold;}
  427.  
  428. /*permalink*/
  429. .parol {
  430. position: relative;
  431. overflow: hidden;
  432. padding: 0px;
  433. }
  434.  
  435. .parol img {
  436. {block:IndexPage}
  437. width: {select:Post Width};
  438. {/block:IndexPage}
  439. {block:PermalinkPage}
  440. width: 500px;
  441. {/block:PermalinkPage}
  442. max-width: 100%;
  443. height: auto;
  444. overflow: hidden;
  445. -webkit-filter: grayscale(0%);
  446. transition: all .3s linear;
  447. padding: 0px;
  448. vertical-align: bottom;
  449. }
  450.  
  451. {block:IndexPage}
  452. .entry:hover .parol img {
  453. {block:IfBlackAndWhitePhotoHover}-webkit-filter: grayscale(100%);{/block:IfBlackAndWhitePhotoHover}
  454. }
  455. {/block:IndexPage}
  456.  
  457. .parol a {color:{color:Permalink};}
  458.  
  459. .parol a:hover {color: {color:Hovered Link};}
  460.  
  461. {block:IndexPage}
  462.  
  463. .likes .like_button iframe, .like .like_button iframe {
  464. position: absolute;
  465. top: 0;
  466. left: 0;
  467. bottom: 0;
  468. right: 0;
  469. z-index: 2;
  470. opacity: 0;
  471. }
  472.  
  473. .like .liked + .lik {color: inherit;}
  474.  
  475. .like .liked + .lik:after {content: 'd';}
  476.  
  477. .con a {display: inline-block;padding: 2px 5px;background: {color:Accent};color: {color:Permalink};font-family: {font:Et Cetera};font-size: {select:Body Font};font-weight: 400;text-transform: uppercase; text-align: center;}
  478. {/block:IndexPage}
  479.  
  480. /*audio*/
  481.  
  482. #audio {height: auto; min-height: 60px; padding-bottom: 0px;}
  483.  
  484. .cover {position: absolute;z-index: 1;width: 60px;height: 62px;}
  485.  
  486. .cover img {float: left;width: 60px;height: 62px;}
  487.  
  488. .play {
  489. opacity: 0.6;
  490. width: 32px;
  491. height: 32px;
  492. overflow-x: hidden;
  493. position: absolute;
  494. z-index: 1;
  495. margin-left: 15px;
  496. margin-top: 17px;
  497. text-align: center;
  498. }
  499.  
  500. .info {
  501. margin-left: 65px;
  502. height: auto;
  503. padding: 0px 5px 5px 5px;
  504. line-height: 14px;
  505. }
  506.  
  507. .spotify_audio_player {
  508. height:80px!important;
  509. width:100%!important;
  510. }
  511. .bandcamp_audio_player {
  512. height:120px!important;
  513. width:100%!important;
  514. }
  515.  
  516. .soundcloud_audio_player {
  517. height:150px!important;
  518. width:100%!important;
  519. }
  520.  
  521. /*captions*/
  522. .cap {position: relative;text-align: justify;}
  523.  
  524. img.tumblr_avatar {position: relative; display:inline-block;bottom: 5px;vertical-align:top;width: {select:Caption Avatar Width};}
  525.  
  526. .cap .tumblr_parent {border: none;margin:10px 0px 0px;}
  527.  
  528. .cap a.tumblr_blog{position: relative;text-decoration: none;{block:IndexPage}bottom: 5px;padding: 2px 4px 0px 4px;color: {color:Permalink};{/block:IndexPage}background: {color:Accent};font-family: {font:Et Cetera};font-weight: 400;text-transform: uppercase;}
  529.  
  530. /*video*/
  531.  
  532. .video {vertical-align: bottom;line-height: 0;}
  533.  
  534. /*permalink page*/
  535. #noties {text-align: justify;border: 0px;}
  536.  
  537. #noties blockquote {border: 0px;}
  538.  
  539. #notie {
  540. border: 0px;
  541. margin-top: 20px;
  542. margin-left: -60px;
  543. line-height: 20px;
  544. padding: 5px;
  545. z-index: 2;
  546. }
  547.  
  548. #notie img {display: block;float: left;margin-right: 5px;border-radius: 100%;}
  549.  
  550. #notie li {list-style-type: none;}
  551.  
  552.  
  553. /*OTHERS*/
  554.  
  555. /*tumblr controls*/
  556.  
  557. .tmblr-iframe-compact .tmblr-iframe--unified-controls {
  558. position: fixed;
  559. top: {block:IfMainBorders}15{/block:IfMainBorders}{block:IfNotMainBorders}5{/block:IfNotMainBorders}px;
  560. right: {block:IfSideBorders}15{/block:IfSideBorders}{block:IfNotSideBorders}0{/block:IfNotSideBorders}px;
  561. opacity: 1;
  562. {block:IfInvertedTumblrControls}
  563. -webkit-filter:invert(85%);
  564. filter:invert(85%);
  565. {/block:IfInvertedTumblrControls}
  566. {block:IfNotInvertedTumblrControls}
  567. -webkit-filter:invert(0%);
  568. filter:invert(0%);
  569. {/block:IfNotInvertedTumblrControls}
  570. transform:scale(0.6);
  571. transform-origin:100% 0;
  572. -webkit-transform:scale(0.6);
  573. -webkit-transform-origin:100% 0;
  574. -ms-transform:scale(0.6);
  575. -ms-transform-origin:100% 0;
  576. }
  577.  
  578. .tmblr-iframe--app-cta-button {display:none!important;}
  579.  
  580. /*pagination*/
  581.  
  582. {block:IfInfiniteScroll}
  583. #page-nav {display: none;}
  584. {/block:IfInfiniteScroll}
  585.  
  586. {block:IfNotInfiniteScroll}
  587. #page-nav {
  588. width: calc({select:Post Width} - 4px);
  589. position: absolute;
  590. bottom: 0px;
  591. margin-left: 50px;
  592. font-family: {font:Et Cetera};
  593. text-transform: uppercase;
  594. }
  595.  
  596. #page-nav a {
  597. padding: 5px 5px 5px 6px;
  598. text-align: center;
  599. color: {color:Permalink};
  600. background: {color:Et Cetera Links};
  601. text-decoration: none;
  602. }
  603. {/block:IfNotInfiniteScroll}
  604.  
  605. #infscr-loading {display: none!important;}
  606.  
  607. #loadmore {
  608. position: absolute;
  609. display: inline-block;
  610. bottom: 0px;
  611. margin-left: -40px;
  612. padding: 5px 5px 5px 6px;
  613. color: {color:Permalink};
  614. background: {color:Et Cetera Links};
  615. font-family: {font:Et Cetera};
  616. text-align: center;
  617. z-index: 1;
  618. }
  619.  
  620. a#loadmore {text-decoration: none;}
  621.  
  622. /*scrollbar*/
  623.  
  624. ::-webkit-scrollbar-thumb {
  625. background-color: {color:Scrollbar};
  626. border: 1px solid {block:IfSideBorders}{color:Main Border}{/block:IfSideBorders}{block:IfNotSideBorders}{color:Background}{/block:IfNotSideBorders};
  627. height: 6px;
  628. -moz-border-radius: 15px;
  629. border-radius: 15px;
  630. }
  631.  
  632. ::-webkit-scrollbar {
  633. background-color: {color:Scrollbar};
  634. border: 2px solid {block:IfSideBorders}{color:Main Border}{/block:IfSideBorders}{block:IfNotSideBorders}{color:Background}{/block:IfNotSideBorders};
  635. height: 6px;
  636. width: 5px;
  637. }
  638.  
  639. ::-webkit-scrollbar:horizontal {display: none;}
  640.  
  641. #info::-webkit-scrollbar-thumb, #info::-webkit-scrollbar,#info::-webkit-scrollbar:horizontal {
  642. display: none;
  643. }
  644.  
  645. /*highlight*/
  646.  
  647. ::selection {color: {color:Highlight};background-color: transparent;}
  648.  
  649. ::-moz-selection {color: {color:Highlight};background-color: transparent;}
  650.  
  651. ::-webkit-selection {color: {color:Highlight};background-color: transparent;}
  652.  
  653. /*tooltip*/
  654.  
  655. #s-m-t-tooltip {
  656. margin: 23px 23px 0 0;
  657. padding: 3px;
  658. border: 1px solid {color:Tooltip Border};
  659. color: #000;
  660. background-color: {color:Tooltip Background};
  661. text-transform: uppercase;
  662. letter-spacing: 2px;
  663. z-index: 999999999999;
  664. max-width: 250px;
  665. }
  666.  
  667. /*wow.js*/
  668. .wow {visibility: hidden;}
  669.  
  670. @media screen and (max-width: 973px) {
  671. aside {display: none;}
  672.  
  673. #wrapper {left: 0px;margin: auto;width: 400px;}
  674.  
  675. #posts {top: 40px;}
  676.  
  677. header {
  678. position: relative;
  679. text-align: justify;
  680. top: -20px;
  681. margin: auto;
  682. padding: 20px 20px 5px 20px;
  683. width: 300px;
  684. background: {color:Sidebar} url({image:Sidebar Background});
  685. {block:IfNoBackgroundRepeat}background-size: cover;{/block:IfNoBackgroundRepeat}
  686. {block:IfSidebarShadow}
  687. box-shadow: 0px 3px 3px {color:Sidebar Sides};
  688. {/block:IfSidebarShadow}
  689. {block:IfNotSidebarShadow}
  690. border-right: 1px solid {color:Sidebar Sides};
  691. border-left: 1px solid {color:Sidebar Sides};
  692. border-bottom: 1px solid {color:Sidebar Sides};
  693. {/block:IfNotSidebarShadow}
  694. z-index: 2;
  695. }
  696. {block:IfSidebarShadow}
  697. header:before, header:after {position: absolute;content: "";width: 5px;height: 100%;}
  698.  
  699. header:before {box-shadow: -5px 0 5px -5px inset {color:Sidebar Sides}; top: 0; left: -5px;}
  700.  
  701. header:after {box-shadow: 5px 0 5px -5px inset {color:Sidebar Sides};top: 0;right: -5px;}
  702. {/block:IfSidebarShadow}
  703.  
  704. img#avo {width: 55px;padding: 4px;border-radius: 50%;background: {color:Sidebar};z-index: 1;}
  705.  
  706. header h1 {font-family: {font:Title};font-size: 27px;margin-bottom: 0px;font-weight: normal;}
  707.  
  708. .nav {display: inline-block;}
  709.  
  710. .nav a {padding: 5px;text-decoration: none;}
  711.  
  712. .nav .fas {font-size: 14px;}
  713.  
  714. #cte {display: none;padding: 5px;text-align: center;}
  715.  
  716. #arch {display: none;padding: 5px 0px;}
  717.  
  718. #cte a {padding: 3px 5px;color: {color:Permalink};background: {color:Et Cetera Links};font-family: {font:Et Cetera};margin: 5px 0px;text-transform: uppercase;text-decoration: none;}
  719.  
  720. section, .parol img {max-width: 100%;width: 300px;}
  721.  
  722. .lovely img {max-width: 300px;}
  723.  
  724. .video {width: 300px;}
  725.  
  726. #loadmore {bottom: 0px;}
  727.  
  728. {block:IfNotInfiniteScroll}
  729. #page-nav {
  730. left: 50%;
  731. margin-left: -150px;
  732. width: 296px;
  733. bottom: 0px;
  734. }
  735. {/block:IfNotInfiniteScroll}
  736. }
  737.  
  738. @media screen and (max-width: 411px) {
  739. #wrapper {width: 100%;}
  740. header {width: 200px;}
  741. section, .parol img {width: 200px;}
  742. }
  743.  
  744. @media screen and (min-width: 974px) {
  745. header {display: none;}
  746. .video {{block:IndexPage}width: {select:Post Width};{/block:IndexPage}{block:PermalinkPage}width: 500px;{/block:PermalinkPage}}
  747. }
  748. </style>
  749.  
  750. <title>{title}</title>
  751. <meta name="viewport" content="width=820" />
  752.  
  753. <!--scripts-->
  754.  
  755. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  756.  
  757. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  758.  
  759. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  760. {block:IfNotInfiniteScroll}
  761. <script> $(function(){ $('.entry').unnest({
  762. yourCaption: ".cap", //your caption selector, the div wrapping {Caption}
  763. wrapName: ".tumblr_parent", //the name of the captions’ new wrapper
  764. newCaptionUsername: true, //if the user adds a new caption, following a series of captions, show their username above the caption
  765. originalPostCaptionUsername: false, //for the original captions, or a user-added caption that previously didn’t have any, have their username on it
  766. tumblrAvatars: true, //”dashboard style” caption, have the avatar of the blog next to the username
  767. tumblrAvatarClass: ".tumblr_avatar", //class of the avatar next to the username
  768. usernameColon: false //if turned to false, removes the colon at the end of usernames
  769. }); });</script>
  770. {/block:IfNotInfiniteScroll}
  771.  
  772. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"></script>
  773.  
  774. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  775.  
  776. <script>
  777.  
  778. (function($){
  779.  
  780. $(document).ready(function(){
  781.  
  782. $("a[title]").style_my_tooltips({
  783.  
  784. tip_follows_cursor:true,
  785.  
  786. tip_delay_time:200,
  787.  
  788. tip_fade_speed:500,
  789.  
  790. attribute:"title"
  791.  
  792. });
  793.  
  794. });
  795.  
  796. })(jQuery);
  797.  
  798. </script>
  799.  
  800. <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.
  801. //** Graphic originally from tumbler dashboard, for details on how to change graphic colour, contact me at kylemonk.tumblr.com
  802. //** v1.1 (April 7th, 10'):
  803. //** 1) Adds ability to scroll to an absolute position (from top of page) or specific element on the page instead.
  804. //** 2) Fixes scroll animation not working in Opera.
  805.  
  806.  
  807. var scrolltotop={
  808. //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
  809. //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
  810. setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
  811. controlHTML: '<span style="font-size: 25px;color:{color:Link};" class="fas fa-chevron-up"></span>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
  812. controlattrs: {offsetx: {block:IfSideBorders}{text:Main Border} + 10{/block:IfSideBorders}{block:IfNotSideBorders}14{/block:IfNotSideBorders}, offsety:{block:IfMainBorders}{text:Main Border} + 8{/block:IfMainBorders}{block:IfNotMainBorders}11{/block:IfNotMainBorders}},
  813. anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
  814.  
  815. state: {isvisible:false, shouldvisible:false},
  816.  
  817. scrollup:function(){
  818. if (!this.cssfixedsupport) //if control is positioned using JavaScript
  819. this.$control.css({opacity:0}) //hide control immediately after clicking it
  820. var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
  821. if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
  822. dest=jQuery('#'+dest).offset().top
  823. else
  824. dest=0
  825. this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
  826. },
  827.  
  828. keepfixed:function(){
  829. var $window=jQuery(window)
  830. var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
  831. var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
  832. this.$control.css({left:controlx+'px', top:controly+'px'})
  833. },
  834.  
  835. togglecontrol:function(){
  836. var scrolltop=jQuery(window).scrollTop()
  837. if (!this.cssfixedsupport)
  838. this.keepfixed()
  839. this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
  840. if (this.state.shouldvisible && !this.state.isvisible){
  841. this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
  842. this.state.isvisible=true
  843. }
  844. else if (this.state.shouldvisible==false && this.state.isvisible){
  845. this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
  846. this.state.isvisible=false
  847. }
  848. },
  849.  
  850. init:function(){
  851. jQuery(document).ready(function($){
  852. var mainobj=scrolltotop
  853. var iebrws=document.all
  854. mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
  855. mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
  856. mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
  857. .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, left:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
  858. .attr({title:'back to top'})
  859. .click(function(){mainobj.scrollup(); return false})
  860. .appendTo('body')
  861. if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
  862. mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
  863. mainobj.togglecontrol()
  864. $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
  865. mainobj.scrollup()
  866. return false
  867. })
  868. $(window).bind('scroll resize', function(e){
  869. mainobj.togglecontrol()
  870. })
  871. })
  872. }
  873. }
  874.  
  875. scrolltotop.init()
  876. </script>
  877.  
  878. <script src="https://static.tumblr.com/ey6clvb/Tp7qa2j4v/wow.min.js"></script>
  879. <script>
  880. new WOW().init();
  881. </script>
  882.  
  883. <script src="https://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  884.  
  885. <!--infinite scroll-->
  886. {block:indexpage}
  887. {block:IfInfiniteScroll}
  888. <script src="https://static.tumblr.com/ey6clvb/mJoq9x5i5/jquery.infinitescroll.min.js"></script>
  889. {/block:IfInfiniteScroll}
  890. <script>
  891. $(document).ready(function(){
  892. $('#posts').fadeIn();
  893. $('#loadmore').fadeIn();
  894. {block:IfInfiniteScroll}
  895. $('.entry').unnest({
  896. yourCaption: ".cap",
  897. wrapName: ".tumblr_parent",
  898. newCaptionUsername: true,
  899. originalPostCaptionUsername: false,
  900. tumblrAvatars: true,
  901. tumblrAvatarClass: ".tumblr_avatar",
  902. usernameColon: false
  903. });
  904. var $container = $('#posts');
  905. $container.infinitescroll({
  906. itemSelector: '.entry',
  907. navSelector: '#page-nav',
  908. nextSelector: '#page-nav a',
  909. loadingImg: '',
  910. loadingText: '<em></em>',
  911. bufferPx: 2000,
  912. debug : false,
  913. {block:IfManualLoad}
  914. errorCallback: function(){
  915. $('#loadmore').fadeOut('normal');
  916. }
  917. {/block:IfManualLoad}
  918. {block:IfNotManualLoad}
  919. errorCallback: function(){
  920. $('#infscr-loading').fadeOut('normal');
  921. }
  922. {/block:IfNotManualLoad}
  923. },
  924. function( newElements ) {
  925. var $newElems = $( newElements );
  926. var $newElemsIDs = $newElems.map(function(){
  927. return this.id;
  928. }).get();
  929. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  930. $newElems.unnest({
  931. yourCaption: ".cap",
  932. wrapName: ".tumblr_parent",
  933. newCaptionUsername: true,
  934. originalPostCaptionUsername: false,
  935. tumblrAvatars: true,
  936. tumblrAvatarClass: ".tumblr_avatar",
  937. usernameColon: false
  938. });
  939. $newElems.resizeVideos();
  940. });
  941. {block:IfManualLoad}
  942. $(window).unbind('.infscr');
  943. $('#loadmore').click(function(){
  944. $container.infinitescroll('retrieve');
  945. $("#posts").fadeIn("slow");
  946. return false
  947. });
  948. {/block:IfManualLoad}
  949. {/block:IfInfiniteScroll}
  950. });
  951. </script>
  952. {/block:indexpage}
  953.  
  954. <script>
  955. $(document).ready(function(){
  956. $("#et").click(function(){
  957. $(this).toggleClass("click");
  958. $("#cetera").fadeToggle(400);
  959. $("#info").fadeToggle(400);
  960. });
  961. $("#sea").click(function(){
  962. $(this).toggleClass("click");
  963. $("#rch").fadeToggle(400);
  964. $("#bt").fadeToggle(400);
  965. });
  966. $("#etc").click(function(){
  967. $(this).toggleClass("click");
  968. $("#cte").slideToggle(400);
  969. });
  970. $("#se").click(function(){
  971. $(this).toggleClass("click");
  972. $("#arch").slideToggle(400);
  973. });
  974. });
  975. </script>
  976.  
  977. </head>
  978. <body>
  979. {block:IfMainBorders}<div class="linen"></div><div class="line"></div>{block:IfSideBorders}<div class="lines"></div><div class="lined"></div>{/block:IfSideBorders}{/block:IfMainBorders}
  980.  
  981. <div id="wrapper">
  982.  
  983. <aside {block:IfAnimation}class="wow fadeIn" data-wow-delay="0.1s"{/block:IfAnimation}>{block:IfHeader}<img id="header" src="{image:Header}">{/block:IfHeader}<img id="avi" src="{image:Avatar}"><div id="cetera">{block:IfCustomLink1}&nbsp;<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:IfCustomLink1}{block:IfCustomLink2}&nbsp;<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:IfCustomLink2}{block:IfCustomLink3}&nbsp;<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:IfCustomLink3}{block:IfCustomLink4}&nbsp;<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:IfCustomLink4}{block:IfCustomLink5}&nbsp;<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:IfCustomLink5}{block:IfCustomLink6}&nbsp;<a href="{text:Link 6}">{text:Link 6 Title}</a>{/block:IfCustomLink6}{block:IfCustomLink7}&nbsp;<a href="{text:Link 7}">{text:Link 7 Title}</a>{/block:IfCustomLink7}{block:IfCustomLink8}&nbsp;<a href="{text:Link 8}">{text:Link 8 Title}</a>{/block:IfCustomLink8}{block:IfCustomLink9}&nbsp;<a href="{text:Link 9}">{text:Link 9 Title}</a>{/block:IfCustomLink9}{block:IfCustomLink10}&nbsp;<a href="{text:Link 10}">{text:Link 10 Title}</a>{/block:IfCustomLink10}{block:HasPages}{block:Pages}&nbsp;<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}</div><div id="rch"><form class="search" action="/search" method="get"><input type="text" id="searchField" name="q" placeholder="enter here..." value="" autocomplete="off"></form></div><div id="info">{block:Description}{Description}{/block:Description}</div><h1 id="bt">{Title}</h1><nav {block:IfAnimation}class="wow fadeInUp" data-wow-delay="0.2s"{/block:IfAnimation}><p><a class="fas fa-home" href="/" title="{text:Home Link Title}"></a></p><p><a class="fas fa-comments" href="{text:Ask Link}" title="{text:Ask Link Title}"></a></p><p><a class="fas fa-bars" id="et" title="{text:Et Cetera Link Title}" style="cursor: pointer;"></a></p><p><a class="fas fa-search" id="sea" title="{text:Search Link Title}" style="cursor: pointer;"></a></p><p><a class="fas fa-code" href="https://cafethemes.tumblr.com/" title="theme"></a></p></nav></aside>
  984.  
  985. <header><center><img id="avo" src="{image:Avatar}"><h1>{Title}</h1><div class="nav"><a class="fas fa-home" href="/" title="{text:Home Link Title}"></a><a class="fas fa-comments" href="{text:Ask Link}" title="{text:Ask Link Title}"></a><a class="fas fa-bars" id="etc" title="{text:Et Cetera Link Title}" style="cursor: pointer;"></a><a class="fas fa-search" id="se" title="{text:Search Link Title}" style="cursor: pointer;"></a><a class="fas fa-code" href="https://cafethemes.tumblr.com/" title="theme"></a></div></center><p>{block:Description}{Description}{/block:Description}</p><div id="cte">{block:IfCustomLink1}&nbsp;<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:IfCustomLink1}{block:IfCustomLink2}&nbsp;<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:IfCustomLink2}{block:IfCustomLink3}&nbsp;<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:IfCustomLink3}{block:IfCustomLink4}&nbsp;<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:IfCustomLink4}{block:IfCustomLink5}&nbsp;<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:IfCustomLink5}{block:IfCustomLink6}&nbsp;<a href="{text:Link 6}">{text:Link 6 Title}</a>{/block:IfCustomLink6}{block:IfCustomLink7}&nbsp;<a href="{text:Link 7}">{text:Link 7 Title}</a>{/block:IfCustomLink7}{block:IfCustomLink8}&nbsp;<a href="{text:Link 8}">{text:Link 8 Title}</a>{/block:IfCustomLink8}{block:IfCustomLink9}&nbsp;<a href="{text:Link 9}">{text:Link 9 Title}</a>{/block:IfCustomLink9}{block:IfCustomLink10}&nbsp;<a href="{text:Link 10}">{text:Link 10 Title}</a>{/block:IfCustomLink10}{block:HasPages}{block:Pages}&nbsp;<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}</div><div id="arch"><form class="search" action="/search" method="get"><input type="text" id="searchField" name="q" placeholder="enter here..." value="" autocomplete="off"></form></div></header>
  986.  
  987. <article id="posts">
  988. {block:Posts}
  989. <section class="entry {block:IfAnimation}wow fadeIn{/block:IfAnimation}" {block:IfAnimation}data-wow-offset="10"{/block:IfAnimation} id="{PostID}">
  990.  
  991. {block:Text}
  992. {block:Title}<div class="title">{Title}</div>{/block:Title}
  993. <div class="lovely cap">{Body}</div>
  994. {/block:Text}
  995.  
  996.  
  997. {block:Link}
  998. <a href="{URL}" class="title">{Name}</a>
  999. <div class="lovely cap">{block:Description}{Description}{/block:Description}</div>
  1000. {block:Link}
  1001.  
  1002. {block:Photo}
  1003. <div class="parol">
  1004. {block:IndexPage}
  1005. <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></a>
  1006. {/block:IndexPage}
  1007. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>
  1008. {/block:PermalinkPage}
  1009. </div>
  1010. {/block:Photo}
  1011.  
  1012. {block:Photoset}
  1013. {block:IndexPage}
  1014. <div class="parol"><a href="#" onclick="Tumblr.Lightbox.init([/*{block:Photos}, /**/ { width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }{/block:Photos}]); $('body').toggleClass('tumblr_lightbox_active'); return false"><div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div><img src="{PhotoURL-HighRes}"></div>{/block:Photos}</div></a></div>
  1015. {/block:IndexPage}
  1016. {block:PermalinkPage}<div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>{/block:PermalinkPage}
  1017. {/block:Photoset}
  1018.  
  1019.  
  1020. {block:Quote}
  1021. <div class="lovely"><p><div class="title">{Quote}</div></p>
  1022. <p>{block:Source}{Source}{/block:Source}</p></div>
  1023. {/block:Quote}
  1024.  
  1025.  
  1026. {block:Chat}
  1027. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1028. <ul class="chat lovely">
  1029. {block:Lines}
  1030. <li class="user_{UserNumber}">
  1031. {block:Label}
  1032. <span class="label">{Label}</span>
  1033. {/block:Label}
  1034.  
  1035. {Line}
  1036. </li>
  1037. {/block:Lines}
  1038. </ul>
  1039. {/block:Chat}
  1040.  
  1041.  
  1042. {block:Audio}
  1043. <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>
  1044. {/block:Audio}
  1045.  
  1046. {block:Video}
  1047. {block:IndexPage}
  1048. <div class="parol">
  1049. <div class="video">{Video-500}</div></div>
  1050. {/block:IndexPage}
  1051. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  1052. {block:Video}
  1053.  
  1054. {block:Answer}
  1055. <div class="q"><img class="ava" src="{AskerPortraitURL-24}"></a><div class="asker">{Asker} said:</div></div><div class="question lovely">{Question}</div></p><div class="lovely">{Answer}</div>
  1056. {/block:Answer}
  1057.  
  1058. {block:IndexPage}
  1059. {block:IfCaption}{block:Caption}<br><span class="lovely cap">{Caption}</span>{/block:Caption}{/block:IfCaption}
  1060. <br>
  1061. <center><span class="con"><a href="{ReblogURL}">{text:Reblog Name}</a>&nbsp;&nbsp;<a href="#" class="like">{LikeButton}<span class="lik">like</span></a>&nbsp;&nbsp;<a href="{Permalink}">{NoteCountWithLabel}</a></span></center>
  1062. {block:IfTags}{block:HasTags}<p><center>{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp{/block:Tags}</center></p>{/block:HasTags}{/block:IfTags}
  1063. {/block:IndexPage}
  1064.  
  1065. {block:PermalinkPage}
  1066. <p>{block:Caption}{Caption}{/block:Caption}</p><center>{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}</center>
  1067. {/block:PermalinkPage}
  1068.  
  1069. {block:PostNotes}
  1070. <div id="notie">
  1071. <div id="noties">{PostNotes}</div>
  1072. </div>
  1073. {/block:PostNotes}
  1074.  
  1075. </section> <!--.entry-->
  1076.  
  1077. {/block:Posts}
  1078. </article> <!--#posts-->
  1079.  
  1080. {block:IfManualLoad}
  1081. {block:Pagination}{block:IndexPage}<a href="#" id="loadmore">LOAD MORE</a>{/block:IndexPage}{/block:Pagination}{/block:IfManualLoad}
  1082.  
  1083. {block:Pagination}
  1084. <div id="page-nav">{block:PreviousPage}<a href="{PreviousPage}" style="float: left;">previous page</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" style="float: right;">next page</a>{/block:NextPage}</div>
  1085. {/block:Pagination}
  1086. </div> <!--#wrapper-->
  1087.  
  1088. </body>
  1089. </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!