API tools faq
paste
keurais

middle of the night by ultraviclets

keurais
Jan 25th, 2020 (edited)
213
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.28 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. TERMS & CONDITIONS
  3.  
  4. 01. DO NOT steal or recreate
  5. 02. DO NOT use as a base code
  6. 03. DO NOT edit or remove credit
  7. -->
  8.  
  9.  
  10. <head>
  11.  
  12. <title>{Title}</title>
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  16.  
  17. <meta name="color:background" content="#f3f3f3"/>
  18. <meta name="color:text" content="#282828"/>
  19. <meta name="color:links" content="#a8abb6"/>
  20. <meta name="color:hover" content="#c6c6c6"/>
  21. <meta name="color:borders" content="#e2e2e2"/>
  22. <meta name="color:posts" content="#f0f0f0"/>
  23. <meta name="color:container" content="#dad9df"/>
  24. <meta name="color:accent" content="#f5f5f5"/>
  25.  
  26. <meta name="if:grayscale" content="1"/>
  27.  
  28. <meta name="image:background" content=""/>
  29. <meta name="image:sidebar" content="https://via.placeholder.com/70"/>
  30. <meta name="image:sidebar 2" content="https://via.placeholder.com/70"/>
  31.  
  32. <meta name="text:title" content="* this is one to three lines.">
  33. <meta name="text:desc" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.">
  34.  
  35. <meta name="text:tablink" content="link">
  36. <meta name="text:tablink url" content="/">
  37. <meta name="text:tablink 2" content="link">
  38. <meta name="text:tablink 2 url" content="/">
  39. <meta name="text:tablink 3" content="link">
  40. <meta name="text:tablink 3 url" content="/">
  41. <meta name="text:tablink 4" content="link">
  42. <meta name="text:tablink 4 url" content="/">
  43. <meta name="text:tablink 5" content="link">
  44. <meta name="text:tablink 5 url" content="/">
  45. <meta name="text:tablink 6" content="link">
  46. <meta name="text:tablink 6 url" content="/">
  47.  
  48. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  49. <link href='https://static.tumblr.com/sas2ex2/HFinqriui/photoset.css' rel='stylesheet' type='text/css'><script src="//use.edgefonts.net/source-sans-pro:n4,i4,n6,i6.js"></script><script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  50.  
  51. <script>
  52.  
  53. $(document).ready(function(){
  54. $(“ul#tab li”).click(function(e){
  55. if (!$(this).hasClass(“active”)) {
  56. var tabNum = $(this).index();
  57. var nthChild = tabNum+1;
  58. $(“ul#tab li.active”).removeClass(“active”);
  59. $(this).addClass(“active”);
  60. $(“ul#tab li.active”).removeClass(“active”);
  61. $(“ul#tab li:nth-child(”+nthChild+“)”).addClass(“active”);
  62. }
  63. });
  64. });
  65.  
  66. </script>
  67.  
  68. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  69. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  70. <script>
  71. (function($){
  72. $(document).ready(function() {
  73. $("a[title]").style_my_tooltips({
  74. tip_follows_cursor:false,
  75. tip_delay_time:90,
  76. tip_fade_speed:600,
  77. attribute:"title"
  78. });
  79. });
  80. })(jQuery);
  81. </script>
  82.  
  83. <script>
  84. $(document).ready(function() {
  85. //
  86. $('a.poplight[href^=#]').click(function() {
  87. var popID = $(this).attr('rel'); //Get Popup Name
  88. var popURL = $(this).attr('href'); //Get Popup href to define size
  89. var query= popURL.split('?');
  90. var dim= query[1].split('&');
  91. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  92. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  93. var popMargTop = ($('#' + popID).height() + 80) / 2;
  94. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  95. //Apply Margin to Popup
  96. $('#' + popID).css({
  97. 'margin-top' : -popMargTop,
  98. 'margin-left' : -popMargLeft
  99. });
  100. $('body').append('<div id="fade"></div>');
  101. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  102. return false;
  103. });
  104. $('a.close, #fade').live('click', function() {
  105. $('#fade, .popup_block').fadeOut(function() {
  106. $('#fade, a.close').remove(); //fade them both out
  107. });
  108. return false;
  109. });
  110. });
  111. </script>
  112.  
  113. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
  114.  
  115. <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
  116. <link href="https://fonts.googleapis.com/css?family=Lato:400,4#00i,700,700i" rel="stylesheet">
  117. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet">
  118. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet" type="text/css">
  119. <link href="https://fonts.googleapis.com/css?family=ABeeZee" rel="stylesheet">
  120. <link href="https://fonts.googleapis.com/css?family=Karla&display=swap" rel="stylesheet">
  121. <link href="https://fonts.googleapis.com/css?family=Roboto:400,400i&display=swap" rel="stylesheet">
  122. <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap" rel="stylesheet">
  123.  
  124. <link href="https://fonts.googleapis.com/css?family=Droid+Serif:400,400i,700,700i|Merriweather:400,400i,700,700i|Libre+Baskerville:400,400i,700,700i|Open+Sans:400,400i,700,700i" rel="stylesheet" type="text/css">
  125.  
  126. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  127.  
  128. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  129. <link href="https://fonts.googleapis.com/css?family=Space+Mono:400,400i,700,700i&display=swap" rel="stylesheet">
  130.  
  131. <link href="https://fonts.googleapis.com/css?family=ABeeZee" rel="stylesheet">
  132.  
  133. <link href="https://fonts.googleapis.com/css?family=Roboto:400,500,500i,700,900&display=swap" rel="stylesheet">
  134.  
  135. <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700" rel="stylesheet">
  136. <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
  137. <link href="https://static.tumblr.com/6jwyigb/Dntpgl2mg/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  138. <link href="https://fonts.googleapis.com/css?family=Barlow:500,600,500i,600i|Work+Sans:400,600,400i,600i|Lato:400,700,400i,700i|PT+Sans:400,700,400i,700i|Source+Sans+Pro:400,600,400i,600i|Karla:400,700,400i,700i|Muli:400,700,400i,700i|Libre+Baskerville:400,700,400i|Scada:400,700,400i,700i|Merriweather:400,700,400i,700i|Rubik:400,500,400i,500i|Lora:400,700|Cousine:400,700,400i,700i" rel="stylesheet">
  139.  
  140. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet">
  141.  
  142. <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400i,700,700i&display=swap" rel="stylesheet">
  143.  
  144. <link href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900" rel="stylesheet">
  145.  
  146. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface&display=swap" rel="stylesheet">
  147.  
  148. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  149.  
  150. <style type="text/css">
  151.  
  152. @font-face{ font-family:"kingsley"; src: url('https://dl.dropboxusercontent.com/s/x8615evppku36pc/KingsleyRoman.ttf’)'); }
  153.  
  154.  
  155. /* SCROLLBAR & TOOLTIP */
  156.  
  157.  
  158. ::-webkit-scrollbar { display:none; width:7px; height:11px; background:{color:scrollbar}; }
  159.  
  160. #s-m-t-tooltip { font-family: 'Roboto Condensed', sans-serif; max-width:230px; padding:2px 7px 2px 7px; border-radius:3px; margin:20px 15px; color:{color:text}; background-color:{color:posts}; z-index:999999999999999; text-transform:uppercase; letter-spacing:2px; font-style:italic; font-size:8px; text-align:justify; border:1px solid {color:borders}; }
  161.  
  162.  
  163. /* BODY */
  164.  
  165.  
  166. body { background-color:{color:background}; color:{color:text}; font-family: 'Roboto', sans-serif; font-size:9px; line-height:18px; letter-spacing:1px; background-image:url('{image:background}'); }
  167.  
  168. a { text-decoration:none; color:{color:links}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  169.  
  170. a:hover { color:{color:hover}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  171.  
  172. blockquote { border-left:1px solid {color:borders}; margin-left:10px; padding-left:10px; width:93%; }
  173.  
  174. blockquote blockquote { border-left:1px solid {color:borders}; margin-left:5px; }
  175.  
  176. h1 { text-align:center; letter-spacing:1px; font-size:30px; line-height:33px; color:{color:text};font-family:'montserrat'; font-weight:900; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px {color:text}; text-shadow: 3px 3px {color:accent}; }
  177.  
  178. h2 { color:{color:accent}; letter-spacing:1px; font-weight:800; }
  179.  
  180.  
  181.  
  182. b, strong { font-weight:normal; color:#ccc; }
  183.  
  184. i, em { font-weight:normal; color:{color:text}; }
  185.  
  186.  
  187. /* HOLDER */
  188.  
  189.  
  190. #container { background-color:{color:container}; position:fixed; margin:auto; left:0px; right:0px; top:0px; bottom:0px; width:730px; height:470px; overflow:hidden; border-radius:15px; }
  191.  
  192.  
  193. /* SIDEBAR */
  194.  
  195.  
  196. #sidebar { position:absolute; left:15px; z-index:9; width:320px; height:470px; overflow:visible; }
  197.  
  198. #sidebar img { position:absolute; z-index:99; left:25px; top:195px; width:70px; height:70px; border-radius:5px; {block:ifGrayscale} -webkit-filter: grayscale(100%); {/block:ifGrayscale} }
  199.  
  200. .title { position:absolute; z-index:9; left:25px; top:270px; padding-top:5px; padding-bottom:15px; width:275px; font-family: 'montserrat'; font-size:35px; line-height:33px; font-weight:900; text-align:left; text-transform:lowercase; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px {color:text}; text-shadow: 3px 3px {color:accent}; }
  201.  
  202. *, body, img { cursor:url(https://static.tumblr.com/vmteopo/Eggo12azo/small_white_cursor.png), auto;}
  203.  
  204. a, a:hover, a:active, a i {cursor:url(https://static.tumblr.com/vmteopo/kOPo12azz/small_white_cursor_help.png), crosshair; }
  205.  
  206. .desc { position:absolute; z-index:999; width:115px; height:155px; top:115px; left:180px; text-align:justify; letter-spacing:1px;font-size:7px;
  207. line-height:18px; overflow:auto; font-style:italic; text-transform:lowercase; color:{color:text}; }
  208.  
  209. .sidelinks { position:absolute; z-index:999; padding-top:10px; width:85px; height:60px; top:190px; left:95px; text-transform:uppercase; text-align:center; line-height:25px; border-radius:5px; -moz-animation: fadein 1s; -webkit-animation: fadein 1s; -o-animation: fadein 1s; }
  210.  
  211. .sidelinks a { font-size:16px; background-color:{color:posts}; color:{color:accent}; padding-top:6px; padding-bottom:6px; padding-left:7px; padding-right:6px; border-radius:5px; margin-right:6px; box-shadow:none; -webkit-transition∂: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  212.  
  213. .sidelinks a:hover { color:{color:hover}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  214.  
  215. .pagination { font-size:8px; width:320px; padding-right:10px; position:absolute; bottom:40px; margin-top:60px; text-align:center; z-index:99999; }
  216.  
  217. .pagination a { text-transform:uppercase; padding-left:8px; padding-right:9px; padding-top:9px; padding-bottom:8px; color:{color:accent}; letter-spacing:1px; text-align:center; font-size:15px; border-radius:100%; }
  218.  
  219.  
  220. /* POSTS STYLING */
  221.  
  222.  
  223. .entries { text-align:justify; position:absolute; z-index:99999; height:470px; width:380px; overflow:auto; margin:auto; left:310px; right:0px; top:25px; bottom:25px; overflow-x:hidden; }
  224.  
  225. .posts { background-color:{color:posts}; width:300px; letter-spacing:0.5px; font:9.5px "source sans pro"; line-height:170%; margin-bottom:45px; margin-top:40px; margin-left:17px; text-align:justify; padding-left:20px; padding-right:18px; padding-top:15px; padding-bottom:10px; border-radius:10px; }
  226.  
  227. small, sup, sub { font-size:9.5px; }
  228.  
  229. sub, sup {
  230. line-height:100%;
  231. }
  232.  
  233. a.tmblr-truncated-link {
  234. text-transform:lowercase;
  235. }
  236.  
  237. a.more-btn {
  238. font-size:9.5px;
  239. }
  240. .posts ul li {
  241. margin-left:-10px;
  242. }
  243.  
  244.  
  245.  
  246. .posts img { max-width:300px; height:auto; {block:ifGrayscale} -webkit-filter: grayscale(100%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  247.  
  248. .posts img:hover { {block:ifGrayscale}-webkit-filter: grayscale(0%);{/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  249.  
  250. iframe { max-width:300px; }
  251.  
  252. .media img, .media iframe { {block:ifGrayscale} -webkit-filter: grayscale(100%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  253.  
  254. .media img:hover, .media iframe:hover { {block:ifGrayscale} -webkit-filter: grayscale(0%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  255.  
  256. .html_photoset { padding-top:3px; {block:ifGrayscale} -webkit-filter: grayscale(100%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  257.  
  258. .html_photoset:hover { {block:ifGrayscale} -webkit-filter: grayscale(0%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  259.  
  260.  
  261.  
  262. #permalink { border-top:1px solid {color:borders}; letter-spacing:.5px; text-align:left; text-transform:uppercase; font-size:9px; padding-top:6px; padding-bottom:6px; padding-right:10px; margin-top:20px; }
  263.  
  264. #permalink a { letter-spacing:1px; font-weight:600; color:{color:links}; padding-right:2px; webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  265.  
  266. #tags { width:335px; margin-top:-35px; margin-left:20px; margin-bottom:70px; letter-spacing:1px; font-size:9px; text-align:center; line-height:16px; }
  267.  
  268. #tags span { font-size:7px; }
  269.  
  270. #tags a { letter-spacing:1px; color:{color:text}; padding-left:2px; padding-right:2px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  271.  
  272. #tags a:hover { color:{color:hover}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  273.  
  274.  
  275. /* QUOTE STYLING */
  276.  
  277.  
  278. #q { color:{color:text}; font-size:30px; letter-spacing:1px; text-align:left; line-height:30px; padding-top:20px; padding-left:20px; padding-right:20px; font-family:'montserrat'; font-weight:900; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px {color:text}; }
  279.  
  280. .source { color:{color:text}; margin-top:15px; font-size:8px; font-weight:500; text-align:center; letter-spacing:1px; text-transform:uppercase; padding-bottom:5px; }
  281.  
  282. .source a:hover { color:{color:hover}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  283.  
  284.  
  285. /* ASK STYLING */
  286.  
  287.  
  288. #question { line-height:14px; color:{color:text}; letter-spacing:1px; font-size:9px; text-align:justify; padding-bottom:13px; padding-left:10px; padding-right:10px; background-color:{color:container}; }
  289.  
  290. #asker { margin-left:-10px; letter-spacing:1px; font-size:9px; text-transform:uppercase; padding-top:5px; padding-bottom:3px; width:300px; background-color:{color:posts}; }
  291.  
  292. #asker b { text-shadow:none; color:{color:links}; font-weight:600; }
  293.  
  294. #asker a { text-shadow:none; font-weight:600; color:{color:links}; letter-spacing:1px; padding-top:3px; font-size:9px; text-transform:uppercase; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  295.  
  296. #asker a:hover { color:{color:hover}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  297.  
  298. #answer { margin-top:20px; }
  299.  
  300.  
  301. /* AUDIO STYLING */
  302.  
  303.  
  304. .playbutton { width:30px; height:30px; overflow:hidden; position:relative; margin-top:25px; margin-left:25px; z-index:9; opacity:.7; }
  305.  
  306. .albumart img { height:60px; width:60px; position:relative; margin-top:-65px; margin-left:0px; margin-left:10px; {block:ifGrayscale} -webkit-filter: grayscale(100%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  307.  
  308. .albumart img:hover { {block:ifGrayscale} -webkit-filter: grayscale(0%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  309.  
  310. .albumdetails { margin-top:-68px; text-align:;left; margin-left:75px; padding:5px; text-transform:uppercase; font-size:8px; letter-spacing:1px; }
  311.  
  312. .albumdetails lame { letter-spacing:1px; font-size:8px; line-height:70%; display:inline-block; text-transform:uppercase; color:{color:accent}; background-color:{color:posts}; margin-right:5px; font-weight:800; }
  313.  
  314.  
  315. /* tabs base credit to alyofrp */
  316.  
  317.  
  318. .tabzcon { margin-left:330px; margin-top:0px; position:absolute; z-index:99999999; overflow:visible; width:400px; height:470px; background-color:{color:container}; color:{color:text}; -moz-animation: fadein 1s; -webkit-animation: fadein 1s; -o-animation: fadein 1s; }
  319.  
  320. .tabzclose { z-index:99999999999; font-size:10px; padding:3px; color:{color:text}; margin-top:30px; margin-right:40px; float:right; }
  321.  
  322. .tabzclose:hover { cursor:pointer; }
  323.  
  324. @keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } }
  325.  
  326.  
  327. /* NAVIGATE */
  328.  
  329.  
  330. .ntit { position:absolute; top:80px; left:15px; width:300px; padding:20px; font-family:'montserrat'; font-weight:900; font-size:40px; text-align:center; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px {color:text}; text-shadow: 3px 3px {color:accent}; }
  331.  
  332. .nlinks { position:absolute; z-index:99; bottom:110px; left:30px; text-align:center; color:{color:accent}; }
  333.  
  334. .nlinks a { text-shadow:none; font-size:9px; text-transform:uppercase; color:{color:accent}; letter-spacing:2px; font-weight:600; }
  335.  
  336. .nlinks a:hover { color:{color:hover}; }
  337.  
  338. .nlinks span { font-size:12px; color:{color:text}; }
  339.  
  340. .nlinks li { margin-bottom:10px; margin-right:10px; border-radius:5px; width:100px; padding-top:30px; padding-bottom:30px; float:left; list-style-type:none; text-align:center; background-color:{color:posts}; }
  341.  
  342.  
  343. /* MUSES */
  344.  
  345.  
  346. .muses { position:absolute; z-index:99; margin-top:48px; margin-left:40px; width:350px; height:375px; overflow:auto; }
  347.  
  348. .muses li { margin-left:20px; margin-top:15px; float:left; list-style-type:none; }
  349.  
  350. .muses img { border-radius:5px; }
  351.  
  352.  
  353. /* CREDIT */
  354.  
  355.  
  356. #credit a { right:20px; bottom:20px; position:fixed; padding:5px; font-size:16px; }
  357.  
  358.  
  359. {CustomCSS}
  360.  
  361.  
  362. </style>
  363. </head>
  364. <body>
  365.  
  366. <div id="container">
  367. <div id="sidebar">
  368.  
  369. <div class="title">{text:title}</div>
  370.  
  371. <img src="{image:sidebar}" style="position:absolute; top:120px; left:100px; width:70px; height:70px; border-radius:5px;">
  372. <img src="{image:sidebar 2}">
  373.  
  374. <div class="desc">{text:desc}</div>
  375.  
  376. <div class="sidelinks">
  377. <a href="/" title="index"><span class="th th-moon-o"></span></a>
  378. <a href="/ask" title="message"><span class="th th-planet-1-o"></span></a><p>
  379. <a href="/navi." title="navigate"><span class="th th-shooting-star-o"></span></a>
  380. <a href="https://hustlerskrp.tumblr.com" title="hustlers"><span class="th th-atom-o"></span></a>
  381. </div>
  382.  
  383. <div class="pagination">
  384. {block:PreviousPage}
  385. <a href="{PreviousPage}" class="pagi"><span class="th th-chevron-left"></span></a>{/block:PreviousPage}
  386. {block:NextPage} &nbsp;&nbsp;&nbsp; <a href="{NextPage}" class="pagi"><span class="th th-chevron-right"></span></a> {/block:NextPage} {/block:Pagination}
  387. </div>
  388.  
  389. <svg width="80px" height="80px" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="position:absolute; overflow:visible; top:-20px; left:-30px; transform:rotate(85deg);"> <path fill="transparent" stroke="{color:posts}" stroke-width="2.5" d="M106.6,-180.6C124.4,-154.3,115.9,-101.7,136.9,-61C158,-20.3,208.7,8.5,227.9,48.9C247.2,89.3,235.1,141.2,198.8,158.5C162.4,175.8,101.9,158.4,51.8,170.4C1.7,182.3,-38,223.6,-55.9,209.5C-73.8,195.5,-69.8,126.3,-91.8,87.1C-113.8,48,-161.8,39.1,-178.7,16.9C-195.7,-5.4,-181.5,-40.9,-152,-54.3C-122.4,-67.8,-77.4,-59.1,-49.5,-80.9C-21.6,-102.7,-10.8,-154.8,16.8,-180.9C44.3,-207,88.7,-207,106.6,-180.6Z"/></svg>
  390. <svg width="60px" height="60px" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="position:absolute; overflow:visible; top:-50px; left:-30px; transform:rotate(40deg);"> <path fill="transparent" stroke="{color:posts}" stroke-width="2" d="M106.6,-180.6C124.4,-154.3,115.9,-101.7,136.9,-61C158,-20.3,208.7,8.5,227.9,48.9C247.2,89.3,235.1,141.2,198.8,158.5C162.4,175.8,101.9,158.4,51.8,170.4C1.7,182.3,-38,223.6,-55.9,209.5C-73.8,195.5,-69.8,126.3,-91.8,87.1C-113.8,48,-161.8,39.1,-178.7,16.9C-195.7,-5.4,-181.5,-40.9,-152,-54.3C-122.4,-67.8,-77.4,-59.1,-49.5,-80.9C-21.6,-102.7,-10.8,-154.8,16.8,-180.9C44.3,-207,88.7,-207,106.6,-180.6Z"/></svg>
  391. </div>
  392.  
  393. <div id="navigate" class="tabzcon alytut" style="display:none">
  394.  
  395. <div class="ntit">* navigate.</div>
  396.  
  397. <div class="nlinks">
  398. <li><a href="{text:tablink url}"><span class="th th-star-o"></span><br> {text:tablink}</a></li>
  399. <li><a href="{text:tablink 2 url}"><span class="th th-star-o"></span><br> {text:tablink 2}</a></li>
  400. <li><a href="{text:tablink 3 url}"><span class="th th-star-o"></span><br> {text:tablink 3}</a></li>
  401. <p>
  402. <li><a href="{text:tablink 4 url}"><span class="th th-star-o"></span><br> {text:tablink 4}</a></li>
  403. <li><a href="{text:tablink 5 url}"><span class="th th-star-o"></span><br> {text:tablink 5}</a></li>
  404. <li><a href="{text:tablink 6 url}"><span class="th th-star-o"></span><br> {text:tablink 6}</a></li>
  405. </div>
  406.  
  407. <svg width="160px" height="160px" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="position:absolute; overflow:visible; bottom:-90px; right:220px; transform:rotate(-65deg);"> <path fill="transparent" stroke="{color:posts}" stroke-width="2" d="M66.039,133.545c0,0-21-57,18-67s49-4,65,8 s30,41,53,27s66,4,58,32s-5,44,18,57s22,46,0,45s-54-40-68-16s-40,88-83,48s11-61-11-80s-79-7-70-41 C46.039,146.545,53.039,128.545,66.039,133.545z"/></svg>
  408.  
  409. <svg width="120px" height="120px" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="position:absolute; overflow:visible; bottom:-130px; right:-200px; transform:rotate(165deg);"> <path fill="transparent" stroke="{color:posts}" stroke-width="2.5" d="M66.039,133.545c0,0-21-57,18-67s49-4,65,8 s30,41,53,27s66,4,58,32s-5,44,18,57s22,46,0,45s-54-40-68-16s-40,88-83,48s11-61-11-80s-79-7-70-41 C46.039,146.545,53.039,128.545,66.039,133.545z"/></svg>
  410.  
  411. </div>
  412.  
  413. <div id="muses" class="tabzcon alytut" style="display:none">
  414. <span onclick="this.parentElement.style.display='none'" class="tabzclose">
  415. <i class="fa fa-times" aria-hidden="true" style="color:{color:text};"></i></span>
  416.  
  417. <div class="muses">
  418. <li><a href="/" title="muse"><img src="https://via.placeholder.com/70"></a></li>
  419. <li><a href="/" title="muse"><img src="https://via.placeholder.com/70"></a></li>
  420. <li><a href="/" title="muse"><img src="https://via.placeholder.com/70"></a></li>
  421. <li><a href="/" title="muse"><img src="https://via.placeholder.com/70"></a></li>
  422. <li><a href="/" title="muse"><img src="https://via.placeholder.com/70"></a></li>
  423. <li><a href="/" title="muse"><img src="https://via.placeholder.com/70"></a></li>
  424. <li><a href="/" title="muse"><img src="https://via.placeholder.com/70"></a></li>
  425. <li><a href="/" title="muse"><img src="https://via.placeholder.com/70"></a></li>
  426. <li><a href="/" title="muse"><img src="https://via.placeholder.com/70"></a></li>
  427. <li><a href="/" title="muse"><img src="https://via.placeholder.com/70"></a></li>
  428. <li><a href="/" title="muse"><img src="https://via.placeholder.com/70"></a></li>
  429. <li><a href="/" title="muse"><img src="https://via.placeholder.com/70"></a></li>
  430. <li><a href="/" title="muse"><img src="https://via.placeholder.com/70"></a></li>
  431. </div>
  432.  
  433. <svg width="160px" height="160px" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="position:absolute; overflow:visible; bottom:-90px; right:220px; transform:rotate(-65deg);"> <path fill="transparent" stroke="{color:posts}" stroke-width="2" d="M66.039,133.545c0,0-21-57,18-67s49-4,65,8 s30,41,53,27s66,4,58,32s-5,44,18,57s22,46,0,45s-54-40-68-16s-40,88-83,48s11-61-11-80s-79-7-70-41 C46.039,146.545,53.039,128.545,66.039,133.545z"/></svg>
  434.  
  435. <svg width="120px" height="120px" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="position:absolute; overflow:visible; bottom:-130px; right:-200px; transform:rotate(165deg);"> <path fill="transparent" stroke="{color:posts}" stroke-width="2.5" d="M66.039,133.545c0,0-21-57,18-67s49-4,65,8 s30,41,53,27s66,4,58,32s-5,44,18,57s22,46,0,45s-54-40-68-16s-40,88-83,48s11-61-11-80s-79-7-70-41 C46.039,146.545,53.039,128.545,66.039,133.545z"/></svg>
  436. </div>
  437.  
  438. <div class="entries">
  439.  
  440. {block:posts}
  441.  
  442. <!-- {block:NoRebloggedFrom}
  443. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  444. {/block:NoRebloggedFrom} -->
  445. {block:ContentSource}
  446. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  447. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  448. {/block:SourceLogo}
  449. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  450. {/block:ContentSource}
  451.  
  452. <div class="posts" id="{PostID}">
  453.  
  454. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  455.  
  456. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  457.  
  458. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  459.  
  460. {block:More}<div class="more"><a href="{Permalink}" class="more-btn">read more</a></div>{/block:More}
  461.  
  462. {block:Photoset}<div class="media">{LinkOpenTag}<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>{LinkCloseTag}</div>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  463.  
  464. {block:Quote}<div id="q">{Quote}</div>{/block:Quote}{block:Source}
  465. <div class="source">— {Source}</div>
  466. {/block:Source}
  467.  
  468. {block:Audio}
  469. {block:AudioPlayer}
  470. <div class="playbutton">{AudioPlayerGrey}</div>{/block:AudioPlayer}
  471. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  472. <div class="albumdetails">
  473. {block:TrackName}<lame>song:</lame> {TrackName}{/block:TrackName}<br>
  474. {block:Artist}<lame>artist:</lame> {Artist}{/block:Artist}<br>
  475. {block:Album}<lame>album:</lame> {Album}{/block:Album}
  476. </div>
  477. {/block:AudioPlayer}
  478. {/block:Audio}
  479.  
  480. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  481.  
  482. {block:Chat}{block:title}<h1>{title}</h1>{/block:title}<br>{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  483.  
  484. {block:Answer}<div id="question"><div id="asker"><b>{Asker}</b> said</div><br>{Question}</div><span></center><p><div id="answer">{Answer}</div>{/block:Answer}
  485.  
  486. <div id="permalink">
  487. <a href="{Permalink}" title="{TimeAgo}">{Month} {DayOfMonth}</a> with {NoteCountWithLabel}
  488. <span style="float:right; margin-right:-12px;"><a href="{ReblogURL}" title="reblog this post" style="box-shadow:none;"><span class="th th-reblog"></a></span></span>
  489. </div></div>
  490.  
  491. {block:HasTags}<div id="tags">{block:Tags}<span class="th th-hashtag"></a></span><a href="{TagURL}">{Tag}</a>&nbsp;&nbsp; {/block:Tags}</div>{/block:HasTags}
  492. {/block:Posts}
  493. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  494. {/block:Posts}
  495.  
  496.  
  497. <div id="credit" data="credit"><a href="https://ultraviclets.tumblr.com" title="made by ness"><span class="th th-plant-vase-o"></span></a></div>
  498.  
  499. </body>
  500.  
  501. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  502.  
  503. <script>
  504. $(document).ready(function(){
  505. $('.photo-slideshow').pxuPhotoset({
  506. lightbox: true,
  507. rounded: false,
  508. gutter: '1px',
  509. borderRadius: '0px',
  510. photoset: '.photo-slideshow',
  511. photoWrap: '.photo-data',
  512. photo: '.pxu-photo'
  513. });
  514. });
  515. </script>
  516.  
  517. <script>
  518. function openAlytut(evt, alytutName) {
  519. var i, x, tablinks;
  520. x = document.getElementsByClassName("alytut");
  521. for (i = 0; i < x.length; i++) {
  522. x[i].style.display = "none";
  523. }
  524. tablinks = document.getElementsByClassName("tablink");
  525. for (i = 0; i < x.length; i++) {
  526. tablinks[i].className = tablinks[i].className.replace(" tabzact", "");
  527. }
  528. document.getElementById(alytutName).style.display = "block";
  529. evt.currentTarget.className += " tabzact";
  530. }
  531. </script>
  532.  
  533. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!