API tools faq
paste
Advertisement
littlemisswhoever

Theme: Potts / Pepperony (by iniziare)

littlemisswhoever
Jun 4th, 2019
590
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 58.35 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3.  
  4.  
  5. <!-- (BASE) THEME BY SAE (INIZIARE) -->
  6.  
  7.  
  8.  
  9.  
  10.  
  11. <html>
  12. <head>
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}
  17. <meta name="description" content="{MetaDescription}" />
  18. {/block:Description}
  19. </head>
  20.  
  21.  
  22.  
  23.  
  24.  
  25. <!-- SCRIPT: TOOLTIP -->
  26.  
  27.  
  28. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  29. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  30. <script>
  31. (function($){
  32. $(document).ready(function(){
  33. $("a[title]").style_my_tooltips({
  34. tip_follows_cursor:true,
  35. tip_delay_time:90,
  36. tip_fade_speed:600,
  37. attribute:"title"
  38. });
  39. });
  40. })(jQuery);
  41. </script>
  42.  
  43.  
  44.  
  45.  
  46.  
  47. <!-- SCRIPT: POPUPS -->
  48.  
  49.  
  50. <script>
  51. $(document).ready(function() {
  52. //
  53. $('a.poplight[href^=#]').click(function() {
  54. var popID = $(this).attr('rel'); //Get Popup Name
  55. var popURL = $(this).attr('href'); //Get Popup href to define size
  56. var query= popURL.split('?');
  57. var dim= query[1].split('&');
  58. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  59. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  60. var popMargTop = ($('#' + popID).height() + 80) / 2;
  61. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  62. //Apply Margin to Popup
  63. $('#' + popID).css({
  64. 'margin-top' : -popMargTop,
  65. 'margin-left' : -popMargLeft
  66. });
  67. $('body').append('<div id="fade"></div>');
  68. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  69. return false;
  70. });
  71. $('a.close, #fade').live('click', function() {
  72. $('#fade , .popup_block').fadeOut(function() {
  73. $('#fade, a.close').remove(); //fade them both out
  74. });
  75. return false;
  76. });
  77. });
  78. </script>
  79.  
  80. <script>
  81. $container.infinitescroll({
  82. // your options
  83. }, function(){
  84. resizeVideos(450px);
  85. });
  86. </script>
  87.  
  88.  
  89.  
  90.  
  91.  
  92. <!-- SCRIPT: jQuery -->
  93.  
  94. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  95.  
  96.  
  97.  
  98.  
  99. <!-- SCRIPT: AUDIO PLAYER -->
  100.  
  101. <script>
  102. $(document).ready(function() {
  103. $('iframe.tumblr_audio_player').load( function() {
  104. $('iframe.tumblr_audio_player').contents().find("head")
  105. .append($("<style type='text/css'> .audio-player{background:{color:background}!important; color:{color:italic} !important;} </style>"));
  106. });
  107. });
  108. </script>
  109.  
  110.  
  111.  
  112.  
  113. <!-- SCRIPT: NAVIGATION TABS -->
  114.  
  115.  
  116. <script>
  117. function openNavi(naviName) {
  118. var i;
  119. var x = document.getElementsByClassName("navi");
  120. for (i = 0; i < x.length; i++) {
  121. x[i].style.display = "none";
  122. }
  123. document.getElementById(naviName).style.display = "block";
  124. }
  125. </script>
  126.  
  127.  
  128.  
  129.  
  130. <script type="text/javascript" src="https://static.tumblr.com/8pnyeus/10hors8sn/themekid-popup.min.js"></script>
  131. <script type="text/javascript">
  132. $(document).ready(function(){
  133. popUp(true);
  134. });
  135. </script>
  136.  
  137.  
  138.  
  139.  
  140. <!-- SCRIPT: POPUP TABS -->
  141.  
  142. <script>$(document).ready(function(){
  143. $("ul#tabs li").click(function(e){
  144. if (!$(this).hasClass("active")) {
  145. var tabNum = $(this).index();
  146. var nthChild = tabNum+1;
  147. $("ul#tabs li.active").removeClass("active");
  148. $(this).addClass("active");
  149. $("ul#tab li.active").removeClass("active");
  150. $("ul#tab li:nth-child("+nthChild+")").addClass("active");}});});</script>
  151.  
  152.  
  153.  
  154.  
  155.  
  156.  
  157.  
  158.  
  159. <!-- CUSTOM FONTS -->
  160.  
  161. <link href="https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre" rel="stylesheet">
  162.  
  163.  
  164. <link rel="stylesheet" href="https://static.tumblr.com/ebrrv1n/YAlpnz5ld/stylesheet.css">
  165.  
  166.  
  167. <link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
  168.  
  169.  
  170.  
  171.  
  172. <!-- META LINES -->
  173.  
  174.  
  175. <meta name="image:Background" content=""/>
  176. <meta name="image:SidebarImageOne" content="https://i.imgur.com/j2Y4EoM.png"/>
  177. <meta name="image:SidebarImageTwo" content="https://i.imgur.com/j2Y4EoM.png"/>
  178. <meta name="image:SidebarImageThree" content="https://i.imgur.com/j2Y4EoM.png"/>
  179. <meta name="image:SidebarImageFour" content="https://i.imgur.com/j2Y4EoM.png"/>
  180.  
  181.  
  182. <meta name="text:Custom Capitals Font" content="'customfonthere'">
  183. <meta name="text:Title" content="Title">
  184. <meta name="text:Initial" content="x">
  185.  
  186.  
  187. <meta name="color:Background" content="#FFFFFF" />
  188. <meta name="color:Border" content="#E7E7E7" />
  189. <meta name="color:Body Text" content="#A2A2A2" />
  190. <meta name="color:Bold" content="#B39A9A" />
  191. <meta name="color:Italic" content="ffffff" />
  192. <meta name="color:Links" content="#B39A9A" />
  193. <meta name="color:Links Hover" content="#81939A" />
  194. <meta name="color:First Letter" content="#151515" />
  195. <meta name="color:Initial" content="#ffffff" />
  196. <meta name="color:Initial Shadow" content="#D7BEBE" />
  197. <meta name="color:Title" content="#ffffff" />
  198. <meta name="color:Title Shadow" content="#D7BEBE" />
  199. <meta name="color:Button Text" content="#B8B8B8" />
  200. <meta name="color:Button Text Active" content="{color:bold}" />
  201. <meta name="color:Permalink" content="#B8B8B8" />
  202. <meta name="color:Tags" content="#c6c6c6" />
  203.  
  204.  
  205.  
  206. <meta name="if:Text Wrapping" content="1"/>
  207. <meta name="if:Boxed Blockquotes" content="1"/>
  208. <meta name="if:Icon Borders" content="1"/>
  209. <meta name="if:Bigger Tags on Hover" content="1"/>
  210. <meta name="if:First Letter Styling" content="1"/>
  211. <meta name="if:Calibri Font" content="1"/>
  212. <meta name="if:Posts Left" content="0">
  213.  
  214.  
  215.  
  216.  
  217.  
  218. <style type="text/css">
  219.  
  220.  
  221.  
  222.  
  223.  
  224.  
  225.  
  226.  
  227. /* SCROLLBAR */
  228.  
  229. ::-webkit-scrollbar {
  230. background:transparent;
  231. height: 0px;
  232. display:none;
  233. width: 0px; /* remove scrollbar space */
  234. -ms-overflow-style: none; // IE 10+
  235. overflow: -moz-scrollbars-none; // Firefox
  236. }
  237.  
  238.  
  239. ::-webkit-scrollbar-thumb {
  240. background:transparent;
  241. }
  242.  
  243.  
  244.  
  245.  
  246.  
  247. /* TEXT SELECTION */
  248.  
  249. ::selection {background: transparent; color:{color:bold};}
  250. ::-moz-selection {background: transparent; color:{color:bold};}
  251.  
  252.  
  253.  
  254.  
  255.  
  256.  
  257. /* TOOLTIP */
  258.  
  259.  
  260. #s-m-t-tooltip {
  261. z-index:999999;
  262. height:25px;
  263. line-height:25px;
  264. max-width:350px;
  265. margin-left:10px;
  266. margin-top:10px;
  267. font-weight:lighter;
  268. background-color:{color:background};
  269. border:1px solid {color:border};
  270. padding-left:16px;
  271. padding-right:16px;
  272. text-align:center;
  273. padding-left:24px;
  274. padding-right:24px;
  275. font-family: 'Lato', sans-serif;
  276. font-size:7.4px;
  277. color: {color:italic};
  278. text-transform:uppercase;
  279. letter-spacing:0.4px;
  280. word-spacing:0.5px;
  281. }
  282.  
  283.  
  284.  
  285.  
  286.  
  287.  
  288. /* FOUNDATION */
  289.  
  290.  
  291. body {
  292. background-image:url({image:background});
  293. background-attachment:fixed;
  294. background-repeat:no-repeat;
  295. background-position:center top;
  296. background-color:{color:background};
  297. color:{color:Body Text};
  298. font-size:10px;
  299. line-height:14px;
  300. word-spacing:-1px;
  301. color:{color:Body Text};
  302. font-family: 'Frank Ruhl Libre', serif;
  303. {block:ifCalibriFont}
  304. font-family:calibri;
  305. font-size:10px;
  306. {/block:ifCalibriFont}
  307. word-wrap: break-word;
  308. }
  309.  
  310.  
  311. body a {
  312. font-family:calibri;
  313. text-transform:uppercase;
  314. font-size:10px;
  315. color:{color:links};
  316. font-weight:bold;
  317. text-decoration:none!important;
  318. -moz-transition-duration:1s;
  319. -webkit-transition-duration:1s;
  320. -o-transition-duration:1s;
  321. }
  322.  
  323. body a:hover {
  324. color:{color:LINKS HOVER};
  325. -moz-transition-duration:1s;
  326. -webkit-transition-duration:1s;
  327. -o-transition-duration:1s;
  328. }
  329.  
  330.  
  331.  
  332.  
  333.  
  334. /* BLOCKQUOTES */
  335.  
  336.  
  337. {block:IfBoxedBlockquotes}
  338.  
  339.  
  340. blockquote {
  341. padding-left:24px;
  342. padding-right:24px;
  343. padding-top:12px;
  344. padding-bottom:12px;
  345. margin-top:12px;
  346. margin-bottom:12px;
  347. text-align:justify;
  348. margin-left:0px;
  349. margin-right:0px;
  350. border:1px solid {color:border};
  351. word-wrap: break-word!important;
  352. }
  353.  
  354.  
  355.  
  356. blockquote blockquote {
  357. width: auto;
  358. overflow: hidden;
  359. border-left:1px solid {color:border}important;
  360. border-top:0px!important;
  361. border-bottom:0px!important;
  362. border-right:0px!important;
  363. outline:0px solid transparent;
  364. padding-left:24px;
  365. padding-right:0px;
  366. padding-top:0px;
  367. padding-bottom:0px;
  368. margin-top:12px!important;
  369. margin-bottom:0px!important;
  370. }
  371. {/block:IfBoxedBlockquotes}
  372.  
  373.  
  374.  
  375.  
  376. {block:IfNotBoxedBlockquotes}
  377. blockquote {
  378. width: auto;
  379. overflow: hidden;
  380. padding-left:24px;
  381. margin-top:0px;
  382. margin-left:0px;
  383. margin-right:0px;
  384. text-align:justify;
  385. margin-bottom:24px;
  386. border-left:1px solid {color:border};
  387. background-color:transparent;
  388. word-wrap: break-word!important;
  389. }
  390.  
  391.  
  392.  
  393. blockquote blockquote {
  394. width: auto;
  395. overflow: hidden;
  396. margin-top:15px;
  397. margin-bottom:15px;
  398. }
  399.  
  400.  
  401.  
  402. blockquote img {
  403. max-width:386px!important;
  404. height:auto;
  405. }
  406. {/block:IfNotBoxedBlockquotes}
  407.  
  408.  
  409.  
  410.  
  411. /* FONT-RELATED */
  412.  
  413.  
  414. small, sub, sup {
  415. font-size:10px;
  416. }
  417.  
  418.  
  419. sub {
  420. font-size:9.5px;
  421. vertical-align: baseline!important;
  422. position: relative!important;
  423. top: 0em!important;
  424. line-height:14px;
  425. }
  426.  
  427.  
  428.  
  429. sup {
  430. font-size:9.5px;
  431. vertical-align: baseline!important;
  432. position: relative!important;
  433. top: 0em!important;
  434. line-height:14px;
  435. }
  436.  
  437.  
  438.  
  439.  
  440. ul, ol {
  441. padding:0;
  442. list-style: decimal outside;
  443. margin-left:8px;
  444. }
  445.  
  446.  
  447. li {
  448. padding-left:2px;
  449. }
  450.  
  451.  
  452.  
  453. big {
  454. font-size:120%;
  455. }
  456.  
  457.  
  458.  
  459.  
  460. b, bold, strong {
  461. font-size:9.5px;
  462. text-transform:uppercase;
  463. font-size:7.4px;
  464. font-family: 'Lato', sans-serif;
  465. letter-spacing:0.4px;
  466. word-spacing:0.5px;
  467. color:{color:Bold};
  468. padding-right:0px;
  469. padding-left:0px;
  470. }
  471.  
  472.  
  473.  
  474. em, i, italic {
  475. color: {color:Italic};
  476. }
  477.  
  478.  
  479.  
  480. {block:ifFirstLetterStyling}
  481. u, u a {
  482. font-family: 'letter_1882regular';
  483. color:{color:bold}!important;
  484. text-decoration:none!important;
  485. font-style:normal!important;
  486. font-weight:lighter!important;
  487. text-transform:uppercase!important;
  488. float:left;
  489. font-size: 33px;
  490. margin-right: 16px;
  491. margin-top:20px;
  492. text-shadow:none!important;
  493. }
  494. {/block:ifFirstLetterStyling}
  495.  
  496.  
  497.  
  498. pre {
  499. font-weight:lighter;
  500. text-transform:uppercase;
  501. color: #d1d1d1;
  502. line-height:155%;
  503. font-weight:lighter!important;
  504. color:#e6e6e6;
  505. font-size:8.4px;
  506. letter-spacing:0.6px;
  507. white-space: pre-wrap;
  508. white-space: -moz-pre-wrap;
  509. white-space: -pre-wrap;
  510. white-space: -o-pre-wrap;
  511. word-wrap: break-word;
  512. }
  513.  
  514.  
  515.  
  516.  
  517.  
  518. pre a {
  519. color:{color:links};
  520. -moz-transition-duration:2s;
  521. -webkit-transition-duration:2s;
  522. -o-transition-duration:2s;
  523. }
  524.  
  525.  
  526.  
  527.  
  528.  
  529.  
  530. h1 {
  531. border: 1px solid {color:border};
  532. background-color: transparent;
  533. line-height:24px;
  534. overflow:hidden;
  535. margin-bottom:12px;
  536. padding-top:6px;
  537. padding-bottom:6px;
  538. padding-left:24px;
  539. padding-right:24px;
  540. line-height:14px;
  541. z-index:9999999;
  542. text-align:left!important;
  543. font-size:7.4px;
  544. font-family: 'Lato', sans-serif;
  545. letter-spacing:0.4px;
  546. word-spacing:0.5px;
  547. text-transform:uppercase;
  548. color:{color:bold}!important;
  549. }
  550.  
  551.  
  552.  
  553.  
  554.  
  555. h1 a {
  556. color:{color:bold}!important;
  557. font-size:10px!important;
  558. }
  559.  
  560.  
  561.  
  562.  
  563.  
  564. h2 {
  565. font-family: calibri, sans-serif;
  566. font-size:13.4px!important;
  567. text-transform:uppercase!important;
  568. color:{color:bold};
  569. letter-spacing:-0.4px;
  570. }
  571.  
  572.  
  573.  
  574.  
  575. h2 a {
  576. font-family: calibri, sans-serif;
  577. font-size:13.4px!important;
  578. text-transform:uppercase!important;
  579. color:{color:links};
  580. letter-spacing:-0.4px;
  581. }
  582.  
  583.  
  584.  
  585.  
  586.  
  587. h4 {
  588. border:1px solid {color:border};
  589. margin-bottom:12px;
  590. margin-top:12px;
  591. padding-left:24px;
  592. height:24px;
  593. margin-right:0px;
  594. text-align:left;
  595. font-size:7.4px;
  596. font-family: 'Lato', sans-serif;
  597. letter-spacing:0.4px;
  598. word-spacing:0.5px;
  599. line-height:24px;
  600. color: {color:bold};
  601. text-transform:uppercase;
  602. }
  603.  
  604.  
  605.  
  606. h4:first-child {
  607. margin-top:0px;
  608. }
  609.  
  610.  
  611.  
  612.  
  613. h4 a {
  614. font-family:calibri;
  615. font-style:normal;
  616. font-weight:700;
  617. font-size:10px;
  618. line-height:10px;
  619. color: {color:links};
  620. }
  621.  
  622.  
  623.  
  624.  
  625.  
  626.  
  627.  
  628.  
  629.  
  630.  
  631.  
  632. /* CONTAINER */
  633.  
  634.  
  635.  
  636. #container {
  637. z-index:9999;
  638. left:40%;
  639. margin-left:-420px;
  640. margin-top:75px;
  641. position:fixed;
  642. width:1050px;
  643. height:497px;
  644. outline:1px solid {color:border};
  645. overflow:hidden;
  646. background-color:{color:background};
  647. }
  648.  
  649.  
  650.  
  651.  
  652.  
  653.  
  654.  
  655.  
  656.  
  657.  
  658.  
  659.  
  660.  
  661.  
  662. /* CONTAINER (LEFT HALF) */
  663.  
  664.  
  665.  
  666.  
  667. .left {
  668. position:absolute;
  669. left:25px;
  670. top:29px;
  671. {block:ifPostsLeft}
  672. left:550px;
  673. {/block:ifPostsLeft}
  674. }
  675.  
  676.  
  677.  
  678.  
  679.  
  680.  
  681.  
  682.  
  683.  
  684. /* CONTAINER (LEFT HALF) NAVIGATION */
  685.  
  686.  
  687.  
  688.  
  689. .navigation {
  690. position:relative;
  691. border:0px solid {color:border};
  692. height:25px;
  693. margin-bottom:21px!important;
  694. margin-left:-1px;
  695. }
  696.  
  697.  
  698.  
  699.  
  700.  
  701. button {
  702. display:inline-block;
  703. box-sizing: border-box;
  704. text-align:center;
  705. padding-left:24px;
  706. padding-right:24px;
  707. font-size:7.4px;
  708. font-family: 'Lato', sans-serif;
  709. letter-spacing:0.4px;
  710. word-spacing:0.5px;
  711. text-transform:uppercase;
  712. width:161px;
  713. max-width:161px;
  714. height:25px;
  715. background-color:{color:background};
  716. border:1px solid {color:border};
  717. line-height:22px;
  718. margin-left:0px;
  719. margin-right:-4px;
  720. margin-top:-5px!important;
  721. color:{color:button text};
  722. font-weight:bold!important;
  723. overflow:hidden; /* older browsers */
  724. -moz-transition-duration:1.5s;
  725. -webkit-transition-duration:1.5s;
  726. -o-transition-duration:1.5s;
  727. }
  728.  
  729.  
  730.  
  731.  
  732.  
  733. button:focus, button:active {
  734. border:1px solid {color:border}!important;
  735. outline:0px solid {color:border}!important;
  736. color:{color:button text active}!important;
  737. font-weight:bold!important;
  738. text-shadow: 0px 0px 1px {color:button text active};
  739. }
  740.  
  741.  
  742.  
  743.  
  744.  
  745.  
  746.  
  747.  
  748.  
  749.  
  750.  
  751.  
  752. /* CONTAINER (LEFT HALF): IMAGES */
  753.  
  754.  
  755.  
  756.  
  757. #sidebar {
  758. width:473px;
  759. outline:0px solid {color:border}!important;
  760. height:600px;
  761. margin-left:1px;
  762. }
  763.  
  764.  
  765.  
  766.  
  767. .sidebarimageone {
  768. background-image:url('{SidebarImageOne}');
  769. float:left;
  770. outline:1px solid {color:border}!important;
  771. width:223px;
  772. height:134px;
  773. overflow:hidden;
  774. }
  775.  
  776.  
  777.  
  778. .sidebarimagetwo {
  779. background-image:url('{SidebarImageTwo}');
  780. float:right;
  781. outline:1px solid {color:border}!important;
  782. width:223px;
  783. height:134px;
  784. overflow:hidden;
  785. }
  786.  
  787.  
  788.  
  789. .sidebarimagethree {
  790. float:left;
  791. background-image:url('{SidebarImageThree}');
  792. outline:1px solid {color:border}!important;
  793. width:223px;
  794. height:134px;
  795. margin-top:27px;
  796. overflow:hidden;
  797. }
  798.  
  799.  
  800.  
  801. .sidebarimagefour {
  802. background-image:url('{SidebarImageFour}');
  803. float:right;
  804. outline:1px solid {color:border}!important;
  805. width:223px;
  806. height:134px;
  807. margin-top:27px;
  808. overflow:hidden;
  809. }
  810.  
  811.  
  812.  
  813.  
  814.  
  815.  
  816.  
  817.  
  818.  
  819.  
  820.  
  821.  
  822.  
  823.  
  824. /* CONTAINER (LEFT HALF): INITIAL */
  825.  
  826.  
  827.  
  828. .initial {
  829. box-sizing: border-box;
  830. position:absolute;
  831. font-family: 'letter_1882regular';
  832. color:{color:initial};
  833. font-weight:bold!important;
  834. text-transform:none;
  835. font-size:181px;
  836. z-index:9999!important;
  837. width:25px;
  838. max-width:25px;
  839. height:25px!important;
  840. max-height:25px!important;
  841. left:212px;
  842. top:-36px;
  843. line-height:475px;
  844. letter-spacing:0px;
  845. text-align:right!important;
  846. z-index:999;
  847. pointer-events:none;
  848. background-color:transparent;
  849. text-shadow:
  850. -1px -1px 0 {color:initial shadow},
  851. 1px -1px 0 {color:initial shadow},
  852. -1px 1px 0 {color:initial shadow},
  853. 1px 1px 0 {color:initial shadow};
  854. }
  855.  
  856.  
  857.  
  858.  
  859.  
  860.  
  861.  
  862.  
  863.  
  864.  
  865.  
  866.  
  867. /* CONTAINER (LEFT HALF): DESCRIPTION */
  868.  
  869.  
  870.  
  871. #description {
  872. position:relative;
  873. width:425px;
  874. height:26px;
  875. top:27px!important;
  876. margin-bottom:25px;
  877. padding-left:24px;
  878. padding-right:24px;
  879. outline:1px solid {color:border};
  880. border-top:24px solid {color:background};
  881. border-bottom:24px solid {color:background};
  882. background-color:{color:background};
  883. line-height:13px;
  884. text-align:justify;
  885. overflow-y:scroll;
  886. -moz-transition-duration:1.5s;
  887. -webkit-transition-duration:1.5s;
  888. -o-transition-duration:1.5s;
  889. }
  890.  
  891.  
  892.  
  893.  
  894. #description a {
  895. color:{color:bold};
  896. font-family: calibri;
  897. text-transform:uppercase;
  898. font-size:10px;
  899. font-weight:bold!important;
  900. -moz-transition-duration:2s;
  901. -webkit-transition-duration:2s;
  902. -o-transition-duration:2s;
  903. }
  904.  
  905.  
  906.  
  907.  
  908.  
  909.  
  910.  
  911.  
  912.  
  913.  
  914.  
  915.  
  916.  
  917.  
  918.  
  919.  
  920. /* CONTAINER (RIGHT HALF) */
  921.  
  922.  
  923.  
  924. #right {
  925. position:absolute;
  926. left:526px;
  927. top:25px;
  928. {block:ifPostsLeft}
  929. left:25px;
  930. {/block:ifPostsLeft}
  931. }
  932.  
  933.  
  934.  
  935.  
  936.  
  937.  
  938.  
  939.  
  940.  
  941.  
  942.  
  943.  
  944. /* CONTAINER (RIGHT HALF): POSTS */
  945.  
  946.  
  947.  
  948.  
  949.  
  950. #content {
  951. text-align:justify;
  952. height:345px;
  953. width:450px;
  954. background-color:{color:background};
  955. border-TOP:24px solid {color:background};
  956. border-bottom:24px solid {color:background};
  957. overflow-y:scroll;
  958. overflow-x:hidden;
  959. padding-left:24px;
  960. padding-right:24px;
  961. z-index:9;
  962. outline:1px solid {color:border}!important;
  963. }
  964.  
  965.  
  966.  
  967.  
  968. .posts {
  969. width:450px;
  970. padding-right:25px;
  971. padding-left:25px;
  972. margin-left:-25px;
  973. word-wrap: break-word;
  974. text-align:justify;
  975. line-height:14px;
  976. margin-bottom:60px;
  977. }
  978.  
  979.  
  980.  
  981.  
  982. .posts:last-of-type, .posts:last-child {
  983. margin-bottom:0px!important;
  984. }
  985.  
  986.  
  987.  
  988. .posts a {
  989. font-size:7.4px;
  990. font-family: 'Lato', sans-serif;
  991. letter-spacing:0.4px;
  992. word-spacing:0.5px;
  993. text-transform:uppercase;
  994. color:{color:links};
  995. font-weight:lighter!important;
  996. -moz-transition-duration:2s;
  997. -webkit-transition-duration:2s;
  998. -o-transition-duration:2s;
  999. text-shadow: 0px 0px 1px {color:links};
  1000. }
  1001.  
  1002.  
  1003.  
  1004.  
  1005. .posts a:hover {
  1006. color:{color:LINKS HOVER};
  1007. -moz-transition-duration:2s;
  1008. -webkit-transition-duration:2s;
  1009. -o-transition-duration:2s;
  1010. }
  1011.  
  1012.  
  1013.  
  1014.  
  1015.  
  1016. .posts img {
  1017. max-width: -webkit-calc(100% - 22px);
  1018. max-width: -moz-calc(100% - 22px);
  1019. max-width: calc(100% - 22px);
  1020. height:auto;
  1021. }
  1022.  
  1023.  
  1024.  
  1025.  
  1026.  
  1027.  
  1028.  
  1029.  
  1030.  
  1031.  
  1032.  
  1033.  
  1034.  
  1035.  
  1036.  
  1037.  
  1038.  
  1039. /* TEXT-WRAPPING AROUND ICONS/IMAGES */
  1040.  
  1041.  
  1042. #wrap {
  1043. margin-top:12px;
  1044. margin-bottom: 12px;
  1045. }
  1046.  
  1047.  
  1048. #wrap img {
  1049. width: auto;
  1050. overflow: hidden;
  1051. margin-top:0px!important;
  1052. margin-bottom:0px!important;
  1053. padding-right:3px;
  1054. padding-bottom:3px;
  1055. {block:IfTextWrapping}
  1056. float:left;
  1057. margin-right:14px;
  1058. {/block:IfTextWrapping}
  1059. {block:ificonborders}
  1060. padding:9px;
  1061. border:1px solid {color:border};
  1062. {/block:ificonborders}
  1063. -webkit-filter: brightness(1) contrast(1) saturate(1);
  1064. }
  1065.  
  1066.  
  1067.  
  1068. {block:IfTextWrapping}
  1069. #wrap blockquote img {
  1070. margin-top:12px!important;
  1071. margin-bottom:10px!important;
  1072. margin-left:12px;
  1073. margin-right:0px!important;
  1074. float:right;
  1075. }
  1076. {/block:IfTextWrapping}
  1077.  
  1078.  
  1079.  
  1080.  
  1081.  
  1082.  
  1083.  
  1084.  
  1085.  
  1086.  
  1087.  
  1088.  
  1089.  
  1090. /* POSTS: TEXT */
  1091.  
  1092.  
  1093.  
  1094. #textbody {
  1095. margin-top:0px!important;
  1096. {block:permalinkpage}
  1097. padding-top:0px;
  1098. {/block:permalinkpage}
  1099.  
  1100. }
  1101.  
  1102.  
  1103.  
  1104.  
  1105. /* POSTS: PHOTO/PHOTOSETS */
  1106.  
  1107.  
  1108. #psingle {
  1109. width: 473px;
  1110. -webkit-filter: brightness(1) contrast(1.1) saturate(0.9);
  1111. -webkit-transition: all 0.9s ease-in-out;
  1112. -moz-transition: all 0.9s ease-in-out;
  1113. -o-transition: all 0.9s ease-in-out;
  1114. -ms-transition: all 0.9s ease-in-out;
  1115. transition: all 0.9s ease-in-out;
  1116. }
  1117.  
  1118.  
  1119.  
  1120. #psingle:hover {
  1121. -webkit-filter: brightness(1) contrast(1.1) saturate(0.9);
  1122. -webkit-transition: all 0.9s ease-in-out;
  1123. -moz-transition: all 0.9s ease-in-out;
  1124. -o-transition: all 0.9s ease-in-out;
  1125. -ms-transition: all 0.9s ease-in-out;
  1126. transition: all 0.9s ease-in-out;
  1127. }
  1128.  
  1129.  
  1130.  
  1131.  
  1132.  
  1133. #pset {
  1134. width: 451px;
  1135. -webkit-filter: brightness(1) contrast(1.1) saturate(0.85);
  1136. -webkit-transition: all 0.9s ease-in-out;
  1137. -moz-transition: all 0.9s ease-in-out;
  1138. -o-transition: all 0.9s ease-in-out;
  1139. -ms-transition: all 0.9s ease-in-out;
  1140. transition: all 0.9s ease-in-out;
  1141. }
  1142.  
  1143.  
  1144.  
  1145.  
  1146. #pset:hover {
  1147. -webkit-filter: brightness(1) contrast(1.1) saturate(0.85);
  1148. -webkit-transition: all 0.9s ease-in-out;
  1149. -moz-transition: all 0.9s ease-in-out;
  1150. -o-transition: all 0.9s ease-in-out;
  1151. -ms-transition: all 0.9s ease-in-out;
  1152. transition: all 0.9s ease-in-out;
  1153. }
  1154.  
  1155.  
  1156.  
  1157.  
  1158.  
  1159.  
  1160.  
  1161.  
  1162.  
  1163. /* POSTS: QUOTE */
  1164.  
  1165.  
  1166. #quotebox {
  1167. outline:1px solid {color:border};
  1168. padding-left:24px;
  1169. padding-right:24px;
  1170. padding-top:24px;
  1171. padding-bottom:0px;
  1172. margin-left:0px;
  1173. margin-right:0px;
  1174. margin-bottom:0px;
  1175. margin-top:24px;
  1176. }
  1177.  
  1178.  
  1179.  
  1180. #quote {
  1181. font-size:14px;
  1182. text-align:left;
  1183. padding-top:0px;
  1184. padding-bottom:0px;
  1185. letter-spacing:-0.6px;
  1186. line-height:14px;
  1187. }
  1188.  
  1189.  
  1190.  
  1191.  
  1192.  
  1193.  
  1194. .source {
  1195. font-family:calibri;
  1196. font-weight:bold;
  1197. text-align:left;
  1198. font-size:9.5px;
  1199. height:24px;
  1200. line-height:24px;
  1201. color: #e8e8e8;
  1202. text-transform:uppercase;
  1203. border-top:1px solid {color:border};
  1204. letter-spacing:0.2px;
  1205. margin-top:-1px;
  1206. padding-right:24px;
  1207. padding-left:24px;
  1208. margin-top:24px;
  1209. margin-left:-25px;
  1210. margin-right:-25px;
  1211. }
  1212.  
  1213.  
  1214.  
  1215.  
  1216.  
  1217.  
  1218. /* POSTS: LINK */
  1219.  
  1220.  
  1221.  
  1222. #link {
  1223. margin-top:32px;
  1224. border:1px solid {color:border};
  1225. padding:24px;
  1226. }
  1227.  
  1228.  
  1229. #link a {
  1230. font-size:12px;
  1231. }
  1232.  
  1233.  
  1234.  
  1235.  
  1236.  
  1237.  
  1238.  
  1239.  
  1240.  
  1241. /* POSTS: CHAT */
  1242.  
  1243.  
  1244. #chatbox {
  1245. margin-right:-25px;
  1246. margin-left:-25px!important;
  1247. padding-bottom:0px!important;
  1248. }
  1249.  
  1250.  
  1251.  
  1252. #chat {
  1253. margin-top:25px;
  1254. border-top:1px solid {color:border};
  1255. padding-top:27px;
  1256. padding-left:24px;
  1257. padding-right:24px;
  1258. }
  1259.  
  1260.  
  1261.  
  1262.  
  1263.  
  1264.  
  1265. /* POSTS: AUDIO */
  1266.  
  1267.  
  1268. #audiobox {
  1269. {block:permalinkpage}
  1270. margin-top:0px;
  1271. {/block:permalinkpage}
  1272. margin-top:-24px!important;
  1273. padding-left:24px;
  1274. padding-right:24px;
  1275. padding-bottom:20px;
  1276. padding-top:24px;
  1277. margin-left:0px;
  1278. margin-right:0px;
  1279. margin-bottom:-18px;
  1280. }
  1281.  
  1282.  
  1283.  
  1284.  
  1285. .player {
  1286. opacity: 1;
  1287. position: absolute;
  1288. z-index: 1;
  1289. line-height:33px;
  1290. margin-left: -16px;
  1291. margin-top:35px;
  1292. display: block;
  1293. }
  1294.  
  1295.  
  1296.  
  1297.  
  1298. .audioplayer {
  1299. width: 24px;
  1300. height: 24px;
  1301. margin-left: 0px;
  1302. overflow: hidden;
  1303. padding: 0px;
  1304. }
  1305.  
  1306.  
  1307.  
  1308. .audioinfo {
  1309. border:1px solid {color:border};
  1310. margin-left: -24px;
  1311. margin-right: -24px;
  1312. padding-left:48px;
  1313. padding-right:24px;
  1314. margin-top:24px;
  1315. margin-bottom:-4px;
  1316. height:48px;
  1317. line-height:48px;
  1318. display: block;
  1319. font-family:calibri;
  1320. font-weight:bold;
  1321. text-transform: uppercase;
  1322. text-align: left;
  1323. letter-spacing:0.2px;
  1324. word-spacing:-0.5px;
  1325. overflow:hidden;
  1326. font-size:9.5px;
  1327. color:{color:bold};
  1328. }
  1329.  
  1330.  
  1331.  
  1332. #acaption {
  1333. border-top:0px solid #151515;
  1334. padding-top:12px;
  1335. padding-bottom:12px;
  1336. margin-left:-24px;
  1337. padding-left:24px;
  1338. }
  1339.  
  1340. #acaption a {
  1341. font-size:10px;
  1342. }
  1343.  
  1344.  
  1345.  
  1346.  
  1347.  
  1348.  
  1349.  
  1350.  
  1351.  
  1352. /* POSTS: VIDEO */
  1353.  
  1354.  
  1355. .video-container {
  1356. margin-top:25px;
  1357. padding:25px;
  1358. outline:1px solid {color:border};
  1359. }
  1360.  
  1361.  
  1362. .video-content {
  1363. -webkit-filter: brightness(1) contrast(1.1) saturate(0.85);
  1364. position: relative;
  1365. margin-top:55px!important;
  1366. height: 0;
  1367. overflow: hidden;
  1368. margin-right:25px!important;
  1369. padding:25px;
  1370. outline:1px solid {color:border};
  1371. }
  1372.  
  1373. .video-content iframe, .video-content object, .video-content embed {
  1374. position: absolute;
  1375. margin-top:25px!important;
  1376. padding:25px;
  1377. outline:1px solid {color:border};
  1378. overflow: hidden;
  1379. }
  1380.  
  1381.  
  1382.  
  1383.  
  1384.  
  1385.  
  1386.  
  1387. /* POSTS: ASK */
  1388.  
  1389.  
  1390. #question {
  1391. position:relative;
  1392. width: 400px;
  1393. margin-top:1px;
  1394. height:70px;
  1395. margin-left:1px;
  1396. background-color:{color:background};
  1397. }
  1398.  
  1399.  
  1400.  
  1401. #ask {
  1402. z-index:999999!important;
  1403. float:left;
  1404. font-family:calibri, sans-serif;
  1405. text-transform:uppercase;
  1406. position: absolute;
  1407. font-weight:bold;
  1408. background-color:{color:background};
  1409. font-size:9px;
  1410. line-height:12px!important;
  1411. width:333px;
  1412. min-height:21px;
  1413. max-height:21px;
  1414. overflow:scroll;
  1415. margin-top:0px;
  1416. margin-left:0px;
  1417. margin-bottom:0px;
  1418. padding-left:24px;
  1419. padding-right:24px;
  1420. outline:solid 1px {color:border};
  1421. border-top:22px solid {color:background};
  1422. border-bottom:22px solid {color:background};
  1423. -moz-transition-duration:1.5s;
  1424. -webkit-transition-duration:1.5s;
  1425. -o-transition-duration:1.5s;
  1426. }
  1427.  
  1428.  
  1429.  
  1430. #ask:hover {
  1431. max-height:35px!important;
  1432. width:400px;
  1433. z-index:999999!important;
  1434. -moz-transition-duration:1.5s;
  1435. -webkit-transition-duration:1.5s;
  1436. -o-transition-duration:1.5s;
  1437. }
  1438.  
  1439.  
  1440. #ask a {
  1441. font-weight:bold;
  1442. color:{color:bold};
  1443. font-size:9px;
  1444. text-decoration:none;
  1445. }
  1446.  
  1447.  
  1448. #ask b {
  1449. color:{color:bold};
  1450. font-size:9px;
  1451. line-height:11px;
  1452. font-family:calibri!important;
  1453. }
  1454.  
  1455.  
  1456.  
  1457. #ask img {
  1458. -webkit-filter:grayscale(1);
  1459. }
  1460.  
  1461.  
  1462.  
  1463.  
  1464. .letterask {
  1465. font-family:'Frank Ruhl Libre', serif;
  1466. position:relative;
  1467. z-index:9999!important;
  1468. position:absolute;
  1469. text-align:center;
  1470. font-size:44px;
  1471. margin-left:382px;
  1472. outline:1px solid {color:border};
  1473. background-color:{color:background};
  1474. padding-top:25px;
  1475. padding-bottom:26px;
  1476. padding-left:17px;
  1477. padding-right:17px;
  1478. color:{color:first letter};
  1479. -webkit-user-select: none; /* Chrome all / Safari all */
  1480. -moz-user-select: none; /* Firefox all */
  1481. -ms-user-select: none; /* IE 10+ */
  1482. user-select: none; /* Likely future */
  1483. }
  1484.  
  1485.  
  1486.  
  1487.  
  1488. #response {
  1489. margin-top:24px;
  1490. margin-bottom:0px!important;
  1491. padding-top:0px;
  1492. }
  1493.  
  1494.  
  1495.  
  1496.  
  1497.  
  1498.  
  1499.  
  1500.  
  1501. /* POST INFORMATION */
  1502.  
  1503.  
  1504.  
  1505.  
  1506.  
  1507. .permalinkbuttons {
  1508. height:25px;
  1509. background-color:{color:background};
  1510. font-weight:bold!important;
  1511. line-height:25px;
  1512. letter-spacing:-0.2px;
  1513. margin-left:-25px!important;
  1514. margin-right:-25px!important;
  1515. margin-top:24px!important;
  1516. margin-bottom:1px!important;
  1517. border:1px solid {color:border};
  1518. color:{color:border};
  1519. }
  1520.  
  1521.  
  1522.  
  1523.  
  1524. .permalinkbuttons a {
  1525. box-sizing: border-box;
  1526. display:inline-block;
  1527. font-size:7.4px;
  1528. text-align:center;
  1529. padding-left:24px;
  1530. padding-right:24px;
  1531. font-family: 'Lato', sans-serif;
  1532. text-transform:uppercase;
  1533. width:165.5px;
  1534. max-width:165.5px;
  1535. word-spacing:0.5px;
  1536. letter-spacing:0.4px;
  1537. height:25px;
  1538. background-color:{color:background};
  1539. outline:1px solid {color:border};
  1540. line-height:25px;
  1541. color: {color:permalink};
  1542. font-weight:bold!important;
  1543. overflow:hidden; /* older browsers */
  1544. text-shadow: 0px 0px 1px {color:permalink};
  1545. }
  1546.  
  1547.  
  1548.  
  1549.  
  1550. .permalinkbuttons a:hover {
  1551. color:{color:links hover};
  1552. -moz-transition-duration:2s;
  1553. -webkit-transition-duration:2s;
  1554. -o-transition-duration:2s;
  1555. }
  1556.  
  1557.  
  1558.  
  1559.  
  1560.  
  1561. .tags {
  1562. font-family: calibri!important;
  1563. font-weight:bold!important;
  1564. background-color:{color:background};
  1565. border:1px solid {color:border};
  1566. padding-top:6px;
  1567. padding-bottom:6px;
  1568. padding-left:24px;
  1569. padding-right:24px;
  1570. margin-left:-25px;
  1571. margin-right:-25px;
  1572. margin-top:-2px;
  1573. text-transform:uppercase!important;
  1574. font-style:normal;
  1575. line-height:150%;
  1576. font-size:8.5px;
  1577. text-align:justify;
  1578. -moz-text-align-last: center; /* Code for Firefox */
  1579. text-align-last: center;
  1580. }
  1581.  
  1582.  
  1583.  
  1584.  
  1585. .tags a {
  1586. text-decoration:none!important;
  1587. font-weight:bold!important;
  1588. font-size:6.5px;
  1589. letter-spacing:0.4px;
  1590. margin-right:0px;
  1591. text-transform:uppercase!important;
  1592. font-family: 'Lato', sans-serif;
  1593. color:{color:tags}!important;
  1594. -moz-transition-duration:1s;
  1595. -webkit-transition-duration:1s;
  1596. -o-transition-duration:1s;
  1597. text-shadow:none!important;
  1598. }
  1599.  
  1600.  
  1601.  
  1602.  
  1603.  
  1604. .tags a:hover {
  1605. color:{color:italic}!important;
  1606. -moz-transition-duration:1s;
  1607. -webkit-transition-duration:1s;
  1608. -o-transition-duration:1s;
  1609. {block:ifBiggerTagsonHover}
  1610. font-size:7px!important;
  1611. {block:ifBiggerTagsonHover}
  1612. }
  1613.  
  1614.  
  1615.  
  1616.  
  1617.  
  1618.  
  1619.  
  1620.  
  1621.  
  1622.  
  1623.  
  1624. /* PERMAPAGE NOTES */
  1625.  
  1626.  
  1627. #notes {
  1628. outline:1px solid {color:border};
  1629. margin-bottom:1px!important;
  1630. margin-left:1px;
  1631. margin-right:1px;
  1632. margin-top:25px!important;
  1633. padding-top:16px;
  1634. padding-bottom:16px;
  1635. padding-left:16px;
  1636. padding-right:16px;
  1637. text-align:left;
  1638. }
  1639.  
  1640.  
  1641. .note li {
  1642. list-style-type:none;
  1643. padding-top:0px;
  1644. line-height:14px;
  1645. padding-bottom:0px;
  1646. padding-left:0px;
  1647. padding-right:0px;
  1648. text-align:left!important;
  1649. -moz-transition-duration:0.5s;
  1650. -webkit-transition-duration:0.5s;
  1651. -o-transition-duration:0.5s;
  1652. font-family:calibri!important;
  1653. font-size:9px!important;
  1654. font-weight:bold;
  1655. text-transform:uppercase;
  1656. color: {color:body text};
  1657. }
  1658.  
  1659.  
  1660. .note li a {
  1661. text-align:left!important;
  1662. font-family:calibri!important;
  1663. font-size:9px!important;
  1664. padding-right:0px;
  1665. font-weight:bold;
  1666. text-transform:uppercase;
  1667. letter-spacing:0px;
  1668. color: {color:body text};
  1669. }
  1670.  
  1671.  
  1672. .more_notes_link, .more_notes_link a {
  1673. text-align:left!important;
  1674. margin-top:25px!important;
  1675. padding-top:25px!important;
  1676. color:{color:italic}!important;
  1677. }
  1678.  
  1679.  
  1680. .note blockquote a {
  1681. padding-top:12px;
  1682. padding-bottom:12px;
  1683. padding-left:24px;
  1684. padding-right:24px;
  1685. margin-top:12px;
  1686. margin-bottom:12px;
  1687. margin-left:0px;
  1688. margin-right:0px;
  1689. color:{color:bold}!important;
  1690. }
  1691.  
  1692.  
  1693. .note img.avatar {
  1694. display:none;
  1695. width: 0px;
  1696. height: 0px;
  1697. }
  1698.  
  1699.  
  1700.  
  1701.  
  1702.  
  1703.  
  1704.  
  1705.  
  1706.  
  1707.  
  1708.  
  1709.  
  1710. /* CONTAINER (RIGHT HALF): TITLE */
  1711.  
  1712.  
  1713.  
  1714. .title {
  1715. box-sizing: border-box;
  1716. position:fixed;
  1717. font-family: 'letter_1882regular';
  1718. color:{color:title};
  1719. font-weight:bold!important;
  1720. text-transform:lowercase;
  1721. font-size:141px;
  1722. z-index:99999999999999999999999999999999999999999999999999999!important;
  1723. width:450px;
  1724. max-width:450px;
  1725. height:50px;
  1726. max-height:50px;
  1727. margin-left:0px;
  1728. margin-top:-130px;
  1729. line-height:300px;
  1730. letter-spacing:-6px;
  1731. {block:ifPostsLeft}
  1732. margin-left:25px;
  1733. text-align:left!important;
  1734. {/block:ifPostsLeft}
  1735. text-align:right;
  1736. z-index:999;
  1737. pointer-events:none;
  1738. background-color:transparent;
  1739. text-shadow:
  1740. -1px -1px 0 {color:title shadow},
  1741. 1px -1px 0 {color:title shadow},
  1742. -1px 1px 0 {color:title shadow},
  1743. 1px 1px 0 {color:title shadow};
  1744. }
  1745.  
  1746.  
  1747.  
  1748.  
  1749.  
  1750.  
  1751.  
  1752.  
  1753.  
  1754.  
  1755.  
  1756.  
  1757.  
  1758.  
  1759.  
  1760. /* CONTAINER (RIGHT HALF): PAGINATION */
  1761.  
  1762.  
  1763. .navigation1 {
  1764. left:0px;
  1765. top:26px;
  1766. position:relative;
  1767. width: 500px;
  1768. outline:0px solid {color:border};
  1769. height:25px;
  1770. line-height:25px;
  1771. z-index:99;
  1772. }
  1773.  
  1774.  
  1775.  
  1776.  
  1777.  
  1778. .pagination {
  1779. width:497px;
  1780. border:1px solid {color:border};
  1781. height:25px;
  1782. line-height:25px;
  1783. }
  1784.  
  1785.  
  1786.  
  1787.  
  1788.  
  1789. .pagination b {
  1790. color:{color:pagination links};!important;
  1791. }
  1792.  
  1793.  
  1794.  
  1795.  
  1796. .pagination a {
  1797. display:inline-block;
  1798. box-sizing: border-box;
  1799. text-align:center;
  1800. padding-left:25px;
  1801. padding-right:25px;
  1802. font-size:7.4px;
  1803. font-family: 'Lato', sans-serif;
  1804. letter-spacing:0.4px;
  1805. word-spacing:0.5px;
  1806. text-transform:uppercase;
  1807. width:168px;
  1808. max-width:168px;
  1809. height:25px;
  1810. background-color:{color:background};
  1811. outline:1px solid {color:border};
  1812. line-height:25px;
  1813. margin-left:0px;
  1814. margin-right:-4px;
  1815. color:{color:button text};
  1816. font-weight:bold!important;
  1817. overflow:hidden; /* older browsers */
  1818. }
  1819.  
  1820.  
  1821. .pagination a:first-child {
  1822. margin-left:-1px!important;
  1823. }
  1824.  
  1825.  
  1826. .pagination a:last-child {
  1827. margin-right:0px!important;
  1828. }
  1829.  
  1830.  
  1831.  
  1832. .pagination a:hover {
  1833. font-weight:bold!important;
  1834. color:{color:LINKS HOVER}!important;
  1835. -moz-transition-duration:2s;
  1836. -webkit-transition-duration:2s;
  1837. -o-transition-duration:2s;
  1838. }
  1839.  
  1840.  
  1841.  
  1842.  
  1843.  
  1844.  
  1845.  
  1846.  
  1847.  
  1848.  
  1849.  
  1850.  
  1851.  
  1852.  
  1853.  
  1854.  
  1855.  
  1856.  
  1857.  
  1858.  
  1859. /* POPUP: EXTENDED NAVIGATION */
  1860.  
  1861.  
  1862.  
  1863. .exnavigation {
  1864. position:absolute;
  1865. width:473px;
  1866. max-width:473px;
  1867. height:74px;
  1868. {block:ifPostsLeft}
  1869. margin-left:551px!important;
  1870. {/block:ifPostsLeft}
  1871. margin-left:26px;
  1872. top:397px;
  1873. overflow-y:scroll;
  1874. overflow-x:hidden;
  1875. background-color:#000000;
  1876. border-top:0px solid #000000;
  1877. border-bottom:0px solid #000000;
  1878. padding-left:0px;
  1879. padding-right:0px;
  1880. outline:1px solid {color:border}!important;
  1881. opacity:1!important;
  1882. -moz-transition-duration:1.5s;
  1883. -webkit-transition-duration:1.5s;
  1884. -o-transition-duration:1.5s;
  1885. }
  1886.  
  1887.  
  1888.  
  1889.  
  1890.  
  1891.  
  1892. .exheader {
  1893. display:inline-block;
  1894. box-sizing: border-box;
  1895. float:left;
  1896. display:inline-block;
  1897. overflow:hidden;
  1898. outline:1px solid {color:border};
  1899. background-color:{color:background};
  1900. width:475px;
  1901. max-height:24px;
  1902. height:24px;
  1903. padding-left:24px;
  1904. padding-right:24px;
  1905. font-size:7.4px;
  1906. font-family: 'Lato', sans-serif;
  1907. letter-spacing:0.4px;
  1908. word-spacing:0.5px;
  1909. text-align:center;
  1910. font-style:normal;
  1911. font-weight:bold;
  1912. margin-top:0px;
  1913. line-height:24px;
  1914. color: {color:bold};
  1915. text-transform:uppercase;
  1916. }
  1917.  
  1918.  
  1919.  
  1920.  
  1921.  
  1922.  
  1923. .exlinks {
  1924. margin-top:-1px;
  1925. margin-left:-1px!important;
  1926. background-color:{color:background};
  1927. }
  1928.  
  1929.  
  1930.  
  1931.  
  1932.  
  1933.  
  1934. .exlinks:active, .exlinks:focus {
  1935. background-color:{color:background}!important;
  1936. color:{color:bold};
  1937. }
  1938.  
  1939.  
  1940.  
  1941.  
  1942.  
  1943. .exlinks a {
  1944. display:inline-block;
  1945. box-sizing: border-box;
  1946. float:left;
  1947. display:inline-block;
  1948. overflow:hidden;
  1949. outline:1px solid {color:border};
  1950. background-color:{color:background};
  1951. width:236px;
  1952. max-height:24px;
  1953. height:24px;
  1954. padding-left:24px;
  1955. padding-right:24px;
  1956. font-size:7.4px;
  1957. font-family: 'Lato', sans-serif;
  1958. letter-spacing:0.4px;
  1959. word-spacing:0.5px;
  1960. text-align:left;
  1961. font-style:normal;
  1962. font-weight:bold;
  1963. margin-left:1px;
  1964. margin-right:0px;
  1965. margin-top:1px;
  1966. line-height:24px;
  1967. color:{color:button text};
  1968. text-transform:uppercase;
  1969. }
  1970.  
  1971.  
  1972.  
  1973.  
  1974.  
  1975. .exlinks a:nth-child(even) {
  1976. text-align:right;
  1977. }
  1978.  
  1979.  
  1980.  
  1981.  
  1982.  
  1983. .exlinks a:active, .exlinks a:visited, .exlinks a:focus {
  1984. color:{color:italic}!important;
  1985. background-color:{color:background}!important;
  1986. }
  1987.  
  1988.  
  1989.  
  1990.  
  1991.  
  1992. .exlinks a:hover {
  1993. color:{color:LINKS HOVER}!important;
  1994. }
  1995.  
  1996.  
  1997.  
  1998.  
  1999.  
  2000.  
  2001.  
  2002.  
  2003.  
  2004.  
  2005.  
  2006.  
  2007.  
  2008.  
  2009.  
  2010.  
  2011.  
  2012. /* POPUP: ASKBOX */
  2013.  
  2014.  
  2015.  
  2016. #tabcontent {
  2017. position:absolute;
  2018. text-align:justify;
  2019. {block:ifPostsLeft}
  2020. left:551px!important;
  2021. {/block:ifPostsLeft}
  2022. height:247px;
  2023. width:423px;
  2024. left:26px;
  2025. top:75px;
  2026. overflow-y:hidden;
  2027. padding-top:0px!important;
  2028. background-color:{color:background};!important;
  2029. border-top:24px solid {color:background};
  2030. border-bottom:24px solid {color:background};
  2031. overflow-y:scroll;
  2032. padding-left:25px;
  2033. padding-right:25px;
  2034. z-index:9999;
  2035. outline:1px solid {color:border}!important;
  2036. }
  2037.  
  2038.  
  2039.  
  2040.  
  2041.  
  2042.  
  2043. #tabcontent a {
  2044. font-family:calibri;
  2045. font-family:8px!important;
  2046. color:{color:italic};
  2047. text-transform:uppercase;
  2048. }
  2049.  
  2050.  
  2051.  
  2052.  
  2053.  
  2054.  
  2055.  
  2056.  
  2057.  
  2058.  
  2059.  
  2060.  
  2061.  
  2062.  
  2063. /* POPUP PAGES: GENERAL */
  2064.  
  2065.  
  2066. .popup_block {
  2067. position:absolute;
  2068. box-sizing: border-box;
  2069. height:394px;
  2070. max-height:394px;
  2071. min-height:394px;
  2072. top:222px;
  2073. margin-left:526px!important;
  2074. {block:ifPostsLeft}
  2075. margin-left:25px!important;
  2076. {/block:ifPostsLeft}
  2077. display:none;
  2078. background-color:{color:background}!important;
  2079. outline:1px solid {color:border};
  2080. border-bottom:24px solid {color:background};
  2081. padding-left:24px;
  2082. padding-right:24px;
  2083. z-index:99999999;
  2084. opacity:1;
  2085. overflow-y:hidden;
  2086. text-align:justify;
  2087. overflow-x:hidden;
  2088. }
  2089.  
  2090.  
  2091.  
  2092.  
  2093. .popup_block a {
  2094. margin-right:0px;
  2095. vertical-align:top;
  2096. font-family: calibri, sans-serif;
  2097. font-size:9px;
  2098. color:{color:background};
  2099. font-weight:bold!important;
  2100. position: relative;
  2101. text-decoration:none;
  2102. text-transform:uppercase;
  2103. }
  2104.  
  2105.  
  2106.  
  2107. *html #fade {
  2108. position: absolute;
  2109.  
  2110. }
  2111.  
  2112.  
  2113.  
  2114. *html .popup_block {
  2115. position: absolute;
  2116.  
  2117. }
  2118.  
  2119.  
  2120.  
  2121.  
  2122.  
  2123.  
  2124.  
  2125.  
  2126.  
  2127.  
  2128.  
  2129.  
  2130. /* POPUP: EXTENDED NAVIGATION (PAGES) */
  2131.  
  2132.  
  2133.  
  2134.  
  2135.  
  2136. .pimage {
  2137. margin-top:0px;
  2138. margin-left:-24px;
  2139. border-bottom:1px solid {color:border};
  2140. margin-bottom:-1px!important;
  2141. height:90px;
  2142. overflow:hidden;
  2143. width:500px;
  2144. }
  2145.  
  2146.  
  2147.  
  2148. .pnavi {
  2149. margin-top:0px;
  2150. margin-left:-25px!important;
  2151. margin-right:-25px!important;
  2152. margin-bottom:0px;
  2153. }
  2154.  
  2155.  
  2156.  
  2157.  
  2158. ul#tabs {
  2159. text-align: left;
  2160. margin-top:-1px!important;
  2161. Cursor:pointer;
  2162. }
  2163.  
  2164.  
  2165.  
  2166. ul#tabs li {
  2167. display:inline-block;
  2168. box-sizing: border-box;
  2169. font-size:9.5px;
  2170. text-align:center;
  2171. padding-left:24px;
  2172. padding-right:24px;
  2173. margin-bottom:-5px!important;
  2174. font-family: calibri, sans-serif;
  2175. text-transform:uppercase;
  2176. width:251px;
  2177. max-width:251px;
  2178. height:25px;
  2179. background-color:transparent;
  2180. border:1px solid {color:border};
  2181. line-height:25px;
  2182. margin-left:0px;
  2183. margin-right:-2px;
  2184. color:{color:bold};
  2185. font-weight:bold!important;
  2186. overflow:hidden; /* older browsers */
  2187. }
  2188.  
  2189.  
  2190.  
  2191. ul#tabs li.active {
  2192. display:inline-block;
  2193. box-sizing: border-box;
  2194. font-size:9.5px;
  2195. text-align:center;
  2196. padding-left:24px;
  2197. padding-right:24px;
  2198. font-family: calibri, sans-serif;
  2199. text-transform:uppercase;
  2200. width:251px;
  2201. max-width:251px;
  2202. height:25px;
  2203. background-color:transparent;
  2204. border:1px solid {color:border};
  2205. line-height:25px;
  2206. margin-left:0px;
  2207. margin-right:-2px;
  2208. color:{color:italic};
  2209. font-weight:bold!important;
  2210. overflow:hidden; /* older browsers */
  2211. }
  2212.  
  2213.  
  2214.  
  2215. ul#tab, ul#tabs{
  2216. list-style-type:none;
  2217. margin:0px;
  2218. padding:0px;
  2219. }
  2220.  
  2221.  
  2222.  
  2223.  
  2224. ul#tab li.active {
  2225. display: block;
  2226. }
  2227.  
  2228.  
  2229.  
  2230.  
  2231. ul#tab li {
  2232. display: none;
  2233. }
  2234.  
  2235.  
  2236.  
  2237.  
  2238.  
  2239. .pdescription {
  2240. margin-top:2px!important;
  2241. border-top:24px solid {color:background};
  2242. border-bottom:24px solid {color:background};
  2243. overflow-y:scroll!important;
  2244. height: 260px;
  2245. background-color:transparent;
  2246. }
  2247.  
  2248.  
  2249. {block:ifpopuptabs}
  2250. .pdescription {
  2251.  
  2252. }
  2253. {block:ifpopuptabs}
  2254.  
  2255.  
  2256.  
  2257. .plinks a {
  2258. font-weight:lighter!important;
  2259. text-transform:uppercase;
  2260. display:inline-block;
  2261. box-sizing: border-box;
  2262. width:222px;
  2263. height:24px!important;
  2264. padding-left:24px;
  2265. line-height:24px;
  2266. margin-left:-0px;
  2267. margin-right:5px;
  2268. margin-bottom:8.4px;
  2269. text-align:left;
  2270. background:{color:background};
  2271. border: 1px solid {color:border};
  2272. color:{color:body text};
  2273. font-family: 'Lato', sans-serif;
  2274. font-size:7.4px;
  2275. letter-spacing:0.4px;
  2276. cursor: pointer;
  2277. z-index:2;
  2278. -moz-transition-duration:1s;
  2279. -webkit-transition-duration:1s;
  2280. -o-transition-duration:1s;
  2281. }
  2282.  
  2283.  
  2284.  
  2285.  
  2286. .plinks a:nth-of-type(2n) {
  2287. margin-right:0px!important;
  2288. }
  2289.  
  2290.  
  2291.  
  2292.  
  2293. .plinks:last-child {
  2294. margin-bottom:0px!important;
  2295. bottom:0px!important;
  2296. }
  2297.  
  2298.  
  2299.  
  2300.  
  2301. .plinks a:hover {
  2302. color:{links hover};
  2303. -moz-transition-duration:1s;
  2304. -webkit-transition-duration:1s;
  2305. -o-transition-duration:1s;
  2306. }
  2307.  
  2308.  
  2309.  
  2310.  
  2311.  
  2312.  
  2313.  
  2314.  
  2315.  
  2316.  
  2317.  
  2318.  
  2319.  
  2320. /* CREDIT */
  2321.  
  2322.  
  2323. #credit {
  2324. background-color:{color:background};
  2325. border:1px solid {color:border};
  2326. padding:6px 10px;
  2327. z-index:999;
  2328. position:absolute;
  2329. bottom:44px;
  2330. right:44px;
  2331. width:6px;
  2332. height:14px;
  2333. word-wrap:break-word;
  2334. font-family:calibri;
  2335. overflow:hidden;
  2336. -webkit-transition:all 1s ease;
  2337. -moz-transition:all 1s ease;
  2338. -o-transition:all 1s ease;
  2339. transition:all 1s ease-in-out;
  2340. }
  2341.  
  2342.  
  2343. #credit a {
  2344. color:{color:links};
  2345. text-transform:uppercase;
  2346. font-size:9.5px;
  2347. }
  2348.  
  2349.  
  2350.  
  2351. #credit:hover {
  2352. width:73px;
  2353. }
  2354.  
  2355.  
  2356.  
  2357.  
  2358. #credit span {
  2359. color:{color:bold};
  2360. font-family:calibri;
  2361. margin-right:10px;
  2362. font-size:10.5px;
  2363. }
  2364.  
  2365.  
  2366.  
  2367.  
  2368.  
  2369.  
  2370.  
  2371. </style>
  2372.  
  2373. </head>
  2374.  
  2375.  
  2376.  
  2377.  
  2378.  
  2379. <body>
  2380.  
  2381.  
  2382. <div id="container">
  2383.  
  2384.  
  2385. <div class="left">
  2386.  
  2387.  
  2388.  
  2389. <div id="sidebar">
  2390.  
  2391.  
  2392.  
  2393.  
  2394.  
  2395. <div class="navigation">
  2396.  
  2397. <button class="w3-bar-item w3-button" onclick="openNavi('Index')" autofocus style="color:{color:bold}!important; text-align:left;">Refresh / Index</button>
  2398. <button class="w3-bar-item w3-button" onclick="openNavi('Inquiries')">Inquiries / Askbox</button>
  2399. <button class="w3-bar-item w3-button" onclick="openNavi('Navigation')" style="text-align:right;">The Navigation</button>
  2400.  
  2401. </div class="navigation">
  2402.  
  2403.  
  2404.  
  2405.  
  2406. <div class="initial">{text:Initial}</div>
  2407.  
  2408.  
  2409.  
  2410.  
  2411. <div class="sidebarimageone">
  2412. <img src="{image:SidebarImageOne}">
  2413. </div>
  2414.  
  2415. <div class="sidebarimagetwo">
  2416. <img src="{image:SidebarImageTwo}">
  2417. </div>
  2418.  
  2419. <div class="sidebarimagethree">
  2420. <img src="{image:SidebarImageThree}">
  2421. </div>
  2422.  
  2423. <div class="sidebarimagefour">
  2424. <img src="{image:SidebarImageFour}">
  2425. </div>
  2426.  
  2427.  
  2428.  
  2429.  
  2430. <div id="description">
  2431.  
  2432.  
  2433. {Description}
  2434.  
  2435.  
  2436. </div id="description">
  2437.  
  2438.  
  2439.  
  2440. </div id="sidebar">
  2441.  
  2442. </div id="left">
  2443.  
  2444.  
  2445.  
  2446.  
  2447.  
  2448.  
  2449.  
  2450.  
  2451.  
  2452.  
  2453.  
  2454. <div id="right">
  2455.  
  2456.  
  2457. <!-- POSTS -->
  2458.  
  2459.  
  2460. <div id="content">
  2461.  
  2462.  
  2463. {block:Posts}
  2464. <div class="posts">
  2465.  
  2466.  
  2467.  
  2468.  
  2469.  
  2470.  
  2471.  
  2472.  
  2473. <!-- POSTS: TEXT -->
  2474.  
  2475.  
  2476. {block:Text}
  2477.  
  2478. <div id="textbody">
  2479. {block:Title}
  2480. <h1>{Title}</a></h1>
  2481. {/block:Title}
  2482. <div id="wrap">
  2483. {Body}
  2484. <div style="clear:both">
  2485. </div style="clear:both">
  2486. </div id="wrap">
  2487. </div id="textbody">
  2488.  
  2489.  
  2490. {/block:Text}
  2491.  
  2492.  
  2493.  
  2494.  
  2495.  
  2496. <!-- POSTS: PHOTO/SET -->
  2497.  
  2498. {block:Photo}
  2499. <div id="psingle">
  2500. {LinkOpenTag}
  2501. <img src="{PhotoURL-HighRes}">
  2502. {LinkCloseTag}
  2503. </div id="psingle">
  2504.  
  2505. {block:Caption}
  2506. <div id="pcaption">
  2507. {Caption}
  2508. </div id="pcaption">
  2509. {/block:Caption}
  2510. {/block:Photo}
  2511.  
  2512.  
  2513. {block:Photoset}
  2514. <div id="pset">
  2515. {Photoset}
  2516. </div id="pset">
  2517.  
  2518. {block:Caption}
  2519. <div id="pcaption">
  2520. {Caption}
  2521. </div id="pcaption">
  2522. {/block:Caption}
  2523. {/block:Photoset}
  2524.  
  2525.  
  2526.  
  2527.  
  2528.  
  2529. <!-- POSTS: QUOTE -->
  2530.  
  2531. {block:Quote}
  2532. <div id="quote">
  2533. {Quote} — <span style="font-family:calibri; font-size:10.4px; text-transform:uppercase; color:{color:bold}; font-weight:bold!important; letter-spacing:0.2px;">by {Source}</span>
  2534. </div id="quote">
  2535. {/block:Quote}
  2536.  
  2537.  
  2538.  
  2539.  
  2540.  
  2541. <!-- POSTS: LINK -->
  2542.  
  2543. {block:Link}
  2544. <div id="linkpost">
  2545. <div id="link">
  2546. <a href="{URL}" {Target}>{Name}&nbsp;&nbsp; ►</a>
  2547. </div id="link">
  2548. </div id="linkpost">
  2549. {/block:Link}
  2550.  
  2551.  
  2552.  
  2553.  
  2554.  
  2555. <!-- POSTS: CHAT -->
  2556.  
  2557.  
  2558. {block:Chat}
  2559.  
  2560. <div id="chatbox">
  2561. <div id="chat">
  2562. {block:Lines}
  2563. <div id="{Alt}">
  2564. {block:Label}<i>{Label}</i>{/block:Label} {Line}
  2565. </div id="{Alt}">
  2566. {/block:Lines}
  2567. </div id="chat">
  2568. </div id="chatbox">
  2569.  
  2570. {/block:Chat}
  2571.  
  2572.  
  2573.  
  2574.  
  2575.  
  2576. <!-- POSTS: AUDIO -->
  2577.  
  2578. {block:Audio}
  2579. <div id="audiobox">
  2580.  
  2581. <div class="player">
  2582. <div class="audioplayer">
  2583.  
  2584. {AudioPlayerWhite}
  2585.  
  2586. </div class="audioplayer">
  2587. </div class="player">
  2588.  
  2589.  
  2590. <div class="audioinfo">
  2591. {block:TrackName}{TrackName}{/block:TrackName} — {block:Artist}{Artist}{/block:Artist}
  2592. </div class="audioinfo">
  2593.  
  2594. </div id="audiobox">
  2595.  
  2596.  
  2597. {block:Caption}
  2598. {Caption}
  2599. {/block:Caption}
  2600.  
  2601. {/block:Audio}
  2602.  
  2603.  
  2604.  
  2605.  
  2606.  
  2607. <!-- POSTS: VIDEO -->
  2608.  
  2609. {block:Video}
  2610. <div class="video-container">
  2611. {Video-400}
  2612. {block:Caption}{Caption}{/block:Caption}
  2613. </div class="video-container">
  2614. {Caption}
  2615. {/block:Video}
  2616.  
  2617.  
  2618.  
  2619.  
  2620.  
  2621.  
  2622.  
  2623. <!-- POSTS: ASK -->
  2624.  
  2625. {block:Answer}
  2626.  
  2627. <div id="question">
  2628. <div id="ask">
  2629. <b>{Asker} is inquiring for information:</b>
  2630. {Question}
  2631. </div id="ask">
  2632. <div class="letterask">Q</div>
  2633. </div id="question">
  2634.  
  2635.  
  2636.  
  2637.  
  2638. <div id="response"><div id="wrap">{Answer}</div id="wrap"><div style="clear:both; margin-bottom:-5px;"></div>
  2639. </div id="response">
  2640.  
  2641. {/block:Answer}
  2642.  
  2643.  
  2644.  
  2645.  
  2646.  
  2647.  
  2648. <!-- POST INFORMATION -->
  2649.  
  2650.  
  2651.  
  2652. {block:Date}
  2653. {block:indexpage}
  2654.  
  2655.  
  2656. <div class="permalinkbuttons">
  2657.  
  2658. <a href="{Permalink}" style="text-align:left; font-weight:lighter!important;" title="{NoteCountWithLabel}">{Month} {DayOfMonth}{DayOfMonthSuffix} {Year} / {12Hour}:{Minutes}{CapitalAmPm}</a>
  2659.  
  2660. {block:RebloggedFrom} <a href="{ReblogParentName}" title="{ReblogParentName}: {ReblogParentTitle}" style="font-weight:lighter!important;">REBLOGGED FROM / VIA</a>{/block:RebloggedFrom}
  2661.  
  2662. <a href="{ReblogURL}" target="_blank" class="details" style="float:right; text-align:right; font-weight:lighter!important;">CLICK TO REBLOG THIS POST</a>
  2663.  
  2664. </div class="permalinkbuttons">
  2665.  
  2666.  
  2667.  
  2668. {block:HasTags}
  2669. <div class="tags">
  2670. {block:Tags}
  2671. <a href="{TagURL}">{Tag}&nbsp;&nbsp;</a>
  2672. {/block:Tags}
  2673.  
  2674. </div class="tags">
  2675. {/block:HasTags}
  2676. {/block:indexpage}
  2677.  
  2678.  
  2679.  
  2680.  
  2681. {block:permalinkpage}
  2682. <div class="permalinkbuttons">
  2683. {block:RebloggedFrom}
  2684. <a href="{ReblogParentName}" title="{ReblogParentName}" style="text-align:left;">REBLOGGED FROM / VIA</a>
  2685. {/block:RebloggedFrom}
  2686.  
  2687. <a href="{ReblogURL}" target="_blank" class="details" style="float:right; ">CLICK HERE TO REBLOG THIS POST</a>
  2688. </div class="permalinkbuttons">
  2689.  
  2690.  
  2691. {block:HasTags}
  2692. <div class="tags">
  2693. {block:Tags}
  2694. <a href="{TagURL}">{Tag}&nbsp;&nbsp;</a>
  2695. {/block:Tags}
  2696.  
  2697. </div class="tags">
  2698. {/block:HasTags}
  2699.  
  2700. {/block:permalinkpage}
  2701.  
  2702.  
  2703. {/block:Date}
  2704.  
  2705.  
  2706.  
  2707.  
  2708. <!-- NOTES -->
  2709.  
  2710. {block:PostNotes}
  2711. <div id="notes">
  2712. <div class="note">
  2713. {PostNotes}
  2714. </div class="note">
  2715. </div id="notes">
  2716. {/block:PostNotes}
  2717.  
  2718.  
  2719.  
  2720.  
  2721. <!-- HIDE VIA/SOURCE IN POSTS -->
  2722.  
  2723.  
  2724. {block:ContentSource}<!-- {SourceURL}
  2725. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  2726. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2727. {/block:ContentSource}
  2728.  
  2729.  
  2730. <!-- {block:NoRebloggedFrom}
  2731. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  2732. {/block:NoRebloggedFrom} -->
  2733.  
  2734.  
  2735. </div class="posts">
  2736.  
  2737.  
  2738. {/block:Posts}
  2739.  
  2740.  
  2741.  
  2742.  
  2743. </div id="content">
  2744.  
  2745.  
  2746. <div class="title">{text:Title}</div>
  2747.  
  2748.  
  2749.  
  2750. <div class="navigation1">
  2751. <div class="pagination">
  2752.  
  2753.  
  2754. <a href="/" style="color:{color:bold}!important; text-align:left;">RETURN TO MAIN PAGE</a>
  2755.  
  2756. {block:Indexpage}
  2757. {block:PreviousPage}<a href="{PreviousPage}">RETURN TO LAST PAGE</a>{/block:PreviousPage}
  2758. {block:NextPage}<a href="{NextPage}" style="float:right; margin-right:1px; text-align:right;">PROCEED TO NEXT PAGE</a>{/block:NextPage}
  2759. {/block:Indexpage}
  2760.  
  2761.  
  2762.  
  2763. {block:PermalinkPagination}
  2764. {block:PreviousPost}<a href="{PreviousPost}" title="Previous Post">RETURN TO LAST POST</a>{/block:PreviousPost}
  2765. {block:NextPost}<a href="{NextPost}" title="Next Post" style="float:right; margin-right:1px; text-align:right;">PROCEED TO NEXT POST</a>{/block:NextPost}
  2766. {/block:PermalinkPagination}
  2767.  
  2768.  
  2769.  
  2770. </div class="pagination">
  2771. </div class="navigation1">
  2772.  
  2773.  
  2774.  
  2775. </div id="right">
  2776.  
  2777.  
  2778.  
  2779.  
  2780.  
  2781.  
  2782.  
  2783. <div id="Index" class="navi" style="display:block">
  2784.  
  2785. </div id="Index" class="navi">
  2786.  
  2787.  
  2788.  
  2789.  
  2790.  
  2791.  
  2792.  
  2793.  
  2794.  
  2795. <!-- POPUP: INQUIRIES -->
  2796.  
  2797.  
  2798. <div id="Inquiries" class="navi" style="display:none;">
  2799. <div id="tabcontent" style="overflow:hidden!important;">
  2800.  
  2801.  
  2802. <p><iframe frameborder="0" scrolling="yes" width="405px" src="https://www.tumblr.com/ask_form/YOURURLHERE.tumblr.com" style="padding:8px;margin-top:-9px; background-color:transparent; border:1px solid {color:border}; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
  2803.  
  2804.  
  2805. </div id="tabcontent">
  2806. </div id="Inquiries" class="navi">
  2807.  
  2808.  
  2809.  
  2810.  
  2811.  
  2812.  
  2813.  
  2814.  
  2815.  
  2816.  
  2817.  
  2818.  
  2819.  
  2820.  
  2821.  
  2822. <!-- POPUP PAGE: NAVIGATION -->
  2823.  
  2824.  
  2825. <div id="Navigation" class="navi" style="display:none;">
  2826.  
  2827.  
  2828. <div class="exnavigation">
  2829.  
  2830. <div class="exheader">
  2831. The Extended Navigational Links
  2832. </div>
  2833.  
  2834.  
  2835. <div class="exlinks">
  2836.  
  2837.  
  2838.  
  2839. <a href="#?w=498" rel="Linkone" class="poplight">
  2840. Link one title
  2841. </a>
  2842.  
  2843. <a href="#?w=498" rel="Linktwo" class="poplight">
  2844. Link two title
  2845. </a>
  2846.  
  2847. <a href="#?w=498" rel="Linkthree" class="poplight">
  2848. Link three title
  2849. </a>
  2850.  
  2851. <a href="#?w=498" rel="Linkfour" class="poplight">
  2852. Link four title
  2853. </a>
  2854.  
  2855.  
  2856. <!-- COPY THE ABOVE LINES FOR MORE PAGES AND CHANGE THE 'REL' OF THOSE
  2857. TO SOMETHING NEW (AND DO NOT USE SPACES!) -->
  2858.  
  2859.  
  2860.  
  2861. </div class="exlinks">
  2862.  
  2863. </div class="exnavigation">
  2864.  
  2865. </div id="Muses" class="navi">
  2866.  
  2867.  
  2868.  
  2869.  
  2870.  
  2871.  
  2872.  
  2873.  
  2874.  
  2875.  
  2876.  
  2877.  
  2878. <!-- PAGE: LINK ONE -->
  2879.  
  2880.  
  2881.  
  2882. <div id="Linkone" class="popup_block">
  2883.  
  2884. <div class="pimage">
  2885. <img src="https://i.imgur.com/fmk4wvU.png">
  2886. </div class="pimage">
  2887.  
  2888.  
  2889.  
  2890.  
  2891.  
  2892. <!-- DESCRIPTION / TEXT -->
  2893.  
  2894.  
  2895. <div class="pdescription">
  2896.  
  2897.  
  2898. <h4>Link one title</h4>
  2899.  
  2900. <u>D</u>uis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
  2901.  
  2902. <h4>You can use H4's for titles</h4>
  2903.  
  2904. <p>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
  2905.  
  2906. <h4>You can use H4's for titles</h4>
  2907.  
  2908. <p>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
  2909.  
  2910.  
  2911. </div class="pdescription">
  2912.  
  2913.  
  2914. </div id="Linkone" class="popup_block">
  2915.  
  2916.  
  2917.  
  2918.  
  2919.  
  2920.  
  2921.  
  2922.  
  2923.  
  2924.  
  2925.  
  2926.  
  2927.  
  2928. <!-- PAGE: LINK TWO -->
  2929.  
  2930.  
  2931.  
  2932. <div id="Linktwo" class="popup_block">
  2933.  
  2934. <div class="pimage">
  2935. <img src="https://i.imgur.com/fmk4wvU.png">
  2936. </div class="pimage">
  2937.  
  2938.  
  2939.  
  2940. <!-- DESCRIPTION / TEXT -->
  2941.  
  2942.  
  2943. <div class="pdescription">
  2944.  
  2945.  
  2946. <h4>Link two title</h4>
  2947.  
  2948. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
  2949.  
  2950. <h4>You can use H4's for titles</h4>
  2951.  
  2952. <p>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
  2953.  
  2954. <h4>You can use H4's for titles</h4>
  2955.  
  2956. <p>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
  2957.  
  2958.  
  2959. </div class="pdescription">
  2960.  
  2961.  
  2962. </div id="Linktwo" class="popup_block">
  2963.  
  2964.  
  2965.  
  2966.  
  2967.  
  2968.  
  2969.  
  2970.  
  2971.  
  2972.  
  2973.  
  2974.  
  2975.  
  2976.  
  2977.  
  2978. <!-- PAGE: LINK THREE -->
  2979.  
  2980.  
  2981.  
  2982. <div id="Linkthree" class="popup_block">
  2983.  
  2984. <div class="pimage">
  2985. <img src="https://i.imgur.com/fmk4wvU.png">
  2986. </div class="pimage">
  2987.  
  2988.  
  2989.  
  2990. <!-- DESCRIPTION / TEXT -->
  2991.  
  2992.  
  2993. <div class="pdescription">
  2994.  
  2995.  
  2996. <h4>Link three title</h4>
  2997.  
  2998. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
  2999.  
  3000. <h4>You can use H4's for titles</h4>
  3001.  
  3002. <p>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
  3003.  
  3004. <h4>You can use H4's for titles</h4>
  3005.  
  3006. <p>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
  3007.  
  3008.  
  3009. </div class="pdescription">
  3010.  
  3011.  
  3012. </div id="Linkthree" class="popup_block">
  3013.  
  3014.  
  3015.  
  3016.  
  3017.  
  3018.  
  3019.  
  3020.  
  3021.  
  3022.  
  3023.  
  3024.  
  3025.  
  3026. <!-- PAGE: LINK FOUR -->
  3027.  
  3028.  
  3029.  
  3030. <div id="Linkfour" class="popup_block">
  3031.  
  3032. <div class="pimage">
  3033. <img src="https://i.imgur.com/fmk4wvU.png">
  3034. </div class="pimage">
  3035.  
  3036.  
  3037.  
  3038. <!-- DESCRIPTION / TEXT -->
  3039.  
  3040.  
  3041. <div class="pdescription">
  3042.  
  3043.  
  3044. <div class="plinks">
  3045.  
  3046. <h4>General Links</h4>
  3047.  
  3048. <a href="URL HERE">
  3049. Link title one
  3050. </a>
  3051.  
  3052. <a href="URL HERE">
  3053. Link title two
  3054. </a>
  3055.  
  3056. <a href="URL HERE">
  3057. Link title three
  3058. </a>
  3059.  
  3060. <a href="URL HERE">
  3061. Link title four
  3062. </a>
  3063.  
  3064. <a href="URL HERE">
  3065. Link title five
  3066. </a>
  3067.  
  3068. <a href="URL HERE">
  3069. Link title six
  3070. </a>
  3071.  
  3072. <a href="URL HERE">
  3073. Link title seven
  3074. </a>
  3075.  
  3076. <a href="URL HERE">
  3077. Link title eight
  3078. </a>
  3079.  
  3080. <a href="URL HERE">
  3081. Link title nine
  3082. </a>
  3083.  
  3084. <a href="URL HERE">
  3085. Link title ten
  3086. </a>
  3087.  
  3088. <a href="URL HERE">
  3089. Link title eleven
  3090. </a>
  3091.  
  3092. <a href="URL HERE">
  3093. Link title twelve
  3094. </a>
  3095.  
  3096. <a href="URL HERE">
  3097. Link title thirteen
  3098. </a>
  3099.  
  3100. <a href="URL HERE">
  3101. Link title fourteen
  3102. </a>
  3103.  
  3104.  
  3105. </div class="plinks">
  3106.  
  3107.  
  3108. </div class="pdescription">
  3109.  
  3110. </div id="Linkfour" class="popup_block">
  3111.  
  3112.  
  3113.  
  3114.  
  3115.  
  3116.  
  3117.  
  3118. </div id="container">
  3119.  
  3120.  
  3121.  
  3122.  
  3123.  
  3124.  
  3125.  
  3126.  
  3127.  
  3128.  
  3129.  
  3130. <!-- CREDIT -->
  3131.  
  3132. <div id="credit">
  3133. <div style="width:105px;margin-right:10px;">
  3134. <a href="https://iniziarearchive.tumblr.com/post/185374278307/re-release-base-codetheme-pepperony-dark" target="blank">
  3135. <span>S.</span>
  3136. MADE BY SAE.</a>
  3137. </div style>
  3138. </div id="credit">
  3139.  
  3140. </body>
  3141. </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!