daily pastebin goal
64%
SHARE
TWEET

Untitled

DeathJ Apr 22nd, 2018 55 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.   <meta charset="utf-8">
  5.   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">
  7.   <title>{Title}{block:PostSummary} &mdash; {PostSummary}{/block:PostSummary}</title>
  8.  
  9.   <script type="text/javascript"
  10. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  11. <script>
  12. $(document).ready(function() {
  13. //
  14. $('a.poplight[href^=#]').click(function() {
  15. var popID = $(this).attr('rel');
  16. var popURL = $(this).attr('href'); //Get Popup href to define size
  17. var query= popURL.split('?');
  18. var dim= query[1].split('&');
  19. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  20. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  21. var popMargTop = ($('#' + popID).height() + 80) / 2;
  22. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  23. //Apply Margin to Popup
  24. $('#' + popID).css({
  25. 'margin-top' : -popMargTop,
  26. 'margin-left' : -popMargLeft
  27. });
  28. $('body').append('<div id="fade"></div>');
  29. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  30. return false;
  31. });
  32. $('a.close, #fade').live('click', function() {
  33. $('#fade , .popup_block').fadeOut(function() {
  34. $('#fade, a.close').remove(); //fade them both out
  35. });
  36. return false;
  37. });
  38. });
  39. </script>
  40.  
  41.  
  42.  
  43.   {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  44.  
  45.   <link rel="apple-touch-icon" href="{PortraitURL-128}">
  46.  
  47.   <link rel="shortcut icon" href="{Favicon}">
  48.  
  49.   <link rel="canonical" href="{block:IndexPage}{BlogURL}{/block:IndexPage}{block:PermalinkPage}{Permalink}{/block:PermalinkPage}">
  50.  
  51.   <link rel="alternate" type="application/rss+xml" href="{RSS}">
  52. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  53.  
  54.   {block:Hidden}
  55.     <!--
  56.       Tumblr related theme options should live the 'Hidden' block. The meta tags will not be rendered by the browser but still read by Tumblr.
  57.       https://www.tumblr.com/docs/en/custom_themes#theme-options
  58.      -->
  59.   {/block:Hidden}
  60.  
  61.  
  62. <!--------default variables-------->
  63. <meta name="color:background" content="#262626"/>
  64.  
  65.   <!------------------------TOOLTIPS SCRIPT--------------------->
  66.  
  67. <link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  68. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  69. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  70. <script>
  71. (function($){
  72. $(document).ready(function(){
  73. $("[title]").style_my_tooltips({
  74. tip_follows_cursor:true,
  75. tip_delay_time:200,
  76. tip_fade_speed:300
  77. });
  78. });
  79. })(jQuery);
  80. </script>
  81. <link href="https://fonts.googleapis.com/css?family=Berkshire+Swash|Gamja+Flower|Pacifico|Playfair+Display" rel="stylesheet">
  82.  
  83.  
  84. <link href="https://fonts.googleapis.com/css?family=Cinzel+Decorative|Kalam|Merienda+One|Norican" rel="stylesheet">
  85.  
  86. <link href="https://fonts.googleapis.com/css?family=IBM+Plex+Serif|Merriweather|Oswald" rel="stylesheet">
  87.  
  88. <!-------------------------------------------------------------------->
  89.  
  90.  
  91.   <style type="text/css">
  92.  
  93.   /*----------scrollbar---------*/
  94.  
  95. #s-m-t-tooltip {
  96. width:100px;
  97. margin:15px;
  98. padding:5px;
  99. }
  100.  
  101.  
  102. ::-webkit-scrollbar-thumb:vertical {
  103.                
  104.                 border:0px solid #ae9fa7        ;
  105.                 background-color:#400 ;
  106.                 }
  107.             ::-webkit-scrollbar-thumb:horizontal {
  108.                 background-color:#400  ;
  109.                 }
  110.             ::-webkit-scrollbar {
  111.                 width:0px;
  112.  
  113.                 border:10px  ;
  114.                
  115.      
  116.  
  117.                 }
  118.             ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
  119.                 display:block;
  120.                 height:8px;
  121.                 background-color:#400px  ;
  122.                 }
  123.                
  124. /*----------body and text---------*/                
  125.  
  126.         body {
  127.                 background: {color:Background}
  128.                 url('https://i.imgur.com/PgttocI.gif')
  129.                 fixed; background-size: no-repeat;
  130.                 background-repeat: no-repeat;
  131.                 background-attachment:top left;
  132.                 font-family: 'IBM Plex Serif', serif;
  133.                 font-size:12px;
  134.                 font-weight:bold;
  135.                 color: #cd7576;
  136.                 text-align: left;
  137.                 position: absolute;
  138.             }
  139.            
  140.             blockquote {
  141.                       width:91%;
  142.             margin-bottom:10px;
  143.             padding:0px 10px 0px 15px;
  144.             margin-left:0px;
  145.             border-left:1px broken #afafaf
  146.              
  147.                         }
  148.            
  149.              b, strong {
  150.                 font-family: 'Oswald', sans-serif;
  151.                 font-size:14px;
  152.                 text-align:center;
  153.                 font-size: 15px;
  154.                 line-height:10px;
  155.                 text-shadow: 0px 2px 5px #000;
  156.                 letter-spacing:2px;
  157.                 color: #ee7b7b            ;  /* font color */
  158.                             }
  159.            
  160.              i, em {
  161.                 text-transform:italic;
  162.                 color:#eee      ;
  163.                 font-size:15px;
  164.               font-family: 'Berkshire Swash', cursive;
  165.  
  166.                 text-shadow: 1px 2px 2px #000;
  167.                      }
  168.              
  169.        a {
  170.                 font-family: 'Merriweather', serif;
  171.                 text-decoration:none;
  172.                 color:#fff;
  173.                 text-transform:lowercase;
  174.                 font-size:15px;
  175.                  text-shadow: 0px 2px 5px #000;
  176.                 -moz-transition-duration:0.5s;
  177.                 -webkit-transition-duration:0.5s;
  178.                 -o-transition-duration:0.5s;
  179.             }
  180.              
  181.          a:hover {
  182.                     text-decoration:none;
  183.                     outline:none;
  184.                     -moz-outline-style:none;
  185.                     color:white;
  186.                     font-size : 18px;
  187.                          }
  188.                      
  189.          img {
  190.                     opacity:1;
  191.                     text-decoration:none;
  192.                 }
  193.                      
  194.         h1 {
  195.                 font-size:15px;
  196.                 font-weight:bold;
  197.                 text-shadow: 1px 1px 0px black;
  198.         }
  199.        
  200.          small, sup
  201.          {
  202.              font-size: 12px;
  203.          }
  204.          
  205.          h3 {
  206.  
  207.                     text-transform:uppercase;
  208.                     font-family: 'Merriweather', serif;
  209.                 text-decoration:none;
  210.                 color:#fff;
  211.                 text-transform:lowercase;
  212.                 font-size:15px;
  213.                  text-shadow: 0px 2px 5px #000;
  214.                 -moz-transition-duration:0.5s;
  215.                 -webkit-transition-duration:0.5s;
  216.                 -o-transition-duration:0.5s;
  217.                     background-image:url('https://i.imgur.com/RXYH9qM.gif');
  218.                 }    
  219.            
  220. /*----------theme and entries---------*/  
  221.  
  222.     #theme {
  223.                 z-index:9;
  224.                 opacity:1;
  225.                 position:fixed;
  226.                 background-color:#ffffff;
  227.                 height:383px;
  228.                 width:282px;
  229.                 top: 70px;
  230.                 left:295px;
  231.                 margin:0px 0px;
  232.                 margin-left:5px;
  233.                 margin-top:5px;
  234.                 margin-bottom:40px;
  235.                 overflow-x:hidden;
  236.                 overflow-y:auto;
  237.                     -moz-transition-duration:0.9s;
  238.                     -webkit-transition-duration:0.9s;
  239.                     -o-transition-duration:0.9s;
  240.                      
  241.              
  242.    }
  243.  
  244.         #theme:hover {
  245.            opacity:1;
  246.            -moz-transition-duration:1s;
  247.            -webkit-transition-duration:1s;
  248.            -o-transition-duration:1s;
  249.         }
  250.  
  251.         .posts {
  252.  
  253.                      width:250px;
  254.                      padding-bottom:60px;
  255.                                 margin-bottom:20px;
  256.                      margin-top:20px;
  257.                      padding:5px;
  258. }
  259.  
  260.         .entries {
  261.  
  262.                
  263.                        background-color:#000000;
  264.                        text-align:left;
  265.                        border: px solid #424242;
  266.                        z-index:1;
  267.                        overflow-x:hidden;
  268.                        overflow-y:auto;
  269.                                   margin-bottom:20px;
  270.                        margin-left:3px;
  271.                        opacity:0;
  272.                        padding:5px;
  273.                        overflow:auto;
  274.                          -moz-transition:all ease-in-out 0.6s;
  275.                          -webkit-transition:all ease-in-out 0.6s;
  276.                          -o-transition:all ease-in-out 0.6s;
  277.                            transition:all ease-in-out 0.6s;
  278.  
  279. }
  280.  
  281.             .entries:hover {
  282.            
  283.                opacity:1;
  284.                        -moz-transition:all ease-in-out 0.6s;
  285.                -webkit-transition:all ease-in-out 0.6s;
  286.                -o-transition:all ease-in-out 0.6s;
  287.                transition:all ease-in-out 0.6s;
  288.             }
  289.            
  290.         img {
  291.          
  292.             max-width:300px!important;
  293.             max-height:300px!important;
  294.             }
  295.  
  296.         img:hover {
  297.             -webkit-filter: grayscale(0%);
  298.             z-index: -9999999999999999999999999px;
  299.             -webkit-transition: all 0.9s ease-in-out;
  300.             -moz-transition: all 0.9s ease-in-out;
  301.             -o-transition: all 0.9s ease-in-out;
  302.             -ms-transition: all 0.9s ease-in-out;
  303.             transition: all 0.9s ease-in-out;
  304.             }      
  305.          blockquote img, blockquote figure {
  306.             max-width:100%;
  307.             height:auto;
  308. }
  309.  
  310.      /*----------post info---------*/
  311.  
  312. .info {
  313.  
  314.         color:#e6e6e6;
  315.         text-shadow:1px 1px 0px #000,
  316.         font-size:14px;
  317.         font-family: 'Merienda One', cursive;
  318.         text-align:center;
  319.         padding:5px;
  320.         background: #000;
  321.         background-image:url('https://i.imgur.com/RXYH9qM.gif');
  322.         background-repeat:repeat;
  323.         padding:2px;
  324.         color:#ffffff;
  325.         border: 1px solid #717171;
  326.         border-bottom-left-radius: 15px;
  327.         border-top-left-radius: 15px;
  328.            text-transform: uppercase;
  329.            -moz-transition-duration:0.2s;
  330.            -webkit-transition-duration:0.2s;
  331.            -o-transition-duration:0.2s;
  332.     }
  333.        
  334.  
  335.    
  336.  
  337. .tags {
  338.         margin-top:5px;
  339.         font-size:10px;
  340.         letter-spacing:1px;
  341.         text-shadow: 1px 1px 7px black;
  342.         text-align:center;
  343.         padding:2px;
  344. }
  345.  
  346. .tags a {
  347.         margin-right:8px;
  348.         font-size:10px;
  349.  
  350.  
  351. }
  352.  
  353. .tags hover {
  354.         font-size : 12px;
  355.         color:#eeeeee;
  356.  
  357.    
  358.    
  359. }
  360.  
  361. /*----------post notes---------
  362.  
  363. #links {
  364.   position:fixed;
  365.                font-family: "Times New Roman", Georgia, Serif;
  366.  
  367.                color:black      ;
  368.                width:30px;
  369.                   top:202px;
  370.                  left:335px;
  371.                font-size:25px;
  372.                text-transform:uppercase;
  373.                text-align:center;
  374.                font-style:bold;
  375.                line-height:280%;
  376.                
  377.  
  378. }
  379. #links a{
  380.  
  381.                color:black;
  382. }
  383.  
  384. */
  385.  
  386. /*----------dinks ASK---------*/ ASK
  387.  
  388. #dinks {
  389.    position:fixed;
  390.                font-family: "Times New Roman", Georgia, Serif;
  391.  
  392.                color:#000000      ;
  393.                width:30px;
  394.  
  395.                text-transform:uppercase;
  396.                text-align:center;
  397.                font-style:bold;
  398.                line-height:280%;
  399.  
  400.  
  401. }
  402.  
  403. #dinks a{
  404.                  font-family: "Times New Roman", Georgia, Serif;
  405.     line-height:150%;
  406.     padding:1px;
  407.     margin-top:1px;
  408.     margin-left:30px;
  409.     color:#eee      
  410.     position:absolute;
  411.     position:fixed;
  412.      opacity:0.95;
  413.     filter: blur(1px);
  414.      -webkit-animation-name: cinks;
  415.     -webkit-animation-duration:5s;
  416.     -webkit-animation-iteration-count:infinite;
  417.     -webkit-animation-timing-function:ease-in-out;
  418.     -moz-animation-name: cinks;
  419.     -moz-animation-duration:5s;
  420.     -moz-animation-iteration-count:infinite;
  421.     -moz-animation-timing-function:ease-in-out;
  422.                       font-size:45px;
  423.                       top: 50px;
  424.                  left:650px;
  425.  
  426.  
  427.  
  428. }
  429.  
  430. @-webkit-keyframes dinks{
  431.         from {-webkit-transform: scale(0.95);}
  432.         50% {-webkit-transform: scale(1.0);}
  433.         to {-webkit-transform: scale(0.95);}  
  434.     }
  435.        
  436.     @-moz-keyframes dinks{
  437.         from {-webkit-transform: scale(0.95);}
  438.         100% {-webkit-transform: scale(1.0);}
  439.         to {-webkit-transform: scale(0.95);}    
  440.     }
  441.  
  442. #dinks a:hover {
  443.         opacity:1;
  444.                    -moz-transition-duration:.5s;
  445.                    -webkit-transition-duration:.5s;
  446.                    -o-transition-duration:.5s;
  447.                      -webkit-filter: blur(0px);
  448.                    filter: blur(0px);
  449. }  
  450.  
  451.  
  452.  
  453.                    
  454.                    
  455.   /*----------cinks---------*/                
  456. #cinks {
  457.   position:fixed;
  458.                font-family: "Times New Roman", Georgia, Serif;
  459.  
  460.                color:#000000      ;
  461.                width:30px;
  462.  
  463.                text-transform:uppercase;
  464.                text-align:center;
  465.                font-style:bold;
  466.                line-height:280%;  
  467.  
  468. }
  469.  
  470. #cinks a {
  471.                  font-family: "Times New Roman", Georgia, Serif;
  472.     line-height:150%;
  473.     padding:1px;
  474.     margin-top:1px;
  475.     margin-left:30px;
  476.     color:#eee      
  477.     position:absolute;
  478.     position:fixed;
  479.      opacity:0.95;
  480.     filter: blur(1px);
  481.      -webkit-animation-name: cinks;
  482.     -webkit-animation-duration:5s;
  483.     -webkit-animation-iteration-count:infinite;
  484.     -webkit-animation-timing-function:ease-in-out;
  485.     -moz-animation-name: cinks;
  486.     -moz-animation-duration:5s;
  487.     -moz-animation-iteration-count:infinite;
  488.     -moz-animation-timing-function:ease-in-out;
  489.                       font-size:45px;
  490.                       top: 100px;
  491.                  left:750px;
  492.  
  493.  
  494. }
  495. @-webkit-keyframes cinks{
  496.         from {-webkit-transform: scale(0.95);}
  497.         50% {-webkit-transform: scale(1.0);}
  498.         to {-webkit-transform: scale(0.95);}  
  499.     }
  500.        
  501.     @-moz-keyframes cinks{
  502.         from {-webkit-transform: scale(0.95);}
  503.         100% {-webkit-transform: scale(1.0);}
  504.         to {-webkit-transform: scale(0.95);}    
  505.     }
  506.  
  507. #cinks a:hover {
  508.                      opacity:1;
  509.                    -moz-transition-duration:.5s;
  510.                    -webkit-transition-duration:.5s;
  511.                    -o-transition-duration:.5s;
  512.                      -webkit-filter: blur(0px);
  513.                    filter: blur(0px);
  514. }  
  515.  
  516.                  
  517.  
  518.  /*----------ninks---------*/
  519.  
  520. #ninks {
  521.   position:fixed;
  522.                font-family: "Times New Roman", Georgia, Serif;
  523.  
  524.                color:#000000      ;
  525.                width:30px;
  526.                text-transform:uppercase;
  527.                text-align:center;
  528.                font-style:bold;
  529.                line-height:280%;
  530.  
  531.  
  532.  
  533. }
  534.  
  535. #ninks a {
  536.                            font-family: "Times New Roman", Georgia, Serif;
  537.     line-height:150%;
  538.     padding:1px;
  539.     margin-top:1px;
  540.     margin-left:30px;
  541.     color:#eee      
  542.     position:absolute;
  543.     position:fixed;
  544.      opacity:0.95;
  545.     filter: blur(1px);
  546.      -webkit-animation-name: ninks;
  547.     -webkit-animation-duration:5s;
  548.     -webkit-animation-iteration-count:infinite;
  549.     -webkit-animation-timing-function:ease-in-out;
  550.     -moz-animation-name: ninks;
  551.     -moz-animation-duration:5s;
  552.     -moz-animation-iteration-count:infinite;
  553.     -moz-animation-timing-function:ease-in-out;
  554.                       font-size:45px;
  555.                       top: 150px;
  556.                  left:700px;
  557.  
  558.  
  559. }
  560. @-webkit-keyframes ninks{
  561.         from {-webkit-transform: scale(0.95);}
  562.         50% {-webkit-transform: scale(1.0);}
  563.         to {-webkit-transform: scale(0.95);}  
  564.     }
  565.        
  566.     @-moz-keyframes ninks{
  567.         from {-webkit-transform: scale(0.95);}
  568.         100% {-webkit-transform: scale(1.0);}
  569.         to {-webkit-transform: scale(0.95);}    
  570.     }
  571.  
  572. #ninks a:hover {
  573.                      opacity:1;
  574.                    -moz-transition-duration:.5s;
  575.                    -webkit-transition-duration:.5s;
  576.                    -o-transition-duration:.5s;
  577.                      -webkit-filter: blur(0px);
  578.                    filter: blur(0px);
  579. }  
  580.  
  581.  
  582.                    
  583.  /*----------sinks---------*/
  584.  
  585.  #sinks {
  586.   position:fixed;
  587.                font-family: "Times New Roman", Georgia, Serif;
  588.  
  589.                color:#000000      ;
  590.                width:30px;
  591.  
  592.                font-size:25px;
  593.                text-transform:uppercase;
  594.                text-align:center;
  595.                font-style:bold;
  596.                line-height:280%;
  597.  
  598.  
  599. }
  600.  
  601. #sinks a {
  602.                            font-family: "Times New Roman", Georgia, Serif;
  603.     line-height:150%;
  604.     padding:1px;
  605.     margin-top:1px;
  606.     margin-left:30px;
  607.     color:#eee      
  608.     position:absolute;
  609.     position:fixed;
  610.      opacity:0.95;
  611.     filter: blur(1px);
  612.      -webkit-animation-name: sinks;
  613.     -webkit-animation-duration:5s;
  614.     -webkit-animation-iteration-count:infinite;
  615.     -webkit-animation-timing-function:ease-in-out;
  616.     -moz-animation-name: sinks;
  617.     -moz-animation-duration:5s;
  618.     -moz-animation-iteration-count:infinite;
  619.     -moz-animation-timing-function:ease-in-out;
  620.                       font-size:45px;
  621.                       top: 220px;
  622.                  left:735px;
  623.  
  624. }
  625.  
  626. @-webkit-keyframes sinks{
  627.         from {-webkit-transform: scale(0.95);}
  628.         50% {-webkit-transform: scale(1.0);}
  629.         to {-webkit-transform: scale(0.95);}  
  630.     }
  631.        
  632.     @-moz-keyframes sinks{
  633.         from {-webkit-transform: scale(0.95);}
  634.         100% {-webkit-transform: scale(1.0);}
  635.         to {-webkit-transform: scale(0.95);}    
  636.     }
  637.  
  638. #sinks a:hover {
  639.                      opacity:1;
  640.                    -moz-transition-duration:.5s;
  641.                    -webkit-transition-duration:.5s;
  642.                    -o-transition-duration:.5s;
  643.                      -webkit-filter: blur(0px);
  644.                    filter: blur(0px);
  645. }  
  646.  
  647.                    
  648.                   /*----------ainks---------*/
  649.                    
  650.  
  651.  
  652. #ainks {
  653.   position:fixed;
  654.               font-family: 'Cinzel Decorative', cursive;
  655.  
  656.                color:#000000      ;
  657.                width:200px;
  658.                text-transform:uppercase;
  659.                text-align:center;
  660.                font-style:bold;
  661.                line-height:280%;
  662.                -ms-transform: rotate(5deg); /* IE 9 */
  663.     -webkit-transform: rotate(7deg); /* Safari 3-8 */
  664.     transform: rotate(5deg);
  665.  
  666.  
  667. }
  668.  
  669. #ainks a {
  670.                           font-family: 'Cinzel Decorative', cursive;
  671.     line-height:150%;
  672.     padding:1px;
  673.     margin-top:1px;
  674.     margin-left:30px;
  675.     color:#eee      
  676.     position:absolute;
  677.     position:fixed;
  678.      opacity:0.95;
  679.      width:400px;
  680.      -webkit-animation-name: sinks;
  681.     -webkit-animation-duration:5s;
  682.     -webkit-animation-iteration-count:infinite;
  683.     -webkit-animation-timing-function:ease-in-out;
  684.     -moz-animation-name: sinks;
  685.     -moz-animation-duration:5s;
  686.     -moz-animation-iteration-count:infinite;
  687.     -moz-animation-timing-function:ease-in-out;
  688.                                   font-size:25px;
  689.                       top: -20px;
  690.                  left:300px;
  691.  
  692.  
  693.  
  694. }
  695.  
  696. @-webkit-keyframes ainks{
  697.         from {-webkit-transform: scale(0.95);}
  698.         50% {-webkit-transform: scale(1.0);}
  699.         to {-webkit-transform: scale(0.95);}  
  700.     }
  701.        
  702.     @-moz-keyframes ainks{
  703.         from {-webkit-transform: scale(0.95);}
  704.         100% {-webkit-transform: scale(1.0);}
  705.         to {-webkit-transform: scale(0.95);}    
  706.     }
  707.  
  708. #ainks a:hover {
  709.                   opacity:1;
  710.                    -moz-transition-duration:.5s;
  711.                    -webkit-transition-duration:.5s;
  712.                    -o-transition-duration:.5s;
  713.                      -webkit-filter: blur(0px);
  714.                    filter: blur(0px);
  715.                  
  716.                    }
  717.                    
  718. #sidethingy {
  719.     z-index: 1;
  720.     position:absolute;
  721.     left:140px;
  722.     top: 85px;
  723.     height:400px;
  724.     overflow-y:scroll;
  725.     overflow-x:hidden;
  726.     width:125px;
  727.     letter-spacing:1px;
  728.     font-size:8px !important;
  729.     text-align:justify;
  730.     border: px solid #424242;
  731.     color: #fff;
  732.     opacity:1;
  733.    
  734.    
  735.    
  736. }
  737. #sidethingy:hover {
  738.  
  739.      -webkit-filter:none;
  740.     -webkit-transition: all 0.6s ease-in-out;
  741.     opacity:1;
  742.     -webkit-transition: all 0.6s ease-in-out;
  743.     -moz-transition: all 0.6s ease-in-out;
  744.     -o-transition: all 0.6s ease-in-out;
  745.     -ms-transition: all 0.6s ease-in-out;
  746.     transition: all 0.6s ease-in-out; }
  747.  
  748.                    
  749.                  
  750. .credit {
  751. font-size:8px;
  752. position:fixed;
  753. font-weight:bold;
  754. bottom:5px;
  755. right:15px;
  756. z-index:10;
  757. text-align:right;
  758. letter-spacing:1px;
  759. padding:2px;
  760. border: 1px; solid black
  761. }
  762.  
  763.  
  764.                    
  765. .popup_block{
  766.     display:none;
  767.     background: url("");
  768.     background:transparent;
  769.     padding:20px;
  770.     float:left;
  771.     height: 460px;
  772.     width:280px;
  773.     top:390px;
  774.     left: 740px;
  775.     position:fixed;
  776.     z-index: 99999;
  777.  
  778. }
  779.    
  780. *html #fade {position: absolute;}
  781.  
  782.  
  783. *html .popup_block {position: absolute;}
  784. #fade {
  785.     display: none; /*--hidden by default--*/
  786.     position: fixed; left: 0; top: 0;
  787.     width: 100%; height: 100%;
  788.     opacity: .80;
  789.     z-index: 9999;
  790. }      
  791.  
  792.  
  793. #popupstuff {
  794.     width: 265px;
  795.     height:350px;
  796.     margin-top:0px;
  797.     margin-left:0px;
  798.     z-index:999;
  799.     padding: 5px;
  800.     position:fixed;
  801.     overflow-y:auto;
  802.     overflow-x:hidden;
  803.     padding-top:5px;
  804. }
  805.  
  806. #askpopup {
  807.     width: 255px;
  808.     height:311px;
  809.     margin-top:2px;
  810.     margin-left:3px;
  811.     z-index:9999999;
  812.     padding: 10px;
  813.     position:fixed;
  814.     color:#bababa;
  815.     overflow-y:auto;
  816.     text-transform:lowercase;
  817.     overflow-x:hidden;
  818.     padding-top:-20px;
  819.     text-align:justify;
  820. }
  821.  
  822.  
  823.  
  824.                
  825.   </style>
  826.  
  827.  
  828. </head>
  829. <body>
  830.  
  831.  
  832.  
  833.  
  834. <div class="credit">
  835. <a title=" background && coding done by Julie! If you'd like to order a commision then please message me!  " href="http://ignti.tumblr.com/" target="_blank">J .</a></div>
  836.  
  837. <div id="sinks"> <a href="#?w=480" rel="box3" class="poplight" title="A B O U T "> ☽</a></div>
  838.  
  839.  
  840. <div id="cinks">
  841. <a href="#?w=300" rel="rules" class="poplight" title=" R U L E S ">☽</a></div>
  842. </div>
  843.  
  844. <div id="ninks">
  845. <a href="#?w=480" rel="box4" class="poplight" title=" V E R S E S  ">☽</a></div>
  846. </div>
  847.  
  848. <div id="dinks">
  849. <a href="#?w=480" rel="askbox" class="poplight" title="  A S K B O X   ">☽</a></div>
  850. </div>
  851.  
  852. <div id="ainks">
  853.  
  854.  <a href="https://prettyguard.tumblr.com/" title="home! " >
  855. <img src="">In the name of the Moon! </a></div>
  856. </a><br>
  857.  
  858. </div>
  859.  
  860. <div id="sidethingy">
  861.  
  862. <center><h3> [Insert Title here] </h3> </center>
  863.       <center> independent and selective <em>Sailor Moon</em> roleplay blog. Tied to the <em> Sailor Moon Anime and Manga </em> </em> <br> <em> </em> <br> <em> Mutuals  based. <br> </em> </center>
  864. <br>
  865.  
  866. <br> <center><h3> [Insert 2nd Title Here] </h3> </center>
  867. <center> Adored by <em> [insert name] </em></center>
  868. <center> Established [date started].
  869. </center>
  870. </div>
  871.  
  872.  
  873.  
  874. <div id="theme">
  875.  
  876. <div id="entries">{block:Posts}
  877.  
  878. <div id="post">
  879.  
  880.  
  881.       {block:Text}
  882.       <br>
  883.         {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  884.         {block:Body}
  885.         <div class="body-text">
  886.           {Body}
  887.         </div>
  888.         {/block:Body}
  889.       {/block:Text}
  890.  
  891.       {block:Quote}
  892.         <blockquote class="words {Length}">&#8220;{Quote}&#8221;</blockquote>
  893.         {block:Source}<p class="source">&mdash; {Source}</p>{/block:Source}
  894.       {/block:Quote}
  895.  
  896.       {block:Link}
  897.         <h2><a href="{URL}" {Target}>{Name}</a></h2>
  898.         {block:Description}<div class="caption">{Description}</div>{/block:Description}
  899.       {/block:Link}
  900.  
  901.       {block:Audio}
  902.         {block:AlbumArt}<img src="{AlbumArtURL}" alt="">{/block:AlbumArt}
  903.         <div class="audio-player">
  904.           {block:AudioEmbed}
  905.             {AudioEmbed color="white"}
  906.           {/block:AudioEmbed}
  907.           {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  908.         </div>
  909.         {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  910.       {/block:Audio}
  911.  
  912.       {block:Photo}
  913.                 <div class="postPhoto">
  914.                         <img src="{PhotoURL-250}" alt="{PhotoAlt}"/>
  915.  
  916.                         {block:Caption}
  917.                             <div class="caption">{Caption}</div>
  918.                         {/block:Caption}
  919.                 </div>
  920.                 {/block:Photo}
  921.  
  922.      {block:Photoset}
  923.  
  924.                         {Photoset-250}{block:Caption}
  925.                             <div class="caption">{Caption}</div>
  926.                         {/block:Caption}
  927.  
  928.                 {/block:Photoset}
  929.  
  930.       {block:Panorama}
  931.         <figure{block:Caption} class="with-caption"{/block:Caption}>
  932.           {LinkOpenTag}<img src="{PhotoURL-Panorama}" width="{PhotoWidth-Panorama}" height="{PhotoHeight-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
  933.           {block:Caption}<figcaption class="caption">{Caption}</figcaption>{/block:Caption}
  934.         </figure>
  935.       {/block:Panorama}
  936.  
  937.       {block:Video}
  938.         <figure{block:Caption} class="with-caption"{/block:Caption}>
  939.           <div class="video-player">
  940.               {Video-250}
  941.           </div>
  942.           {block:Caption}<figcaption class="caption">{Caption}</figcaption>{/block:Caption}
  943.         </figure>
  944.       {/block:Video}
  945.  
  946.       {block:Chat}
  947.         {block:Title}<h2>{Title}</h2>{/block:Title}
  948.         <ul class="conversation">
  949.           {block:Lines}
  950.           <li class="line {Alt}">
  951.             {block:Label}<span class="person">{Label}</span>{/block:Label}
  952.             <span class="person-said">{Line}</span>
  953.           </li>
  954.           {/block:Lines}
  955.         </ul>
  956.       {/block:Chat}
  957.  
  958.       {block:Answer}
  959.         <section class="question">
  960.           <div class="asker"> <em> {lang:Asker asked}:</em></div>
  961.           <div class="asker-question">
  962.             {Question}
  963.           </div>
  964.         </section>
  965.         {block:Answerer}
  966.           <section class="answerer">
  967.            
  968.             <p>{lang:Answer} {Answerer}:</p>
  969.             <div class="answerer-answer">
  970.               {Answer}
  971.             </div>
  972.           </section>
  973.         {/block:Answerer}
  974.         <div class="replies">{Replies}</div>
  975.       {/block:Answer}
  976.  
  977.  
  978.  
  979.  
  980.     </article>
  981.  
  982. </div>
  983.  
  984. <div class="info">
  985. {block:Date}
  986. <b><a href="{Permalink}">{DayOfMonthWithZero}.{ShortMonth}.{ShortYear}</b></a>
  987. {/block:Date}
  988.  
  989. &nbsp;&nbsp;
  990. <a href="{Permalink}">{NoteCountWithLabel}</a>
  991. &nbsp;&nbsp;
  992.  
  993. {block:RebloggedFrom}
  994. <a href="{ReblogParentURL}" title="{ReblogParenttitle}">via </a>
  995. {block:ContentSource}
  996. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}">| src</a>
  997. {/block:ContentSource}
  998. {/block:RebloggedFrom}
  999.  
  1000. <a href="{ReblogURL}" target="_blank" class="details">| rb</a>
  1001.  
  1002.  
  1003. </div>
  1004. {block:HasTags}
  1005. <div class="tags">
  1006. {block:Tags}
  1007. <a href="{TagURL}">#{Tag}</a>
  1008. {/block:Tags}
  1009. </div>
  1010. {/block:HasTags}
  1011.     {/block:Posts}
  1012.  
  1013.     {block:PermalinkPagination}
  1014.     <div class="pagination">
  1015.       {block:PreviousPost}<a class="prev" href="{PreviousPost}">{lang:Previous post}</a>{/block:PreviousPost}
  1016.       {block:NextPost}<a class="next" href="{NextPost}">{lang:Next post}</a>{/block:NextPost}
  1017.     </div>
  1018.     {/block:PermalinkPagination}
  1019.  
  1020.     {block:Pagination}
  1021.     <div class="pagination">
  1022.       {block:PreviousPage}<a class="prev" href="{PreviousPage}">{lang:Previous}</a>{/block:PreviousPage}
  1023.  
  1024.       {block:JumpPagination length="5"}
  1025.         {block:CurrentPage}<span class="current-page">{PageNumber}</span>{/block:CurrentPage}
  1026.         {block:JumpPage}<a class="jump-page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  1027.       {/block:JumpPagination}
  1028.  
  1029.       {block:NextPage}<a class="next" href="{NextPage}">{lang:Next}</a>{/block:NextPage}
  1030.     </div>
  1031.     {/block:Pagination}
  1032.    
  1033.   </main>
  1034.  
  1035.    
  1036. </div>
  1037. </div>
  1038. </div>
  1039.  
  1040.  
  1041. </body>
  1042. <div id="askbox" class="popup_block">
  1043. <div style=" position:fixed;
  1044.                 background-color:#fff;
  1045.                height:386px;
  1046.                 width:287px;
  1047.                 top: 72px;
  1048.                 left:297px;">
  1049. <div id="popupstuff">
  1050.  
  1051. <center><h3> Tell me what you want ? </h3> </center>
  1052.  
  1053. <br>
  1054.  
  1055. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/prettyguard.tumblr.com" width="100%" style="height: 250px;"></iframe>
  1056.  
  1057. </div>
  1058. </div>
  1059. </div>
  1060.  
  1061.  
  1062. <div id="rules" class="popup_block">
  1063. <div style=" position:fixed;
  1064.                 background-color:#fff;
  1065.                height:386px;
  1066.                 width:287px;
  1067.                 top: 72px;
  1068.                 left:297px;">
  1069. <div id="popupstuff">
  1070.  
  1071.  
  1072. tbd.
  1073.  
  1074.  
  1075. </div>
  1076. </div>
  1077. </div>
  1078.  
  1079.  
  1080.  
  1081. <div id="box3" class="popup_block">
  1082. <div style=" position:fixed;
  1083.                 background-color:#fff;
  1084.                height:386px;
  1085.                 width:287px;
  1086.                 top: 72px;
  1087.                 left:297px;">
  1088. <div id="popupstuff">
  1089.  
  1090.  
  1091. tbd.
  1092.  
  1093.  
  1094.  
  1095. </div>
  1096. </div>
  1097. </div>
  1098. </div>
  1099.  
  1100.  
  1101.  
  1102. <div id="box4" class="popup_block">
  1103. <div style=" position:fixed;
  1104.                 background-color:#fff;
  1105.                height:386px;
  1106.                 width:287px;
  1107.                 top: 72px;
  1108.                 left:297px;">
  1109. <div id="popupstuff">
  1110.  
  1111. tbd.
  1112.  
  1113. </div>
  1114. </div>
  1115. </div>
  1116.  
  1117.  
  1118.  
  1119.  
  1120.  <div id="box5" class="popup_block">
  1121. <div style=" position:fixed;
  1122.                 background-color:#fff;
  1123.                height:386px;
  1124.                 width:287px;
  1125.                 top: 72px;
  1126.                 left:297px;">
  1127. <div id="popupstuff">
  1128.  
  1129. <br>
  1130.  
  1131. tbd.
  1132.  
  1133.  
  1134. </div>
  1135.  
  1136.  
  1137. </div>
  1138. </div>
  1139. </div>
  1140.  
  1141.  
  1142. </html>
RAW Paste Data
Top