SHARE
TWEET

Untitled

Tsunland Jul 24th, 2019 83 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2.  
  3. <!-- (BASE) CODE/THEME BY INIZIARE
  4. (ALSO KNOWN AS KHRUSEOS AND LUMENRECTIS) -->
  5.  
  6.  
  7. <!-- Feel free to edit this theme as much as you please, I simply ask you to keep some form of credit here, so that people who may want to do the same as you, can find where the original code came from. Thank you! -->
  8.  
  9. <!-- Statcounter code for Regancrested
  10. https://regancrested.tumblr.com on Tumblr -->
  11. <script type="text/javascript">
  12. var sc_project=12043062;
  13. var sc_invisible=1;
  14. var sc_security="0f771fb5";
  15. var sc_https=1;
  16. var sc_remove_link=1;
  17. var scJsHost = "https://";
  18. document.write("<sc"+"ript type='text/javascript' src='" +
  19. scJsHost+
  20. "statcounter.com/counter/counter.js'></"+"script>");
  21. </script>
  22. <noscript><div class="statcounter"><img class="statcounter"
  23. src="https://c.statcounter.com/12043062/0/0f771fb5/0/"
  24. alt="Web Analytics"></div></noscript>
  25. <!-- End of Statcounter Code -->
  26.  
  27.  
  28. <html>
  29.     <head>
  30.         <title>{Title}</title>
  31.         <link rel="shortcut icon" href="{Favicon}">
  32.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  33.         {block:Description}
  34.             <meta name="description" content="{MetaDescription}" />
  35.         {/block:Description}
  36.     </head>
  37.  
  38.  
  39. <!-- SCRIPT: TOOLTIP -->
  40.  
  41. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  42. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  43. <script>
  44. (function($){
  45. $(document).ready(function(){
  46. $("a[title]").style_my_tooltips({
  47. tip_follows_cursor:true,
  48. tip_delay_time:90,
  49. tip_fade_speed:600,
  50. attribute:"title"
  51. });
  52. });
  53. })(jQuery);
  54. </script>
  55.  
  56. <script type="text/javascript"
  57. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  58. <script>
  59. $(document).ready(function() {
  60. //
  61. $('a.poplight[href^=#]').click(function() {
  62. var popID = $(this).attr('rel'); //Get Popup Name
  63. var popURL = $(this).attr('href'); //Get Popup href to define size
  64. var query= popURL.split('?');
  65. var dim= query[1].split('&');
  66. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  67. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="" class="btn_close" title="" alt="" /></a>');
  68. var popMargTop = ($('#' + popID).height() + 80) / 2;
  69. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  70. //Apply Margin to Popup
  71. $('#' + popID).css({
  72. 'margin-top' : -popMargTop,
  73. 'margin-left' : -popMargLeft
  74. });
  75. $('body').append('<div id="fade"></div>');
  76. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  77. return false;
  78. });
  79. $('a.close, #fade').live('click', function() {
  80. $('#fade , .popup_block').fadeOut(function() {
  81. $('#fade, a.close').remove(); //fade them both out
  82. });
  83. return false;
  84. });
  85. });
  86. </script>  
  87.  
  88. <script type="text/javascript" src="https://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  89. <script type="text/javascript">
  90. $(document).ready(function(){
  91. $('.versebox_body').hide();
  92. $('.versebox_head').click(function(){
  93. $(this).next('.versebox_body').slideToggle('fast');
  94. }); }); </script>
  95. <style type="text/css">
  96. .versebox_list { margin:0px; padding:0px; width:100%;}
  97. .versebox_head { padding-top:0px; padding-bottom:5px; cursor:pointer; position:relative; margin:1px; text-align:center;}
  98. .versebox_body { padding:10px; text-align:left; display:none;}
  99. </style>
  100.  
  101.  
  102.  
  103. <!-- SCRIPT: jQuery -->
  104.  
  105. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  106.  
  107.  
  108.  
  109. <!-- SCRIPT: AUDIO PLAYER -->
  110.  
  111. <script>
  112.    $(document).ready(function() {
  113.       $('iframe.tumblr_audio_player').load( function() {
  114.          $('iframe.tumblr_audio_player').contents().find("head")
  115.             .append($("<style type='text/css'> .audio-player{background:#ffffff !important; color:{color:bold} !important;} </style>"));
  116.       });
  117.    });
  118. </script>
  119.  
  120.  
  121.  
  122.    
  123.    
  124. <!-- SCRIPT: CLICK -->
  125.  
  126. <script>
  127. $(document).ready(function(){
  128.     $(".nav2").hide();
  129.     $(".nav1").show();$('.nav1').toggle(function(){
  130.     $(".nav2").slideDown(function(){});
  131.     },function(){
  132.     $(".nav2").slideUp(function(){});
  133.     });
  134. });
  135. </script>
  136.  
  137.  
  138.  
  139. <script>
  140. $(document).ready(function(){
  141.     $(".tags2").hide();
  142.     $(".tags1").show();$('.tags1').toggle(function(){
  143.     $(".tags2").slideDown(function(){});
  144.     },function(){
  145.     $(".tags2").slideUp(function(){});
  146.     });
  147. });
  148. </script>
  149.  
  150.  
  151.  
  152.  
  153. <!-- CUSTOM FONTS -->
  154.  
  155. <link href="https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre" rel="stylesheet">
  156.  
  157. <link rel="stylesheet" href="https://static.tumblr.com/ebrrv1n/vEvpac24x/stylesheet.css">
  158.  
  159.  
  160.  
  161.  
  162.  
  163. <!-- META LINES -->
  164.  
  165.  
  166. <meta name="color:Body Text" content="#8c8a8a" />
  167. <meta name="color:Bold" content="#d1d1d1" />
  168. <meta name="color:Links" content="#d1d1d1" />
  169. <meta name="color:Links Hover" content="#8c8a8a" />
  170.  
  171. <meta name="text:Header" content="">
  172. <meta name="text:Link 1 URL" content="">
  173. <meta name="text:Link 1" content="Link 1.">
  174. <meta name="text:Link 2 URL" content="">
  175. <meta name="text:Link 2" content="Link 2.">
  176. <meta name="text:Link 3 URL" content="">
  177. <meta name="text:Link 3" content="Link 3.">
  178.  
  179. <meta name="if:Grayscale Images" content="1"/>
  180.  
  181.  
  182.  
  183. <style type="text/css">
  184.  
  185.  
  186.  
  187.  
  188.  
  189. /* SCROLLBAR */
  190.  
  191. ::-webkit-scrollbar {
  192.     background:transparent;
  193.     height: 0px;
  194.     display:none;
  195.     width: 0px;  /* remove scrollbar space */
  196.     -ms-overflow-style: none;  // IE 10+
  197.     overflow: -moz-scrollbars-none;  // Firefox
  198. }
  199.  
  200.  
  201. ::-webkit-scrollbar-thumb {
  202.     background:transparent;
  203. }
  204.  
  205.  
  206.  
  207. /* TEXT SELECTION */
  208.  
  209. ::selection {background: #f6f6f6;  color:{color:body text};}
  210. ::-moz-selection {background: #f6f6f6;  color:{color:body text};}
  211.  
  212.  
  213. /* TOOLTIP */
  214.  
  215.  
  216. #s-m-t-tooltip {
  217.     z-index:999999;
  218.     max-width:350px;
  219.     margin-left:10px;
  220.     margin-top:10px;
  221.     font-weight:normal;
  222.     background-color:#ffffff;
  223.     border:1px solid #eeeeee;
  224.     padding-top:4px;
  225.     padding-bottom:4px;
  226.     padding-left:14px;
  227.     padding-right:14px;
  228.     font-family:calibri;
  229.     font-style:normal;
  230.     font-weight:700;
  231.     font-size:9px;
  232.     color: {color:bold};
  233.     text-transform:uppercase;
  234.     letter-spacing:0px;
  235. }
  236.  
  237. /* POPUPS */
  238.  
  239. ul#tabs {
  240.     list-style-type: none;
  241.     padding: 0;
  242.     text-align: center;
  243.     font-size:8px;
  244.     letter-spacing:1px;
  245.     min-width:120px;
  246. }
  247.  
  248. ul#tabs li {
  249.     display: table;
  250.     background-color: #000;
  251.     border: solid 1px #fff;
  252.     padding: 4px 12px;
  253.     margin-bottom: 4px;
  254.     color: #fff;
  255.     cursor: pointer;
  256. }
  257.  
  258. ul#tabs li:hover {
  259.     background-color: #000;
  260.     color: #f76060;
  261.     border: 1px solid #fff;
  262. }
  263.  
  264. ul#tabs li.active {
  265.     background-color: #000;
  266.     color: #f76060;
  267.     border: 1px solid #fff;
  268. }
  269.  
  270. ul#tab {
  271.     list-style-type: none;
  272.     margin: 0;
  273.     padding: 0;
  274. }
  275.  
  276. ul#tab li {
  277.     display: none;
  278. }
  279.  
  280. ul#tab li.active {
  281.     display: block;
  282. }  
  283.  
  284. .popup_block{
  285.     width: 280px;
  286.     height: 650px;
  287.     size:80%;
  288.     overflow-y:scroll;
  289.     overflow-x:hidden;
  290.     display:none;
  291.     background:transparent;
  292.     color:#cecece;
  293.     padding:20px;
  294.     border:0px solid #eee;
  295.     float:left;
  296.     position: absolute;
  297.     top:510px;
  298.     left: 410px;
  299.     z-index: 99999;
  300.     font-size:10px;
  301. }
  302.  
  303. .popup_block b, strong, bold{
  304.     color:#b00028;
  305.     font-weight:bold;
  306. }
  307.  
  308.  
  309. *html #fade {position: absolute;}
  310. *html .popup_block {position: absolute;}
  311. #fade {
  312.     display:none;
  313.     position:fixed;
  314.     left:0px;
  315.     top:0px;
  316.     width:100%;
  317.     height:100%;
  318.     z-index:9999;
  319.     background:transparent; /* change to #fff for solid white */
  320.     opacity:1; /* change to opacity:1; */
  321. }
  322.  
  323.  
  324.  
  325. /* FOUNDATION */
  326.  
  327.  
  328. body {
  329.   background-image:url('https://i.imgur.com/zw1GtUT.png');
  330.     background-attachment:fixed;
  331.     background-repeat:no-repeat;
  332.     background-color: #a6a6a4;
  333.     color:#312523;
  334.     font-size:10px;
  335.     line-height:15px;
  336.     word-spacing:-0.5px;
  337.     font-family:calibri;
  338.     word-wrap: break-word;
  339. }
  340.  
  341.  
  342.  
  343.  
  344. body a {
  345.     font-size:11px;
  346.     color:#;
  347.     font-weight:bold;
  348.     text-decoration:none!important;
  349.     -moz-transition-duration:0.6s;
  350.     -webkit-transition-duration:0.6s;
  351.     -o-transition-duration:0.6s;
  352. }
  353.  
  354.  
  355.  
  356.  
  357. /* BLOCKQUOTES */
  358.  
  359.  
  360.  
  361. blockquote {
  362.     padding-left:20px;
  363.     text-align:justify;
  364.     padding-right:20px;
  365.     margin-right:0px;
  366.     margin-bottom:22px;
  367.     margin-left:0px;
  368.     border-left:1px solid #eeeeee;
  369.     background-color:transparent;
  370.     word-wrap: break-word!important;
  371. }
  372.  
  373.  
  374.  
  375. blockquote blockquote {
  376.     margin-top:15px;
  377.     margin-bottom:15px;
  378. }  
  379.  
  380.  
  381.  
  382.  
  383.  
  384. /* FONT-RELATED */
  385.  
  386.  
  387. small, sub, sub, s {
  388.     font-size:10px!important;
  389. }
  390.  
  391.  
  392. big {
  393.     font-size:120%;
  394. }
  395.  
  396.  
  397. b, bold, strong {
  398.     font-size:10px;
  399.     font-weight:bold;
  400.     color:#294375;
  401.     text-transform:none;
  402.     padding-right:1px;
  403.     padding-left:1px;
  404. }
  405.  
  406. i, em, {
  407.     color:#c25533;
  408.     text-transform:lowercase;
  409.     padding-right:1px;
  410.     padding-left:1px;
  411. }
  412.  
  413.  
  414. h1 {
  415.     letter-spacing:0px;
  416.     word-spacing:-0.5px;
  417.     font-size:11px;
  418.     color: {color:bold};
  419.     border-bottom:1px solid #eeeeee;
  420.     padding-bottom:5px;
  421.     padding-top:9px;
  422.     margin-top:0px;
  423.     font-weight:normal;
  424.     margin-bottom:15px;
  425.     text-align:left!important;
  426.     text-transform:uppercase;
  427.     z-index:9999999;
  428. }
  429.    
  430.    
  431. h1 a {
  432.     font-weight:bold;
  433.     color: #d1d1d1!important;
  434.     text-align:right!important;
  435. }    
  436.    
  437.    
  438.    
  439. h2 {
  440.     font-family:calibri;
  441.     font-size:12px;
  442.     text-transform:uppercase!important;
  443.     font-weight:bold;
  444.     letter-spacing:-0.2px;
  445.     color: {color:bold};
  446. }
  447.  
  448.  
  449. h2 a {
  450.     font-size:12px;
  451.     text-transform:uppercase!important;
  452.     font-weight:bold;
  453.     color: {color:bold};
  454. }
  455.    
  456.  
  457.  
  458.  
  459. /* IMAGES */
  460.  
  461.  
  462. img {  
  463.      -webkit-transition: all 0.9s ease-in-out;
  464.     -moz-transition: all 0.9s ease-in-out;
  465.     -o-transition: all 0.9s ease-in-out;
  466.     -ms-transition: all 0.9s ease-in-out;
  467.     transition: all 0.9s ease-in-out;
  468.     max-width:100%;
  469.     height:auto;
  470.     padding:0px;
  471. }
  472.  
  473.  
  474. img:hover {
  475.     -webkit-filter: brightness(1) contrast(1.1) saturate(1);
  476.     -webkit-transition: all 0.9s ease-in-out;
  477.     -moz-transition: all 0.9s ease-in-out;
  478.     -o-transition: all 0.9s ease-in-out;
  479.     -ms-transition: all 0.9s ease-in-out;
  480.     transition: all 0.9s ease-in-out;}
  481.  
  482.  
  483. .html_photoset {
  484.  
  485.     -webkit-transition: all 0.9s ease-in-out;
  486.     -moz-transition: all 0.9s ease-in-out;
  487.     -o-transition: all 0.9s ease-in-out;
  488.     -ms-transition: all 0.9s ease-in-out;
  489.     transition: all 0.9s ease-in-out;}
  490.    
  491. .html_photoset:hover {  
  492.     -webkit-filter: brightness(1) contrast(1.1) saturate(1);
  493. }
  494.    
  495.    
  496.  
  497. /* SIDEBAR */
  498.  
  499. #sidebar {
  500.     position: fixed;
  501.     width:135px;
  502.     background:transparent;
  503.     left: 490px;
  504.     top: 430px;
  505.     padding-right:36px;
  506.     padding-bottom:15px;
  507.  
  508. }
  509.  
  510.  
  511.  
  512. #sideheader {
  513.     font-family: 'signerica_thinregular';
  514.     font-size:20px;
  515.     text-align:right;
  516.     letter-spacing:-2px;
  517.     margin-bottom:6px;
  518. }
  519.  
  520.  
  521. #sidelinks {
  522.     text-align:right;
  523.     border-bottom:1px solid #eeeeee;
  524.     padding-bottom:5px;
  525.     margin-bottom:10px;
  526.     text-transform:uppercase;
  527. }
  528.  
  529.  
  530. #sidelinks a {
  531.     color:{color:links}!important;
  532.     font-family:calibri;
  533.     font-style:normal;
  534.     font-weight:normal;
  535.     font-size:9px;
  536.     padding-right:2px;
  537.     text-transform:uppercase;
  538.     -moz-transition-duration:0.6s;
  539.     -webkit-transition-duration:0.6s;
  540.     -o-transition-duration:0.6s;
  541. }
  542.  
  543.  
  544. #sidelinks a:last-child{
  545.   padding-right: 0;
  546. }
  547.  
  548.  
  549. #sidelinks a:hover {
  550.     font-style:normal;
  551.     color:{color:links hover}!important;
  552.     -moz-transition-duration:0.6s;
  553.     -webkit-transition-duration:0.6s;
  554.     -o-transition-duration:0.6s;
  555. }  
  556.  
  557.  
  558.  
  559.  
  560.  
  561. /* SIDEBAR DESC */
  562.  
  563. #sidebar2 {
  564.     position: fixed;
  565.     width:400px;
  566.     background:transparent;
  567.     left: 575px;
  568.     top: 10px;
  569.     padding-right:36px;
  570.     padding-bottom:15px;
  571.  
  572. }
  573.  
  574.  
  575.  
  576. #sideheader2 {
  577.     font-family: 'signerica_thinregular';
  578.     font-size:20px;
  579.     width:450px;
  580.     text-align:right;
  581.     letter-spacing:-2px;
  582.     margin-bottom:6px;
  583. }
  584.  
  585.  
  586. #sidelinks2 {
  587.     text-align:right;
  588.     padding-bottom:5px;
  589.     letter-spacing:2px;
  590.     margin-bottom:10px;
  591.     width:250px;
  592.     text-transform:uppercase;
  593. }
  594.  
  595.  
  596. #sidelinks2 a {
  597.     color:#294375;
  598.     font-family:calibri;
  599.     font-style:normal;
  600.     font-weight:normal;
  601.     font-size:9px;
  602.     padding-right:2px;
  603.     text-transform:uppercase;
  604.     -moz-transition-duration:0.6s;
  605.     -webkit-transition-duration:0.6s;
  606.     -o-transition-duration:0.6s;
  607. }
  608.  
  609.  
  610. #sidelinks2 a:last-child{
  611.   padding-right: 0;
  612. }
  613.  
  614.  
  615. #sidelinks2 a:hover {
  616.     font-style:normal;
  617.     color:{color:links hover}!important;
  618.     -moz-transition-duration:0.6s;
  619.     -webkit-transition-duration:0.6s;
  620.     -o-transition-duration:0.6s;
  621. }  
  622.  
  623.  
  624. #description {
  625.     position:relative;
  626.     text-align:right;
  627.     width:235px;
  628.     overflow:scroll;
  629.     padding-bottom:0px;
  630.     color:#fefefe;
  631.     margin:0px;
  632. }
  633.  
  634.  
  635. .nav2{
  636.     margin-top:0px;
  637.     text-align:right;
  638.     border-top:1px solid #eeeeee;
  639.     padding-top:5px;
  640.     padding-bottom:2px;
  641.     margin-bottom:5px;
  642. }
  643.    
  644.  
  645. .nav2 a {  
  646.     color:{color:links}!important;
  647.     font-family:calibri;
  648.     font-style:normal;
  649.     font-weight:normal;
  650.     font-size:9px;
  651.     padding-right:2px;
  652.     text-transform:uppercase;
  653.     -moz-transition-duration:0.6s;
  654.     -webkit-transition-duration:0.6s;
  655.     -o-transition-duration:0.6s;
  656. }
  657.  
  658.  
  659. .nav2 a:hover {
  660.     color:{color:links hover}!important;
  661.     -moz-transition-duration:0.6s;
  662.     -webkit-transition-duration:0.6s;
  663.     -o-transition-duration:0.6s;
  664. }
  665.  
  666.  
  667. #pagination {
  668.     padding-top:5px;
  669.     text-align: right;
  670. }
  671.  
  672.  
  673.  
  674. .pages {
  675.     font-size: 9px;
  676.     font-style: normal !important;
  677. }
  678.  
  679.    
  680. .pages a {
  681.     font-weight:normal!important;
  682.     font-size:9px;
  683.     color: #c25533;
  684.     -moz-transition-duration:0.6s;
  685.     -webkit-transition-duration:0.6s;
  686.     -o-transition-duration:0.6s;
  687. }
  688.  
  689.  
  690. .pages  a:last-child{
  691.   padding-right: 0;
  692. }
  693.  
  694.  
  695. .pages a:hover {
  696.     color:{color:links hover}!important;
  697.     -moz-transition-duration:0.6s;
  698.     -webkit-transition-duration:0.6s;
  699.     -o-transition-duration:0.6s;
  700. }
  701.  
  702.  
  703.  
  704.  
  705. /* POSTS: GENERAL */
  706.  
  707. #container {
  708.     position:fixed;
  709.     height:625px;
  710.     width:400px;
  711.     left:125px;
  712.     top:85px;
  713.     background-color:transparent;
  714.     overflow-y:scroll;
  715.     z-index:9999;
  716.     padding-right:44px;
  717. }
  718.  
  719.  
  720.  
  721. #posts {
  722.     width:325px;
  723.     margin-bottom:80px;
  724.     word-wrap: break-word;
  725.     line-height:{text:Line Height};
  726.     text-align:left;
  727.     z-index:9999;
  728. }
  729.    
  730. #posts a {
  731.     font-weight:bold;
  732.     font-style:bold;
  733.     font-size:9px;
  734.     color:#c69048;
  735.     text-transform:uppercase;
  736.     -moz-transition-duration:0.6s;
  737.     -webkit-transition-duration:0.6s;
  738.     -o-transition-duration:0.6s;
  739. }    
  740.  
  741. #posts a:hover {
  742.     color:{color:links hover};
  743.     -moz-transition-duration:0.6s;
  744.     -webkit-transition-duration:0.6s;
  745.     -o-transition-duration:0.6s;
  746. }
  747.  
  748. #posts i, italics, em, {
  749.     color:#c25533;
  750.     text-transform:lowercase;
  751.     padding-right:1px;
  752.     padding-left:1px;
  753. }
  754.  
  755.  #posts img, image {
  756. padding-top:5px;
  757. }
  758.  
  759.  
  760.  
  761.  
  762.  
  763. /* POSTS: QUOTE */
  764.  
  765. #quote {
  766.     text-align:left;
  767.     font-size:14px;
  768.     font-style:italic;
  769.     line-height:165%;
  770.     letter-spacing:-0.6px;
  771. }
  772.  
  773. .source {
  774.     font-family:calibri;
  775.     font-style:normal!important;
  776.     font-weight:bold;
  777.     font-size:10px;
  778.     color: {color:bold};
  779.     text-transform:uppercase;
  780. }
  781.  
  782.  
  783.  
  784.  
  785. /* POSTS: LINK */
  786.  
  787.  
  788. #link {
  789.     margin-top:0px;
  790. }
  791.  
  792.  
  793. #link a {
  794.     font-size:11px;
  795. }
  796.  
  797.  
  798.  
  799.  
  800. /* POSTS: ASK */
  801.  
  802. #ask {
  803.     color:#cacaca6;
  804.     font-size:9px;
  805.     text-align:left;
  806.     font-family: calibri;
  807.     font-size:8.6px;
  808.     line-height:15px!important;
  809.     letter-spacing:0.6px;
  810.     text-transform: none;
  811.     word-wrap: break-word;
  812.     padding-left:0px;
  813.     padding-right:0px;
  814.     padding-top:14px;
  815.     padding-bottom:14px;
  816.     border-top:solid 1px #959196;
  817.     border-bottom:solid 1px #959196;
  818. }
  819.  
  820. #answered {
  821.  text-transform: lowercase;
  822.  
  823. }
  824.  
  825. #asker {
  826.     font-size:10px;
  827.     display:inline-block;
  828.     margin-right:3px;
  829.     text-transform:uppercase!important;
  830.     font-weight:normal;
  831.     color:#cacaca6;
  832. }
  833.  
  834.    
  835. #asker a {
  836.     font-size:10px;
  837.     text-transform:uppercase;
  838.     font-weight:bold;
  839.     color:#c25533;
  840.     -moz-transition-duration:0.6s;
  841.     -webkit-transition-duration:0.6s;
  842.     -o-transition-duration:0.6s;
  843. }
  844.  
  845. #asker a:hover {
  846.     color:{color:links hover}!important;
  847.     -moz-transition-duration:0.2s;
  848.     -webkit-transition-duration:0.2s;
  849.     -o-transition-duration:0.2s;
  850. }
  851.  
  852.  
  853.  
  854. /* POSTS: CHAT */
  855.  
  856. #odd b, #even b, #audio b {
  857.     color:{color:bold};
  858. }
  859.  
  860.  
  861. #odd, #even {
  862.     padding-bottom:6px;
  863.     padding-left:10px;
  864.     padding-top:6px;
  865.     margin-bottom:px;
  866.     border-bottom:1px solid #eeeeee;
  867. }
  868.  
  869.  
  870. #odd {
  871.     background:#ffffff;
  872. }
  873.  
  874. #even {
  875.     background:#ffffff;
  876. }
  877.  
  878.  
  879.  
  880. /* POSTS: AUDIO */
  881.    
  882.    
  883. #audio {
  884.     margin-top:0;
  885.     height:42px;
  886.     border-top:1px solid #eeeeee;
  887.     border-bottom:1px solid #eeeeee;
  888. }
  889.    
  890.  
  891. .player {
  892.     opacity: 1;
  893.     position: absolute;
  894.     z-index: 1;
  895.     width: 20px;
  896.     height: 20px;
  897.     margin-top: 3px;
  898.     margin-left: -15px;
  899.     display: block;
  900.     background-color:#ffffff;
  901. }
  902.    
  903. .audioplayer {
  904.     width: 20px;
  905.     height: 20px;
  906.     margin-top: 1px;
  907.     margin-left: 0px;
  908.     overflow: hidden;
  909.     padding: 3px;
  910.     background-color:#ffffff!important;
  911. }
  912.  
  913.  
  914. .audioinfo {
  915.     margin-left: 0px;
  916.     margin-top: 3px;
  917.     padding-left: 0px;
  918.     padding-top: 10px;
  919.     font-family:calibri;
  920.     display: block;
  921.     font-weight:normal;
  922.     text-transform: uppercase;
  923.     text-align: center;
  924.     letter-spacing:-0.2px;
  925.     word-spacing:-0.5px;
  926.     font-size:10px;
  927.     color: {color:bold};
  928.     background: transparent;
  929. }
  930.  
  931.  
  932. .audioinfo:first-letter {
  933.     font-family: 'signerica_thinregular';
  934.     font-size:20px;
  935.     letter-spacing:-2px;
  936. }
  937.  
  938.  
  939.  
  940.  
  941. /* POSTS: VIDEO */
  942.  
  943.  
  944. .video-container {
  945.     position: relative;
  946.     padding-bottom: 56.25%;
  947.     padding-top: 30px;
  948.     height: 0;
  949.     overflow: hidden;
  950. }
  951.  
  952. .video-container iframe,  
  953. .video-container object,  
  954. .video-container embed {
  955.     position: absolute;
  956.     top: 0;
  957.     left: 0;
  958.     width: 100%;
  959.     height: 100%;
  960. }
  961.  
  962.  
  963.  
  964.  
  965. /* POST INFORMATION */
  966.  
  967. .permalinkbar {
  968.     margin-top:22px;
  969.     margin-bottom:80px;
  970.     background-color:#294375;
  971.     text-transform:uppercase;
  972.     color:#24262a;
  973. }
  974.  
  975.  
  976. .permalinkbuttons {
  977.     border-top:1px solid #959196;
  978.     border-bottom:1px solid #959196;
  979.     padding-top:4px;
  980.     padding-bottom:4px;
  981.     text-align:center;
  982.     margin: auto;
  983.     font-size:11px;
  984.     color:#cccccc!important;
  985. }
  986.  
  987.  
  988. .permalinkbuttons a {
  989.     text-align:center;
  990.     font-weight:bold;
  991.     font-weight:normal!important;
  992.     display:inline-block;
  993.     font-size:11px;
  994.     padding-right:17px;
  995.     color:#959196;
  996.     -moz-transition-duration:2s;
  997.     -webkit-transition-duration:2s;
  998.     -o-transition-duration:2s;
  999. }
  1000.  
  1001. .permalinkbuttons a:last-child{
  1002.     padding-right:0px;
  1003.     margin-right: 0px;
  1004. }
  1005.  
  1006.  
  1007. .permalinkbuttons a:hover {
  1008.     color:{color:links hover}!important;
  1009.     -moz-transition-duration:2s;
  1010.     -webkit-transition-duration:2s;
  1011.     -o-transition-duration:2s;
  1012. }
  1013.  
  1014.  
  1015. .tags2 {
  1016.     font-family: calibri!important;
  1017.     font-weight:bold!important;
  1018.     background-color:#transparent;
  1019.     color:#dcdcdc!important;
  1020.     text-transform:uppercase!important;
  1021.     font-style:normal;
  1022.     border-bottom:1px solid #eeeeee;
  1023.     line-height:130%!important;
  1024.     margin-bottom:5px;
  1025.     font-size:8.6px;
  1026.     text-align:justify;
  1027.     text-align-last: center;
  1028.     -moz-text-align-last: center;
  1029.     margin-top:0px;
  1030.     padding-top:10px;
  1031.     padding-bottom:10px;
  1032.     padding-left:20px;
  1033.     padding-right:20px;
  1034.     -moz-transition-duration:2s;
  1035.     -webkit-transition-duration:0.2
  1036. }
  1037.    
  1038.    
  1039. .tags2 a {
  1040.     font-weight:bold!important;
  1041.     font-size:8.6px!important;
  1042.     text-transform:uppercase!important;
  1043.     font-family: calibri!important;
  1044.     color:#dcdcdc!important;
  1045.     -moz-transition-duration:2s;
  1046.     -webkit-transition-duration:0.2
  1047. }
  1048.  
  1049.  
  1050. .tags2 a:hover {
  1051.     color:{color:links hover}!important;
  1052.     -moz-transition-duration:2s;
  1053.     -webkit-transition-duration:0.2
  1054. }
  1055.  
  1056.  
  1057. /* PERMAPAGE NOTES */
  1058.  
  1059.    
  1060. .notes {
  1061.     text-transform:normal;
  1062.     font-style:normal;
  1063.     font-size: 10px;
  1064.     letter-spacing:-0.20px;
  1065.     text-align:left;
  1066.     margin-left:-63px;
  1067. }
  1068.  
  1069.    
  1070. .note li {
  1071.     opacity:.9;
  1072.     list-style-type:none;
  1073.     padding:7px 25px 7px 25px;
  1074.     text-align:left;
  1075.     margin:0px;
  1076.     -moz-transition-duration:0.5s;
  1077.     -webkit-transition-duration:0.5s;
  1078.     -o-transition-duration:0.5s;
  1079. }
  1080.  
  1081. .note blockquote {
  1082.     padding-top:3px;
  1083.     padding-bottom:3px;
  1084.     padding-left:10px;
  1085.     padding-right:10px;
  1086.     width:100%;
  1087.     margin-top:9px;
  1088.     margin-bottom:4px;
  1089. }    
  1090.  
  1091.    
  1092. .note img.avatar {
  1093.     width: 0px;
  1094.     height: 0px;
  1095. }
  1096.  
  1097.    
  1098. .note li a {    
  1099.     font-family:calibri!important;
  1100.     font-size:9px!important;
  1101.     padding-right:2px;
  1102.     font-weight:normal;
  1103.     text-transform:uppercase;
  1104.     letter-spacing:0px;
  1105.     color: {color:bold};
  1106. }    
  1107.  
  1108.  
  1109.  
  1110. #credit {
  1111.     position:fixed;
  1112.     bottom:30px;
  1113.     right:30px;
  1114.     width:10px;
  1115.     height:13px;
  1116.     word-wrap:break-word;
  1117.     overflow:hidden;
  1118.     -webkit-transition:all 1s ease;
  1119.     -moz-transition:all 1s ease;
  1120.     -o-transition:all 1s ease;
  1121.     transition:all 1s ease-in-out;
  1122.     z-index:9999999999999999;
  1123. }
  1124.  
  1125. #credit a {
  1126.     color:{color:body text};
  1127.     text-transform:uppercase;
  1128.     font-size:10px;
  1129.     z-index:9999999999999999999;
  1130. }
  1131.  
  1132. #credit:hover {width:84px;}
  1133.  
  1134. #credit span {
  1135.     color:{color:body text};
  1136.     margin-right:5px;
  1137.     font-size:11px;
  1138. }
  1139.  
  1140.  
  1141. /* ADDITIONS - NAVIGATION */
  1142.  
  1143. /*The header of each part of the navigation*/
  1144. .navi_linksu h3 {
  1145.     font-size:22px;
  1146.     margin-bottom:-5px;
  1147.     border:none;
  1148.     color: #c25533; /*color of header*/
  1149.     font-family: 'selima';
  1150.     font-weight:normal;
  1151.     letter-spacing:1px;
  1152.     text-transform:lowercase;
  1153.     background:transparent;
  1154. }
  1155.  
  1156. .navi_linksu {
  1157.         text-align:center;
  1158.   }
  1159.    
  1160. .navi_linksu a {
  1161.     display: inline-block;
  1162.     width: 120px;
  1163.     padding: 5px;
  1164.     margin:5px;
  1165.     font-size:11px;
  1166.     background-image: url('');
  1167.     background:transparent; /*color of navigation links background*/
  1168.     background-repeat:repeat;
  1169.     background-attachment:fixed;
  1170.     color:#c25533;
  1171.     font-family:calibri;
  1172.     text-transform:uppercase;
  1173.  
  1174.    
  1175. }
  1176.  
  1177. .navi_linksu a:hover {
  1178.     -webkit-transition: all .5s ease-in-out;
  1179.     -moz-transition: all .5s ease-in-out;
  1180.     -ms-transition: all .5s ease-in-out;
  1181.     -o-transition: all .5s ease-in-out;
  1182.     transition: all .5s ease-in-out;
  1183.     color:#c25533; /*color of links on hover*/
  1184. }
  1185.  
  1186.  
  1187.  
  1188. </style>
  1189. </head>
  1190.  
  1191.  
  1192.  
  1193. <body>
  1194.  
  1195. <!-- TOP BAR -->
  1196.  
  1197. <div id="topbar"></div>
  1198.  
  1199. <div id="sidebar2">
  1200.  
  1201. <div id="sideheader2">{text:Header}</div>
  1202.  
  1203.  
  1204. <div id="sidelinks2">
  1205. <a href="/">REFRESH.</a>
  1206. <a href="/ask">ASKBOX.</a>
  1207. <a href="/laws">RULES.</a>
  1208. <a href="/navigation">NAVIGATION.</a>
  1209. </div id="sidelinks2">
  1210. </div id="sidebar2">
  1211. <!-- SIDE BAR -->
  1212.  
  1213. <div id="sidebar">
  1214.  
  1215. <div id="description">
  1216. </div id="description">
  1217.  
  1218.  
  1219.    
  1220. <div id="pagination">
  1221. <div class="pages">
  1222. {block:IndexPage}
  1223. {block:Pagination}
  1224. {block:PreviousPage}
  1225. <a href="{PreviousPage}">RETURN.</a>
  1226. {/block:PreviousPage}
  1227.  
  1228. {block:NextPage}
  1229. <a href="{NextPage}">PROCEED.</a>
  1230. {/block:NextPage}
  1231. {/block:Pagination}
  1232. {/block:IndexPage}
  1233.  
  1234. {block:PermalinkPagination}
  1235. {block:PreviousPost}
  1236. <a href="{PreviousPost}">RETURN.</a>
  1237. {/block:PreviousPost}
  1238.  
  1239. {block:NextPost}
  1240. <a href="{NextPost}">PROCEED.</a>
  1241. {/block:NextPost}
  1242. {/block:PermalinkPagination}
  1243.  
  1244. </div class="pages">
  1245. </div id="pagination">
  1246.  
  1247.    
  1248. </div id="sidebar">
  1249.  
  1250.  
  1251.  
  1252. <!-- POSTS -->
  1253.  
  1254.  
  1255. <div id="container">
  1256. <div id="posts" id="{PostID}">
  1257. {block:Posts}
  1258.  
  1259.  
  1260.  
  1261.  
  1262. <!-- POSTS: TEXT -->
  1263.    
  1264. {block:Title}
  1265. <h1>{Title}&nbsp;</h1>
  1266. {/block:Title}
  1267. {block:Text}
  1268. {Body}
  1269. {/block:Text}
  1270.  
  1271.  
  1272.  
  1273.  
  1274. <!-- POSTS: PHOTO/SET -->
  1275.      
  1276. {block:Photo}{LinkOpenTag}
  1277. <img src="{PhotoURL-HighRes}">{LinkCloseTag}<p>
  1278. {block:Caption}{Caption}{/block:Caption}
  1279. {/block:Photo}
  1280.  
  1281.  
  1282. {block:Photoset}
  1283. {Photoset}</center><p>
  1284. {block:Caption}{Caption}{/block:Caption}
  1285. {/block:Photoset}
  1286.  
  1287.  
  1288.  
  1289.  
  1290.  
  1291. <!-- POSTS: QUOTE -->
  1292.  
  1293. {block:Quote}
  1294. <div id="quote">“{Quote}”
  1295. <div class="source">{Source}
  1296. </div class="source">
  1297. </div id="quote">
  1298. {/block:Quote}
  1299.  
  1300.  
  1301.  
  1302.  
  1303. <!-- POSTS: LINK -->  
  1304.      
  1305. {block:Link}
  1306. <div id="link">
  1307. <a href="{URL}" {Target}>{Name}&nbsp;&nbsp; ►</a>
  1308. </div id="link">
  1309. {/block:Link}
  1310.  
  1311.  
  1312.  
  1313.  
  1314.  
  1315. <!-- POSTS: CHAT -->
  1316.      
  1317. {block:Chat}
  1318. {block:Lines}
  1319. <div id="{Alt}">
  1320. {block:Label}<b>{Label}</b>{/block:Label}
  1321. {Line}
  1322. </div id="{Alt}"
  1323. {/block:Lines}
  1324. {/block:Chat}
  1325.  
  1326.  
  1327.  
  1328. <!-- POSTS: AUDIO -->
  1329.  
  1330. {block:Audio}
  1331.  
  1332. <div id="audio">
  1333. <div class="player">
  1334.  
  1335. <div class="audioplayer">
  1336. {AudioPlayerWhite}
  1337. </div class="audioplayer">
  1338.  
  1339. </div class="player">
  1340.  
  1341. <div class="audioinfo">
  1342. {block:TrackName}{TrackName}{/block:TrackName} — {block:Artist}{Artist}{/block:Artist}
  1343. </div class="audioinfo">
  1344.  
  1345. </div id="audio">
  1346.  
  1347. {block:Caption}
  1348. <div class="cap">{Caption}
  1349. </div class="cap">
  1350. {/block:Caption}
  1351. {/block:Audio}
  1352.  
  1353.  
  1354.  
  1355.  
  1356.  
  1357. <!-- POSTS: VIDEO -->
  1358.  
  1359. {block:Video}
  1360. <div class="video-container">
  1361. {Video-400}
  1362. {block:Caption}{Caption}{/block:Caption}
  1363. </div class="video-container">
  1364. {/block:Video}
  1365.  
  1366.  
  1367.  
  1368. <!-- POSTS: ASK -->
  1369.  
  1370.  
  1371. {block:Answer}
  1372. <div id="ask">
  1373. <div id="asker">
  1374. {Asker} has requested an audience:
  1375. </div id="asker">
  1376. {Question} </div>
  1377. {Answer}
  1378. {/block:Answer}
  1379.      
  1380.  
  1381. <!-- POST INFORMATION -->
  1382.  
  1383.  
  1384. {block:Date}
  1385. <div class="permalinkbar">
  1386. <div class="permalinkbuttons">
  1387. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>
  1388.  
  1389. <a href="{Permalink}">{NoteCountwithLabel}</a>
  1390.  
  1391. <a href="#" class="tags1">SEE TAGS</a>
  1392.  
  1393. {block:RebloggedFrom}
  1394. <a href="{ReblogParentURL}" title="{ReblogParentName}">VIA/ORIGINS</a>
  1395. {/block:RebloggedFrom}
  1396.  
  1397. <a href="{ReblogURL}" target="_blank">REBLOG</a>
  1398. </div class="permalinkbuttons">
  1399.  
  1400.  
  1401. <div class="tags2">{block:HasTags}<i>Tagged with:</i>&nbsp;&nbsp;{block:Tags}<a href="{TagURL}"> {Tag}.&nbsp;&nbsp;</a>{/block:Tags}{/block:PermalinkPage}{/block:HasTags}</div>
  1402.  
  1403. </div class="permalinkbar">
  1404. {/block:Date}
  1405.  
  1406.  
  1407. <div class="note">
  1408. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1409. </div class="note">
  1410.  
  1411. {/block:Posts}
  1412. </div>
  1413.  
  1414. </div id="container">
  1415. </div id="posts" id="{PostID}">
  1416.  
  1417.  
  1418. {block:ContentSource}
  1419. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1420. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1421. {/block:SourceLogo}
  1422. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1423. {/block:ContentSource}
  1424.  
  1425.  
  1426.  
  1427.  
  1428. <!-- CREDIT -->
  1429.  
  1430. <div id="credit">
  1431. <div style="width:105px;margin-right:15px;margin-bottom:15">
  1432. <a href="https://iniziare.tumblr.com/post/174950262252/theme-sleeping-at-last-live-preview-in-use" target="blank">
  1433. <span>S.</span>MADE BY SAE.</a>
  1434. </div style>
  1435. </div id="credit">
  1436.  
  1437.  
  1438.  
  1439. </body>
RAW Paste Data
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
 
Top