API tools faq
paste
aeternaphantasia

theme #14: caelestis

aeternaphantasia
Oct 7th, 2020 (edited)
4,563
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 46.65 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>{Title}{block:PostSummary}: {PostSummary}{/block:PostSummary}</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 #14: Caelestis
  12. coded by kuzuriha
  13.  
  14. 1. Don't remove the credit.
  15. 2. Don't move the credit. Just leave it there.
  16. 3. Don't use as a base code.
  17. 4. Please enjoy! If you find any bugs, please contact me! c:
  18.  
  19. Instructions to edit each section of the theme is included in the code. Basic knowledge of HTML is required to edit, otherwise everything is customizable from the Customize page.
  20.  
  21. -->
  22.  
  23. <!--Variables-->
  24.  
  25. <meta name="color:bg" content="#232323"/>
  26. <meta name="color:body" content="#c6c6c6"/>
  27. <meta name="color:accent" content="#2a708c"/>
  28. <meta name="color:post bg" content="#272727"/>
  29. <meta name="color:topbar bg" content="#232323"/>
  30. <meta name="image:header" content=""/>
  31.  
  32. <meta name="if:header" content="1"/>
  33. <meta name="if:members" content="1"/>
  34. <meta name="if:updates" content="1"/>
  35. <meta name="if:network" content="1"/>
  36. <meta name="if:navigation" content="1"/>
  37. <meta name="if:site info" content="1"/>
  38. <meta name="if:rounded member image" content ="0"/>
  39. <meta name="if:dual sidebar layout" content="1"/>
  40. <meta name="if:rounded network image" content="0"/>
  41.  
  42. <meta name="text:post width" content=""/>
  43.  
  44. <meta name="text:top bar link 1" content=""/>
  45. <meta name="text:top bar link 2" content=""/>
  46. <meta name="text:top bar link 3" content=""/>
  47. <meta name="text:top bar link 4" content=""/>
  48. <meta name="text:top bar link 5" content=""/>
  49. <meta name="text:top bar link 1 title" content=""/>
  50. <meta name="text:top bar link 2 title" content=""/>
  51. <meta name="text:top bar link 3 title" content=""/>
  52. <meta name="text:top bar link 4 title" content=""/>
  53. <meta name="text:top bar link 5 title" content=""/>
  54.  
  55. <meta name="text:navi link 1" content=""/>
  56. <meta name="text:navi link 2" content=""/>
  57. <meta name="text:navi link 3" content=""/>
  58. <meta name="text:navi link 4" content=""/>
  59. <meta name="text:navi link 5" content=""/>
  60. <meta name="text:navi link 6" content=""/>
  61. <meta name="text:navi link 7" content=""/>
  62. <meta name="text:navi link 8" content=""/>
  63. <meta name="text:navi link 1 url" content=""/>
  64. <meta name="text:navi link 2 url" content=""/>
  65. <meta name="text:navi link 3 url" content=""/>
  66. <meta name="text:navi link 4 url" content=""/>
  67. <meta name="text:navi link 5 url" content=""/>
  68. <meta name="text:navi link 6 url" content=""/>
  69. <meta name="text:navi link 7 url" content=""/>
  70. <meta name="text:navi link 8 url" content=""/>
  71.  
  72. <meta name="text:member box title" content=""/>
  73. <meta name="text:description box title" content=""/>
  74. <meta name="text:updates box title" content=""/>
  75. <meta name="text:navigation box title" content=""/>
  76. <meta name="text:network box title" content=""/>
  77. <meta name="text:site info box title" content=""/>
  78.  
  79. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  80.  
  81. <script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  82.  
  83. <script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
  84.  
  85. <script src="https://static.tumblr.com/wdp3vza/pJvosgmgd/jquery.style-my-tooltips.js"></script>
  86.  
  87. <script>
  88.  
  89. (function($){
  90.  
  91. $(document).ready(function(){
  92.  
  93. $("a[title]").style_my_tooltips({
  94.  
  95. tip_follows_cursor:true,
  96.  
  97. tip_delay_time:0,
  98.  
  99. tip_fade_speed:0,
  100.  
  101. attribute:"title"
  102.  
  103. });
  104.  
  105. });
  106.  
  107. })(jQuery);
  108.  
  109. </script>
  110. <script src="https://static.tumblr.com/wdp3vza/h1bq8npnr/parallax.min.js"></script>
  111.  
  112. <script src="https://static.tumblr.com/0podkko/aZZqe4033/customaudio.min.js"></script>
  113.  
  114.  
  115. <style type="text/css">
  116. @import url('https://fonts.googleapis.com/css2?family=Lato&family=Lora&display=swap');
  117.  
  118. iframe.tmblr-iframe {
  119. z-index:99999999999999!important;
  120. top:0!important;
  121. right:0!important;
  122. opacity:0.4;
  123. transform:scale(0.65);
  124. transform-origin:100% 0;
  125. -webkit-transform:scale(0.65);
  126. -webkit-transform-origin:100% 0;
  127. -o-transform:scale(0.65);
  128. -o-transform-origin:100% 0;
  129. -moz-transform:scale(0.65);
  130. -moz-transform-origin:100% 0;
  131. -ms-transform:scale(0.65);
  132. -ms-transform-origin:100% 0;}
  133.  
  134. iframe.tmblr-iframe:hover {
  135. opacity:0.6!important;}
  136.  
  137. ::-webkit-scrollbar{
  138. width:5px;
  139. background:{color:bg};
  140. }
  141.  
  142. ::-webkit-scrollbar-thumb:vertical{
  143. height:auto;
  144. background:{color:accent};
  145. }
  146.  
  147. ::selection{
  148. background:{color:accent};
  149. color:#fff;
  150. }
  151.  
  152. ::-moz-selection{
  153. background:{color:accent};
  154. color:#fff;
  155. }
  156.  
  157. #s-m-t-tooltip {
  158. max-width:200px;
  159. padding:5px 10px 5px 10px;
  160. margin:20px 14px 7px 10px;
  161. background-color:{color:accent}; /* change the background color */
  162. font-style: normal;
  163. font-size:10px; /* change the font size */
  164. line-height:13px;
  165. letter-spacing:1px; /* change the letter spacing */
  166. text-transform:lowercase; /* can be uppercase, lowercase, none*/
  167. color:#fff; /* change the text color */
  168. z-index:999999;
  169. }
  170.  
  171. body{
  172. color:{color:body};
  173. margin:0;
  174. padding:0;
  175. font-family:'Lato';
  176. font-size:13px;
  177. background:{color:bg};
  178. }
  179.  
  180. a{
  181. text-decoration:none;
  182. }
  183.  
  184. #maincontainer{
  185. width:85%;
  186. margin:0 auto;
  187. {block:ifheader}
  188. margin-top:50px;
  189. {/block:ifheader}
  190. }
  191.  
  192. #header{
  193. width:100%;
  194. height:300px;
  195. left:0;
  196. top:0;
  197. }
  198.  
  199. #header img{
  200. width:100%;
  201. height:300px;
  202. }
  203.  
  204. #topbar{
  205. position:sticky;
  206. width:100%;
  207. top:0;
  208. z-index:9;
  209. height:50px;
  210. display:flex;
  211. align-items:center;
  212. background:{color:topbar bg};
  213. }
  214.  
  215. .navlink a{
  216. font-family:'Lora';
  217. font-weight:700;
  218. min-width:40px;
  219. margin-left:20px;
  220. color:{color:body};
  221. top:-20px;
  222. box-shadow:inset 0 -10px 0 {color:accent};
  223. text-transform:uppercase;
  224. }
  225.  
  226. .sfm input{
  227. border:0px !important;
  228. background:transparent !important;
  229. text-transform:lowercase;
  230. padding:4px 8px;
  231. color:#fff;
  232. width:150px;
  233. font-family:'Lato';
  234. margin-left:10px;
  235. transition:.5s ease;
  236. }
  237.  
  238. .sfm input:focus {
  239. outline:none;
  240. border-bottom:3px solid {color:accent} !important;
  241. width:300px;
  242. }
  243.  
  244. .sfm input:placeholder{
  245. color:#fff;
  246. }
  247.  
  248. #container{
  249. width:100%;
  250. display:flex;
  251. margin:0 auto;
  252. position:relative;
  253. }
  254.  
  255. #sidebar, #sidebar_2{
  256. width:20%;
  257. position:sticky;
  258. top:80px;
  259. height:100vh;
  260. margin-top:30px;
  261. margin-left:4px;
  262. margin-bottom:50px;
  263. }
  264.  
  265. {block:ifnotdualsidebarlayout}
  266. #sidebar{
  267. width:30%;
  268. margin-left:50px;
  269. }
  270. {/block:ifnotdualsidebarlayout}
  271.  
  272. .box{
  273. min-height:100px;
  274. padding:10px;
  275. position:relative;
  276. margin-bottom:30px;
  277. }
  278.  
  279. .box:before, .box:after{
  280. content:'';
  281. position:absolute;
  282. background:{color:accent};
  283. }
  284.  
  285. .box:before{
  286. width:20%;
  287. height:5px;
  288. top:0;
  289. left:-3px;
  290. }
  291.  
  292. .box:after{
  293. width: 5px;
  294. height: 40px;
  295. top:0;
  296. left:-3px;
  297. }
  298.  
  299. .box_title{
  300. font-family:'Lora';
  301. text-transform:lowercase;
  302. font-weight:700;
  303. font-size:20px;
  304. display:block;
  305. margin-top:-5px;
  306. padding:10px;
  307. }
  308.  
  309. #desc{
  310. text-align:justify;
  311. }
  312.  
  313. #desc a{
  314. color:{color:body};
  315. box-shadow:inset 0 -5px 0 {color:accent};
  316. }
  317.  
  318. /*navigation styling*/
  319. .navilink{
  320. display:flex;
  321. align-items:center;
  322. margin:0 auto;
  323. width:100%;
  324. flex-wrap:wrap;
  325. justify-content:center;
  326. }
  327.  
  328. .navilink a{
  329. min-width:50px;
  330. margin-right:10px;
  331. margin-bottom:10px;
  332. text-align:center;
  333. background:{color:accent};
  334. color:#fff;
  335. font-size:12px;
  336. font-family:'Lora';
  337. text-transform:uppercase;
  338. padding:6px;
  339. }
  340.  
  341. /*members styling*/
  342. #members{
  343. display:flex;
  344. align-items:center;
  345. justify-content:center;
  346. flex-wrap:wrap;
  347. }
  348.  
  349. .member{
  350. margin-right:10px;
  351. margin-bottom:10px;
  352. }
  353.  
  354. .memberimg img{
  355. width:45px;
  356. height:45px;
  357. {block:ifroundedmemberimage}
  358. border-radius:50px;
  359. {/block:ifroundedmemberimage}
  360. padding:6px;
  361. border:2px solid {color:accent};
  362. }
  363.  
  364. .memberdesc{
  365. text-align:center;
  366. font-size:10px;
  367. font-family:'Lora';
  368. text-transform:uppercase;
  369. }
  370.  
  371. /*network styling*/
  372. .networks{
  373. display:flex;
  374. align-items:center;
  375. justify-content:center;
  376. flex-wrap:wrap;
  377. }
  378.  
  379. .networkimg img{
  380. width:45px;
  381. height:45px;
  382. max-width:45px;
  383. max-height:45px;
  384. padding:6px;
  385. {block:ifroundednetworkimage}
  386. border-radius:50px;
  387. {/block:ifroundednetworkimage}
  388. border:2px solid {color:accent};
  389. margin-right:10px;
  390. margin-bottom:10px;
  391. }
  392.  
  393. .network_text{
  394. width:60%;
  395. }
  396.  
  397. .network_text a{
  398. text-transform:uppercase;
  399. color:#fff;
  400. box-shadow:0 -10px 0 inset {color:accent};
  401. text-align:center;
  402. margin-bottom:5px;
  403. }
  404.  
  405. /*update styling*/
  406. .updates{
  407. width:100%;
  408. display:flex;
  409. align-items:center;
  410. margin-top:20px;
  411. }
  412.  
  413. .update_date{
  414. border-right:1px solid {color:accent};
  415. font-weight:700;
  416. font-family:'Lora';
  417. width:40px;
  418. padding-right:10px;
  419. text-align:center;
  420. }
  421.  
  422. .update_date_number{
  423. font-size:16px;
  424. }
  425.  
  426. .update_text{
  427. margin-left:20px;
  428. word-wrap:break-word;
  429. width:60%;
  430. }
  431.  
  432. /**site info/statistics styling**/
  433. .siteinfo{
  434. width:100%;
  435. display:flex;
  436. align-items:center;
  437. margin-top:20px;
  438. }
  439.  
  440. .info_row{
  441. margin-bottom:10px;
  442. }
  443.  
  444. .info_row a{
  445. color:{color:body};
  446. }
  447.  
  448. .info_labels{
  449. font-weight:700;
  450. background:{color:accent};
  451. color:#fff;
  452. margin-right:5px;
  453. padding:4px;
  454. text-align:center;
  455. text-transform:uppercase;
  456. }
  457.  
  458.  
  459. /**post**/
  460. #post_container{
  461. {block:ifdualsidebarlayout}
  462. width:55%;
  463. margin:30px;
  464. {/block:ifdualsidebarlayout}
  465.  
  466. {block:ifnotdualsidebarlayout}
  467. width:65%;
  468. margin-left:30px;
  469. margin-top:30px;
  470. {/block:ifnotdualsidebarlayout}
  471.  
  472. }
  473.  
  474. .post{
  475. position:relative;
  476. margin:0 auto;
  477. margin-bottom:100px;
  478. width:{text:post width}px;
  479. min-width:500px;
  480. max-width:700px;
  481. }
  482.  
  483. .post img{
  484. max-width:100%;
  485. }
  486.  
  487. .title{
  488. font-family:'Lora';
  489. font-size:18px;
  490. position:relative;
  491. display:block;
  492. text-align:center;
  493. font-weight:700;
  494. padding-bottom:10px;
  495. }
  496.  
  497. .cap{
  498. text-align:justify;
  499. padding:20px;
  500. background:{color:post bg};
  501. }
  502.  
  503. .cap blockquote{
  504. padding-left:5px;
  505. border-left:1px solid {color:accent};
  506. }
  507.  
  508. .cap blockquote blockquote{
  509. padding-left:5px;
  510. border-left:1px solid {color:accent};
  511. }
  512.  
  513. .cap a{
  514. color:{color:body};
  515. box-shadow:0 -5px 0 inset {color:accent};
  516. }
  517.  
  518. #quote{
  519. font-family:'Lora';
  520. font-size:16px;
  521. text-align:center;
  522. }
  523.  
  524. #source{
  525. text-align:right;
  526. margin-top:10px;
  527. padding-top:10px;
  528. }
  529.  
  530. #link a{
  531. font-family:'Lora';
  532. font-size:16px;
  533. font-weight:700;
  534. padding:10px;
  535. display:block;
  536. text-align:center;
  537. box-shadow:none;
  538. color:#fff;
  539. }
  540.  
  541. /* Sweep To Right */
  542. .hvr-sweep-to-right {
  543. display: inline-block;
  544. vertical-align: middle;
  545. -webkit-transform: perspective(1px) translateZ(0);
  546. transform: perspective(1px) translateZ(0);
  547. box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  548. position: relative;
  549. -webkit-transition-property: color;
  550. transition-property: color;
  551. -webkit-transition-duration: 0.3s;
  552. transition-duration: 0.3s;
  553. }
  554.  
  555. .hvr-sweep-to-right:before {
  556. content: "";
  557. position: absolute;
  558. z-index: -1;
  559. top: 0;
  560. left: 0;
  561. right: 0;
  562. bottom: 0;
  563. background:{color:accent};
  564. -webkit-transform: scaleX(0);
  565. transform: scaleX(0);
  566. -webkit-transform-origin: 0 50%;
  567. transform-origin: 0 50%;
  568. -webkit-transition-property: transform;
  569. transition-property: transform;
  570. -webkit-transition-duration: 0.3s;
  571. transition-duration: 0.3s;
  572. -webkit-transition-timing-function: ease-out;
  573. transition-timing-function: ease-out;
  574. }
  575.  
  576. .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  577. color: white;
  578. }
  579. .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  580. -webkit-transform: scaleX(1);
  581. transform: scaleX(1);
  582. }
  583.  
  584. .chat li{
  585. list-style-type:none !important;
  586. margin-left:-20px;
  587. margin-top:4px;
  588. padding-bottom:8px;
  589. font-family:'Lora';
  590. margin-bottom:2px;
  591. }
  592.  
  593. .line_odd .label{
  594. font-weight:700;
  595. color:{color:accent};
  596. }
  597.  
  598. .line_even .label{
  599. font-weight:700;
  600. }
  601.  
  602. .audio_container{
  603. display:flex;
  604. flex-wrap:wrap;
  605. background:{color:post bg};
  606. }
  607.  
  608. .audio_art img{
  609. width:120px;
  610. height:120px;
  611. max-width:120px;
  612. max-height:120px;
  613. }
  614.  
  615. .audio_button{
  616. width:30px;
  617. height:30px;
  618. padding:5px;
  619. font-size:30px;
  620. line-height:100%;
  621. position:absolute;
  622. text-align:center;
  623. color:#fff;
  624. top:40px;
  625. left:40px;
  626. opacity:.5;
  627. transition:.5s ease;
  628. }
  629.  
  630. .audio_button:hover{
  631. opacity:1;
  632. }
  633.  
  634. .audio_buttons svg {
  635. width : 1.25em;
  636. height : 1.25em;
  637. }
  638.  
  639. .error_icon svg {
  640. stroke : red;
  641. }
  642.  
  643. .audio_player{
  644. width:calc(100% - 120px);
  645. display:flex;
  646. margin-top:-1px;
  647. align-items:center;
  648. justify-content:center;
  649. flex-wrap:wrap;
  650. }
  651.  
  652. .audio_track_info{
  653. display:flex;
  654. align-items:center;
  655. height:30px;
  656. width:100%;
  657. justify-content:center;
  658. }
  659.  
  660. .audio_track_info .current_playtime{
  661. position:absolute;
  662. left:130px;
  663. top:7px;
  664. }
  665.  
  666. .audio_track_info .seekbar {
  667. width:78%;
  668. height: 0.20em;
  669. margin-left:20px;
  670. background:#ccc;
  671. }
  672.  
  673. .audio_track_info .seekbar_progress {
  674. width: 0;
  675. height: 100%;
  676. background: {color:accent};
  677. }
  678.  
  679. .audio_info{
  680. width:100%;
  681. display:flex;
  682. flex-wrap:wrap;
  683. margin-top:10px;
  684. justify-content:center;
  685. align-items:center;
  686. }
  687.  
  688. .audio_row{
  689. margin-left:10px;
  690. padding:6px;
  691. width:30%;
  692. margin-bottom:5px;
  693. }
  694.  
  695. .audio_row b, strong{
  696. font-weight:700;
  697. color:{color:accent};
  698. text-transform:uppercase;
  699. }
  700.  
  701. .pinfo{
  702. display:flex;
  703. align-items:center;
  704. border-top:1px solid {color:accent};
  705. padding:15px;
  706. }
  707.  
  708. .pinfo a{
  709. color:{color:body};
  710. }
  711.  
  712. .pinfo:before{
  713. content:'';
  714. position:absolute;
  715. left:0;
  716. margin-top:-66px;
  717. background:{color:accent};
  718. width:15%;
  719. padding:2px;
  720. }
  721.  
  722. .picon{
  723. font-size:13px;
  724. width:15px;
  725. height:15px;
  726. background:{color:accent};
  727. color:#fff;
  728. border-radius:50px;
  729. text-align:center;
  730. line-height:100%;
  731. padding:10px;
  732. margin-right:10px;
  733. }
  734.  
  735. .reblogcont{
  736. position:absolute;
  737. right:10px;
  738. }
  739.  
  740. .qbox{
  741. background:{color:post bg};
  742. margin-bottom:10px;
  743. }
  744.  
  745. .qtext{
  746. padding:10px;
  747. text-align:center;
  748. }
  749.  
  750. #asker{
  751. border-bottom:1px solid {color:accent};
  752. padding-bottom:10px;
  753. font-family:'Lora';
  754. color:{color:body};
  755. }
  756.  
  757. #asker a{
  758. background:{color:accent};
  759. box-shadow:inset 0 -8px 0 {color:accent};
  760. color:{color:body};
  761. }
  762.  
  763. .controls a{
  764. display:inline-block;
  765. width:20px;
  766. height:20px;
  767. color:{color:accent};
  768. margin-right:10px;
  769. font-size:15px;
  770. text-align:center;
  771. line-height:100%;
  772. }
  773.  
  774. .controls .like{
  775. display:inline-block;
  776. }
  777.  
  778. .controls .like .liked + svg {
  779. opacity:1;
  780. }
  781.  
  782. .controls .like .liked + svg path {
  783. fill:#ec5a5a;
  784. }
  785.  
  786. .controls .like .like_button {
  787. position:relative;
  788. }
  789.  
  790. .controls .like .like_button iframe {
  791. position:absolute;
  792. top:0;
  793. left:0;
  794. bottom:0;
  795. right:0;
  796. z-index:2;
  797. opacity:0;
  798. }
  799.  
  800. .tagcont{
  801. position:absolute;
  802. margin-top:10px;
  803. }
  804.  
  805. .tagcont a{
  806. display:inline-block;
  807. color:{color:body};
  808. font-size:10px;
  809. margin-right:2px;
  810. margin-bottom:2px;
  811. }
  812.  
  813. .reblogheader{
  814. display:flex;
  815. background:{color:post bg};
  816. text-transform:lowercase;
  817. font-family:'Lora';
  818. align-items:center;
  819. border-bottom:1px solid {color:accent};
  820. }
  821.  
  822. .reblogheader_icon{
  823. background:{color:accent};
  824. color:#fff;
  825. width:15px;
  826. height:15px;
  827. padding:10px;
  828. line-height:100%;
  829. font-size:12px;
  830. text-align:center;
  831. margin-right:10px;
  832. }
  833.  
  834. .reblogheader a{
  835. color:{color:body};
  836. font-weight:700;
  837. margin-left:10px;
  838. box-shadow:0 -5px 0 inset {color:accent};
  839. }
  840.  
  841. .reblogt{
  842. position:absolute;
  843. left:30px;
  844. font-size:20px;
  845. color:{color:accent};
  846. }
  847.  
  848. #pinnedpost{
  849. width:calc({text:post width}px - 20px);
  850. padding:10px;
  851. background:{color:post bg};
  852. position:absolute;
  853. left:0;
  854. top:-20px;
  855. font-family:'Lora';
  856. text-transform:uppercase;
  857. }
  858.  
  859. .pnotes{
  860. width:calc({text:post width}px - 20px);
  861. position:absolute;
  862. padding:10px;
  863. }
  864.  
  865. .pnotes ol li{
  866. display:block;
  867. padding:10px;
  868. list-style-type:none!important;
  869. }
  870.  
  871. .pnotes a{
  872. color:{color:body};
  873. font-weight:700;
  874. }
  875.  
  876. ol.notes{
  877. width:100%;
  878. margin-left:-40px;
  879. margin-top:-2px;
  880. }
  881.  
  882. .note.reblog:before{
  883. content:'\ebc2';
  884. font-family:'honeybee';
  885. float:left;
  886. width:12px;
  887. height:12px;
  888. color:{color:accent};
  889. line-height:100%;
  890. padding:5px;
  891. font-size:12px;
  892. margin-right:5px;
  893. }
  894.  
  895. .note.like:before{
  896. content:'\ea55';
  897. color:{color:accent};
  898. font-family:'honeybee';
  899. float:left;
  900. font-size:12px;
  901. margin-right:4px;
  902. width:12px;
  903. height:12px;
  904. line-height:100%;
  905. padding:5px;
  906. }
  907.  
  908. .note.reply:before{
  909. content:'\ebce';
  910. color:{color:accent};
  911. font-family:'honeybee';
  912. float:left;
  913. font-size:12px;
  914. margin-right:4px;
  915. width:12px;
  916. height:12px;
  917. line-height:100%;
  918. padding:5px;
  919. }
  920.  
  921. .note li{
  922. display:block;
  923. padding:10px;
  924. }
  925.  
  926. .pnotes img.avatar{
  927. display:none;
  928. }
  929.  
  930. #pagin{
  931. text-align:center;
  932. }
  933.  
  934. #pagin a, .jump_page a, .current_page{
  935. color:{color:body};
  936. display:inline-block;
  937. min-width:12px;
  938. background:{color:accent};
  939. padding:5px;
  940. font-size:10px;
  941. margin-right:10px;
  942. margin-bottom:10px;
  943. line-height:100%;
  944. text-align:center;
  945. font-family:'Lora';
  946. }
  947.  
  948. .current_page{
  949. font-weight:700;
  950. }
  951. </style>
  952.  
  953. <script src="https://static.tumblr.com/0podkko/qWqq8va08/photosets.js"></script>
  954. <script src="//static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  955. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  956.  
  957. </head>
  958.  
  959. <body>
  960. <div id="maincontainer">
  961. {block:ifheader}
  962. <div id="header" data-parallax="scroll" data-image-src="{image:header}"></div>
  963. {/block:ifheader}
  964. <div id="topbar">
  965. <div class="navlink">
  966. <a href="/">home</a>
  967. <a href="/ask">message</a>
  968. <a href="/archive">past</a>
  969. <a href="//kuzuriha.tumblr.com">credit</a>
  970. {block:iftopbarlink1title}
  971. <a href="{text:top bar link 1}">{text:top bar link 1 title}</a>
  972. {/block:iftopbarlink1title}
  973.  
  974. {block:iftopbarlink2title}
  975. <a href="{text:top bar link 2}">{text:top bar link 2 title}</a>
  976. {/block:iftopbarlink2title}
  977.  
  978. {block:iftopbarlink3title}
  979. <a href="{text:top bar link 3}">{text:top bar link 3 title}</a>
  980. {/block:iftopbarlink3title}
  981.  
  982. {block:iftopbarlink4title}
  983. <a href="{text:top bar link 4}">{text:top bar link 4 title}</a>
  984. {/block:iftopbarlink4title}
  985.  
  986. {block:iftopbarlink5title}
  987. <a href="{text:top bar link 5}">{text:top bar link 5 title}</a>
  988. {/block:iftopbarlink5title}
  989. </div>
  990.  
  991. <div id="searchbox">
  992. <script language="javascript">
  993. function send()
  994. {document.theform.submit()}
  995. </script>
  996.  
  997. <form class="sfm" action="/search" method="get" name="theform">
  998. <input type="text" name="q" value="{SearchQuery}" id="sf" autocomplete="off" placeholder="search this blog..."/>
  999. </form>
  1000. </div>
  1001. </div><!--end topbar-->
  1002.  
  1003. <div id="container">
  1004.  
  1005. <div id="sidebar">
  1006. <div class="box" id="desc">
  1007. <div class="box_title">{text:description box title}</div>
  1008. {Description}
  1009. </div>
  1010.  
  1011. {block:ifnotdualsidebarlayout}
  1012. {block:ifnavigation}
  1013. <div class="box" id="navi">
  1014. <div class="box_title">{text:navigation box title}</div>
  1015. <div class="navilink">
  1016. {block:ifnavilink1}
  1017. <a href="{text:navi 1 link url}">{text:navi link 1}</a>
  1018. {/block:ifnavilink1}
  1019.  
  1020. {block:ifnavilink2}
  1021. <a href="{text:navi 2 link url}">{text:navi link 2}</a>
  1022. {/block:ifnavilink2}
  1023.  
  1024. {block:ifnavilink3}
  1025. <a href="{text:navi 3 link url}">{text:navi link 3}</a>
  1026. {/block:ifnavilink3}
  1027.  
  1028. {block:ifnavilink4}
  1029. <a href="{text:navi 4 link url}">{text:navi link 4}</a>
  1030. {/block:ifnavilink4}
  1031.  
  1032. {block:ifnavilink5}
  1033. <a href="{text:navi 5 link url}">{text:navi link 5}</a>
  1034. {/block:ifnavilink5}
  1035.  
  1036. {block:ifnavilink6}
  1037. <a href="{text:navi 6 link url}">{text:navi link 6}</a>
  1038. {/block:ifnavilink6}
  1039.  
  1040. {block:ifnavilink7}
  1041. <a href="{text:navi 7 link url}">{text:navi link 7}</a>
  1042. {/block:ifnavilink7}
  1043.  
  1044. {block:ifnavilink8}
  1045. <a href="{text:navi 8 link url}">{text:navi link 8}</a>
  1046. {/block:ifnavilink8}
  1047. </div>
  1048. </div>
  1049. {/block:ifnavigation}
  1050. {/block:ifnotdualsidebarlayout}
  1051.  
  1052. {block:ifmembers}
  1053. <div class="box" id="member">
  1054. <div class="box_title">{text:member box title}</div>
  1055. <div id="members">
  1056. <!--copy from here-->
  1057. <div class="member">
  1058. <div class="memberimg"><img src="https://i.imgbox.com/EpY4AfQn.png"/><!--this is the image for your member, copy your image url inside the ""--></div>
  1059. <div class="memberdesc"><b>name</b>
  1060. <br>
  1061. admin
  1062. </div>
  1063. </div>
  1064. <!--to here-->
  1065.  
  1066. <!--copy from here-->
  1067. <div class="member">
  1068. <div class="memberimg"><img src="https://i.imgur.com/qMmGMTB.png"/><!--this is the image for your member, copy your image url inside the ""--></div>
  1069. <div class="memberdesc"><b>name</b>
  1070. <br>
  1071. vice admin
  1072. </div>
  1073. </div>
  1074. <!--to here-->
  1075.  
  1076. <!--copy from here-->
  1077. <div class="member">
  1078. <div class="memberimg"><img src="https://i.imgur.com/rMZeS2f.png"/><!--this is the image for your member, copy your image url inside the ""--></div>
  1079. <div class="memberdesc"><b>name</b>
  1080. <br>
  1081. member
  1082. </div>
  1083. </div>
  1084. <!--to here-->
  1085.  
  1086. <!--copy from here-->
  1087. <div class="member">
  1088. <div class="memberimg"><img src="https://i.imgur.com/rMZeS2f.png"/><!--this is the image for your member, copy your image url inside the ""--></div>
  1089. <div class="memberdesc"><b>name</b>
  1090. <br>
  1091. member
  1092. </div>
  1093. </div>
  1094. <!--to here-->
  1095.  
  1096. </div><!--copy above this part-->
  1097. </div>
  1098. {/block:ifmembers}
  1099.  
  1100. {block:ifnetwork}
  1101. <div class="box" id="network">
  1102. <div class="box_title">{text:network box title}</div>
  1103. <!--copy from this part-->
  1104. <div class="networks">
  1105. <div class="networkimg">
  1106. <a href="your network link here" title="network one"><img src="https://i.imgur.com/jVnjHOU.png"/></a>
  1107. </div>
  1108.  
  1109. <div class="networkimg">
  1110. <a href="your network link here" title="network two"><img src="https://i.imgur.com/jVnjHOU.png"/></a>
  1111. </div>
  1112.  
  1113. <div class="networkimg">
  1114. <a href="your network link here" title="network three"><img src="https://i.imgur.com/jVnjHOU.png"/></a>
  1115. </div>
  1116.  
  1117. <div class="networkimg">
  1118. <a href="your network link here" title="network four"><img src="https://i.imgur.com/jVnjHOU.png"/></a>
  1119. </div>
  1120. </div>
  1121. <!--to this part-->
  1122.  
  1123. <!--to this part-->
  1124.  
  1125. </div><!--before this part-->
  1126. {/block:ifnetwork}
  1127.  
  1128. {block:ifnotdualsidebarlayout}
  1129. {block:ifupdates}
  1130. <div class="box" id="up">
  1131. <div class="box_title">{text:updates box title}</div>
  1132. <!--copy from here--->
  1133. <div class="updates">
  1134. <div class="update_date">
  1135. <!--this section here is meant to be the day of the desired updates.-->
  1136. <div class="update_date_number">29</div>
  1137. <!--this can either be the month in numerals or written, but keep in mind that if you type out the name of the month, it should be short. shorthands are recommended.-->
  1138. 11
  1139. </div>
  1140. <div class="update_text">Final Fantasy XV worldwide release</div>
  1141. </div>
  1142. <!--to here-->
  1143.  
  1144. <!--copy from here-->
  1145. <div class="updates">
  1146. <div class="update_date">
  1147. <div class="update_date_number">06</div>
  1148. 03
  1149. </div>
  1150. <div class="update_text">Final Fantasy XV: Royal Edition PC and PS4 worldwide release</div>
  1151. </div>
  1152. <!--to here-->
  1153.  
  1154. <!--copy from here-->
  1155. <div class="updates">
  1156. <div class="update_date">
  1157. <div class="update_date_number">20</div>
  1158. 11
  1159. </div>
  1160. <div class="update_text">Final Fantasy XV: Royal Edition Google Stadia release</div>
  1161. </div>
  1162. <!--to here-->
  1163. </div>
  1164. {/block:ifupdates}
  1165.  
  1166. {block:ifsiteinfo}
  1167. <div class="box" id="site_info">
  1168. <div class="box_title">{text:site info box title}</div>
  1169. <!--copy from here-->
  1170. <div class="siteinfo">
  1171. <div class="info_row">
  1172. <span class="info_labels">about</span>final fantasy xv</div>
  1173. </div><!--to here-->
  1174. <!--copy from here-->
  1175. <div class="siteinfo">
  1176. <div class="info_row">
  1177. <span class="info_labels">established</span> August 2020</div>
  1178. </div><!--to here-->
  1179.  
  1180. <div class="siteinfo">
  1181. <div class="info_row">
  1182. <span class="info_labels">online</span>
  1183. <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5645093";
  1184. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  1185. fhs.src = "//freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&m=0&wh="+w_h+"&a=1&pn="+pn+"";
  1186. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  1187. </script>
  1188. </div>
  1189. </div>
  1190.  
  1191. <div class="siteinfo">
  1192. <div class="info_row">
  1193. <span class="info_labels">visits</span> <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3353530";
  1194. fhsh.src = "//freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=&a=1";
  1195. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  1196. </script>
  1197. </div>
  1198. </div>
  1199.  
  1200. <div class="siteinfo">
  1201. <div class="info_row">
  1202. <span class="info_labels">tracking</span>#caelestis</div>
  1203. </div>
  1204. <!--above this part-->
  1205. </div>
  1206. {/block:ifsiteinfo}
  1207. {/block:ifnotdualsidebarlayout}
  1208.  
  1209.  
  1210. </div><!--end sidebar-->
  1211.  
  1212. <div id="post_container">
  1213. {block:Posts}
  1214. <div class="post" id="{PostID}">
  1215.  
  1216. {block:Text}
  1217. <div class="cap">
  1218. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1219. {block:NotReblog}{Body}{/block:NotReblog}
  1220. </div>
  1221. {block:RebloggedFrom}
  1222. {block:Reblogs}
  1223. <div class="reblogheader">
  1224. {block:IsActive}<span class="th th-user-o reblogheader_icon"></span> <span class="reblogt">▶</span> <span class="reblogt">▶</span><a href="{Permalink}">{Username}</a>{/block:IsActive}
  1225. {block:IsDeactivated}<span class="th th-user-o reblogheader_icon"></span> <span class="reblogt">▶</span> ▶<strike>{Username}</strike>{/block:IsDeactivated}
  1226. </div>
  1227. <div class="cap">{Body}</div>
  1228. {/block:Reblogs}
  1229. {/block:RebloggedFrom}
  1230. {/block:Text}
  1231.  
  1232. {block:Photo}
  1233. <center><div class="photopost"><img src="{PhotoURL-HighRes}"/></div></center>
  1234.  
  1235. {block:NotReblog}
  1236. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  1237. {/block:NotReblog}
  1238.  
  1239. {block:RebloggedFrom}
  1240. {block:Reblogs}
  1241. <div class="reblogheader">
  1242. {block:IsActive}<span class="th th-user-o reblogheader_icon"></span> <span class="reblogt">▶</span><a href="{Permalink}">{Username}</a> {/block:IsActive}
  1243. {block:IsDeactivated}
  1244. <span class="th th-user-o reblogheader_icon"></span> <span class="reblogt">▶</span><strike>{Username}</strike>{/block:IsDeactivated}
  1245.  
  1246. </div>
  1247. <div class="cap">{Body}</div>
  1248. {/block:Reblogs}
  1249. {/block:RebloggedFrom}
  1250. {/block:Photo}
  1251.  
  1252. {block:Photoset}
  1253. <div class="photopost">
  1254. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  1255. </div>
  1256.  
  1257. {block:NotReblog}
  1258. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  1259. {/block:NotReblog}
  1260.  
  1261. {block:RebloggedFrom}
  1262. {block:Reblogs}
  1263. <div class="reblogheader">
  1264. {block:IsActive}<span class="th th-user-o reblogheader_icon"></span> <span class="reblogt">▶</span><a href="{Permalink}">{Username}</a> {/block:IsActive}
  1265.  
  1266. {block:IsDeactivated}
  1267. <span class="th th-user-o reblogheader_icon"></span> <span class="reblogt">▶</span> <strike>{Username}</strike>{/block:IsDeactivated}
  1268.  
  1269. </div>
  1270. <div class="cap">{Body}</div>
  1271. {/block:Reblogs}
  1272. {/block:RebloggedFrom}
  1273. {/block:Photoset}
  1274.  
  1275. {block:Video}
  1276. <div class="video">{Video-500}</div>
  1277.  
  1278. {block:NotReblog}
  1279. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  1280. {/block:NotReblog}
  1281.  
  1282. {block:RebloggedFrom}
  1283. {block:Reblogs}
  1284. <div class="reblogheader">
  1285.  
  1286. {block:IsActive}<span class="th th-user-o reblogheader_icon"></span> <span class="reblogt">▶</span> <a href="{Permalink}">{Username}</a> {/block:IsActive}
  1287.  
  1288. {block:IsDeactivated}
  1289. <span class="th th-user-o reblogheader_icon"></span> <span class="reblogt">▶</span> <strike>{Username}</strike>{/block:IsDeactivated}
  1290.  
  1291. </div>
  1292. <div class="cap">{Body}</div>
  1293. {/block:Reblogs}
  1294. {/block:RebloggedFrom}
  1295. {/block:Video}
  1296.  
  1297. {block:Quote}
  1298. <div class="cap">
  1299. <div id="quote">{Quote}</div>
  1300. {block:Source}<div id="source">{Source}</div>{/block:Source}
  1301. </div>
  1302. {/block:Quote}
  1303.  
  1304. {block:Chat}
  1305. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1306. <div class="cap">
  1307. <ul class="chat">
  1308. {block:Lines}
  1309. <li class="line_{Alt}"><span class="label">{block:Label}{Label}{/block:Label}</span> {Line}
  1310. {/block:Lines}
  1311. </li>
  1312. </ul>
  1313. </div>
  1314. {/block:Chat}
  1315.  
  1316. {block:Link}
  1317. <div class="cap">
  1318. <div id="link" class="hvr-sweep-to-right"><a href="{URL}">{Name} <span class="th th-right-arrow" style="margin:10px;margin-top:3px;position:absolute"></span></a></div>
  1319. {block:NotReblog}
  1320. {block:Description}{Description}{/block:Description}
  1321. {/block:NotReblog}
  1322. </div>
  1323. {block:RebloggedFrom}
  1324. {block:Reblogs}
  1325. <div class="reblogheader">
  1326. {block:IsActive}<span class="th th-user-o reblogheader_icon"></span> <span class="reblogt">▶</span> <a href="{Permalink}">{Username}</a> {/block:IsActive}
  1327.  
  1328. {block:IsDeactivated}
  1329. <span class="th th-user-o reblogheader_icon"></span> <span class="reblogt">▶</span> <strike>{Username}</strike>{/block:IsDeactivated}
  1330.  
  1331. </div>
  1332. <div class="cap">{Body}</div>
  1333. {/block:Reblogs}
  1334. {/block:RebloggedFrom}
  1335. {/block:Link}
  1336.  
  1337. {block:Audio}
  1338. <div class="audio_container">
  1339. <div class="audio_art">
  1340. {block:AlbumArt}
  1341. <img src="{AlbumArtURL}"/>
  1342. {block:ifnotalbumarturl}
  1343. <img src="https://64.media.tumblr.com/d6b9b7a76bccffee6dbc1d69e5e625bd/tumblr_mjcin8WReA1rb8evoo3_r1_500.png"/>
  1344. {/block:ifnotalbumarturl}
  1345. {/block:AlbumArt}
  1346. </div>
  1347. {block:AudioPlayer}
  1348. {AudioPlayer}
  1349.  
  1350. <div class="audio_button">{audio:AudioButtons}</div>
  1351.  
  1352. <div class="audio_player">
  1353. <div class="audio_track_info">{audio:Seekbar}
  1354. <div class="current_playtime">{audio:CurrentPlayTime}</div>
  1355. </div>
  1356. <!--audio info-->
  1357. <div class="audio_info">
  1358. {block:TrackName}<div class="audio_row"><b>Title:</b> {TrackName}</div>{/block:TrackName}
  1359. {block:Artist}<div class="audio_row"><b>Artist:</b> {Artist}</div>{/block:Artist}
  1360. {block:Album}<div class="audio_row"><b>Album:</b> {Album}</div>{/block:Album}
  1361. <div class="audio_row"><b>Plays: </b> {PlayCount}</div>
  1362. </div>
  1363. </div>
  1364. {/block:AudioPlayer}
  1365. </div>
  1366. {block:NotReblogged}
  1367. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  1368. {/block:NotReblogged}
  1369.  
  1370. {block:RebloggedFrom}
  1371. {block:Reblogs}
  1372. <div class="reblogheader">
  1373. {block:IsActive}<span class="th th-user-o reblogheader_icon"></span> <span class="reblogt">▶</span> <a href="{Permalink}">{Username}</a> {/block:IsActive}
  1374.  
  1375. {block:IsDeactivated}
  1376. <span class="th th-user-o reblogheader_icon"></span> <span class="reblogt">▶</span> <strike>{Username}</strike>{/block:IsDeactivated}
  1377.  
  1378. </div>
  1379. <div class="cap">{Body}</div>
  1380. {/block:Reblogs}
  1381. {/block:RebloggedFrom}
  1382. {/block:Audio}
  1383.  
  1384. {block:Answer}
  1385. <div class="qbox">
  1386. <div class="qtext"><div id="asker"><b>{Asker}</b> asked:</div>
  1387. {Question}
  1388. </div>
  1389. </div>
  1390.  
  1391. {block:Answerer}
  1392. <div class="reblogheader">
  1393. <span class="th th-user-o reblogheader_icon"></span> <span class="reblogt">▶</span> <a href="{Permalink}">{Answerer}</a></div>
  1394. <div class="cap">{Answer}</div>
  1395. {/block:Answerer}
  1396.  
  1397. {block:NotReblog}
  1398. <div class="cap">{Replies}</div>
  1399. {/block:NotReblog}
  1400.  
  1401. {block:RebloggedFrom}
  1402. {block:Reblogs}
  1403. <div class="reblogheader">
  1404. {block:IsActive}<span class="th th-user-o reblogheader_icon"></span> <span class="reblogt">▶</span> <span class="reblogt">▶</span><a href="{Permalink}">{Username}</a>{/block:IsActive}
  1405. {block:IsDeactivated}<span class="th th-user-o reblogheader_icon"></span> <span class="reblogt">▶</span> ▶<strike>{Username}</strike>{/block:IsDeactivated}
  1406. </div>
  1407. <div class="cap">{Body}</div>
  1408. {/block:Reblogs}
  1409. {/block:RebloggedFrom}
  1410. {/block:Answer}
  1411.  
  1412. {block:IndexPage}
  1413. {block:Date}
  1414. {block:PinnedPostLabel}<div id="pinnedpost"><span class="th th-push-pin picon"></span>{PinnedPostLabel}</div>{/block:PinnedPostLabel}
  1415.  
  1416. <div class="pinfo">
  1417. <div class="picon">
  1418. {block:Text}<span class="th th-megaphone-o"></span>{/block:Text}
  1419. {block:Photo}<span class="th th-picture-o"></span>{/block:Photo}
  1420. {block:Photoset}<span class="th th-layers-o"></span>{/block:Photoset}
  1421. {block:Link}<span class="th th-link"></span>{/block:Link}
  1422. {block:Quote}<span class="th th-quote-up-o"></span>{/block:Quote}
  1423. {block:Audio}<span class="th th-music-o"></span>{/block:Audio}
  1424. {block:Answer}<span class="th th-question-o"></span>{/block:Answer}
  1425. {block:Chat}<span class="th th-chat-bubbles"></span>{/block:Chat}
  1426. </div>
  1427. {Month} {DayOfMonth} <span class="th th-circle" style="font-size:4px;color:{color:accent}; margin-left:5px; margin-right:5px"></span> {NoteCount} {block:RebloggedFrom}<span class="th th-circle" style="font-size:4px;color:{color:accent}; margin-left:5px; margin-right:5px"></span> <a href="{ReblogParentURL}">via</a> <span class="th th-circle" style="font-size:4px;color:{color:accent}; margin-left:5px; margin-right:5px"></span> <a href="{ReblogRootURL}">src</a>{/block:RebloggedFrom}
  1428.  
  1429. <div class="reblogcont">
  1430. <div class="controls">
  1431. <a href="{ReblogURL}" target="_blank" title="reblog?">
  1432. <span class="th th-reblog"></span>
  1433. </a>
  1434.  
  1435. <a href="#" class="like" title="like this post">{LikeButton}<span class="th th-heart-1-o"></span>
  1436. </a>
  1437.  
  1438. <a href="{Permalink}" title="open permalink"><span class="th th-bookmark-1-o"></span>
  1439. </a>
  1440. </div><!--end controls-->
  1441. </div>
  1442. </div>
  1443. {/block:Date}
  1444.  
  1445. {/block:IndexPage}
  1446.  
  1447. {block:ContentSource}
  1448. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1449. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1450. {/block:SourceLogo}
  1451. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1452. {/block:ContentSource}
  1453.  
  1454. {block:IndexPage}
  1455. {block:HasTags}
  1456. <div class="tagcont">{block:Tags}<a href="{TagURL}">#{Tag}</a>
  1457. {/block:Tags}
  1458. </div>
  1459. {/block:HasTags}
  1460. {/block:IndexPage}
  1461.  
  1462. {block:PermalinkPage}
  1463. {block:PostNotes}
  1464. <div class="pnotes">
  1465. <ol class="notes">{PostNotes}</ol>
  1466. </div>
  1467. {/block:PostNotes}
  1468. {/block:PermalinkPage}
  1469. </div><!--end posts-->
  1470. {/block:Posts}
  1471.  
  1472. {block:Pagination}
  1473. <footer>
  1474. <div id="pagin">
  1475. {block:PreviousPage}<a href="{PreviousPage}" class="prev_page">back</a>{/block:PreviousPage}
  1476. {block:JumpPagination length="10"}
  1477. {block:CurrentPage}<span class="current_page">{CurrentPage}</span>{/block:CurrentPage}
  1478. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  1479. {/block:JumpPagination}
  1480. {block:NextPage}<a href="{NextPage}" class="next_page">next</a>{/block:NextPage}
  1481. </div>
  1482. </footer>
  1483. {/block:Pagination}
  1484. </div><!--end post container-->
  1485.  
  1486. {block:ifdualsidebarlayout}
  1487. <div id="sidebar_2">
  1488. {block:ifnavigation}
  1489. <div class="box" id="navi">
  1490. <div class="box_title">{text:navigation box title}</div>
  1491. <div class="navilink">
  1492. {block:ifnavilink1}
  1493. <a href="{text:navi 1 link url}">{text:navi link 1}</a>
  1494. {/block:ifnavilink1}
  1495.  
  1496. {block:ifnavilink2}
  1497. <a href="{text:navi 2 link url}">{text:navi link 2}</a>
  1498. {/block:ifnavilink2}
  1499.  
  1500. {block:ifnavilink3}
  1501. <a href="{text:navi 3 link url}">{text:navi link 3}</a>
  1502. {/block:ifnavilink3}
  1503.  
  1504. {block:ifnavilink4}
  1505. <a href="{text:navi 4 link url}">{text:navi link 4}</a>
  1506. {/block:ifnavilink4}
  1507.  
  1508. {block:ifnavilink5}
  1509. <a href="{text:navi 5 link url}">{text:navi link 5}</a>
  1510. {/block:ifnavilink5}
  1511.  
  1512. {block:ifnavilink6}
  1513. <a href="{text:navi 6 link url}">{text:navi link 6}</a>
  1514. {/block:ifnavilink6}
  1515.  
  1516. {block:ifnavilink7}
  1517. <a href="{text:navi 7 link url}">{text:navi link 7}</a>
  1518. {/block:ifnavilink7}
  1519.  
  1520. {block:ifnavilink8}
  1521. <a href="{text:navi 8 link url}">{text:navi link 8}</a>
  1522. {/block:ifnavilink8}
  1523. </div>
  1524. </div>
  1525. {/block:ifnavigation}
  1526.  
  1527. {block:ifupdates}
  1528. <div class="box" id="up">
  1529. <div class="box_title">{text:updates box title}</div>
  1530. <!--copy from here--->
  1531. <div class="updates">
  1532. <div class="update_date">
  1533. <!--this section here is meant to be the day of the desired updates.-->
  1534. <div class="update_date_number">29</div>
  1535. <!--this can either be the month in numerals or written, but keep in mind that if you type out the name of the month, it should be short. shorthands are recommended.-->
  1536. 11
  1537. </div>
  1538. <div class="update_text">Final Fantasy XV worldwide release</div>
  1539. </div>
  1540. <!--to here-->
  1541.  
  1542. <!--copy from here-->
  1543. <div class="updates">
  1544. <div class="update_date">
  1545. <div class="update_date_number">06</div>
  1546. 03
  1547. </div>
  1548. <div class="update_text">Final Fantasy XV: Royal Edition PC and PS4 worldwide release</div>
  1549. </div>
  1550. <!--to here-->
  1551.  
  1552. <!--copy from here-->
  1553. <div class="updates">
  1554. <div class="update_date">
  1555. <div class="update_date_number">20</div>
  1556. 11
  1557. </div>
  1558. <div class="update_text">Final Fantasy XV: Royal Edition Google Stadia release</div>
  1559. </div>
  1560. <!--to here-->
  1561. </div>
  1562. {/block:ifupdates}
  1563.  
  1564. {block:ifsiteinfo}
  1565. <div class="box" id="site_info">
  1566. <div class="box_title">{text:site info box title}</div>
  1567. <!--copy from here-->
  1568. <div class="siteinfo">
  1569. <div class="info_row">
  1570. <span class="info_labels">about</span>final fantasy xv</div>
  1571. </div><!--to here-->
  1572. <!--copy from here-->
  1573. <div class="siteinfo">
  1574. <div class="info_row">
  1575. <span class="info_labels">established</span> August 2020</div>
  1576. </div><!--to here-->
  1577.  
  1578. <div class="siteinfo">
  1579. <div class="info_row">
  1580. <span class="info_labels">online</span>
  1581. <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5645093";
  1582. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  1583. fhs.src = "//freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&m=0&wh="+w_h+"&a=1&pn="+pn+"";
  1584. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  1585. </script>
  1586. </div>
  1587. </div>
  1588.  
  1589. <div class="siteinfo">
  1590. <div class="info_row">
  1591. <span class="info_labels">visits</span> <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3353530";
  1592. fhsh.src = "//freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=&a=1";
  1593. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  1594. </script>
  1595. </div>
  1596. </div>
  1597.  
  1598. <div class="siteinfo">
  1599. <div class="info_row">
  1600. <span class="info_labels">tracking</span>#caelestis</div>
  1601. </div>
  1602. <!--above this part-->
  1603. </div>
  1604. {/block:ifsiteinfo}
  1605. {/block:ifdualsidebarlayout}
  1606. </div><!--end container-->
  1607. </div><!--end main container-->
  1608. </body>
  1609. <script>
  1610. $(document).ready(function(){
  1611. customAudio({
  1612. post: ".post",
  1613. default: false,
  1614. pauseAll: true,
  1615. playButton: "<span class='th th-play-o'></span>",
  1616. pauseButton: "<span class='th th-pause-o'></span>",
  1617. errorIcon: "<span class='th th-cross-1-o'></span>",
  1618. hideInfoIfError: true,
  1619. callAfterLoad: null,
  1620. });
  1621.  
  1622. undoPhotoset({
  1623. 'posts': '.post', // change '.post.text' to the text post selector
  1624. 'text class': '', // change 'text' to the text post unique class (can be '')
  1625. 'photoset class': 'photoset' // change 'photoset' to the photoset post unique class (can be '')
  1626. },true); // true = pxu, false = css photosets
  1627.  
  1628. undoPhotoset();
  1629.  
  1630. $('.photo-slideshow').pxuPhotoset({
  1631. lightbox: true,
  1632. rounded: false,
  1633. gutter: '10px',
  1634. borderRadius: '0px',
  1635. photoset: '.photo-slideshow',
  1636. photoWrap: '.photo-data',
  1637. photo: '.pxu-photo'
  1638. });
  1639.  
  1640. function flexFrame() {
  1641. $(".cap").each(function() {
  1642. $(this).find("iframe").wrap("<div class='capframe'></div>"); // wrap iframe
  1643. flexibleFrames($(".capframe"));
  1644. });
  1645. flexibleFrames($(".video"));
  1646. }
  1647.  
  1648. $(document).ready(flexFrame);
  1649. });
  1650. </script>
  1651. </html>
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!