API tools faq
paste
HighKingFen

The Magicians |FanSite

HighKingFen
Jan 26th, 2021
729
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.66 KB | None | 0 0
raw download clone embed print report
  1. <!-------
  2. HKF THEMES 2021, DO NOT COPY OR USE AS BASE PLEASE
  3. ---------->
  4. <!DOCTYPE html>
  5. <html lang="en">
  6. <head>
  7. <title>{Title}</title>
  8. <meta charset="utf-8">
  9. <meta name="viewport" content="width=device-width, initial-scale=1">
  10. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
  11. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  12. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
  13. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
  14. {block:Description}
  15. <meta name="description" content="{MetaDescription}" />
  16. {/block:Description}
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. <link rel="preconnect" href="https://fonts.gstatic.com">
  20. <link href="https://fonts.googleapis.com/css2?family=Aleo:wght@300;400&family=Great+Vibes&display=swap" rel="stylesheet">
  21.  
  22.  
  23. <!---images-->
  24. <meta name="image:sidebar" content="https://64.media.tumblr.com/feb839549dbdb48b730f437fea2be3b4/1fd5364f740f96f0-fd/s2048x3072/c9c489822276a43087963441989f1272028a6996.png">
  25.  
  26. <!--Color-->
  27. <meta name="color:title" content="#51c2d5">
  28. <meta name="color:accent" content="#008891">
  29. <meta name="color:text" content="#555">
  30. <meta name="color:links" content="#00587a">
  31. <meta name="color:ask" content="#0f3057">
  32. <meta name="color:replies" content="#00587a">
  33. <meta name="color:header" content="#000000">
  34.  
  35.  
  36.  
  37. <!---Text-->
  38. <meta name="text:linkOne" content="Link One">
  39. <meta name="text:linkOneUrl" content="/">
  40. <meta name="text:linkTwo" content="Link Two">
  41. <meta name="text:linkTwoUrl" content="/">
  42. <meta name="text:linkThree" content="Link Three">
  43. <meta name="text:linkThreeUrl" content="/">
  44. <meta name="text:linkFour" content="Link Four">
  45. <meta name="text:linkFourUrl" content="/">
  46.  
  47.  
  48.  
  49. <style>
  50.  
  51.  
  52.  
  53.  
  54. body{
  55. background-color:#ffffff;
  56. color:{color:text};
  57. text-align:justify;
  58. font-size:12px;
  59. font-family: 'Aleo', serif;
  60.  
  61. }
  62. ::-webkit-scrollbar {
  63. width: 5px;
  64. }
  65. ::-webkit-scrollbar-track {
  66. background:rgba(0, 0, 0, 0.5);
  67. }
  68.  
  69. /* Handle */
  70. ::-webkit-scrollbar-thumb {
  71. background: {color:accent};
  72. }
  73.  
  74. /* Handle on hover */
  75. ::-webkit-scrollbar-thumb:hover {
  76. background: {color:links};
  77. }
  78.  
  79.  
  80.  
  81. h1, h2, h3{
  82. color:{color:accent};
  83.  
  84. }
  85.  
  86. b{
  87. color:{color:accent};
  88.  
  89. }
  90.  
  91. i{
  92. color:{color:accent};
  93.  
  94. }
  95.  
  96. a{
  97. color:{color:links};
  98.  
  99. }
  100.  
  101.  
  102. span{
  103. color:{accent};
  104. }
  105.  
  106. /******Header*****/
  107.  
  108. .jumbotron{
  109. background-color:{color:header};
  110. }
  111.  
  112. .col-md-1 img , .col-md-2 img, .col-md-3 img , .col-md-4 img, .col-md-6 img{
  113. width:100%;
  114. height:auto;
  115. object-fit:cover;
  116. }
  117.  
  118. .col-md-1, .col-md-2, .col-md-3 , .col-md-4, .col-md-6{
  119. padding:1px;
  120. }
  121.  
  122. #row-one{
  123. height:100px;
  124. }
  125.  
  126. #row-one img{
  127. height:100%;
  128.  
  129. object-fit:cover;
  130. }
  131.  
  132. #row-two{
  133. height:100px;
  134. }
  135.  
  136. #row-two img{
  137. height:100px;
  138. object-fit:cover;
  139. }
  140.  
  141. #row-three{
  142. height:200px;
  143. padding-top:1px;
  144. }
  145.  
  146. #row-three img{
  147. height:150px;
  148. object-fit:cover;
  149. }
  150.  
  151. #description{
  152. padding:0 5px 0 5px;
  153. font-size:10px;
  154. }
  155.  
  156. #title a{
  157. font-size:60px;
  158. font-family: 'Great Vibes', cursive;
  159. color:{color:title};
  160. text-decoration:none;
  161. }
  162.  
  163. #title a:hover{
  164. color:{color:accent};
  165. }
  166.  
  167. @media screen and (max-width: 750px) {
  168. #title {
  169. font-size: 30px;
  170. }
  171. }
  172.  
  173.  
  174. /*****Sidebar*****/
  175.  
  176. .head-title{
  177. background-color:white;
  178. padding: 5px 5px 4px 5px;
  179.  
  180. }
  181.  
  182. .head-title h3{
  183. margin:0;
  184. text-align:center;
  185. font-size:21px;
  186.  
  187. }
  188.  
  189. .body-box{
  190. background-color:white;
  191. padding: 0px 10px 5px 10px;
  192. }
  193.  
  194. .box{
  195. border: 3px solid {color:accent};
  196. border-radius:25%;
  197. margin: 30px 0 30px 0;
  198. }
  199.  
  200. .update a{
  201. margin-left:24%;
  202. }
  203.  
  204. .update hr {
  205. background: linear-gradient(to right, #ffffff, #51c2d5, #ffffff);
  206. height: 2px;
  207. }
  208.  
  209.  
  210. #link-box{
  211. text-transform:uppercase;
  212. text-align:center;
  213.  
  214. }
  215. #link-box ul{
  216. padding: 0;
  217. list-style-type: none;
  218. font-weight:bold;
  219. }
  220.  
  221. #link-box li{
  222. padding: 5px 0 5px 0;
  223. }
  224.  
  225. #link-box a{
  226. color:#51c2d5;
  227. }
  228.  
  229. #link-box a:hover{
  230. color:{color:links};
  231. text-decoration:underline;
  232. }
  233.  
  234. #stats b{
  235. padding: 10px 0 10px 0;
  236. }
  237.  
  238. #staff img{
  239. height:50px;
  240. }
  241.  
  242. #staff {
  243. margin-right:auto;
  244. margin-left:auto;
  245. }
  246.  
  247. /*******Tumblr****/
  248.  
  249. .tumblr{
  250. background-color:#ffffff;
  251. width:810px;
  252.  
  253.  
  254. }
  255. .posts {
  256. width:550px;
  257. background-color:#ffffff;
  258. padding:30px;
  259. margin:0 auto;
  260. margin-bottom:25px;
  261. text-align:justify;
  262. border-bottom: 3px {color:accent} solid;
  263. line-height: 24px;
  264. font-size: 17px;
  265.  
  266. }
  267.  
  268. .permalinks {
  269. text-align:center;
  270.  
  271.  
  272. }
  273.  
  274. .permalinks a {
  275. text-decoration:none;
  276. font-size: 10px;
  277. color:{color:links};
  278. }
  279.  
  280. .permalinks a:hover {
  281. color:{color:accent};
  282. }
  283.  
  284. .tags {
  285. text-align:center;
  286. }
  287.  
  288. .tags a {
  289. text-decoration:none;
  290. font-size: 8px;
  291. text-transform:uppercase;
  292. color:{color:links};
  293. }
  294.  
  295. .tags a:hover {
  296. color:{color:accent};
  297. }
  298.  
  299. .like_and_reblog_buttons {
  300. list-style:none;
  301.  
  302.  
  303. }
  304.  
  305.  
  306. .like_and_reblog_buttons li {
  307. float:right;
  308. margin-left:8px;
  309. margin-top:8px;
  310.  
  311. }
  312.  
  313. .like {
  314. position:relative;
  315. display:inline-block;
  316. max-height:30px;
  317. max-width:30px;
  318. top:4px;
  319. margin-left:6px;
  320. cursor:pointer;
  321. }
  322.  
  323. .like_button {
  324. position:absolute;
  325. top:0;
  326. left:0;
  327. right:0;
  328. bottom:0;
  329. opacity:1;
  330. width:30px;
  331. height:20px;
  332. z-index:10;
  333. }
  334.  
  335. .like-b {
  336. position:relative;
  337. display:inline-block;
  338. height:1em;
  339. line-height:1em;
  340. overflow:hidden;
  341. margin-bottom:-1px;
  342. }
  343. .like-b .like_button iframe {
  344. position:absolute;
  345. top:0;
  346. left:0;
  347. bottom:0;
  348. right:0;
  349. z-index:2;
  350. opacity:0;
  351. }
  352. .like-b .liked + .b {
  353. color:inherit;
  354. }
  355. .like-b .liked + .b:after {
  356. content:'d';
  357. }
  358.  
  359. .quote{
  360. font-size:25px;
  361. color:{color:accent};
  362. }
  363. .source{
  364. text-align:right;
  365. }
  366.  
  367. .asker {
  368. display:inline;
  369. font-weight:bold;
  370. color:{color:accent};
  371. }
  372. .question {
  373. color:{color:accent}
  374.  
  375. }
  376.  
  377. .question a{
  378. color:white;
  379. }
  380.  
  381. .asker-question{
  382. display:inline;
  383. }
  384.  
  385. .link{
  386. color:{color:links};
  387. font-size:33px;
  388. margin-left:5px;
  389. text-align:center;
  390. }
  391.  
  392. .question hr{
  393. opacity:0;
  394.  
  395. }
  396.  
  397. .question{
  398. margin: 50px auto;
  399. background:{color:ask};
  400. padding: 20px;
  401. text-align: center;
  402. color: #fff;
  403. border-radius:25px;
  404. }
  405.  
  406.  
  407. .replies{
  408. margin: 50px auto;
  409. background:{color:replies};
  410. padding: 20px;
  411. text-align: justify;
  412. color: #fff;
  413. border-radius:25px;;
  414. }
  415.  
  416. .chat{
  417. list-style:none;
  418. }
  419.  
  420. .chat .odd {
  421. color:{color:text};
  422. }
  423. .chat .even {
  424. color:{color:accent};
  425. }
  426.  
  427. .tumblr_blog{
  428. font-size:10px;
  429. padding:none;
  430. }
  431. .source{
  432. padding-bottom:4px;
  433. }
  434.  
  435. {block:PermalinkPage}
  436.  
  437. .note{
  438. font-size:10px;
  439. display:inline;
  440. padding:5px;
  441. }
  442.  
  443. }
  444.  
  445. .note ol li{
  446. padding:5px;
  447. margin-right:15%;
  448. }
  449.  
  450. {/block:PermalinkPage}
  451.  
  452.  
  453. #pagination {
  454. position:absolute;
  455. bottom:15px;
  456. font-size:20px;
  457. }
  458.  
  459. #pagination a{
  460. color:{color:accent};
  461. }
  462.  
  463. #pagination a:hover{
  464. color:{color:links};
  465. }
  466. /**/
  467.  
  468.  
  469. </style>
  470. </head>
  471. <body>
  472.  
  473. <div class="jumbotron jumbotron-fluid" id="header">
  474. <div class="container">
  475.  
  476. <div class="container-fluid">
  477. <div class="row" id="row-one">
  478. <div class="col-md-4">
  479. <div id="title"><a href="/">{Title}</a></div>
  480. </div>
  481. <div class="col-md-1"> <img class="img-fluid" src="https://64.media.tumblr.com/776e90379fff8b43f81aea5c626077b7/0ec444b0d84839bf-9c/s250x400/a96a73c4f595307bb79aac3107caf66435be97f4.png"> </div>
  482. <div class="col-md-1"> <img class="img-fluid" src="https://64.media.tumblr.com/5d599f5eeea0590f02095f13f2f4b38f/0ec444b0d84839bf-57/s250x400/de1091e59b84c912b69d6b0abf17a7129bb218fe.png"></div>
  483. <div class="col-md-1">
  484. <img class="img-fluid" src="https://64.media.tumblr.com/6a457ce120158e6dc71961975c831573/0b0f4e57f5d2ba62-b6/s250x400/33fc9d20ed09a990351180b8cbe36663fe01cff7.png">
  485. </div>
  486. <div class="col-md-1">
  487. <img class="img-fluid" src="https://64.media.tumblr.com/c35ec937a659f9417559a0861d332129/tumblr_pjynwtuJUK1wd05tno4_250.png">
  488. </div>
  489. <div class="col-md-1">
  490. <img class="img-fluid" src="https://64.media.tumblr.com/d9fd67d71c0efb42057408191273d848/tumblr_pejx4b9mKz1wd05tno4_250.png">
  491. </div>
  492. <div class="col-md-1">
  493. <img class="img-fluid" src="https://64.media.tumblr.com/c763803bdd960f1bb34256e75c3c5205/tumblr_p8y7saW6x21wd05tno8_250.png">
  494. </div>
  495. <div class="col-md-1">
  496. <img class="img-fluid" src="https://64.media.tumblr.com/e62a88371e2879e7ddf54ebcfe32cebd/tumblr_p8y7saW6x21wd05tno2_250.png">
  497. </div>
  498. <div class="col-md-1">
  499. <img class="img-fluid" src="https://64.media.tumblr.com/73f7dd5735618df626698ff044d1b45a/tumblr_pfdtqxVY6x1wd05tno6_250.png">
  500. </div>
  501.  
  502.  
  503. </div>
  504. <div class="row" id="row-two">
  505. <div class="col-md-4"><div id="description">{Description}</div></div>
  506. <div class="col-md-2"> <img class="img-fluid" src="https://64.media.tumblr.com/250c7ff0996d63a980d81f7a491a7c60/tumblr_inline_pq0r49MpGE1v9ekhy_400.gif"></div>
  507. <div class="col-md-1"><img class="img-fluid" src="https://64.media.tumblr.com/b1a135fa52cd7864e93f7a3f88a2b5bc/e78d2fcc009266cd-ed/s500x750/eed9648b82a39c198b80681b4fee09e20f409a94.gif"></div>
  508. <div class="col-md-1"><img class="img-fluid" src="https://64.media.tumblr.com/067573a4fffa251b5ef9e6d1ef4b7cb1/tumblr_pp3jxjRz261wd05tno4_250.png"></div>
  509. <div class="col-md-1"><img class="img-fluid" src="https://64.media.tumblr.com/8df4d77f2e4471af9e086171cd6560c7/tumblr_oy3o77PTK41wd05tno6_r1_250.png"></div>
  510. <div class="col-md-3"><img class="img-fluid" src="https://64.media.tumblr.com/ec4d6cb66fec615cbbda400b53f90a4f/e78d2fcc009266cd-0f/s500x750/8d9fdd935fcd164c41a239f63b0148324b4e1ac1.gif"></div>
  511.  
  512.  
  513. </div>
  514. <div class="row" id="row-three">
  515. <div class="col-md-6"><img class="img-fluid" src="https://64.media.tumblr.com/86af662960e73ea433afeadca240d9ca/31eec49463473f6f-84/s500x750/eb75c01a8099feb4beba7d68ae1b30c310910c82.gif"></div>
  516. <div class="col-md-3"><img class="img-fluid" src="https://64.media.tumblr.com/52d1bed4694422574d7df26c47823a78/bd966d3b921d39f9-e7/s500x750/ae91f1c735f02573fe035372a70734c36355a5e2.gif"></div>
  517. <div class="col-md-1"><img class="img-fluid" src="https://64.media.tumblr.com/3560d721bc95588a5bda2d62ab4aaa5a/tumblr_ozqz3tiwnz1wd05tno3_250.png"></div>
  518. <div class="col-md-2"><img class="img-fluid" src="https://64.media.tumblr.com/3678f9ad9ae46ee94cc73f409f9b5cde/tumblr_pp3pet7L9c1wd05tno5_250.gif"></div>
  519.  
  520.  
  521.  
  522. </div>
  523.  
  524. </div></div>
  525. </div>
  526.  
  527.  
  528.  
  529.  
  530.  
  531.  
  532. <!--Sidebar-->
  533.  
  534. <div class="container">
  535. <div class="row">
  536. <div class="col-sm-4">
  537.  
  538. <!--Content box-->
  539. <div class="box">
  540. <div class=".container-fluid head-title">
  541. <h3>About</h3>
  542. </div>
  543. <div class=".container-fluid body-box">
  544. <img class="img-fluid" src="https://64.media.tumblr.com/0c20fc8ecf10eb86b5ba355df81929d4/4b2740bd602da0bc-11/s500x750/e88fb3e30f2e554bd988285f3fdc6e6898e0e285.png">
  545. Lorem ipsum dolor sit amet, consectetur adipisicing elit...
  546. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...
  547. </div>
  548. </div>
  549. <!--end content box-->
  550.  
  551. <!--Content box-->
  552. <div class="box">
  553. <div class=".container-fluid head-title">
  554. <h3>Update</h3>
  555. </div>
  556. <div class=".container-fluid body-box">
  557. <!--update-->
  558. <div class="update">
  559. <b>TITLE</b> — DD/MM/YY <br>
  560. <b>UPDATE</b>: Lorem ipsum dolor sit amet, consectetur adipisicing elit Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...
  561. <br><a href="URL HERE">LINK</a>
  562. <hr>
  563. </div> <!--END UPDATE-->
  564.  
  565.  
  566. <!--update-->
  567. <div class="update">
  568. <b>TITLE</b> — DD/MM/YY <br>
  569. <b>UPDATE</b>: Lorem ipsum dolor sit amet, consectetur adipisicing elit Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...
  570. <br><a href="URL HERE">LINK</a>
  571. <hr>
  572. </div> <!--END UPDATE-->
  573.  
  574.  
  575. <!--update-->
  576. <div class="update">
  577. <b>TITLE</b> — DD/MM/YY <br>
  578. <b>UPDATE</b>: Lorem ipsum dolor sit amet, consectetur adipisicing elit Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...
  579. <br><a href="URL HERE">LINK</a>
  580. </div>
  581.  
  582.  
  583.  
  584.  
  585. </div>
  586. </div>
  587. <!--end content box-->
  588.  
  589.  
  590. <!--Content box-->
  591. <div class="box">
  592. <div class=".container-fluid head-title">
  593. <h3>Important Links</h3>
  594. </div>
  595. <div class=".container-fluid body-box" id="link-box">
  596. <ul>
  597. <li><a href="/ask">Ask</a></li>
  598. <li><a href="{text:linkOneUrl}">{text:LinkOne}</a></li>
  599. <li><a href="{text:linkTwoUrl}">{text:LinkTwo}</a></li>
  600. <li><a href="{text:linkThreeUrl}">{text:LinkThree}</a></li>
  601. <li><a href="{text:linkFourUrl}">{text:LinkFour}</a></li>
  602.  
  603.  
  604. </ul>
  605. </div>
  606. </div>
  607. <!--end content box-->
  608.  
  609.  
  610. <!--Content box-->
  611. <div class="box">
  612. <div class=".container-fluid head-title">
  613. <h3>Admins & Mods</h3>
  614. </div>
  615. <div class=".container-fluid body-box">
  616. <!-- copy this to add more
  617.  
  618. <a href ="URL HERE"><img src="IMG HERE" class="rounded"></a>
  619. -->
  620. <div id="staff">
  621.  
  622. <a href ="URL HERE"><img src="https://64.media.tumblr.com/cc7a728e6617804ce298fbaf00816ef9/8c79313a39f38eae-d3/s400x600/e5254eb03ad92e15388f245b9861dc3474802dfd.png" class="rounded">
  623. <a href ="URL HERE"><img src="https://64.media.tumblr.com/8b0f71189c37eaaf9d86997ecdb73cd7/tumblr_pp3ce9qop11wd05tno5_250.png" class="rounded">
  624. <a href ="URL HERE"><img src="https://64.media.tumblr.com/2940dda2707bc33c7467713e0a8a65e9/tumblr_poqev8jmRF1wd05tno2_400.png" class="rounded">
  625.  
  626. <a href ="URL HERE"><img src="https://64.media.tumblr.com/d2dc729e538410650c4cde091ee1c4fd/f2e6bb74a88e6929-36/s250x400/9e9fc19b2abe0e87ddee4242eb0d2f96971b316b.png" class="rounded"></a>
  627.  
  628. <a href ="URL HERE"><img src="https://64.media.tumblr.com/576ca808e0a72d5342f97feeeeecb442/tumblr_prnn0xUzv71wd05tno9_250.png" class="rounded"></a>
  629. </div>
  630. </div>
  631. </div>
  632. <!--end content box-->
  633.  
  634.  
  635. <!--Content box-->
  636. <div class="box">
  637. <div class=".container-fluid head-title">
  638. <h3>Blog Stat</h3>
  639. </div>
  640. <div class=".container-fluid body-box">
  641.  
  642. <!--stats-->
  643. <div class="stats">
  644. <b>RUN BY</b> — Username <br> <hr>
  645. <b>SINCE</b> — 2021 <br> <hr>
  646. <b>TIMEZONE</b> — EST <br><hr>
  647. <b>FOLLOWRS</b> — 2K + <br><hr>
  648. <b>CREDIT</b> — <a href="hkfthemes.tumblr.com"> &copy; HKF Themes</a> <br> <hr><!--DO NOT REMOVE THE CREDIT-->
  649.  
  650.  
  651.  
  652. </div> <!--END stats-->
  653.  
  654. </div>
  655. </div>
  656. <!--end content box-->
  657.  
  658.  
  659. </div> <!---end sidebar--->
  660.  
  661. <!--Tumblr thiungs, do not touch-->
  662. <div class="col-sm-8">
  663. <div class="tumblr">
  664.  
  665. {block:Posts}
  666.  
  667. <div class="posts" id="{PostID}">
  668. <!--Text-->
  669. {block:Text}{block:Title}{Title}{/block:Title}{Body}{/block:Text}
  670.  
  671. <!--Photo-->
  672. <div class="photo" id="{PostID}">
  673. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}</div>
  674.  
  675. <!--Panorama-->
  676. <div class="pano" id="{PostID}">
  677. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}</div>
  678.  
  679. <!--Photoset-->
  680. <div class="photoset" id="{PostID}">
  681. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</div>
  682.  
  683. <!--Quote-->
  684.  
  685. {block:Quote}<div class="quote" id="{PostID}">"{Quote}"</div>{block:Source}<div class="source">—{Source}</div>{/block:Source}{/block:Quote}
  686.  
  687. <!--Link-->
  688. <div class="linkpost" id="{PostID}">
  689. {block:Link}<a href="{URL}" class="link" {Target}>| {Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}</div>
  690.  
  691.  
  692. <!--Chat-->
  693.  
  694. {block:Chat}
  695. <div class="chat" id="{PostID}">
  696. <ul>
  697. {block:Lines}<li class="{Alt}">{block:Label} {Label} {/block:Label}{Line}</li>{/block:Lines}
  698. </ul>
  699. </div>
  700. {/block:Chat}
  701.  
  702.  
  703.  
  704. <!--Video-->
  705. <div class="video" id="{PostID}">
  706. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}</div>
  707.  
  708. <!--Ask-->
  709. <div class="ask" id="{PostID}">
  710. {block:Answer}
  711. <div class="question">
  712. <div class="asker">{Asker}</div> asked
  713. <div class="asker-question">{Question}</div>
  714. <hr>
  715. </div>
  716.  
  717. {block:Answerer}
  718. <div class="answer">
  719. <div class="answerer">{Answerer}</div>
  720. <div class="answerer-answer">{Answer}</div>
  721. </div>
  722. {/block:Answerer}
  723.  
  724. <div class="replies">
  725. {Replies}
  726. </div>
  727. {/block:Answer}
  728.  
  729. </div>
  730. <!--Audio-->
  731. <div class="audio" id="{PostID}">
  732. {block:Audio}
  733. {block:AudioEmbed} {AudioEmbed}{/block:AudioEmbed}
  734. {block:Caption}{Caption}{/block:Caption}
  735. {/block:Audio}
  736. </div>
  737.  
  738.  
  739. <!---Permalinks--->
  740.  
  741. <div class="permalinks">
  742. <ul class="like_and_reblog_buttons">
  743. <li><a class="reblog" href="{ReblogURL}">Reblog</li>
  744. <li><a class="like-b" href="#">{LikeButton}<span class="b">Like</span></a>
  745. </li>
  746. </ul>
  747.  
  748.  
  749. <a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a></div>
  750.  
  751. <div class="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}"> {Tag}</a>{/block:Tags}{/block:HasTags}</div>
  752.  
  753. </div>
  754.  
  755.  
  756. {block:PermalinkPage}{block:PostNotes}{PostNotes}{/block:PostNotes}{/block:PermalinkPage}
  757.  
  758. <!--->
  759.  
  760. {/block:Posts}
  761. {block:ContentSource}
  762. {/block:ContentSource}
  763.  
  764. <!----Pagination---->
  765. <div id="pagination">
  766. {block:Pagination}{block:PreviousPage}
  767. <a href="{PreviousPage}">Previous</a>
  768. {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}
  769. <span class="current_page">{PageNumber}</span>
  770. {/block:CurrentPage}{block:JumpPage}
  771. <a class="jump_page" href="{URL}">{PageNumber}</a>
  772. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  773. <a href="{NextPage}">Next</a>
  774. {/block:NextPage}{/block:Pagination}
  775.  
  776. </div>
  777.  
  778.  
  779.  
  780. </div><!---End tumblr-->
  781. </div>
  782. </div> <!---Endbootstrap cointainter tumblr-->
  783. </body>
  784. </html>
  785.  
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!