API tools faq
paste
raingurl

ultraviolntsthmghst

raingurl
Jan 20th, 2020
153
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.13 KB | None | 0 0
raw download clone embed print report diff
  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. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15.  
  16. <meta name="color:background" content="#f5f5f5"/>
  17. <meta name="color:text" content="#1d1d1d"/>
  18. <meta name="color:links" content="#c33a1c"/>
  19. <meta name="color:hover" content="#c6c6c6"/>
  20. <meta name="color:borders" content="#eaeaea"/>
  21. <meta name="color:posts" content="#ffffff"/>
  22. <meta name="color:container" content="#fbfbfb"/>
  23. <meta name="color:accent" content="#e7c5cb"/>
  24.  
  25. <meta name="if:grayscale" content="1"/>
  26.  
  27. <meta name="image:background" content=""/>
  28. <meta name="image:png" content="https://via.placeholder.com/230x370"/>
  29. <meta name="image:png 2" content="https://via.placeholder.com/110x160"/>
  30.  
  31. <meta name="text:title" content="title is three lines long">
  32. <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.">
  33.  
  34. <meta name="text:tablink" content="link">
  35. <meta name="text:tablink url" content="/">
  36. <meta name="text:tablink 2" content="link">
  37. <meta name="text:tablink 2 url" content="/">
  38. <meta name="text:tablink 3" content="link">
  39. <meta name="text:tablink 3 url" content="/">
  40. <meta name="text:tablink 4" content="link">
  41. <meta name="text:tablink 4 url" content="/">
  42. <meta name="text:tablink 5" content="link">
  43. <meta name="text:tablink 5 url" content="/">
  44. <meta name="text:tablink 6" content="link">
  45. <meta name="text:tablink 6 url" content="/">
  46. <meta name="text:tablink 7" content="link">
  47. <meta name="text:tablink 7 url" content="/">
  48. <meta name="text:tablink 8" content="link">
  49. <meta name="text:tablink 8 url" content="/">
  50. <meta name="text:tablink 9" content="link">
  51. <meta name="text:tablink 9 url" content="/">
  52.  
  53. <script>
  54.  
  55. $(document).ready(function(){
  56. $(“ul#tab li”).click(function(e){
  57. if (!$(this).hasClass(“active”)) {
  58. var tabNum = $(this).index();
  59. var nthChild = tabNum+1;
  60. $(“ul#tab li.active”).removeClass(“active”);
  61. $(this).addClass(“active”);
  62. $(“ul#tab li.active”).removeClass(“active”);
  63. $(“ul#tab li:nth-child(”+nthChild+“)”).addClass(“active”);
  64. }
  65. });
  66. });
  67.  
  68. </script>
  69.  
  70. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  71. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  72. <script>
  73. (function($){
  74. $(document).ready(function() {
  75. $("a[title]").style_my_tooltips({
  76. tip_follows_cursor:false,
  77. tip_delay_time:90,
  78. tip_fade_speed:600,
  79. attribute:"title"
  80. });
  81. });
  82. })(jQuery);
  83. </script>
  84.  
  85. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
  86.  
  87. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  88.  
  89. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  90.  
  91. <link href="https://fonts.googleapis.com/css?family=Roboto:400,500,500i,700,700i,900,900i&display=swap" rel="stylesheet">
  92.  
  93. <link href="https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap" rel="stylesheet">
  94.  
  95. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface&display=swap" rel="stylesheet">
  96.  
  97. <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">
  98.  
  99. <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400i,700,700i&display=swap" rel="stylesheet">
  100.  
  101. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  102.  
  103. <link href="https://fonts.googleapis.com/css?family=ABeeZee|Karla" rel="stylesheet">
  104.  
  105. <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  106.  
  107. <style type="text/css">
  108.  
  109. @font-face{ font-family:"spicy"; src: url('https://dl.dropboxusercontent.com/s/ehivk0v8vmi8jlq/SpicyRice-Regular.ttf’)'); }
  110.  
  111. @keyframes tada {
  112. from {
  113. -webkit-transform: scale3d(1, 1, 1);
  114. transform: scale3d(1, 1, 1);
  115. }
  116.  
  117. 10%,
  118. 20% {
  119. -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  120. transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  121. }
  122.  
  123. 30%,
  124. 50%,
  125. 70%,
  126. 90% {
  127. -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  128. transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  129. }
  130.  
  131. 40%,
  132. 60%,
  133. 80% {
  134. -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  135. transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  136. }
  137.  
  138. to {
  139. -webkit-transform: scale3d(1, 1, 1);
  140. transform: scale3d(1, 1, 1);
  141. }
  142. }
  143.  
  144. @-webkit-keyframes slideInLeft {
  145. from {
  146. -webkit-transform: translate3d(-100%, 0, 0);
  147. transform: translate3d(-100%, 0, 0);
  148. visibility: visible;
  149. }
  150.  
  151. to {
  152. -webkit-transform: translate3d(0, 0, 0);
  153. transform: translate3d(0, 0, 0);
  154. }
  155. }
  156.  
  157. @keyframes slideInLeft {
  158. from {
  159. -webkit-transform: translate3d(-100%, 0, 0);
  160. transform: translate3d(-100%, 0, 0);
  161. visibility: visible;
  162. }
  163.  
  164. to {
  165. -webkit-transform: translate3d(0, 0, 0);
  166. transform: translate3d(0, 0, 0);
  167. }
  168. }
  169.  
  170.  
  171. /* SCROLLBAR & TOOLTIP */
  172.  
  173.  
  174. ::-webkit-scrollbar { display:none; width:7px; height:11px; background:{color:scrollbar}; }
  175.  
  176. #s-m-t-tooltip { max-width:230px; padding:2px 9px 2px 10px; margin:20px 15px; color:{color:text}; background-color:{color:posts}; z-index:999999999999999; text-transform:uppercase; text-align:justify; text-transform:uppercase; font-family: 'Roboto', sans-serif; letter-spacing:1.5px; font-size:8px; border:1px solid {color:borders}; }
  177.  
  178.  
  179. /* BODY */
  180.  
  181.  
  182. body { background-color:{color:background}; color:{color:text}; font-family: 'Roboto', sans-serif; font-size:10px; line-height:18px; letter-spacing:1px; background-image:url('{image:background}'); overflow:hidden; }
  183.  
  184. 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; }
  185.  
  186. 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; }
  187.  
  188. blockquote { border-left:1px solid {color:borders}; margin-left:10px; padding-left:20px; width:90%; }
  189.  
  190. blockquote blockquote { border-left:1px solid {color:borders}; margin-left:5px; }
  191.  
  192. h1 { text-align:center; font-size:35px; font-weight:500; line-height:35px; font-family:'spicy'; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px {color:text}; }
  193.  
  194. h1 a { text-align:center; font-size:35px; font-weight:500; line-height:35px; font-family:'spicy'; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px {color:text}; }
  195.  
  196. h2 { color:{color:text}; font-size:17px; letter-spacing:1.5px; font-weight:800; }
  197.  
  198. pre { font-size:8.5px; color:{color:text}; font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; text-align:center; letter-spacing:2px; }
  199.  
  200. small, sup, sub { font-size:9.5px; line-height:20px; }
  201.  
  202. b, strong { font-weight:900; color:{color:text}; }
  203.  
  204. i, em { font-weight:700; color:{color:accent}; }
  205.  
  206.  
  207. /* HOLDER */
  208.  
  209.  
  210. #container { background-color:{color:container}; position:absolute; margin:auto; left:40px; right:0px; top:0px; bottom:0px; width:770px; height:480px; overflow:visible; border:1px solid {color:borders}; }
  211.  
  212.  
  213. /* SIDEBAR */
  214.  
  215.  
  216. #sidebar { position:absolute; top:0px; left:0px; z-index:9; width:340px; height:480px; overflow:visible; }
  217.  
  218. .sidebar { position:absolute; z-index:99; top:120px; left:60px; }
  219.  
  220. .sidebar img { position:absolute; width:110px; height:160px; background-image:url('https://66.media.tumblr.com/a0dbd1900e1fe6b3da8c221beea185d0/efeca78c83b800be-d3/s540x810/3657856c245bfa3dadd918dd525a9c00bdb28f9a.png'); }
  221.  
  222. .title { position:absolute; z-index:99; left:75px; top:25px; width:250px; font-family:'spicy'; font-size:50px; line-height:45px; padding-bottom:10px; text-align:right; color:{color:accent}; text-shadow:2px 2px {color:links}; }
  223.  
  224. .desc { position:absolute; z-index:99; top:260px; left:125px; width:170px; height:175px; text-align:justify; font-size:9.5px; letter-spacing:1.5px; line-height:18px; padding-top:7px; padding-bottom:10px; padding-left:15px; padding-right:15px; overflow:auto; color:{color:text}; background-color:{color:posts}; }
  225.  
  226. .sidelinks { position:absolute; z-index:9999; padding-top:10px; width:280px; height:25px; top:175px; left:40px; text-align:right; line-height:35px; -moz-animation: fadein 1s; -webkit-animation: fadein 1s; -o-animation: fadein 1s; }
  227.  
  228. .sidelinks span { display:inline-block; margin:0px 5px; }
  229.  
  230. .sidelinks span:hover { -webkit-animation-name: tada; animation-name: tada; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  231.  
  232. .sidelinks a { font-size:13px; margin-right:10px; box-shadow:none; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1.5px {color:posts}; background-color:{color:links}; padding-top:9px; padding-bottom:8px; padding-left:5px; padding-right:5px; border-radius:100%; }
  233.  
  234. .pagination { font-size:8px; width:460px; padding-right:10px; position:absolute; margin-bottom:50px; text-align:center; z-index:99999; }
  235.  
  236. .pagination a { color:{color:links}; letter-spacing:50px; text-align:center; font-size:15px; border-radius:100%; }
  237.  
  238.  
  239. /* POSTS STYLING */
  240.  
  241.  
  242. .entries { text-align:justify; position:absolute; z-index:99999; height:480px; width:440px; overflow:auto; margin:auto; left:340px; right:0px; top:25px; bottom:25px; overflow-x:hidden; }
  243.  
  244. .posts { width:330px; background-color:{color:posts}; margin-bottom:45px; margin-top:40px; margin-left:17px; text-align:justify; padding-left:20px; padding-right:18px; padding-top:15px; border:1px solid {color:borders}; box-shadow:7px 7px {color:posts}; }
  245.  
  246. .posts img { max-width:330px; 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:330px; }
  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. #permalink { width:328px; text-align:left; text-transform:uppercase; font-size:9px; letter-spacing:2px; padding-top:6px; padding-bottom:15px; padding-left:20px; padding-right:20px; margin-top:20px; margin-left:-20px; color:{color:text}; border-bottom-left-radius:15px; border-bottom-right-radius:15px; }
  261.  
  262. #permalink a { letter-spacing:2px; 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; }
  263.  
  264. #tags { width:365px; margin-top:-30px; margin-left:20px; margin-bottom:60px; text-align:center; line-height:16px; color:{color:text}; }
  265.  
  266. #tags span { font-size:8px; }
  267.  
  268. #tags a { font-size:10px; color:{color:links}; 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; }
  269.  
  270. #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; }
  271.  
  272.  
  273. /* QUOTE STYLING */
  274.  
  275.  
  276. #q { font-size:35px; letter-spacing:1px; text-align:left; line-height:35px; padding-top:20px; padding-left:20px; padding-right:20px; font-family:'spicy'; font-weight:500; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px {color:text}; }
  277.  
  278. .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; }
  279.  
  280. .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; }
  281.  
  282.  
  283. /* ASK STYLING */
  284.  
  285.  
  286. #question { line-height:17px; letter-spacing:1px; font-size:10px; text-align:justify; padding-bottom:13px; padding-left:25px; padding-right:25px; background-color:{color:links}; }
  287.  
  288. #question q { color:{color:posts}; }
  289.  
  290. #asker { margin-left:-25px; letter-spacing:1px; font-size:10px; padding-top:5px; padding-bottom:5px; width:330px; background-color:{color:posts}; text-align:center; text-transform:uppercase; }
  291.  
  292. #asker b { font-weight:900; }
  293.  
  294. #asker a { font-weight:900; -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:10px; }
  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:345px; margin-top:0px; position:absolute; z-index:999999999; overflow:hidden; width:425px; height:480px; background-color:{color:container}; color:{color:text}; -moz-animation: fadein 1s; -webkit-animation: fadein 1s; -o-animation: fadein 1s; }
  319.  
  320. @keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } }
  321.  
  322. .tabzclose { z-index:99999999999; font-size:10px; padding:3px; color:{color:text}; margin-top:30px; margin-right:30px; float:right; }
  323.  
  324. .tabzclose:hover { cursor:pointer; }
  325.  
  326.  
  327. /* NAVIGATE */
  328.  
  329.  
  330. .nlinks { position:absolute; z-index:9; top:70px; left:40px; text-align:center; }
  331.  
  332. .nlinks a { font-family:'spicy'; font-size:30px; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1.5px {color:posts}; }
  333.  
  334. .nlinks a:hover { color:{color:hover}; }
  335.  
  336. .nlinks li { margin-bottom:10px; margin-right:10px; width:100px; padding-top:40px; padding-bottom:40px; float:left; list-style-type:none; text-align:center; background-color:{color:links}; }
  337.  
  338.  
  339. /* CREDIT */
  340.  
  341.  
  342. #credit a { right:20px; bottom:20px; position:fixed; background-color:{color:posts}; color:{color:links}; padding-top:8px; padding-bottom:9px; padding-left:12px; padding-right:11px; border-radius:100%; font-size:16px; font-family: 'Playfair Display', serif; }
  343.  
  344.  
  345. {CustomCSS}
  346.  
  347.  
  348. </style>
  349. </head>
  350. <body>
  351.  
  352. <div id="container">
  353. <div id="sidebar">
  354.  
  355. <div class="sidebar">
  356. <img src="{image:png 2}">
  357. <div style="position:absolute; left:-10px; top:10px; width:110px; height:160px; overflow:visible; border:1px solid {color:borders};"></div>
  358. </div>
  359.  
  360. <img src="{image:png}" style="position:absolute; z-index:999; left:-95px; bottom:0px; width:230px; height:370px;">
  361.  
  362. <div class="title">{text:title}</div>
  363.  
  364. <div style="position:absolute; z-index:99; top:235px; left:125px; background-color:{color:borders}; color:{color:links}; font-size:12px; width:190px; padding-top:5px; padding-bottom:5px; padding-left:10px;"><span class="th th-circle"></span>&nbsp; <span class="th th-circle-o"></span>&nbsp; <span class="th th-circle-o"></span></div>
  365. <div class="desc">{text:desc}</div>
  366.  
  367. <div class="sidelinks">
  368. <a href="/" title="index"><span class="th th-bookmark-1"></span></a>
  369. <a href="/ask" title="contact"><span class="th th-chat-bubble"></span></a>
  370. <a href="#" class="tablink tabzact" onclick="openAlytut(event, 'navi');" title="navigate"><span class="th th-cloud-3"></span></a>
  371.  
  372. </div>
  373.  
  374. <!–– DO NOT TOUCH THIS ––>
  375.  
  376. <svg width="770px" height="520px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" style="position:absolute; bottom:-40px; left:0px;"><path fill="{color:accent}" fill-opacity="1" d="M0,64L48,85.3C96,107,192,149,288,144C384,139,480,85,576,58.7C672,32,768,32,864,64C960,96,1056,160,1152,170.7C1248,181,1344,139,1392,117.3L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path>
  377. </svg>
  378. <span style="position:absolute; bottom:0px; left:0px; width:770px; height:200px; background-color:{color:accent};"></span>
  379.  
  380. <!––------––>
  381. </div>
  382.  
  383. <div id="navi" class="tabzcon alytut" style="display:none">
  384. <span onclick="this.parentElement.style.display='none'" class="tabzclose"><i class="fa fa-times" aria-hidden="true" style="color:{color:text};"></i></span>
  385.  
  386. <div class="nlinks">
  387. <li><a href="{text:tablink url}" title="{text:tablink}">01</a></li>
  388. <li><a href="{text:tablink 2 url}" title="{text:tablink 2}">02</a></li>
  389. <li><a href="{text:tablink 3 url}" title="{text:tablink 3}">03</a></li>
  390. <p>
  391. <li><a href="{text:tablink 4 url}" title="{text:tablink 4}">04</a></li>
  392. <li><a href="{text:tablink 5 url}" title="{text:tablink 5}">05</a></li>
  393. <li><a href="{text:tablink 6 url}" title="{text:tablink 6}">06</a></li>
  394. <p>
  395. <li><a href="{text:tablink 7 url}" title="{text:tablink 7}">07</a></li>
  396. <li><a href="{text:tablink 8 url}" title="{text:tablink 8}">08</a></li>
  397. <li><a href="{text:tablink 9 url}" title="{text:tablink 9}">09</a></li>
  398. </div>
  399.  
  400. <!–– DO NOT TOUCH THIS PART ––>
  401.  
  402. <svg width="770px" height="520px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" style="position:absolute; z-index:-1; bottom:-40px; left:-345px;"><path fill="{color:accent}" fill-opacity="1" d="M0,64L48,85.3C96,107,192,149,288,144C384,139,480,85,576,58.7C672,32,768,32,864,64C960,96,1056,160,1152,170.7C1248,181,1344,139,1392,117.3L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path>
  403. </svg>
  404. <span style="position:absolute; bottom:0px; left:0px; width:770px; height:200px; background-color:{color:accent};"></span>
  405.  
  406. <!––------––>
  407. </div>
  408.  
  409. <div class="entries">
  410.  
  411. {block:posts}
  412.  
  413. <div class="posts" id="{PostID}">
  414.  
  415. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  416.  
  417. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  418.  
  419. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  420.  
  421. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  422.  
  423. {block:Quote}<div id="q">{Quote}</div>{/block:Quote}{block:Source}
  424. <div class="source">— {Source}</div>
  425. {/block:Source}
  426.  
  427. {block:Audio}
  428. {block:AudioPlayer}
  429. <div class="playbutton">{AudioPlayerGrey}</div>{/block:AudioPlayer}
  430. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  431. <div class="albumdetails">
  432. {block:TrackName}<lame>song:</lame> {TrackName}{/block:TrackName}<br>
  433. {block:Artist}<lame>artist:</lame> {Artist}{/block:Artist}<br>
  434. {block:Album}<lame>album:</lame> {Album}{/block:Album}
  435. </div>
  436. {/block:AudioPlayer}
  437. {/block:Audio}
  438.  
  439. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  440.  
  441. {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}
  442.  
  443. {block:Answer}<div id="question"><div id="asker"><b>{Asker}</b> said</div><br><q>{Question}</q></div><span></center><p><div id="answer">{Answer}</div>{/block:Answer}
  444.  
  445. <div id="permalink">
  446. <a href="{Permalink}" title="{TimeAgo}">{MonthNumberWithZero}/{DayOfMonth} </a> &nbsp;<span class="th th-star" style="font-size:8px; color:{color:borders};"></span>&nbsp; {NoteCountWithLabel}
  447. <span style="float:right; margin-right:0px;"><a href="{ReblogURL}" title="reblog this post" style="box-shadow:none;"><span class="th th-reblog"></a></span></span>
  448. </div></div>
  449.  
  450. {block:HasTags}<div id="tags">{block:Tags}<span class="th th-hashtag"></span><a href="{TagURL}">{Tag}</a>&nbsp;&nbsp; {/block:Tags}</div>{/block:HasTags}
  451. {/block:Posts}
  452. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  453. {/block:Posts}
  454.  
  455. <div class="pagination">
  456. {block:PreviousPage}
  457. <a href="{PreviousPage}" class="pagi"><span class="th th-chevron-left"></span></a>{/block:PreviousPage}
  458. {block:NextPage} &nbsp;&nbsp;&nbsp; <a href="{NextPage}" class="pagi"><span class="th th-chevron-right"></span></a> {/block:NextPage} {/block:Pagination}
  459. </div>
  460. </div>
  461.  
  462. <div id="credit" data="credit"><a href="https://ultraviclets.tumblr.com" title="made by ness">U</a></div>
  463.  
  464. </body>
  465.  
  466. <script>
  467. var coll = document.getElementsByClassName("collapsible");
  468. var i;
  469.  
  470. for (i = 0; i < coll.length; i++) {
  471. coll[i].addEventListener("click", function() {
  472. this.classList.toggle("active");
  473. var content = this.nextElementSibling;
  474. if (content.style.display === "block") {
  475. content.style.display = "none";
  476. } else {
  477. content.style.display = "block";
  478. }
  479. });
  480. }
  481. </script>
  482.  
  483. <script>
  484. function openAlytut(evt, alytutName) {
  485. var i, x, tablinks;
  486. x = document.getElementsByClassName("alytut");
  487. for (i = 0; i < x.length; i++) {
  488. x[i].style.display = "none";
  489. }
  490. tablinks = document.getElementsByClassName("tablink");
  491. for (i = 0; i < x.length; i++) {
  492. tablinks[i].className = tablinks[i].className.replace(" tabzact", "");
  493. }
  494. document.getElementById(alytutName).style.display = "block";
  495. evt.currentTarget.className += " tabzact";
  496. }
  497. </script>
  498.  
  499. </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!