API tools faq
paste
Advertisement
ciralism

AERIAL - Theme I by Ciralism Themes

ciralism
Mar 15th, 2015
6,995
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.36 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  8.  
  9. <!---
  10.  
  11. Theme I by CIRALISM
  12.  
  13. AERIAL
  14.  
  15. //use respectfully
  16. //edit as much as you want
  17. //my ask is always open if you need help
  18. //enjoy!
  19.  
  20. ---->
  21.  
  22.  
  23. <!--COLORS--->
  24. <meta name="color:text" content="#000000"/>
  25. <meta name="color:link" content="#888888"/>
  26. <meta name="color:hover" content="#ffffff"/>
  27. <meta name="color:accent" content="#ffffff"/>
  28. <meta name="color:link one bg" content ="#dddddd"/>
  29. <meta name="color:link two bg" content="#f1f1f1"/>
  30. <meta name="color:link three bg" content="#e9e9e9"/>
  31. <meta name="color:header right" content="#e1e1e1"/>
  32.  
  33.  
  34. <!---LINKS--->
  35. <meta name="text:url one" content="/"/>
  36. <meta name="text:link one" content="home"/>
  37. <meta name="text:url two" content="/ask"/>
  38. <meta name="text:link two" content="message"/>
  39. <meta name="text:url three" content="/archive"/>
  40. <meta name="text:link three" content="archive"/>
  41.  
  42. <!---HEADER--->
  43. <meta name="image:headerLeft" content="" />
  44. <meta name="image:headerRight" content=""/>
  45. <meta name="if: only show desc on hover" content="0"/>
  46.  
  47.  
  48. <meta name="if:only render captions on permalink page" content="1"/>
  49.  
  50.  
  51.  
  52. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  53. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script>
  54.  
  55. <link href='http://fonts.googleapis.com/css?family=Lato:400,700,900' rel='stylesheet' type='text/css'>
  56.  
  57.  
  58.  
  59.  
  60. <script type="text/javascript">
  61.  
  62. //when the DOM has loaded
  63. $(document).ready(function() {
  64.  
  65. //attach some code to the scroll event of the window object
  66. //or whatever element(s) see http://docs.jquery.com/Selectors
  67. $(window).scroll(function () {
  68. var height = $('body').height();
  69. var scrollTop = $('body').scrollTop();
  70. var opacity = 1;
  71.  
  72.  
  73. // do some math here, by placing some condition or formula
  74. if(scrollTop > $('body').height()) {
  75. opacity = 0;
  76. }
  77.  
  78.  
  79. //set the opacity of div id="someDivId"
  80. $('.top_image').css('opacity', opacity);
  81. });
  82. });
  83. </script>
  84.  
  85. <script type="text/javascript">
  86.  
  87. //when the DOM has loaded
  88. $(document).ready(function() {
  89.  
  90. //attach some code to the scroll event of the window object
  91. //or whatever element(s) see http://docs.jquery.com/Selectors
  92. $(window).scroll(function () {
  93. var height = $('body').height();
  94. var scrollTop = $('body').scrollTop();
  95. var opacity = 0;
  96.  
  97.  
  98. // do some math here, by placing some condition or formula
  99. if(scrollTop > 120) {
  100. opacity = 1;
  101. }
  102.  
  103.  
  104. //set the opacity of div id="someDivId"
  105. $('.button').css('opacity', opacity);
  106. });
  107. });
  108. </script>
  109.  
  110. <script type="text/javascript">
  111.  
  112. $(document).ready(function() {
  113.  
  114. $(window).scroll(function () {
  115. var scrollTop = $('body').scrollTop();
  116. $('#top').css("margin-left","-250px");
  117. $('#top').css("top", "50%");
  118. $('#top').css("margin-top","-150px");
  119. $('#top').css("width","500px");
  120. var height = 300;
  121.  
  122. if(scrollTop > 50) {
  123. $('#top').css("margin-left", "-350px");
  124. $("#top").css("width","700")
  125. $('#top').css("top","0%");
  126. $('#top').css("margin-top","0px");
  127. height = 80;
  128. }
  129.  
  130. $('#top').css('width', width);
  131. $('#top').css('height',height);
  132.  
  133. });
  134. });
  135. </script>
  136.  
  137.  
  138. <script type="text/javascript">
  139. $(function() {
  140. $.fn.scrollToTop = function() {
  141. if ($(window).scrollTop() != "0") {
  142. }
  143. var scrollDiv = $(this); $(window).scroll(function() {
  144. if ($(window).scrollTop() == "0") {
  145. }
  146. else { $(scrollDiv).fadeIn("slow") } });
  147. $(this).click(function() { $("html, body") .animate({ scrollTop: 0 }, "slow")}) } });
  148. $(function() { $(".button").scrollToTop(); });
  149. </script>
  150.  
  151. <style type="text/css">
  152.  
  153.  
  154.  
  155. /* BASICS */
  156.  
  157. body {
  158. background-color:#fff;
  159. font-family:'Lato',Helvetica;
  160. font-size:11px;
  161. color:{color:text};
  162. }
  163.  
  164. a {
  165. color:{color:link};
  166. text-decoration:none;
  167. }
  168.  
  169. a:hover {
  170. color:{color:accent};
  171. text-decoration:none;
  172. }
  173.  
  174. h1 {
  175. font-family:'Lato',Helvetica;
  176. margin-top:10px;
  177. text-align:center;
  178. font-size:17px;
  179. color:#000;
  180. letter-spacing:2px;
  181. font-weight:900;
  182. text-transform:uppercase;
  183. }
  184.  
  185. #tumblr_controls, .tmblr-iframe {
  186. -webkit-filter:invert(1);
  187. -moz-filter:invert(1);
  188. -ms-filter:invert(1);
  189. -o-filter:invert(1);
  190. -webkit-transition-duration:400ms;
  191. -moz-transition-duration:400ms;
  192. -o-transition-duration:400ms;
  193. -ms-transition-duration:400ms;
  194. }
  195.  
  196. .button {
  197. cursor:pointer;
  198. padding:5px 6px 5px 8px;
  199. font-size:14px;
  200. color:#000;
  201. opacity:0;
  202. border:1px solid #fff;
  203. font-weight:lighter;
  204. position:fixed;
  205. left:50%;
  206. margin-left:275px;
  207. width:10px;
  208. right:0px;
  209. bottom:5px;
  210. -webkit-transition-duration:400ms;
  211. -moz-transition-duration:400ms;
  212. -o-transition-duration:400ms;
  213. -ms-transition-duration:400ms;
  214. }
  215.  
  216. .button:hover {
  217. border-color:#000;
  218. color:#000;
  219. }
  220.  
  221. blockquote {
  222. text-wrap:break-word;
  223. border-left:none;
  224. padding:5px 0px;
  225. border-top:3px solid {color:accent};
  226. border-bottom:3px solid {color:accent};
  227. width:430px; -webkit-transition-duration:800ms;
  228. -o-transition-duration:800ms;
  229. -moz-transition-duration:800ms;
  230. -ms-transition-duration:800ms;
  231. }
  232.  
  233.  
  234.  
  235. /* TOP SECTION */
  236.  
  237. #top {
  238. position:fixed;
  239. z-index:99999;
  240. top:50%;
  241. left:50%;
  242. width:500px;
  243. padding-bottom:15px;
  244. opacity:1;
  245. margin-top:-150px;
  246. margin-left:-250px;
  247. background-color:#fff;
  248. -webkit-transition-duration:900ms;
  249. -o-transition-duration:900ms;
  250. -moz-transition-duration:900ms;
  251. -ms-transition-duration:900ms;
  252. }
  253.  
  254. .top_image {
  255. width:500px;
  256. height:250px;
  257. left:50%;
  258. top:50%;
  259. margin-left:-250px;
  260. margin-top:-110px;
  261. background-color:transparent;
  262. position:fixed;
  263. display:inline-block;
  264. -webkit-transition-duration:900ms;
  265. -o-transition-duration:900ms;
  266. -moz-transition-duration:900ms;
  267. -ms-transition-duration:900ms;
  268. }
  269.  
  270. .headerimg_left {
  271. width:250px;
  272. height:250px;
  273. display:inline-block;
  274. float:left;
  275. }
  276.  
  277. .headerimg_right {
  278. width:250px;
  279. height:250px;
  280. display:inline-block;
  281. float:right;
  282. }
  283.  
  284.  
  285. .title {
  286. font-family: 'Lato', sans-serif;
  287. font-weight:900;
  288. margin-top:10px;
  289. text-align:left;
  290. padding-left:5px;
  291. display:inline-block;
  292. font-size:25px;
  293. color:#000;
  294. letter-spacing:4px;
  295. text-transform:uppercase;
  296. -webkit-transition-duration:1s;
  297. -moz-transition-duration:1s;
  298. -o-transition-duration:1s;
  299. }
  300.  
  301.  
  302.  
  303. .links {
  304. margin-top:10px;
  305. position:absolute;
  306. right:0px;
  307. display:inline-block;
  308. z-index:999999;
  309. -webkit-transition-duration:1s;
  310. -moz-transition-duration:1s;
  311. -o-transition-duration:1s;
  312. }
  313.  
  314.  
  315.  
  316. .links a {
  317. color:#000;
  318. font-weight:bold;
  319. background-color:#fff;
  320. width:100px;
  321. height:10px;
  322. text-align:center;
  323. padding:10px 0px 0px 0px;
  324. display:inline-block;
  325. text-transform:uppercase;
  326. font-size:9px;
  327. letter-spacing:5px;
  328. -webkit-transition-duration:400ms;
  329. -moz-transition-duration:400ms;
  330. -o-transition-duration:400ms;
  331. -ms-transition-duration:400ms;
  332. }
  333.  
  334.  
  335. .links a:hover {
  336. color:#eee;
  337. }
  338.  
  339. .desc {
  340. background-color:#fff;
  341. padding:20px 15px;
  342. line-height:17px;
  343. letter-spacing:1px;
  344. font-weight:lighter;
  345. font-family:'Lato';
  346. text-align:center;
  347. width:200px;
  348. position:absolute;
  349. left:50%;
  350. margin-left:-105px;
  351. height:120px;
  352. margin-top:50px;
  353. {block:ifOnlyShowDescOnHover}
  354. opacity:0;
  355. -webkit-transition-duration:500ms;
  356. -moz-transition-duration:500ms;
  357. -o-transition-duration:500ms;
  358. -ms-transition-duration:500ms;
  359. {/block:ifOnlyShowDescOnHover}
  360. }
  361.  
  362. .top_image:hover .desc {
  363. opacity:1;
  364. }
  365.  
  366.  
  367. /* POSTS */
  368.  
  369. #postcontainer {
  370. left:50%;
  371. position:absolute;
  372. top:125%;
  373. width:500px;
  374. margin-left:-250px;
  375. }
  376.  
  377. #post {
  378. text-align:left;
  379. margin-top:100px;
  380. width:500px;
  381. }
  382.  
  383. /* TEXT POSTS */
  384.  
  385. .tp {
  386. line-height:20px;
  387. text-align:center;
  388. width:500px;
  389. background-color:#fff;
  390. }
  391.  
  392. .tp h1 {
  393. padding-left:10px;
  394. }
  395.  
  396. .tp blockquote {
  397. padding:0px 10px;
  398. width:480px;
  399. text-align:justify;
  400. }
  401.  
  402. .textbody {
  403. padding:10px;
  404. padding-top:0px;
  405. width:478px;
  406. font-weight:lighter;
  407. letter-spacing:1px;
  408. }
  409.  
  410. .textbody a {
  411. font-size:8px;
  412. font-weight:bold;
  413. letter-spacing:1px;
  414. text-transform:uppercase;
  415. }
  416.  
  417.  
  418.  
  419. /* PHOTO POSTS*/
  420.  
  421. .photo {
  422. width:500px;
  423. padding-top:27px;
  424. }
  425.  
  426. /* PHOTOSET POSTS */
  427.  
  428. .photoset {
  429. background-color:#fff;
  430. }
  431.  
  432. /* QUESTIONS */
  433.  
  434. .question {
  435. width:500px;
  436. text-align:center;
  437. background-color:#fff;
  438. font-size:12px;
  439. color:#000;
  440. line-height:120%;
  441. font-weight:lighter;
  442. letter-spacing:1px;
  443. }
  444.  
  445. .answer {
  446. color:#000;
  447. padding:5px 20px 5px 20px;
  448. line-height:20px;
  449. letter-spacing:1px;
  450. text-transform:none;
  451. font-weight:normal;
  452. }
  453.  
  454. .answer b {
  455. font-family:Georgia;
  456. font-style:italic;
  457. letter-spacing:0px;
  458. text-shadow:0px 1px 1px #dfdfdf;
  459. }
  460.  
  461.  
  462.  
  463. .dot {
  464. position:absolute;
  465. display:inline-block;
  466. background-color:{color:accent};
  467. width:40px;
  468. margin-left:-20px;
  469. font-size:0px;
  470. height:1px;
  471. -webkit-border-radius:2px;
  472. }
  473.  
  474. .asker {
  475. font-size:9px;
  476. display:block;
  477. text-transform:uppercase;
  478. font-weight:bold;
  479. color:black;
  480. letter-spacing:2px;
  481. padding-bottom:0px;
  482. }
  483.  
  484. .asker a:hover {
  485. color:{color:accent};
  486. }
  487.  
  488. /* CHAT POSTS */
  489.  
  490. .line {
  491. padding:8px 0px;
  492. display:block;
  493. border-bottom:1px solid #efefef;
  494. }
  495.  
  496. /* QUOTE POSTS */
  497. .quote {
  498. padding:20px 10px;
  499. border:1px solid #000;
  500. display:inline-block;
  501. -webkit-transition-duration:500ms;
  502. -moz-transition-duration:500ms;
  503. -o-transition-duration:500ms;
  504. -ms-transition-duration:500ms;
  505. }
  506.  
  507. .text {
  508. text-align:center;
  509. line-height:18px;
  510. border-bottom:1px solid {color:accent};
  511. padding-bottom:5px;
  512. letter-spacing:1px;
  513. font-size:11px;
  514. }
  515.  
  516. .source {
  517. text-align:center;
  518. padding-top:10px;
  519. padding-bottom:0px;
  520. font-size:9px;
  521. font-weight:bold;
  522. letter-spacing:2px;
  523. text-transform:uppercase;
  524. }
  525.  
  526. /* AUDIO POSTS */
  527. .audio_wrapper {
  528. padding:10px;
  529. background-color:#fff;
  530. text-align:center;
  531. }
  532.  
  533. .player {
  534. width:20px;
  535. height:20px;
  536. margin-left:220px;
  537. overflow:hidden;
  538. text-align:center;
  539. }
  540.  
  541. .audioplayer {
  542. width:20px;
  543. margin-top:0px;
  544. -webkit-transition-duration:500ms;
  545. -moz-transition-duration:500ms;
  546. -o-transition-duration:500ms;
  547. -ms-transition-duration:500ms;
  548. }
  549.  
  550. .audioinfos {
  551. margin-top:10px;
  552. padding:10px;
  553. }
  554.  
  555. .infotitle {
  556. text-align:center;
  557. padding:2px;
  558. font-size:9px;
  559. font-weight:bold;
  560. letter-spacing:2px;
  561. text-transform:uppercase;
  562. }
  563.  
  564. .audioinfo {
  565. text-align:center;
  566. padding:2px;
  567. letter-spacing:1px;
  568. font-size:11px;
  569. }
  570.  
  571. /* POST INFORMATION */
  572.  
  573. #info {
  574. margin-top:5px;
  575. font-size:9px;
  576. color:#000;
  577. padding-top:7px;
  578. padding-bottom:7px;
  579. text-align:center;
  580. width:100%;
  581. opacity:0;
  582. -webkit-transition-duration:.7s;
  583. -moz-transition-duration:.7s;
  584. -o-transition-duration:.7s;
  585. -ms-transition-duration:.7s;
  586. }
  587.  
  588. #info a {
  589. color:#000;
  590. font-size:10px;
  591. letter-spacing:2px;
  592. display:inline-block;
  593. }
  594.  
  595. #info a:hover {
  596. color:{color:accent};
  597. }
  598.  
  599. .perm {
  600. padding:5px 10px;
  601. border:1px solid #000;
  602. text-transform:uppercase;
  603. font-weight:900;
  604. font-family:'Lato',Helvetica;
  605. text-align:center;
  606. font-size:9px;
  607. }
  608.  
  609. .more {
  610. padding:5px 10px;
  611. border:1px solid #000;
  612. text-transform:uppercase;
  613. font-weight:900;
  614. font-family:'Lato',Helvetica;
  615. text-align:center;
  616. font-size:9px;
  617. }
  618.  
  619. ::selection {
  620. background-color:{color:accent};
  621. }
  622.  
  623.  
  624. ::webkit-scrollbar {
  625. width:5px;
  626. background-color:#fff;
  627. border:1px solid #ccc;
  628. }
  629.  
  630. #pagi {
  631. margin-top:110px;
  632. margin-left:-6px;
  633. height:20px;
  634. width:500px;
  635. font-family:'Lato',Helvetica;
  636. display:inline-block;
  637. }
  638.  
  639. .prev {
  640. text-transform:uppercase;
  641. font-family:'Lato',Helvetica;
  642. font-size:8px;
  643. letter-spacing:2px;
  644. color:#000;
  645. font-weight:bold;
  646. display:inline-block;
  647. float:left;
  648. margin-top:-25px;
  649. }
  650.  
  651. .prev i {
  652. font-weight:lighter;
  653. -webkit-transform:scale(2.5);
  654. padding:5px;
  655. padding-top:2px; }
  656.  
  657. .next {
  658. text-transform:uppercase;
  659. font-family:'Lato',Helvetica;
  660. font-size:8px;
  661. letter-spacing:2px;
  662. color:#000;
  663. font-weight:bold;
  664. display:inline-block;
  665. float:right;
  666. margin-top:-25px;
  667. }
  668.  
  669. .t {
  670. padding:5px;
  671. }
  672.  
  673. .next i {
  674. font-weight:lighter;
  675. -webkit-transform:scale(2.5);
  676. padding:5px;
  677. padding-top:2px;
  678. }
  679.  
  680. #credit a{
  681. text-transform:uppercase;
  682. font-family:'Lato',Helvetica;
  683. font-size:8px;
  684. padding:10px;
  685. position:absolute;
  686. margin-top:-29px;
  687. width:200px;
  688. text-align:center;
  689. left:50%;
  690. margin-left:-106px;
  691. letter-spacing:2px;
  692. color:#000;
  693. font-weight:bold;
  694. }
  695.  
  696. #credit a:hover i{
  697. color:{color:accent};
  698. }
  699.  
  700.  
  701. .tags {
  702. text-align:center;
  703. width:100%;
  704. text-transform:uppercase;
  705. display:inline-block;
  706. opacity:0;
  707. -webkit-transition-duration:.7s;
  708. -moz-transition-duration:.7s;
  709. -o-transition-duration:.7s;
  710. -ms-transition-duration:.7s;
  711. }
  712.  
  713. .tag {
  714. letter-spacing:1px;
  715. font-family:Helvetica;
  716. font-size:8px;
  717. color:#000;
  718. }
  719.  
  720. #post:hover #info {
  721. opacity:1;
  722. }
  723.  
  724. #post:hover .tags {
  725. opacity:1;
  726. }
  727.  
  728. .caption {
  729. color:#000;
  730. padding:15px 0px;
  731. width:500px;
  732. letter-spacing:1px;
  733. font-weight:lighter;
  734. display:block;
  735. margin-top:10px;
  736. line-height:140%;
  737. text-align:center;
  738. }
  739.  
  740. .caption a {
  741. color:#000;
  742. font-size:9px;
  743. text-transform:uppercase;
  744. letter-spacing:2px;
  745. font-weight:900;
  746. }
  747.  
  748. .caption blockquote {
  749. text-wrap:break-word;
  750. border-left:none;
  751. padding:5px 0px;
  752. border-top:3px solid {color:accent};
  753. border-bottom:3px solid {color:accent};
  754. width:430px;
  755. }
  756.  
  757. /* PERMALINK PAGES */
  758.  
  759. #notesbin {
  760. width:460px;
  761. text-align:center;
  762. padding:20px;
  763. padding-top:5px;
  764. margin-top:50px;
  765. border:1px solid #000;
  766. height:115px;
  767. overflow-y:scroll;
  768. overflow-x:hidden;
  769. }
  770. #postnotes {
  771. display:block;
  772. color:#000;
  773. margin-left:-45px;
  774. font-size:9px;
  775. }
  776.  
  777. #postnotes ol {
  778. line-height:105%;
  779. color:#000;
  780. list-style-type: none;
  781. }
  782.  
  783. #postnotes li {
  784. letter-spacing:2px;
  785. display:block;
  786. margin-top:5px;
  787. background-color:#fff;
  788. color:#000;
  789. -webkit-transition-duration:.4s;
  790. -moz-transition-duration:.4s;
  791. -o-transition-duration:.4s;
  792. -ms-transition-duration:.4s;
  793. }
  794.  
  795. #postnotes li a {
  796. color:#000;
  797. font-weight:bold;
  798. font-size:8px;
  799. text-transform:uppercase;
  800. }
  801.  
  802. #postnotes li a:hover {
  803. color:#ccc;
  804. }
  805.  
  806. #postnotes img {
  807. width:0px;
  808. height:0px;
  809. }
  810.  
  811. #menu {
  812. width:500px;
  813. height:250px;
  814. background-color:#000;
  815. }
  816. </style>
  817.  
  818. </head>
  819. <body>
  820. <div id="top">
  821. <div class="title">{Title}</div>
  822. <div class="links">
  823. <a href="{text:url one}">{text:link one}</a>
  824. <a href="{text:url two}">{text:link two}</a>
  825. <a href="{text:url three}">{text:link three}</a>
  826. </div>
  827.  
  828. </div>
  829. <div class="top_image">
  830. <img class="headerimg_left" src="{image:headerLeft}">
  831. <img class="headerimg_right" src="{image:headerRight}">
  832. <div class="desc">{Description}</div>
  833. </div>
  834.  
  835.  
  836.  
  837.  
  838.  
  839. <div id="postcontainer">
  840. {block:Posts}
  841. <!-- {block:NoRebloggedFrom}
  842. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  843. {/block:NoRebloggedFrom} -->
  844.  
  845. {block:ContentSource}<!-- {SourceURL}
  846. {block:SourceLogo}<img src="{#000LogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  847. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  848. {/block:ContentSource}
  849.  
  850.  
  851. <div id="post">
  852.  
  853.  
  854. {block:Text}<div class="tp">{block:Title}<h1>{Title}</h1>{/block:Title}
  855. <div class="textbody">{Body}{block:More}<a href="{Permalink}" class="more">read more</a>{/block:More}
  856. </div></div>{/block:Text}
  857.  
  858.  
  859.  
  860. {block:Photo}<div class="photo">{LinkOpenTag}<center><img src="{PhotoURL-500}" width="500px"></center></a>
  861. {block:IfOnlyRenderCaptionsOnPermalinkPage}
  862. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfOnlyRenderCaptionsOnPermalinkPage}
  863. {block:IfNotOnlyRenderCaptionsOnPermalinkPage}
  864. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfNotOnlyRenderCaptionsOnPermalinkPage}
  865. </div>
  866. {/block:Photo}
  867.  
  868.  
  869. {block:Photoset}
  870. <div class="photoset">{Photoset-500}{block:IfOnlyRenderCaptionsOnPermalinkPage}
  871. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfOnlyRenderCaptionsOnPermalinkPage}
  872. {block:IfNotOnlyRenderCaptionsOnPermalinkPage}
  873. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfNotOnlyRenderCaptionsOnPermalinkPage}</div>{/block:Photoset}
  874.  
  875.  
  876. {block:Video}{Video-500}{block:IfOnlyRenderCaptionsOnPermalinkPage}
  877. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfOnlyRenderCaptionsOnPermalinkPage}
  878. {block:IfNotOnlyRenderCaptionsOnPermalinkPage}
  879. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfNotOnlyRenderCaptionsOnPermalinkPage}{/block:Video}
  880.  
  881.  
  882. {block:Audio}
  883. <div class="audio_wrapper">
  884.  
  885. <div class="player">{Block:AudioPlayer}<div class="audioplayer">{AudioPlayer}</div>{/Block:AudioPlayer}</div>
  886. <div class="audioinfos">{Block:Artist}<div class="infotitle">Artist</div><div class="audioinfo">{Artist}</div>{/Block:Artist}<br>
  887. {Block:Album}<div class="infotitle">Album</div><div class="audioinfo">{Album}</div>{/Block:Album}<br>
  888. {Block:PlayCount}<div class="infotitle">Play Count</div><div class="audioinfo">{FormattedPlayCount}</div>{/Block:PlayCount}
  889. </div>
  890. </div>
  891.  
  892.  
  893. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfOnlyRenderCaptionsOnPermalinkPage}
  894. {/block:Audio}
  895.  
  896.  
  897. {block:Quote}<div class="quote"><div class="text">{Quote}</div>{block:Source}<div class="source">{Source}</div>{/block:Source}</div>{/block:Quote}
  898.  
  899.  
  900. {block:Link}<h1><a href="{URL}" {Target}>{Name}</h1></a>{block:Description}{Description}{/block:Description}{/block:Link}
  901.  
  902. {block:Answer}<div class="question">
  903. <span class="asker">{Asker}</span>{Question}
  904. <div class="dot"></div>
  905. <div class="answer">{Answer}</div>
  906. </div>{/block:Answer}
  907.  
  908.  
  909. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}
  910. {block:Lines}<div class="line">{block:Label}{Label}{/block:Label}{Line}</div>{/block:Lines}
  911. {/block:Chat}
  912.  
  913. {block:IndexPage}
  914. <div id="info">
  915. <!---POST INFO--->
  916. <a href="{Permalink}" class="perm">Permalink</a>
  917. </div>
  918.  
  919.  
  920. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  921. </div>
  922. {/block:IndexPage}
  923.  
  924.  
  925. <!---PERMALINK PAGES--->
  926.  
  927. {block:PermalinkPage}
  928.  
  929. <a href="{ReblogURL}" style="float:right;color:#000;"><b>Reblog</b></a><br>
  930.  
  931. <div style="margin-top:-13px;width:300px;"><b>Posted on </b>{Month} {DayOfMonthWithZero} {Year} <b>at</b> {12Hour}:{Minutes}{CapitalAMPM}<br>
  932. {block:HasTags}<b>Filed As: </b>{block:Tags}<a href="{TagURL}" style="color:#000;font-size:9px;text-transform:uppercase;letter-spacing:1px;">#{Tag}</a> {/block:Tags}{/block:HasTags}<br>
  933. <b>With </b> {NoteCountWithLabel}</span>
  934.  
  935.  
  936.  
  937. {block:PostNotes}<div id="notesbin"><div id="postnotes">{PostNotes-16}</div></div>{/block:PostNotes}{/block:PermalinkPage}
  938.  
  939. {/block:Posts}
  940.  
  941. <div id="pagi">
  942. {block:Pagination}
  943. {block:PreviousPage}<a href="{PreviousPage}" class="prev"><i class="fa fa-angle-left"></i> <span class="t"> prev </span></a>{/block:PreviousPage}
  944.  
  945. <div id="credit"><a href="http://ciralism.tumblr.com">© ciralism themes</a></div>
  946.  
  947. {block:NextPage}<a href="{NextPage}" class="next"> <span class="t">next</span> <i class="fa fa-angle-right"></i> </a>{/block:NextPage}
  948. {/block:Pagination}
  949.  
  950. <a class="button"><i class="fa fa-angle-up"></i></a>
  951.  
  952. </div></div>
  953. </div>
  954.  
  955.  
  956. </body>
  957. </html>
  958.  
  959.  
  960.  
  961. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!