API tools faq
paste
HighKingFen

Bookshelf

HighKingFen
Dec 21st, 2020
275
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.14 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>{Title}</title>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
  8. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  9. <script src="https://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  10. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  11. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
  12. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
  13. <link rel="preconnect" href="https://fonts.gstatic.com">
  14. <link href="https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700&family=Lemonada:wght@300;700&family=Marck+Script&family=Rye&display=swap" rel="stylesheet">
  15. <link rel="preconnect" href="https://fonts.gstatic.com">
  16. <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@100;400;600&display=swap" rel="stylesheet">
  17.  
  18.  
  19. {block:Description}
  20. <meta name="description" content="{MetaDescription}" />
  21. {/block:Description}
  22. <link rel="shortcut icon" href="{Favicon}">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24.  
  25.  
  26. <!---images-->
  27. <meta name="image:frame" content="https://64.media.tumblr.com/cc3186e1d65ee314e4ce055d68838d54/f261febf27a67c5b-69/s250x400/2f859df9017ad5c20bf51529e37b27e8a69d42bb.png">
  28.  
  29. <!--Color-->
  30. <meta name="color:background" content="#dccbe7">
  31. <meta name="color:shelvesborder" content="#98633B">
  32. <meta name="color:shelvesbgr" content="#5A3828">
  33. <meta name="color:accent" content="#b2f0e5">
  34. <meta name="color:text" content="#e5b2f0">
  35. <meta name="color:links" content="#f0e5b2">
  36. <meta name="color:background-post" content="#b2dcf0">
  37. <meta name="color:sidebar" content="#f9f1f1">
  38. <meta name="color:bookone" content="#F8B195">
  39. <meta name="color:booktwo" content="#F67280">
  40. <meta name="color:bookthree" content="#99B898">
  41. <meta name="color:bookfour" content="#FF8C94">
  42. <meta name="color:bookfive" content="#E1F5C4">
  43. <meta name="color:booksix" content="#45ADA8">
  44. <meta name="color:bookseven" content="#83AF9B">
  45. <meta name="color:title" content="#ffffff">
  46.  
  47.  
  48.  
  49. <!---Text-->
  50. <meta name="text:linkOne" content="Link One">
  51. <meta name="text:linkOneUrl" content="/">
  52. <meta name="text:linkTwo" content="Link Two">
  53. <meta name="text:linkTwoUrl" content="/">
  54. <meta name="text:linkThree" content="Link Three">
  55. <meta name="text:linkThreeUrl" content="/">
  56. <meta name="text:linkFour" content="Link Four">
  57. <meta name="text:linkFourUrl" content="/">
  58. <meta name="text:linkFive" content="Link Five">
  59. <meta name="text:linkFiveUrl" content="/">
  60. <meta name="text:linkSix" content="Ask">
  61. <meta name="text:linkSixUrl" content="/ask">
  62.  
  63.  
  64.  
  65. <style>
  66. body{
  67. background-color:{color:background};
  68. background-image:url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQD0KSXnKsm8DRCs6ZBLFKbKhbSNu8aZrSU8w&usqp=CAU');
  69. background-size:cover;
  70. background-blend-mode:multiply;
  71. color:{color:text};
  72. font-family:'Raleway', sans-serif;
  73. text-align:justify;
  74. font-size:12px;
  75.  
  76. }
  77. ::-webkit-scrollbar {
  78. width: 5px;
  79. }
  80. ::-webkit-scrollbar-track {
  81. background:rgba(0, 0, 0, 0.5);
  82. }
  83.  
  84. /* Handle */
  85. ::-webkit-scrollbar-thumb {
  86. background: {color:accent};
  87. }
  88.  
  89. /* Handle on hover */
  90. ::-webkit-scrollbar-thumb:hover {
  91. background: {color:links};
  92. }
  93.  
  94.  
  95.  
  96. h1{
  97. font-family: 'Rye', cursive;
  98. color:{color:accent};
  99.  
  100. }
  101.  
  102. b, i{
  103. color:{color:accent};
  104. }
  105.  
  106. a{
  107. color:{color:links};
  108.  
  109. }
  110.  
  111. svg{
  112. border:15px {color:shelvesborder} inset;
  113. background-color:{color:shelvesbgr};
  114. background-image:url('https://images.pexels.com/photos/326311/pexels-photo-326311.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500');
  115. background-blend-mode:multiply;
  116. box-shadow: 5px 10px 5px #000000;
  117. max-height:350px;
  118.  
  119. }
  120.  
  121. .container-body{
  122. max-width:100%;
  123. margin:0 auto;
  124. height:auto;
  125. }
  126.  
  127. .col-5{
  128. width:40%;
  129. background-color:{color:sidebar};
  130. background-image:url('https://wallpaperaccess.com/full/396576.jpg');
  131. background-blend-mode:multiply;
  132.  
  133. }
  134.  
  135.  
  136. .shelve-one{
  137. height:auto;
  138. width:400px;
  139. border:15px {color:shelvesborder} inset;
  140. background-color:{color:shelvesbgr};
  141. background-image:url('https://images.pexels.com/photos/326311/pexels-photo-326311.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500');
  142. background-blend-mode:multiply;
  143. margin:30px 0 5% 40%;
  144. position:relative;
  145. box-shadow: 5px 10px 5px #000000f;
  146.  
  147. }
  148.  
  149. .shelve-two{
  150. height:auto;
  151. width:400px;
  152. border:15px {color:shelvesborder} inset;
  153. background-color:{color:shelvesbgr};
  154. background-image:url('https://images.pexels.com/photos/326311/pexels-photo-326311.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500');
  155. background-blend-mode:multiply;
  156. margin:60px 0 15% 40%;
  157. position:relative;
  158. box-shadow: 5px 10px 5px #000000;
  159. }
  160.  
  161. .shelve-one img{
  162. height:100px;
  163. margin-left:80%;
  164. }
  165.  
  166. .shelve-one h1{
  167. margin:0;
  168. }
  169.  
  170. img.frame {
  171. border-image: url('//s3-us-west-2.amazonaws.com/s.cdpn.io/4273/frame.png') 93 92 87 92 stretch stretch;
  172. border-color: #f4be52;
  173. border-style: inset;
  174. border-width: 20px;
  175. display: block;
  176. width: 150px;
  177. height: auto;
  178. background-color: #ffe;
  179. margin-left: 55%;
  180. }
  181.  
  182. .book-1{
  183. fill:{color:bookone};
  184. }
  185.  
  186. .book-2{
  187. fill:{color:booktwo};
  188. }
  189.  
  190. .book-3{
  191. fill:{color:bookthree};
  192. }
  193.  
  194. .book-4{
  195. fill:{color:bookfour};
  196. }
  197.  
  198. .book-5{
  199. fill:{color:bookfive};
  200. }
  201.  
  202. .book-6{
  203. fill:{color:booksix};
  204. }
  205.  
  206. .book-7{
  207. fill:{color:bookseven};
  208. }
  209.  
  210. .titre{
  211. fill:{color:title};
  212. writing-mode: vertical-rl;
  213. text-orientation: upright;
  214. }
  215.  
  216. .books{
  217. transition:fill 0.3s;
  218. }
  219.  
  220.  
  221. .books path:hover{
  222. fill:grey;
  223. transition: fill transform 0.3;
  224. }
  225.  
  226. text{
  227. transform:scale(+1, -1);
  228. font-size:100px;
  229. inline-size:200px;
  230. text-anchor: middle;
  231. writing-mode: vertical-rl;
  232. text-orientation: upright;
  233. }
  234.  
  235.  
  236.  
  237. #hkf{
  238. fill:black;
  239. transform:skewX(-12deg) scale(+1, -1);
  240.  
  241. }
  242.  
  243. .sidebar-outer {
  244. position:relative;
  245. margin-left:45%;
  246. max-width:70%;
  247. text-align: justify;
  248. }
  249. .fixed {
  250. position: fixed;
  251. }
  252.  
  253. #description{
  254. color:{color:accent};
  255. width:50%;
  256. padding:10px;
  257. font-size:11px;
  258. }
  259.  
  260.  
  261. /*******Tumblr*******/
  262.  
  263. .tmblr-iframe-compact .tmblr-iframe--unified-controls {
  264. -webkit-filter: invert(60%) grayscale(80%); hue-rotate(290deg);
  265. filter: invert(60%) grayscale(80%); hue-rotate(290deg);
  266. }
  267.  
  268. .posts {
  269. width:550px;
  270. background-color:rgb(255, 255, 255, 0.4);
  271. padding:30px;
  272. margin-bottom:25px;
  273. text-align:justify;
  274.  
  275. }
  276.  
  277. .permalinks {
  278. text-align:center;
  279. border-top: 1px solid;
  280. border-color: rgb(0, 0, 0, 0.4);
  281.  
  282. }
  283.  
  284. .permalinks a {
  285. text-decoration:none;
  286. font-size: 10px;
  287. color:{color:links};
  288. }
  289.  
  290. .permalinks a:hover {
  291. color:{color:accent};
  292. }
  293.  
  294. .tags {
  295. text-align:center;
  296. }
  297.  
  298. .tags a {
  299. text-decoration:none;
  300. font-size: 8px;
  301. text-transform:uppercase;
  302. color:{color:links};
  303. }
  304.  
  305. .tags a:hover {
  306. color:{color:accent};
  307. }
  308.  
  309. .like_and_reblog_buttons {
  310. list-style:none;
  311.  
  312.  
  313. }
  314.  
  315.  
  316. .like_and_reblog_buttons li {
  317. float:right;
  318. margin-left:8px;
  319. margin-top:8px;
  320.  
  321. }
  322.  
  323. .like {
  324. position:relative;
  325. display:inline-block;
  326. max-height:30px;
  327. max-width:30px;
  328. top:4px;
  329. margin-left:6px;
  330. cursor:pointer;
  331. }
  332.  
  333. .like_button {
  334. position:absolute;
  335. top:0;
  336. left:0;
  337. right:0;
  338. bottom:0;
  339. opacity:1;
  340. width:30px;
  341. height:20px;
  342. z-index:10;
  343. }
  344.  
  345. .like-b {
  346. position:relative;
  347. display:inline-block;
  348. height:1em;
  349. line-height:1em;
  350. overflow:hidden;
  351. margin-bottom:-1px;
  352. }
  353. .like-b .like_button iframe {
  354. position:absolute;
  355. top:0;
  356. left:0;
  357. bottom:0;
  358. right:0;
  359. z-index:2;
  360. opacity:0;
  361. }
  362. .like-b .liked + .b {
  363. color:inherit;
  364. }
  365. .like-b .liked + .b:after {
  366. content:'d';
  367. }
  368.  
  369. .quote{
  370. font-size:25px;
  371. color:{color:accent};
  372. }
  373. .source{
  374. text-align:right;
  375. }
  376.  
  377. .asker {
  378. display:inline;
  379. font-weight:bold;
  380. color:{color:accent};
  381. }
  382. .question {
  383. display:inline;
  384. color:{color:accent}
  385. display:inline;
  386.  
  387. }
  388.  
  389. .asker-question{
  390. display:inline;
  391. }
  392.  
  393. .link{
  394. color:{color:links};
  395. font-size:33px;
  396. margin-left:5px;
  397. text-align:center;
  398. }
  399.  
  400. .question hr{
  401. border-color:{color:accent};
  402.  
  403. }
  404.  
  405. .replies{
  406. padding:10px;
  407. }
  408.  
  409. .chat .odd {
  410. color:{color:text};
  411. }
  412. .chat .even {
  413. color:{color:accent};
  414. }
  415.  
  416. .tumblr_blog{
  417. font-size:10px;
  418. padding:none;
  419. }
  420. .source{
  421. padding-bottom:4px;
  422. }
  423.  
  424. .pagination {
  425. float:right;
  426. bottom:15px;
  427. font-size:23px;
  428. }
  429.  
  430. .pagination a{
  431. color:{color:accent};
  432. }
  433. </style>
  434. </head>
  435. <body>
  436. <div class="container-body">
  437.  
  438. <div class="container-fluid">
  439. <div class="row" >
  440. <div class="col-5 fixed">
  441. <div class="shelve-one">
  442.  
  443.  
  444. <br><br><h1>{Title}</h1>
  445.  
  446. <!--Plant-->
  447. <img src="https://creazilla-store.fra1.digitaloceanspaces.com/cliparts/58971/potted-plant-clipart-md.png">
  448.  
  449. </div>
  450. <div class="books">
  451. <!---boooks--->
  452. <svg version="1.0" xmlns="http://www.w3.org/2000/svg"
  453. width="100%" height="auto" viewBox="0 0 400 225"
  454. preserveAspectRatio="xMidYMid meet">
  455. <g transform="translate(0.000000,225.000000) scale(0.100000,-0.100000)"
  456. fill="#000000" stroke="none">
  457. <path d="M596 2191 c-10 -11 -20 -38 -23 -60 l-6 -41 167 0 166 0 0 40 c0 71
  458. -19 80 -163 80 -110 0 -126 -2 -141 -19z" class="book-2"/>
  459. <path d="M1936 2191 c-10 -11 -20 -38 -23 -60 l-6 -41 167 0 166 0 0 40 c0 71
  460. -19 80 -163 80 -110 0 -126 -2 -141 -19z"class="book-5"/>
  461. <path d="M1007 2052 c-11 -12 -18 -47 -23 -115 l-7 -97 182 0 181 0 -1 43 c-2
  462. 91 -15 159 -34 173 -14 10 -55 14 -150 14 -114 0 -134 -2 -148 -18z"class="book-3"/>
  463. <path d="M2347 2052 c-11 -12 -18 -47 -23 -115 l-7 -97 182 0 181 0 -1 43 c-2
  464. 91 -15 159 -34 173 -14 10 -55 14 -150 14 -114 0 -134 -2 -148 -18z"class="book-6"/>
  465. <path d="M84 2053 c-28 -5 -51 -31 -59 -65 l-7 -28 247 0 247 0 -7 28 c-3 15
  466. -15 36 -26 47 -18 18 -34 20 -197 22 -97 0 -187 -1 -198 -4z"class="book-1"/>
  467. <path d="M1424 2053 c-28 -5 -51 -31 -59 -65 l-7 -28 247 0 247 0 -7 28 c-3
  468. 15 -15 36 -26 47 -18 18 -34 20 -197 22 -97 0 -187 -1 -198 -4z"class="book-4"/>
  469. <path d="M570 2005 l0 -35 165 0 165 0 0 35 0 35 -165 0 -165 0 0 -35z"class="book-2"/>
  470. <path d="M1910 2005 l0 -35 165 0 165 0 0 35 0 35 -165 0 -165 0 0 -35z"class="book-5"/>
  471.  
  472. <a href="{text:linkTwoUrl}"> <path d="M733 1913 l-163 -3 0 -785 0 -784 165 -3 165 -3 0 793 c0 435 -1 791
  473. -2 790 -2 -1 -76 -4 -165 -5z"class="book-2 titre"/>
  474. <text id="title" x="733" y="-1000" inline-size="200" >{text:linkTwo}</text></a>
  475.  
  476. <a href="{text:linkFiveUrl}"><path d="M2073 1913 l-163 -3 0 -785 0 -784 165 -3 165 -3 0 793 c0 435 -1
  477. 791 -2 790 -2 -1 -76 -4 -165 -5z"class="book-5 titre" />
  478. <text x="2073" y="-1000" inline-size="200" >{text:linkFive}</text></a>
  479.  
  480. <path d="M24 1896 c-3 -8 -4 -23 -2 -33 3 -17 21 -18 246 -21 l242 -2 0 35 0
  481. 35 -240 0 c-200 0 -242 -2 -246 -14z"class="book-1"/>
  482. <path d="M1364 1896 c-3 -8 -4 -23 -2 -33 3 -17 21 -18 246 -21 l242 -2 0 35
  483. 0 35 -240 0 c-200 0 -242 -2 -246 -14z"class="book-4"/>
  484.  
  485. <a href="{text:linkOneeUrl}"><path d="M27 1783 c-4 -3 -7 -336 -7 -740 l0 -733 245 0 245 0 0 740 0 740
  486. -238 0 c-131 0 -242 -3 -245 -7z"class="book-1 titre" id="titre"/>
  487. <text id="title" x="283" y="-1000" inline-size="200" >{text:linkOne}</text></a>
  488.  
  489. <path d="M987 1783 c-4 -3 -7 -19 -7 -35 l0 -28 180 0 c165 0 180 1 180 18 0
  490. 9 -4 22 -8 28 -8 12 -334 29 -345 17z" class="book-3"/>
  491.  
  492. <a href="{text:linkFourUrl}"><path d="M1367 1783 c-4 -3 -7 -336 -7 -740 l0 -733 245 0 245 0 0 740 0 740
  493. -238 0 c-131 0 -242 -3 -245 -7z"class="book-4 titre"/>
  494. <text id="title" x="1600" y="-1000" inline-size="200">{text:linkFour}</text></a>
  495.  
  496.  
  497. <path d="M2327 1783 c-4 -3 -7 -19 -7 -35 l0 -28 180 0 c165 0 180 1 180 18 0
  498. 9 -4 22 -8 28 -8 12 -334 29 -345 17z" class="book-6"/>
  499. <path d="M2945 1664 c-99 -25 -188 -53 -199 -62 -15 -14 -18 -27 -13 -85 2
  500. -38 10 -74 16 -80 8 -8 72 4 248 46 130 31 238 59 240 61 9 8 -30 126 -46 140
  501. -31 28 -67 25 -246 -20z" class="book-7"/>
  502.  
  503. <a href="{text:linkThreeUrl}"><path d="M980 1055 l0 -605 180 0 180 0 0 605 0 605 -180 0 -180 0 0 -605z"class="book-3 titre"/>
  504. <text id="title" x="1155" y="-1000" inline-size="200" >{text:linkThree}</text></a>
  505.  
  506. <a href="{text:linkSixUrl}"><path d="M2320 1055 l0 -605 180 0 180 0 0 605 0 605 -180 0 -180 0 0 -605z"class="book-6 titre"/>
  507. <text id="title" x="2500" y="-1000" inline-size="200" >{text:linkSix}</text></a>
  508.  
  509.  
  510. <path d="M3005 1427 c-219 -57 -240 -64 -237 -82 2 -11 7 -24 11 -28 9 -9 470
  511. 98 483 111 7 7 -6 64 -14 61 -2 0 -111 -29 -243 -62z" class="book-7"/>
  512.  
  513. <a href="https://hkfthemes.tumblr.com"><path d="M3042 1310 c-128 -31 -235 -60 -239 -64 -8 -7 -4 -22 114 -509 l87
  514. -359 31 6 c16 3 126 29 243 58 l213 52 -6 36 c-14 76 -198 825 -204 831 -3 4
  515. -111 -19 -239 -51z"class="book-7 titre"class="book-7"/>
  516. <text id="hkf" x="3300" y="-850" inline-size="200">HKF</text></a>
  517.  
  518. <path d="M3262 378 l-244 -60 7 -27 c4 -14 8 -28 10 -30 2 -1 112 23 244 55
  519. 218 52 241 60 241 78 0 46 -7 46 -258 -16z"class="book-7"/>
  520. <path d="M980 360 l0 -30 180 0 180 0 0 30 0 30 -180 0 -180 0 0 -30z"class="book-3"/>>
  521. <path d="M2320 360 l0 -30 180 0 180 0 0 30 0 30 -180 0 -180 0 0 -30z" class="book-6"/>
  522. <path d="M3292 261 c-128 -32 -235 -61 -238 -64 -3 -3 2 -33 12 -67 18 -63 41
  523. -90 81 -90 23 0 307 64 361 81 47 15 65 55 52 116 -15 67 -20 83 -28 83 -4 -1
  524. -112 -27 -240 -59z"class="book-7"/>
  525. <path d="M570 245 l0 -35 165 0 165 0 0 35 0 35 -165 0 -165 0 0 -35z"class="book-2"/>
  526. <path d="M1910 245 l0 -35 165 0 165 0 0 35 0 35 -165 0 -165 0 0 -35z"class="book-5"/>
  527. <path d="M980 208 c1 -81 14 -139 36 -155 12 -9 58 -13 146 -13 167 0 168 1
  528. 168 135 l0 95 -175 0 -175 0 0 -62z"class="book-3"/>
  529. <path d="M2320 208 c1 -81 14 -139 36 -155 12 -9 58 -13 146 -13 167 0 168 1
  530. 168 135 l0 95 -175 0 -175 0 0 -62z"class="book-6"/>
  531. <path d="M20 215 l0 -35 118 0 c64 0 174 3 245 7 l127 6 0 29 0 28 -245 0
  532. -245 0 0 -35z"class="book-1"/>
  533. <path d="M1360 215 l0 -35 118 0 c64 0 174 3 245 7 l127 6 0 29 0 28 -245 0
  534. -245 0 0 -35z" class="book-4"/>
  535. <path d="M573 119 c10 -73 23 -79 164 -79 144 0 163 9 163 80 l0 40 -166 0
  536. -167 0 6 -41z"class="book-2"/>
  537. <path d="M1913 119 c10 -73 23 -79 164 -79 144 0 163 9 163 80 l0 40 -166 0
  538. -167 0 6 -41z"class="book-5"/>
  539. <path d="M24 114 c3 -9 6 -20 6 -25 0 -5 9 -18 20 -29 19 -19 33 -20 209 -20
  540. 104 0 197 3 206 6 19 8 48 61 40 74 -4 6 -102 10 -247 10 -215 0 -240 -2 -234
  541. -16z"class="book-1"/>
  542. <path d="M1364 114 c3 -9 6 -20 6 -25 0 -5 9 -18 20 -29 19 -19 33 -20 209
  543. -20 104 0 197 3 206 6 19 8 48 61 40 74 -4 6 -102 10 -247 10 -215 0 -240 -2
  544. -234 -16z"class="book-4"/>
  545. </g>
  546. </svg>
  547. </div><!--End books-->
  548.  
  549. <div class="shelve-two">
  550. <div id="description">{description}</div>
  551.  
  552. <!--frame-->
  553. <img src="{image:frame}" class="frame">
  554. </div>
  555.  
  556.  
  557. </div>
  558.  
  559.  
  560.  
  561.  
  562. <div class="col-6 sidebar-outer">
  563. <div class="container">
  564.  
  565. {block:Posts}
  566.  
  567. <div class="posts" id="{PostID}">
  568. <!--Text-->
  569. {block:Text}{block:Title}{Title}{/block:Title}{Body}{/block:Text}
  570.  
  571. <!--Photo-->
  572. <div class="photo" id="{PostID}">
  573. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}</div>
  574.  
  575. <!--Panorama-->
  576. <div class="pano" id="{PostID}">
  577. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}</div>
  578.  
  579. <!--Photoset-->
  580. <div class="photoset" id="{PostID}">
  581. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</div>
  582.  
  583. <!--Quote-->
  584.  
  585. {block:Quote}<div class="quote" id="{PostID}">"{Quote}"</div>{block:Source}<div class="source">—{Source}</div>{/block:Source}{/block:Quote}
  586.  
  587. <!--Link-->
  588. <div class="linkpost" id="{PostID}">
  589. {block:Link}<a href="{URL}" class="link" {Target}>| {Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}</div>
  590.  
  591.  
  592. <!--Chat-->
  593.  
  594. {block:Chat}
  595. <div class="chat" id="{PostID}">
  596. <ul>
  597. {block:Lines}<li class="{Alt}">{block:Label} {Label} {/block:Label}{Line}</li>{/block:Lines}
  598. </ul>
  599. </div>
  600. {/block:Chat}
  601.  
  602.  
  603.  
  604. <!--Video-->
  605. <div class="video" id="{PostID}">
  606. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}</div>
  607.  
  608. <!--Ask-->
  609. <div class="ask" id="{PostID}">
  610. {block:Answer}
  611. <div class="question">
  612. <div class="asker">{Asker}</div> asked
  613. <div class="asker-question">{Question}</div>
  614. <hr>
  615. </div>
  616.  
  617. {block:Answerer}
  618. <div class="answer">
  619. <div class="answerer">{Answerer}</div>
  620. <div class="answerer-answer">{Answer}</div>
  621. </div>
  622. {/block:Answerer}
  623.  
  624. <div class="replies">
  625. {Replies}
  626. </div>
  627. {/block:Answer}
  628.  
  629. </div>
  630. <!--Audio-->
  631. <div class="audio" id="{PostID}">
  632. {block:Audio}
  633. {block:AudioEmbed} {AudioEmbed}{/block:AudioEmbed}
  634. {block:Caption}{Caption}{/block:Caption}
  635. {/block:Audio}
  636. </div>
  637.  
  638.  
  639. <!---Permalinks--->
  640.  
  641. <div class="permalinks">
  642. <ul class="like_and_reblog_buttons">
  643. <li><a class="reblog" href="{ReblogURL}">Reblog</li>
  644. <li><a class="like-b" href="#">{LikeButton}<span class="b">Like</span></a>
  645. </li>
  646. </ul>
  647.  
  648.  
  649. <a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a></div>
  650.  
  651. <div class="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}"> {Tag}</a>{/block:Tags}{/block:HasTags}</div>
  652.  
  653.  
  654. </div>
  655.  
  656. {/block:Posts}
  657.  
  658.  
  659.  
  660. {block:ContentSource}
  661.  
  662. {/block:ContentSource}
  663. </div>
  664.  
  665.  
  666. <div class="pagination">
  667. {block:PreviousPage}
  668. <a href="{PreviousPage}">&#171; Previous</a>
  669. {/block:PreviousPage}{block:NextPage}
  670. <a href="{NextPage}">Next &#187;</a>
  671. {/block:NextPage}
  672.  
  673. </div>
  674. </div><!--end 2nd column-->
  675.  
  676. </div>
  677. </div>
  678.  
  679.  
  680.  
  681.  
  682.  
  683.  
  684. </div>
  685.  
  686.  
  687. </body>
  688. </html>
  689.  
Advertisement
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!