celavna

Theme: Siege

May 3rd, 2018
1,375
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.96 KB | None | 0 0
  1. <!--
  2.  
  3. siege
  4. theme by celavna / svelte designs
  5. base by sorrism
  6.  
  7. be considerate:
  8. do not use as a base
  9. do not redistribute
  10. do not copy any parts of the code
  11. do not steal or rip.
  12. do not remove or edit credit
  13.  
  14. you may make minor edits. this is my first theme so
  15. problems are sure to occur. i ask that you do not
  16. heavily edit to the point its unrecognizable.
  17.  
  18. -->
  19.  
  20. <!DOCTYPE html>
  21. <head>
  22.  
  23. <title>{block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  24.  
  25. <link rel="shortcut icon" href="{favicon}">
  26.  
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  28. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  29.  
  30. <!--Default Variables-->
  31.  
  32. <meta name="color:Background" content="#ffffff"/>
  33. <meta name="color:Text" content="#222222"/>
  34. <meta name="color:Link" content="#000000"/>
  35. <meta name="color:Link Hover" content="#222222"/>
  36. <meta name="color:Title"content="#000000"/>
  37. <meta name="color:Scrollbar" content="#000000" />
  38. <meta name="color:Borders" content="#000000"/>
  39.  
  40. <meta name="text:Link 1" content="get in touch" />
  41. <meta name="text:Link 1 URL" content="/ask" />
  42. <meta name="text:Link 2" content="view our history" />
  43. <meta name="text:Link 2 URL" content="/archive" />
  44. <meta name="text:Link 3" content="insert a link" />
  45. <meta name="text:Link 3 URL" content="" />
  46. <meta name="text:Link 4" content="and another one" />
  47. <meta name="text:Link 4 URL" content="" />
  48. <meta name="text:Link 5" content="and one more" />
  49. <meta name="text:Link 5 URL" content="" />
  50.  
  51. <meta name="text:Username" content="siege"/>
  52. <meta name="text:Title" content="who told you to be small?"/>
  53. <meta name="text:Description" content="Their mouths filled with turpentine and cyanide. They will strip all that is gold from your feathered limbs and leave you unraveled- all pock marked, pink skinned and alabaster boned."/>
  54.  
  55. <meta name="image:Pic 620x630" content="https://i.imgur.com/U92dsgF.jpg"/>
  56.  
  57. <link href='https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i' rel='stylesheet' type='text/css'>
  58. <link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,900" rel="stylesheet">
  59. <link href='http://static.tumblr.com/8pnyeus/sXxofi7lt/outicons.css' rel='stylesheet' type='text/css'>
  60. <script src="https://use.fontawesome.com/378eb86118.js"></script>
  61.  
  62. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  63. <link rel="stylesheet" href="http://static.tumblr.com/i5s2zks/6kOohwlux/pe-icon-7-stroke.css">
  64.  
  65. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  66.  
  67.  
  68.  
  69.  
  70. <!--CSS customization here. -->
  71.  
  72. <style type="text/css">
  73.  
  74. /*tumblr controls and lightbox*/
  75.  
  76. .tmblr-lightbox {background:rgba({RGBcolor:background}, .95)!important;}
  77.  
  78. .tmblr-lightbox img {opacity:0;}
  79.  
  80. .lightbox-caption {
  81. color:{color:title}!important;
  82. font-family:inherit!important;
  83. font-size:1em!important;
  84. font-weight:normal!important;
  85. text-shadow:none!important;
  86. }
  87.  
  88. .lightbox-image {
  89. -moz-box-shadow:none!important;
  90. -webkit-box-shadow:none!important;
  91. box-shadow:none!important;
  92. -moz-border-radius:0px!important;
  93. -webkit-border-radius:0px!important;
  94. border-radius:0px!important;
  95. padding:0px!important;
  96. border:0!important;
  97. opacity:1!important;
  98. }
  99.  
  100. .vignette {opacity:0!Important;}
  101.  
  102. .iframe-controls--desktop {
  103. white-space:nowrap!important;
  104. top:5px!important;
  105. right:5px!important;
  106. opacity:1!important;
  107. position:fixed!important;
  108. }
  109.  
  110. /*tooltip*/
  111.  
  112. .ui-tooltip {
  113. position:Absolute;
  114. z-index:9999;
  115. padding-top:10px;
  116. }
  117.  
  118. .ui-tooltip-content {
  119. background:{color:background};
  120. padding:0 4px;
  121. font-style:italic;
  122. color:{color:link};
  123. text-transform:lowercase;
  124. border:1px solid {color:borders};
  125. }
  126.  
  127. /*scrollbar*/
  128.  
  129. ::-webkit-scrollbar{
  130. height:11px;
  131. width:11px;
  132. background:inherit;
  133. }
  134.  
  135. ::-webkit-scrollbar-thumb {background:{color:scrollbar};}
  136.  
  137. ::-webkit-scrollbar-track {background:{color:borders};}
  138.  
  139. ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {border:5px solid {color:background};}
  140.  
  141. /*main structure*/
  142.  
  143. body {
  144. background:{color:background};
  145. color:{color:text};
  146. font:10px/1.4em georgia, serif;
  147. word-wrap:break-word;
  148. text-align:left;
  149. margin:0;
  150. }
  151.  
  152. a {
  153. color:{color:link};
  154. text-decoration:none;
  155. transition:all .3s linear;
  156. -webkit-transition:all .3s linear;
  157. -o-transition:all .3s linear;
  158. -moz-transition:all .3s linear;
  159. }
  160.  
  161. a, a img {cursor:pointer;}
  162.  
  163. a:hover {
  164. color:{color:link hover}!important;
  165. text-decoration:none;
  166. }
  167.  
  168. img {
  169. opacity:1;
  170. border:0;
  171. text-decoration:none;
  172. max-width:100%;
  173. height:auto;
  174. display:block;
  175. }
  176.  
  177. blockquote {
  178. padding:.25em 0 .25em 15px;
  179. margin:.5em 0;
  180. border-left:1px solid {color:borders};
  181. }
  182.  
  183. pre {
  184. padding:0;
  185. margin:0;
  186. line-height:inherit!important;
  187. background:transparent;
  188. font-family:inherit!Important;
  189. font-size:inherit!important;
  190. white-space:pre-wrap;
  191. white-space:-moz-pre-wrap;
  192. white-space:-pre-wrap;
  193. white-space:-o-pre-wrap;
  194. word-wrap:break-word;
  195. }
  196.  
  197. p {margin:1em 0;}
  198.  
  199. p:first-of-type {margin-top:0;}
  200.  
  201. p:last-of-type {margin-bottom:0;}
  202.  
  203. b, strong, b a, strong a {
  204. font-weight:bold!important;
  205. color:{color:title};
  206. }
  207.  
  208. small, big, sub, pre {
  209. font-size:1em!important;
  210. line-height:1.4em!important;
  211. vertical-align:baseline!important;
  212. }
  213.  
  214. h1, h2, h3, h4 {
  215. margin:1.5em 0;
  216. font-size:1.5em;
  217. padding:0;
  218. color:{color:title};
  219. font-weight:bold;
  220. }
  221.  
  222. .posts h1:first-child, .posts h2:first-child, .posts h3:first-child, .posts h4:first-child {margin-top:0;}
  223.  
  224. hr {
  225. border:none;
  226. box-shadow:0;
  227. margin:2em auto;
  228. width:75px;
  229. border-top:0px solid {color:borders};
  230. }
  231.  
  232.  
  233. /*pagination*/
  234.  
  235. footer {
  236. margin-left:0px;
  237. text-align:left;
  238. color:{color:link};
  239. }
  240.  
  241. footer span {
  242. text-align:right;
  243. float:right;
  244. display:inline-block;
  245. }
  246.  
  247. .current_page {
  248. font-weight:bold;
  249. color:{color:title};
  250. }
  251.  
  252. footer a {
  253. display:inline-block;
  254. border:0;
  255. margin:0 5px;
  256. }
  257.  
  258. #infscr-loading {display:none!important;}
  259.  
  260. /*posts*/
  261.  
  262. section {
  263. width:400px;
  264. margin:0px auto 100px auto;
  265. }
  266.  
  267. .posts {
  268. margin-top:50px;
  269. width:400px;
  270. margin-bottom:100px;
  271. }
  272.  
  273. .ph {
  274. position:relative;
  275. overflow:hidden;
  276. }
  277.  
  278. .ph img {
  279. width:100%;
  280. display:block;
  281. }
  282.  
  283. /*titles*/
  284.  
  285. .title {
  286. color:{color:title};
  287. font-size:1.25em;
  288. line-height:1.75em;
  289. }
  290.  
  291. .title a {color:{color:title};}
  292.  
  293. .title a:hover {color:{color:link};}
  294.  
  295. .ted {margin-top:10px;}
  296.  
  297. /*captions*/
  298.  
  299. .comment {
  300. padding:0 0 1.5em 0;
  301. list-style:none;
  302. }
  303.  
  304. .comment:last-of-type {padding-bottom:0!important;}
  305.  
  306. .user {
  307. display:inline-block;
  308. line-height:1em;
  309. font-style:italic;
  310. margin-bottom:.75em;
  311. }
  312.  
  313. .captioned .comment:first-of-type {margin-top:2em;}
  314.  
  315. .tex li, .tex blockquote {text-align:left;}
  316.  
  317. /*quote*/
  318.  
  319. .source {margin-top:5px;}
  320.  
  321. /*audio*/
  322.  
  323. .player {
  324. width:25px;
  325. height:24px;
  326. position:absolute;
  327. left:10px;
  328. top:calc(50% - 15px);
  329. display:block;
  330. overflow:hidden;
  331. }
  332.  
  333. .hold {
  334. text-align:left;
  335. background:{color:background};
  336. border:0px solid {color:borders};
  337. position:relative;
  338. display:block;
  339. min-height:24px;
  340. padding:15px;
  341. }
  342.  
  343. .audio_info {
  344. vertical-align:middle;
  345. line-height:12px;
  346. margin-left:35px;
  347. max-width:calc(100% - 35px);
  348. }
  349.  
  350. .audio_info span {
  351. white-space:nowrap;
  352. overflow:hidden;
  353. text-overflow:ellipsis;
  354. display:block;
  355. }
  356.  
  357. .hold .track {color:{color:title};}
  358.  
  359. /*asks*/
  360.  
  361. .q {
  362. text-align:left;
  363. padding:15px;
  364. margin-bottom:2em;
  365. border:1px solid {color:borders};
  366. }
  367.  
  368. .as {text-align:left;text-transform:lowercase;}
  369.  
  370. .as a {color:{color:text};}
  371.  
  372. .as a:hover {color:{color:link hover};}
  373.  
  374. /*chat*/
  375.  
  376. .chat {
  377. text-align:left;
  378. margin:0;
  379. padding:0;
  380. list-style:none;
  381. }
  382.  
  383. .l {
  384. padding:15px 0;
  385. border-bottom:1px solid {color:borders};
  386. }
  387.  
  388. .label {
  389. font-weight:bold;
  390. color:{color:title};
  391. display:inline-block;
  392. }
  393.  
  394. .l:first-of-type {padding-top:0;}
  395.  
  396. .l:last-of-type {
  397. padding-bottom:0;
  398. border:0;
  399. }
  400.  
  401. /*permalink and notes*/
  402.  
  403. .when {margin-top:15px;}
  404.  
  405. .when span {display:block;}
  406.  
  407. .tags {margin-top:.5em;}
  408.  
  409. .tags a {
  410. font-style:italic;
  411. color:{color:text};
  412. display:inline;
  413. margin:0 2.5px;
  414. }
  415.  
  416. .pagenotes {
  417. padding-top:2em;
  418. border-top:0px solid {color:borders};
  419. }
  420.  
  421. ol.notes {
  422. list-style-type:none;
  423. padding:0px;
  424. margin:0px;
  425. }
  426.  
  427. ol.notes li.note {
  428. display:block;
  429. padding:0;
  430. margin:5px 0;
  431. }
  432.  
  433. ol.notes li.note img.avatar {display:none!important;}
  434.  
  435. a.more_notes_link {
  436. display:block;
  437. text-align:center;
  438. color:{color:title};
  439. }
  440.  
  441. /* Celavna/S.D.'s CSS */
  442.  
  443. .credit {
  444. bottom:30px;
  445. left:35px;
  446. font-size:12px;
  447. position:fixed;
  448. color:#000;
  449. }
  450.  
  451. /* Posts Cover, Button, Description, Title */
  452.  
  453. #pcontainer {
  454. background:transparent;
  455. z-index:-9;
  456. width:450px;
  457. height:95%;
  458. padding: 0px;
  459. top:0px;
  460. left:635px;
  461. margin: auto;
  462. position:fixed;
  463. overflow-y:scroll;
  464. overflow-x:hidden;
  465. border:0px dashed {color:borders};
  466. }
  467.  
  468. #container {
  469. position:fixed;
  470. margin:125px auto;
  471. }
  472.  
  473. #button {
  474. top:570px;
  475. left:70px;
  476. z-index:0;
  477. width:100px;
  478. height:auto;
  479. position:absolute;
  480. font-family: 'playfair display';
  481. font-weight:900;
  482. text-transform:lowercase;
  483. font-size:14px;
  484. line-height:30px;
  485. text-align:center;
  486. letter-spacing:2px;
  487. color:#000;
  488. transition:0.8s ease;
  489. -o-transition:0.8s ease;
  490. -moz-transition:0.8s ease;
  491. -webkit-transition:0.8s ease;
  492. -webkit-transform: rotate(-90deg);
  493. -moz-transform: rotate(-90deg);
  494. -o-transform: rotate(-90deg);
  495. -ms-transform: rotate(-90deg);
  496. transform: rotate(-90deg);
  497. }
  498.  
  499. #button:hover {
  500. letter-spacing:4px;
  501. transition:0.8s ease;
  502. -o-transition:0.8s ease;
  503. -moz-transition:0.8s ease;
  504. -webkit-transition:0.8s ease;
  505. }
  506.  
  507.  
  508. .buttonline {
  509. background:#222;
  510. width:2px;
  511. height:70px;
  512. top:640px;
  513. left:120px;
  514. position:absolute;
  515. transition:0.5s ease;
  516. -o-transition:0.5s ease;
  517. -moz-transition:0.5s ease;
  518. -webkit-transition:0.5s ease;
  519. }
  520.  
  521. .buttonline:hover {
  522. width:100px;
  523. height:100px;
  524. transition:0.5s ease;
  525. -o-transition:0.5s ease;
  526. -moz-transition:0.5s ease;
  527. -webkit-transition:0.5s ease;
  528. }
  529.  
  530. #right {
  531. position:fixed;
  532. top:0px;
  533. left:630px;
  534. width:500px;
  535. height:100%;
  536. overflow:hidden;
  537. background:#fff;
  538. z-index:9;
  539. }
  540.  
  541. .rightshape {
  542. position:absolute;
  543. background:transparent;
  544. border-right: #666 1px solid;
  545. border-bottom: #666 1px solid;
  546. border-top: #666 1px solid;
  547. top:50px;
  548. left:-100px;
  549. width:500px;
  550. height:620px;
  551. z-index:0;
  552. }
  553.  
  554. .rightdesc {
  555. width:213px;
  556. height:auto;
  557. position:absolute;
  558. font-weight:400;
  559. text-transform:none;
  560. font-size:11px;
  561. line-height:17px;
  562. text-align:justify;
  563. color:#000;
  564. top:340px;
  565. left:25px;
  566. z-index:0;
  567. }
  568.  
  569. .rightsymbol {
  570. width:220px;
  571. height:auto;
  572. position:absolute;
  573. font-weight:700;
  574. font-family:'playfair display';
  575. text-transform:uppercase;
  576. font-size:60px;
  577. line-height:10px;
  578. text-align:center;
  579. letter-spacing:1px;
  580. color:#000;
  581. top:125px;
  582. left:20px;
  583. z-index:0;
  584. }
  585.  
  586. .righttitle{
  587. width:250px;
  588. height:auto;
  589. position:absolute;
  590. font-weight:900;
  591. font-family:'playfair display';
  592. text-transform:uppercase;
  593. font-size:40px;
  594. line-height:45px;
  595. text-align:left;
  596. letter-spacing:2px;
  597. color:#000;
  598. top:180px;
  599. left:23px;
  600. z-index:0;
  601. }
  602.  
  603. /* Left Sidebar */
  604.  
  605. .mainpic {
  606. position:fixed;
  607. width:620px;
  608. height:630px;
  609. top:0px;
  610. left:0px;
  611. opacity:0.9;
  612. z-index:-999;
  613. }
  614.  
  615. .leftlines {
  616. position:fixed;
  617. background:transparent;
  618. border-left: #000 1px solid;
  619. border-bottom: #000 1px solid;
  620. border-top: #000 1px solid;
  621. top:50px;
  622. left:379px;
  623. width:250px;
  624. height:620px;
  625. }
  626.  
  627. .leftblock {
  628. position:fixed;
  629. top:0px;
  630. left:0px;
  631. height:120px;
  632. width:120px;
  633. background:#000;
  634. }
  635.  
  636.  
  637. .usernamelogo {
  638.  
  639. top:30px;
  640. left:230px;
  641. font-size:12px;
  642. position:fixed;
  643. color:#222;
  644. margin-bottom:0px;
  645. border-bottom:1px transparent solid;
  646. transition:0.2s ease;
  647. -o-transition:0.2s ease;
  648. -moz-transition:0.2s ease;
  649. -webkit-transition:0.2s ease;
  650. }
  651.  
  652. .usernamelogo:hover {
  653. border-bottom:1px #222 solid;
  654. margin-bottom:20px;
  655. transition:0.2s ease;
  656. -o-transition:0.2s ease;
  657. -moz-transition:0.2s ease;
  658. -webkit-transition:0.2s ease;
  659. }
  660.  
  661. .linkcube {
  662. position:fixed;
  663. top:380px;
  664. left:1200px;
  665. height:15px;
  666. width:15px;
  667. background:#000;
  668. }
  669.  
  670. .links {
  671. width:150px;
  672. left:1200px;
  673. height:100%;
  674. top:420px;
  675. position:fixed;
  676. font-size:12px;
  677. line-height:25px;
  678. z-index:0;
  679. text-align:left;
  680. font-weight:400;
  681. text-transform:none;
  682. margin-bottom:0px;
  683. border-bottom:1px transparent solid;
  684. transition:0.2s ease;
  685. -o-transition:0.2s ease;
  686. -moz-transition:0.2s ease;
  687. -webkit-transition:0.2s ease;
  688. }
  689.  
  690. .links a {
  691. display:inline;
  692. color:#222;
  693. }
  694.  
  695. .links a:hover {
  696. border-bottom:1px #222 solid;
  697. margin-bottom:20px;
  698. transition:0.2s ease;
  699. -o-transition:0.2s ease;
  700. -moz-transition:0.2s ease;
  701. -webkit-transition:0.2s ease;
  702. }
  703.  
  704.  
  705.  
  706.  
  707.  
  708.  
  709.  
  710.  
  711. {CustomCSS}
  712.  
  713. </style>
  714.  
  715.  
  716. </head>
  717.  
  718. <body>
  719.  
  720. <!-- Frontpage -->
  721.  
  722. <div id="right"><div class="rightshape"></div><div class="rightsymbol">~</div><div class="righttitle">{text:Title}</div><div class="rightdesc">{text:Description}
  723. </div>
  724. <div id="button" style="cursor:help;" title="view feed.">fall</div>
  725. <div class="buttonline"></div></div>
  726. <div class="leftlines"></div>
  727. <img class="mainpic" src="{image:Pic 620x630}"/>
  728. <div class="leftblock"></div>
  729. <a href="/" style="cursor:help;" title="refresh the page."><div class="usernamelogo">{text:Username}</div></a>
  730. <div class="linkcube"></div>
  731. <div class="links">
  732. <a href="{text:Link 1 URL}" style="cursor:help;">{text:Link 1}</a>
  733. <br><a href="{text:Link 2 URL}" style="cursor:help;">{text:Link 2}</a>
  734. <br><a href="{text:Link 3 URL}" style="cursor:help;">{text:Link 3}</a>
  735. <br><a href="{text:Link 4 URL}" style="cursor:help;">{text:Link 4}</a>
  736. <br><a href="{text:Link 5 URL}" style="cursor:help;">{text:Link 5}</a>
  737. </div>
  738.  
  739.  
  740. <div id="container">
  741. <div id="pcontainer">
  742. <section id="entries">{block:posts}
  743. <article class="posts {block:caption}captioned{/block:caption}">
  744.  
  745. {block:Quote}
  746. <div class="title quote">{quote}</div>
  747. {block:Source}<div class="source">{source}</div>{/block:Source}
  748. {/block:Quote}
  749.  
  750. {block:Text}
  751. {block:Title}<div class="title">{title}</div>{/block:Title}
  752. {block:RebloggedFrom}
  753. {block:Reblogs}
  754. <li class="comment {block:Title}ted{/block:Title}">
  755. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  756. <div class="tex">{body}</div>
  757. </li>
  758. {/block:Reblogs}
  759. {/block:RebloggedFrom}
  760. {block:NotReblog}
  761. <li class="comment {block:Title}ted{/block:Title}">
  762. <div class="tex">{body}</div>
  763. </li>
  764. {/block:NotReblog}
  765. {/block:Text}
  766.  
  767. {block:Link}<div class="title"><a href="{URL}">{name}</a></div>
  768. {block:Description}
  769. {block:NotReblog}
  770. <li class="comment ted">
  771. <div class="tex">{description}</div>
  772. </li>
  773. {/block:NotReblog}
  774. {/block:Description}
  775. {block:RebloggedFrom}
  776. {block:Reblogs}
  777. <li class="comment">
  778. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  779. <div class="tex">{body}</div>
  780. </li>
  781. {/block:Reblogs}
  782. {/block:RebloggedFrom}
  783. {/block:Link}
  784.  
  785. {block:Chat}
  786. {block:Title}<div id="title">{title}</div>{/block:Title}
  787. <ol class="chat {block:Title}ted{/block:Title}">
  788. {block:lines}
  789. <li class="l {Alt}">
  790. {block:label}<span class="label">{label}</span>{/block:label} {line}
  791. </li>
  792. {/block:lines}
  793. </ol>
  794. {/block:Chat}
  795.  
  796. <div class="ph">
  797.  
  798. {block:Photo}{linkopentag}<img src="{photoURL-HighRes}" alt="{PhotoAlt}"/>{linkclosetag}{/block:Photo}
  799.  
  800. {block:Photoset}{photoset}{/block:Photoset}
  801.  
  802. {block:Video}{video-400}{/block:Video}
  803.  
  804. {block:Audio}
  805. {block:audioplayer}
  806. <div class="hold">
  807. <div class="player">{audioplayerwhite}</div>
  808. <div class="audio_info">
  809. {block:trackname}<span class="track">{trackname}</span>{/block:trackname}
  810. {block:artist}<span class="artist">{artist}</span>{/block:artist}
  811. </div>
  812. </div>
  813. {/block:audioplayer}
  814. {/block:Audio}
  815.  
  816. {block:caption}
  817. {block:Reblogs}
  818. <li class="comment">
  819. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  820. <div class="tex">{body}</div>
  821. </li>
  822. {/block:Reblogs}
  823. {block:NotReblog}
  824. <li class="comment">
  825. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{name}</a>
  826. <div class="tex">{caption}</div>
  827. </li>
  828. {/block:NotReblog}
  829. {/block:caption}
  830.  
  831. </div>
  832.  
  833. {block:Answer}
  834. <div class="q">
  835. <span class="as">{asker} sent &mdash;</span>
  836. {question}
  837. </div>
  838. {block:Answerer}
  839. <li class="comment">
  840. <div class="user">{answerer} replied:</div>
  841. <div class="tex">{answer}</div>
  842. </li>
  843. {/block:Answerer}
  844. {block:NotReblog}
  845. <li class="comment">
  846. <div class="tex">{replies}</div>
  847. </li>
  848. {/block:NotReblog}
  849. {block:RebloggedFrom}
  850. {block:Reblogs}
  851. <li class="comment">
  852. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  853. <div class="tex">{body}</div>
  854. </li>
  855. {/block:Reblogs}
  856. {/block:RebloggedFrom}
  857. {/block:Answer}
  858.  
  859.  
  860. {block:Date}
  861. <div class="when">
  862. <hr>
  863. <span><a href="{permalink}">{month} {dayofmonth}{dayofmonthsuffix}</a></span>
  864. {block:hastags}
  865. <span class="tags">{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</span>
  866. {/block:hasTags}
  867. </div>
  868. {/block:Date}
  869.  
  870. </article>
  871.  
  872. {block:PostNotes}
  873. <article class="posts pagenotes">
  874. <div class="title">{NoteCountWithLabel}</div>
  875. {block:RebloggedFrom}
  876. <span style="margin-top:5px">via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  877. {block:ContentSource} &mdash; source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}
  878. </span>
  879. {/block:RebloggedFrom}
  880. <hr>
  881. {PostNotes}
  882. </article>
  883. {/block:PostNotes}
  884.  
  885. {/block:Posts}
  886.  
  887.  
  888.  
  889. {block:Pagination}
  890. <footer id="pagination">
  891. <span>
  892. {block:PreviousPage}<a href="{PreviousPage}">back</a>{block:nextpage}/{/block:nextpage}{/block:PreviousPage}
  893. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage} </span>
  894. {block:JumpPagination length="5"}
  895. {block:CurrentPage}<a class="current_page">{PageNumber}</span>{/block:CurrentPage}
  896. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  897. {/block:JumpPagination}
  898. </footer>
  899. {/block:Pagination}
  900.  
  901. </section></div></div>
  902.  
  903.  
  904.  
  905.  
  906. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  907. <script>
  908. $(document).ready(function(){
  909. $("#button").click(function(){
  910. $("#right").slideUp("slow");
  911. });
  912. });
  913. </script>
  914.  
  915.  
  916.  
  917.  
  918.  
  919.  
  920. {block:ContentSource}
  921. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  922. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  923. {/block:SourceLogo}
  924. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  925. {/block:ContentSource}
  926.  
  927. <div class="credit"><a href="https://www.behance.net/gallery/44004339/Namibia-Animal-Park">inspired by</a> — <a href="https://sveltedesigns.tumblr.com/" style="cursor:help;">credit</a></div>
  928. </body>
  929. </html>
Advertisement
Add Comment
Please, Sign In to add comment