API tools faq
paste
Advertisement
Sky_Blue

GOING GHOST 👻 theme

Sky_Blue
Feb 10th, 2021 (edited)
1,601
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 23.31 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5.  
  6. GOING GHOST 👻 THEME BY @PUELLA
  7.  
  8. go crazy go stupid
  9.  
  10. you can edit this theme but pls dont remove credit thank u
  11.  
  12. ghost: https://codepen.io/makan/pen/ByxGWr
  13.  
  14. ----->
  15.  
  16. <script type="text/javascript"
  17. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  18. <script>
  19. $(document).ready(function() {
  20. //
  21. $('a.poplight[href^=#]').click(function() {
  22. var popID = $(this).attr('rel'); //Get Popup Name
  23. var popURL = $(this).attr('href'); //Get Popup href to define size
  24. var query= popURL.split('?');
  25. var dim= query[1].split('&');
  26. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  27. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  28. var popMargTop = ($('#' + popID).height() + 80) / 2;
  29. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  30. //Apply Margin to Popup
  31. $('#' + popID).css({
  32. 'margin-top' : -popMargTop,
  33. 'margin-left' : -popMargLeft
  34. });
  35. $('body').append('<div id="fade"></div>');
  36. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  37. return false;
  38. });
  39. $('a.close, #fade').live('click', function() {
  40. $('#fade , .popup_block').fadeOut(function() {
  41. $('#fade, a.close').remove(); //fade them both out
  42. });
  43. return false;
  44. });
  45. });
  46. </script>
  47.  
  48. <meta charset="utf-8">
  49. <meta name="viewport" content="width=device-width, initial-scale=1">
  50. <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  51. {block:Description}
  52. <meta name="description" content="{MetaDescription}" />
  53. {/block:Description}
  54.    
  55. <title>{Title}</title>
  56.        
  57. <link rel="shortcut icon" href="{image:favicon}">
  58. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  59. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  60.  
  61. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  62.  
  63. {block:ifsmoothscrolling}
  64. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  65. {/block:ifsmoothscrolling}
  66.  
  67. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  68. <script src="https://static.tumblr.com/rtrqcib/VGGnlh8rf/jquery.style-my-tooltips.min.js"></script>
  69. <script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:100,tip_fade_speed:100,attribute:"title"});});})(jQuery);</script>
  70.  
  71. <link href="https://fonts.googleapis.com/css?family=Kosugi+Maru|Short+Stack" rel="stylesheet">
  72.        
  73. <meta name="image:favicon" content=""/>
  74. <meta name="image:icon" content=""/>
  75. <meta name="image:background" content=""/>
  76. <meta name="image:links menu image" content=""/>
  77. <meta name="image:control pixel" content=""/>
  78.  
  79. <meta name="color:background" content="#000"/>
  80. <meta name="color:post text" content="#000"/>
  81. <meta name="color:description text" content="#fff"/>
  82. <meta name="color:ghost" content="#FFF"/>
  83. <meta name="color:container background" content="#000"/>
  84. <meta name="color:post background" content="#fff"/>
  85. <meta name="color:tooltip background" content="#fff"/>
  86. <meta name="color:tooltip text" content="#000"/>
  87. <meta name="color:title" content=""/>
  88. <meta name="color:title hover" content=""/>
  89. <meta name="color:title glow" content=""/>
  90. <meta name="color:title glow hover" content=""/>
  91. <meta name="color:title outline" content=""/>
  92. <meta name="color:title outline hover" content=""/>
  93. <meta name="color:links" content=""/>
  94. <meta name="color:links hover" content=""/>
  95. <meta name="color:links glow" content=""/>
  96. <meta name="color:links glow hover" content=""/>
  97. <meta name="color:links outline" content=""/>
  98. <meta name="color:links outline hover" content=""/>
  99. <meta name="color:border" content="#fff"/>
  100. <meta name="color:selection background" content=""/>
  101. <meta name="color:selection text" content=""/>
  102. <meta name="color:scrollbar" content="#000"/>
  103.  
  104. <meta name="if:go ghost" content="1"/>
  105. <meta name="if:background cover" content=""/>
  106. <meta name="if:title glow" content=""/>
  107. <meta name="if:title outline" content=""/>
  108. <meta name="if:links glow" content=""/>
  109. <meta name="if:links outline" content=""/>
  110. <meta name="if:smooth scrolling" content="1"/>
  111. <meta name="if:redirect" content=""/>
  112. <meta name="if:hover blur" content=""/>
  113. <meta name="if:captions" content="1"/>
  114. <meta name="if:fade in out" content="1"/>
  115. <meta name="if:round borders" content=""/>
  116.  
  117. <meta name="select:border style" content="solid"/>
  118. <meta name="select:border style" content="double"/>
  119.  
  120. <meta name="text:font size" content="20"/>
  121. <meta name="text:title size" content="55"/>
  122. <meta name="text:font" content="courier"/>
  123. <meta name="text:title font" content="decibil"/>
  124. <meta name="text:first title" content="first title"/>
  125. <meta name="text:second title" content="second title"/>
  126. <meta name="text:description" content="description"/>
  127. <meta name="text:link 1" content=""/>
  128. <meta name="text:link 1 url" content=""/>
  129. <meta name="text:link 2" content=""/>
  130. <meta name="text:link 2 url" content=""/>
  131. <meta name="text:link 3" content=""/>
  132. <meta name="text:link 3 url" content=""/>
  133. <meta name="text:link seperator" content="♱"/>
  134. <meta name="text:text decoration" content="underline"/>
  135. <meta name="text:border width" content="4"/>
  136. <meta name="text:next" content="next"/>
  137. <meta name="text:previous" content="back"/>
  138. <meta name="text:redirect" content="">        
  139.        
  140. <style type="text/css">
  141.  
  142. @font-face{
  143.     font-family: 'Magica';
  144.     src: url(https://static.tumblr.com/p6yopnt/Qkiqnu0r5/theheart.ttf);
  145. }
  146. @font-face{
  147.     font-family: 'DEAD END';
  148.     src: url(https://static.tumblr.com/pvnotae/DzVqdg2j5/dead_end.ttf);
  149. }
  150. @font-face{
  151.     font-family: 'Decibil';
  152.     src: url(https://static.tumblr.com/pvnotae/kwwqdg2pw/decibel_2.ttf);
  153. }
  154. @font-face{
  155.     font-family: 'Aachen';
  156.     src: url(https://static.tumblr.com/pvnotae/YIoqdg2yp/aachen-bold-opentype.otf);
  157. }
  158.  
  159. ::selection {
  160.     background: {color:selection background};
  161.     color:{color:selection text};
  162. }
  163.  
  164. ::-moz-selection {
  165.     background: {color:selection background};
  166.     color:{color:selection text};
  167. }
  168.  
  169. ::-webkit-scrollbar {
  170.   width: 10px;
  171. }
  172.  
  173. /* Track */
  174. ::-webkit-scrollbar-track {
  175.   background: transparent;
  176. }
  177.  
  178. /* Handle */
  179. ::-webkit-scrollbar-thumb {
  180.   background: {color:scrollbar} ;
  181.   border:4px solid {color:container background};
  182.   border-radius:5px;
  183. }
  184.  
  185. ol.notes::-webkit-scrollbar {
  186.   width: 10px;
  187. }
  188.  
  189. /* Track */
  190. ol.notes::-webkit-scrollbar-track {
  191.   background: transparent;
  192. }
  193.  
  194. /* Handle */
  195. ol.notes::-webkit-scrollbar-thumb {
  196.   background: {color:container background} ;
  197.   border:4px solid {color:post background};
  198.   border-radius:5px;
  199. }
  200.  
  201. .tooltip{
  202.     display:inline;
  203.     position:relative;
  204. }
  205.  
  206. .tmblr-iframe{
  207.     padding-right:30px;
  208.     opacity: 0;
  209.     transition: all 1s ease-out;
  210. }
  211.  
  212. .tmblr-iframe:hover {
  213.     opacity: 1;
  214.     transition: all 1s ease-in;
  215. }
  216.  
  217. .controlpixel{
  218.     position:fixed;
  219.     right:10px;
  220.     top:17px;
  221. }
  222.  
  223. #s-m-t-tooltip{
  224.     margin: 20px 0 0 20px;
  225.     padding: 5px;
  226.     max-width: 300px;
  227.     background-color:{color:tooltip background};
  228.     color:{color:tooltip text};
  229.     border:0.5px dotted {color:tooltip text};
  230.     {block:ifroundborders}
  231.     border-radius:5px;
  232.     {/block:ifroundborders}
  233.     z-index: 9999;
  234. }
  235.  
  236. body {
  237.     margin:0px;
  238.     background:{color:background};
  239.     background-image: url('{image:background}');
  240.     {block:ifbackgroundcover}
  241.     background-size: cover;
  242.     {/block:ifbackgroundcover}
  243.     {block:ifnotbackgroundcover}
  244.     background-repeat:repeat;
  245.     {/block:ifnotbackgroundcover}
  246.     background-attachment:fixed;
  247.     font-family:{text:font};
  248.     font-size:{text:font size}px;
  249.     color:{color:post text};
  250.     word-wrap:break-word;
  251. }
  252.  
  253. p{
  254.     margin:10px 0 10px 0;
  255.     padding:0;
  256. }
  257.  
  258. pre {
  259.     white-space: pre-wrap;
  260.     white-space: -moz-pre-wrap;
  261.     white-space: -pre-wrap;
  262.     white-space: -o-pre-wrap;
  263.     word-wrap: break-word;
  264. }
  265.  
  266. a{
  267.     text-decoration:{text:text decoration};
  268.     color:{color:links};
  269.     {block:iflinksglow}
  270.     text-shadow:0 0 2px {color:links glow},0 0 2px {color:links glow},0 0 2px {color:links glow}, 0 0 1px {color:links glow};
  271.     {/block:iflinksglow}
  272.     {block:iflinksoutline}
  273.     text-shadow: -1px 0 {color:links outline}, 0 1px {color:links outline}, 1px 0 {color:links outline}, 0 -1px {color:links outline};
  274.     {/block:iflinksoutline}
  275.     transition:0.5s;
  276. }
  277.  
  278. a:hover{
  279.     color:{color:links hover};
  280.     {block:iflinksglow}
  281.     text-shadow:0 0 2px {color:links glow hover},0 0 2px {color:links glow hover},0 0 2px {color:links glow hover},0 0 1px {color:links glow hover};
  282.     {/block:iflinksglow}
  283.     {block:iflinksoutline}
  284.     text-shadow: -1px 0 {color:links outline hover}, 0 1px {color:links outline hover}, 1px 0 {color:links outline hover}, 0 -1px           {color:links outline hover};
  285.     {/block:iflinksoutline}
  286.     transition:0.5s;
  287.    
  288.     {block:ifhoverblur}
  289.     -webkit-filter: blur(.9px);
  290.     {/block:ifhoverblur}
  291.     cursor:help;
  292. }
  293.  
  294. a.tumblr_blog{
  295.     display:inline-block;
  296.     margin-bottom:0px;
  297. }
  298.  
  299. li{
  300.     margin-left:-15px;
  301. }
  302.  
  303. .popup_block{
  304.     display:none;
  305.     background:{color:background};
  306.     color:{color:description text};
  307.     padding:15px;
  308.     border:{text:border width}px {select:border style} {color:border};
  309.     float:left;
  310.     position:fixed;
  311.     top:50%;left:50%;
  312.     z-index: 99999;
  313.     {block:ifroundborders}
  314.     border-radius:5px;
  315.     {/block:ifroundborders}
  316. }
  317.  
  318. .popup_block img{
  319.     max-width:250px;
  320.     max-height:100%;
  321. }
  322.  
  323. *html #fade {position: absolute;}
  324. *html .popup_block {position: absolute;}
  325. #fade {
  326.     display:none;
  327.     position:fixed;
  328.     left:0px;
  329.     top:0px;
  330.     width:100%;
  331.     height:100%;
  332.     z-index:9999;
  333.     background:#000; /* change to #fff for solid white */
  334.     opacity:0.5; /* change to opacity:1; */
  335. }
  336.  
  337. #wrapper{
  338.     width:690px;
  339.     height:calc(690px - {text:border width}px);
  340.     position:fixed;
  341.     display: inline-block;
  342.     top: 0;
  343.     bottom: 0;
  344.     left: 0;
  345.     right: 0;
  346.     margin: auto;
  347.     {block:iffadeinout}
  348.     animation: fadeEffect 1s;
  349.     {block:iffadeinout}
  350. }
  351.  
  352. @keyframes fadeEffect {
  353.   from {opacity: 0;}
  354.   to {opacity: 1;}
  355. }
  356.  
  357.  
  358. #container{
  359.     position: fixed;
  360.     width: 680px;
  361.     border:{text:border width}px {select:border style} {color:border};
  362.     {block:ifroundborders}
  363.     border-radius:10px;
  364.     {/block:ifroundborders}
  365. }
  366.  
  367. #content{
  368.     padding: 0 0px 20px 20px;
  369.     width: calc(410px - {text:border width}px);
  370.     height: 480px;
  371.     overflow: auto;
  372.     background-color:{color:container background};
  373. }
  374.  
  375. #sidebar{
  376.     float:right;
  377.     border-left:{text:border width}px {select:border style} {color:border};
  378. }
  379.  
  380. #sidebar img{
  381.     width:250px;
  382.     height:250px;
  383.     box-sizing: border-box;
  384.     z-index:-1;
  385. }
  386.  
  387. #description{
  388.     text-align:center;
  389.     width:250px;
  390.     height:250px;
  391.     margin-top:-5px;
  392.     padding:10px;
  393.     overflow:auto;
  394.     box-sizing:border-box;
  395.     color:{color:description text};
  396.     background-color:{color:container background};
  397.     border-top:{text:border width}px {select:border style} {color:border};
  398. }
  399.  
  400. #title{
  401.     font-size: {text:title size}px;
  402.     font-family:{text:title font};
  403.     text-align: center;
  404.     padding: 15px;
  405.     border-bottom: {text:border width}px {select:border style} {color:border};
  406.     max-width:690px;
  407.     background:{color:container background};
  408.     {block:ifroundborders}
  409.     border-radius:5px 5px 0px 0px;
  410.     {/block:ifroundborders}
  411. }
  412.  
  413. #title a{
  414.     text-decoration:none;
  415.     color:{color:title};
  416.     {block:iftitleglow}
  417.     text-shadow:0 0 2px rgb({RGBcolor:title glow}, 0.75),0 0 2px rgb({RGBcolor:title glow}, 0.75),0 0 2px rgb({RGBcolor:title glow}, 0.75), 0 0 2px rgb({RGBcolor:title glow}, 0.75);
  418.     {/block:iftitleglow}
  419.     {block:iftitleoutline}
  420.     text-shadow: -1px 0 {color:title outline}, 0 1px {color:title outline}, 1px 0 {color:title outline}, 0 -1px {color:title outline};
  421.     transition:0.5s;
  422. }
  423.  
  424. #title a:hover{
  425.     color:{color:title hover};
  426.     {block:iftitleglow}
  427.     text-shadow:0 0 2px rgb({RGBcolor:title glow hover}, 0.75),0 0 2px rgb({RGBcolor:title glow hover}, 0.75),0 0 2px rgb({RGBcolor:title glow hover}, 0.75),0 0 2px rgb({RGBcolor:title glow hover}, 0.75);
  428.     {/block:iftitleglow}
  429.     {block:iftitleoutline}
  430.     text-shadow: -1px 0 {color:title outline hover}, 0 1px {color:title outline hover}, 1px 0 {color:title outline hover}, 0 -1px {color:title outline hover};
  431.     {/block:iftitleoutline}
  432.     transition:0.5s;
  433.     {block:ifhoverblur}
  434.     -webkit-filter: blur(.9px);
  435.     {/block:ifhoverblur}
  436.     cursor:help;
  437. }
  438.  
  439. #title2{
  440.     font-size: {text:title size}px;
  441.     font-family:{text:title font};
  442.     text-align: center;
  443.     padding: 15px;
  444.     border-bottom: {text:border width}px {select:border style} {color:border};
  445.     max-width: 690px;
  446.     background:{color:container background};
  447.     {block:ifroundborders}
  448.     border-radius:5px 5px 0px 0px;
  449.     {/block:ifroundborders}
  450.     transform:rotateX(180deg);
  451. }
  452.  
  453. #title2 a{
  454.     text-decoration:none;
  455.     color:{color:title};
  456.     {block:iftitleglow}
  457.     text-shadow:0 0 2px rgb({RGBcolor:title glow}, 0.75),0 0 2px rgb({RGBcolor:title glow}, 0.75),0 0 2px rgb({RGBcolor:title glow}, 0.75), 0 0 2px rgb({RGBcolor:title glow}, 0.75);
  458.     {/block:iftitleglow}
  459.     {block:iftitleoutline}
  460.     text-shadow: -1px 0 {color:title outline}, 0 1px {color:title outline}, 1px 0 {color:title outline}, 0 -1px {color:title outline};
  461.     transition:0.5s;
  462. }
  463.  
  464. #title2 a:hover{
  465.     color:{color:title hover};
  466.     {block:iftitleglow}
  467.     text-shadow:0 0 2px rgb({RGBcolor:title glow hover}, 0.75),0 0 2px rgb({RGBcolor:title glow hover}, 0.75),0 0 2px rgb({RGBcolor:title glow hover}, 0.75),0 0 2px rgb({RGBcolor:title glow hover}, 0.75);
  468.     {/block:iftitleglow}
  469.     {block:iftitleoutline}
  470.     text-shadow: -1px 0 {color:title outline hover}, 0 1px {color:title outline hover}, 1px 0 {color:title outline hover}, 0 -1px {color:title outline hover};
  471.     {/block:iftitleoutline}
  472.     transition:0.5s;
  473.     {block:ifhoverblur}
  474.     -webkit-filter: blur(.9px);
  475.     {/block:ifhoverblur}
  476.     cursor:help;
  477. }
  478.  
  479. .ghost {
  480.     color:{color:ghost};
  481.     outline: none;
  482.     animation: 4s ghost infinite linear;
  483. }
  484.  
  485.  
  486. @keyframes ghost {
  487.     0% {
  488.         text-shadow: 0 0 0 {color:ghost};
  489.     }
  490.     40%   {
  491.         text-shadow: 0 0 30px {color:ghost};
  492.         color: rgb({RGBcolor:ghost},0);
  493.     }
  494.     70% {
  495.         text-shadow: 0 0 10px {color:ghost};
  496.         color: rgb({RGBcolor:ghost},0.4);
  497.     }
  498.     90% {
  499.         text-shadow: 0 0 30px {color:ghost};
  500.         color: rgb({RGBcolor:ghost},0.6);
  501.     }
  502.     100% {
  503.         text-shadow: 0 0 40px rgb({RGBcolor:ghost},0);
  504.     }
  505. }
  506.  
  507. .ghostcontainer{
  508.     animation: 4s ghostcontainer infinite linear;
  509. }
  510.  
  511. @keyframes ghostcontainer {
  512.     0% {
  513.         box-shadow: 0 0 0 {color:ghost};
  514.         color: rgb({RGBcolor:ghost},0.6);
  515.     }
  516.     40%   {
  517.         box-shadow: 0 0 30px {color:ghost};
  518.         color: rgb({RGBcolor:ghost},0.6);
  519.     }
  520.     70% {
  521.         box-shadow: 0 0 10px {color:ghost};
  522.         color: rgb({RGBcolor:ghost},0.6);
  523.     }
  524.     90% {
  525.         box-shadow: 0 0 30px {color:ghost};
  526.         color: rgb({RGBcolor:ghost},0.6);
  527.     }
  528.     100% {
  529.         box-shadow: 0 0 40px rgb({RGBcolor:ghost},0);
  530.     }
  531. }
  532.  
  533. #links{
  534.     text-align:center;
  535. }
  536.  
  537.  
  538. .post{
  539.     width:350px;
  540.     padding:17px;
  541.     margin-top:20px;
  542.     background:{color:post background};
  543.     color:{color:post text};
  544.     {block:ifroundborders}
  545.     border-radius:5px;
  546.     {/block:ifroundborders}
  547.     overflow:hidden;
  548.     word-wrap:break-word;
  549. }
  550.  
  551. .post img{
  552.     max-width:100%;
  553.     height:auto;
  554.     {block:ifroundborders}
  555.     border-radius:5px;
  556.     {/block:ifroundborders}
  557. }
  558.  
  559. .post .header{
  560.     padding:0px 0px 35px 0px;
  561.     border-bottom:0.5px dotted {color:post text};
  562.     margin-bottom:15px;
  563. }
  564.  
  565. .post .footer{
  566.     margin-top:10px;
  567.     padding:10px 0px 0px 0px;
  568.     border-top:0.5px dotted {color:post text};
  569. }
  570.  
  571. #nav{
  572.     width:384px;
  573. }
  574.  
  575. #navbutton{
  576.     padding:10px;
  577.     margin-top:20px;
  578.     {block:ifroundborders}
  579.     border-radius:5px;
  580.     {/block:ifroundborders}
  581.     background:{color:post background};
  582.    
  583. }
  584.  
  585. video{
  586.     max-width:100%;
  587.     height:auto!important;
  588. }
  589.  
  590. .video-container {
  591.     overflow: hidden;
  592. }
  593.        
  594. .video-container iframe,
  595. .video-container object,
  596. .video-container embed {
  597.     position: center;
  598.     max-width: 350px;
  599.     max-height: 350px;
  600. }
  601.        
  602. .video-wrapper {
  603.     max-width: 350px;
  604.     max-height: 350px;
  605.     margin-bottom:8px;
  606. }
  607.  
  608. .media{
  609.     text-align:center;
  610.     margin:0px 0 6px 0;
  611.     border-radius:5px;
  612. }
  613.  
  614. .media:hover{
  615.     {block:ifhoverblur}
  616.     -webkit-filter: blur(.9px);
  617.     {/block:ifhoverblur}
  618. }
  619.  
  620. .caption{
  621.     margin-bottom:10px;
  622.     padding: 5px;
  623. }
  624.  
  625. .title{
  626.     font-size:25px;
  627.     font-weight:normal;
  628.     margin:10px;
  629.     text-align:center;
  630.     color:{color:post text};
  631. }
  632.  
  633. h1, h2, h3, h4, h5, h6{
  634.     font-size:25px;
  635.     font-weight:normal;
  636.     margin:10px;
  637.     text-align:center;
  638.     color:{color:text};
  639. }
  640.  
  641. .quote{
  642.     font-weight:normal;
  643.     font-size:{text:font size};
  644.     font-style:italic;
  645.     margin:0 0 10px 0;
  646. }
  647.  
  648. .quotesource{
  649.     margin-bottom:10px;
  650. }
  651.  
  652. .question{
  653.     padding:10px 10px 0 10px;
  654.     border:0.5px dotted {color:text};
  655.     {block:ifroundborders}
  656.     border-radius:5px;
  657.     {/block:ifroundborders}
  658. }
  659.  
  660. blockquote{
  661.     margin:0 0 10px 10px;
  662.     padding:10px;
  663.     border-left:dotted 1px {color:text};
  664.     overflow:hidden;
  665.     border-radius:5px;
  666. }
  667.  
  668. blockquote img{
  669.     {block:ifroundborders}
  670.     border-radius:5px;
  671.     {/block:ifroundborders}
  672. }
  673.  
  674. ol.notes{
  675.     list-style-type: none;
  676.     padding: 10px 10px 10px 0;
  677.     margin-top: 10px;
  678.     margin-bottom: 0px;
  679.     text-align: left;
  680.     overflow: auto;
  681.     height: 200px;
  682.     border: 0.5px dotted {color:text};
  683.     {block:ifroundborders}
  684.     border-radius:5px;
  685.     {/block:ifroundborders}
  686. }
  687. }
  688.  
  689. ol.notes li.note img{
  690.     width:10px;
  691.     height:10px;
  692.     margin-right:10px;
  693. }
  694.  
  695. ol.notes li.note{
  696.     margin:0px;
  697.     margin-left:5px;
  698. }
  699.  
  700. .tags {
  701.    
  702. }  
  703.  
  704. .tags a{
  705.     margin-right:5px;
  706. }
  707.  
  708. .heartbeat:hover{
  709.     animation: heartbeat 1s infinite;
  710. }
  711.  
  712. @keyframes heartbeat
  713. {
  714.   0%
  715.   {
  716.     transform: scale( .90 );
  717.   }
  718.   20%
  719.   {
  720.     transform: scale( 1 );
  721.   }
  722.   40%
  723.   {
  724.     transform: scale( .90 );
  725.   }
  726.   60%
  727.   {
  728.     transform: scale( 1 );
  729.   }
  730.   80%
  731.   {
  732.     transform: scale( .90 );
  733.   }
  734.   100%
  735.   {
  736.     transform: scale( .90 );
  737.   }
  738. }
  739.  
  740. {CustomCSS}
  741. </style>
  742. </head>
  743.  
  744. <body>
  745.  
  746. <div class="controlpixel"><img src="{image:control pixel}"></div>
  747.  
  748. {block:ifredirect}
  749. {block:IndexPage}
  750. <script type="text/javascript">
  751.     var url = location.href;
  752.     if (url == "{BlogURL}") {
  753.         window.location = "{BlogURL}tagged/{text:redirect}";
  754.     }
  755. </script>
  756. {/block:IndexPage}
  757. {/block:ifredirect}
  758.  
  759. <div id="wrapper">
  760.  
  761.  
  762. <div id="container">{block:ifgoghost}<div class="ghostcontainer">{/block:ifgoghost}
  763.  
  764. <div id="title"><a href="/">{block:ifgoghost}<div class="ghost">{/block:ifgoghost}{text:first title}{block:ifgoghost}</div>{/block:ifgoghost}</a></div>
  765.  
  766. <div id="sidebar">
  767. <a href="#?w=360" rel="box1" class="poplight"><img src="{image:icon}"></a>
  768. <div id="description">{text:description}</div>
  769. </div>
  770.  
  771.  
  772. <div id="content">
  773. {block:Posts}
  774.  
  775. <div class="post">
  776.  
  777. {block:Date}
  778. <div class="header">
  779.  
  780. <div style="display:inline-block;float:left"><a href="{Permalink}" title="{notecount}%">{24hourwithzero}:{minutes}</a></div>
  781. <div style="display:inline-block;float:right"><a href="{ReblogURL}" class="reblog" target="_blank" title="reblog">↻</a></div>
  782.  
  783.  
  784. <!-- {block:NoRebloggedFrom}
  785. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  786. {/block:NoRebloggedFrom} -->{block:ContentSource}<!-- {SourceURL}
  787. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  788. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  789. {/block:ContentSource}
  790.  
  791.  
  792.  
  793. </div>
  794. {/block:Date}
  795.  
  796.  
  797. {block:Text}
  798. {block:Title}
  799. <div class="title">{Title}</div>
  800. {/block:Title}
  801. {Body}
  802. {/block:Text}
  803.  
  804. {block:Photo}
  805. <div class="media">{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  806. {block:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  807. {/block:Photo}
  808.  
  809. {block:Photoset}
  810. <div class="media">{Photoset}</div>
  811. {block:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  812. {/block:Photoset}
  813.  
  814. {block:Quote}
  815. <div class="quote">"{Quote}"</div>
  816. {block:Source}
  817. <div class="quotesource">- {Source}</div>
  818. {/block:Source}
  819. {/block:Quote}
  820.  
  821. {block:Link}
  822. <div class="title"><a href="{URL}">{Name}</a></div>
  823. {block:Description}
  824. <div class="description">{Description}</div>
  825. {/block:Description}
  826. {/block:Link}
  827.  
  828. {block:Chat}
  829. {block:Title}
  830. <div class="title">{Title}</div>
  831. {/block:Title}
  832.  
  833. {block:Lines}
  834. <div class="{Alt} user_{UserNumber}">
  835. {block:Label}
  836. <b>{Label}</b>{/block:Label}
  837. &nbsp;{Line}
  838. </div>
  839. {/block:Lines}
  840. {/block:Chat}
  841.  
  842. {block:Video}
  843. <div class="media" style="margin-bottom:10px"><div class="video-wrapper">
  844. <div class="video-container">{video-400}</div>
  845. </div></div>
  846. {block:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  847. {/block:Video}
  848.  
  849. {block:Audio}
  850. <div class="media" style="margin-bottom:-85px">
  851. {block:AudioEmbed}<div class="video-wrapper"><div class="video-container">{AudioEmbed-400}</div></div>{/block:AudioEmbed}
  852. </div>
  853. {block:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  854. {/block:Audio}
  855.                
  856. {block:Answer}
  857. <div class="question" style="font-style:italic;">{Asker}: {Question}</div>
  858. <div style="padding:5px 5px 0 5px">{Answer}</div>
  859. {/block:Answer}
  860.  
  861. {block:Date}
  862.  
  863. {block:HasTags}<div class="footer"><div class="tags">#:{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div></div>{/block:HasTags}
  864.  
  865. {block:PermalinkPage}
  866. {block:NoteCount}
  867. {block:PostNotes}{PostNotes}{/block:PostNotes}
  868. {/block:NoteCount}
  869. {/block:PermalinkPage}
  870. {/block:Date}
  871.  
  872. </div>
  873. {/block:Posts}
  874.  
  875. {block:Pagination}
  876. <div id="nav">
  877. {block:PreviousPage}<div id="navbutton" style="float:left;"><a href="{PreviousPage}">{text:previous}</a></div>{/block:PreviousPage}
  878.  
  879. {block:NextPage}<div id="navbutton" style="float:right;"><a href="{NextPage}">{text:next}</a></div>{/block:NextPage}
  880. </div>
  881. {/block:Pagination}
  882.  
  883. </div>
  884.  
  885. <div id="title2"><a href="/">{block:ifgoghost}<div class="ghost">{/block:ifgoghost}{text:second title}{block:ifgoghost}</div>{/block:ifgoghost}</a></div>
  886.  
  887. {block:ifgoghost}</div>{/block:ifgoghost}</div>
  888. </div>
  889.  
  890.  
  891.         <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  892.         <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  893.  
  894. <a href="https://puella.tumblr.com" title="@puella with inspiration from @allmight" style="position:fixed;left:12px;bottom:-12px;font-size:20px;"><div class="heartbeat"><3</div>️</a>
  895.  
  896.     </body>
  897. <div id="box1" class="popup_block">
  898. <div id="links">
  899. <img src="{image:links menu image}"><br>
  900. <a href="{text:link 1 url}">{text:link 1}</a> {text:link seperator} <a href="{text:link 2 url}">{text:link 2}</a> {text:link seperator} <a href="{text:link 3 url}">{text:link 3}</a>
  901. </div>
  902. </div>
  903.  
  904. </div></div></div></div></div></div></div></div></div></div>
  905. </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!