API tools faq
paste
RageQxeen

Undertale

RageQxeen
Feb 8th, 2019
155
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.00 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <body><style type="text/css">
  3.  
  4. html, body {
  5. background: #000;
  6. background-image:url("");
  7. background-size:400px;
  8. background-repeat:no-repeat;
  9. background-position:center bottom;
  10. }
  11.  
  12. ::-webkit-scrollbar-button:vertical:{
  13. background-color: #transparent;}
  14.  
  15. ::-webkit-scrollbar-thumb:vertical {
  16. background-color:#transparent;
  17. height:150px;}
  18.  
  19. ::-webkit-scrollbar-thumb:horizontal {
  20. background-color:#transparent;
  21. height:60px;}
  22.  
  23. ::-webkit-scrollbar {
  24. height:60px;
  25. width:5px;
  26. background-color:#transparent;}
  27.  
  28. #image {
  29. width: 100%;
  30. margin: 0px;
  31. border: none;
  32. height: 700px;
  33. background-color:transparent;
  34. position: absolute;
  35. right: 0%;
  36. bottom: 0%;
  37. background-image:url("");
  38. background-repeat:no-repeat;
  39. background-position: bottom;
  40. background-size: 100%;
  41. }
  42.  
  43. #box1{
  44. background-color: #000000;
  45. position: absolute;
  46. width: 230px;
  47. height: 150px;
  48. margin: auto;
  49. padding: 10px;
  50. text-align: justify;
  51. font-family: 'Determination Mono', cursive;
  52. font-size: 23px;
  53. color: #fff;
  54. left: 23%;
  55. top: 10%;
  56. border: 10px solid #fff;
  57. -webkit-animation: fadein 7s; /* Safari, Chrome and Opera > 12.1 */
  58. -moz-animation: fadein 7s; /* Firefox < 16 */
  59. -ms-animation: fadein 7s; /* Internet Explorer */
  60. -o-animation: fadein 7s; /* Opera < 12.1 */
  61. animation: fadein 7s;
  62. }
  63.  
  64. #box2{
  65. background-color: #000000;
  66. position: absolute;
  67. width: 230px;
  68. height: 190px;
  69. margin: auto;
  70. padding: 10px;
  71. text-align: justify;
  72. font-family: 'Determination Mono', cursive;
  73. font-size: 20px;
  74. color: #fff;
  75. left: 23%;
  76. top: 39%;
  77. border: 10px solid #fff;
  78. -webkit-animation: fadein 7s; /* Safari, Chrome and Opera > 12.1 */
  79. -moz-animation: fadein 7s; /* Firefox < 16 */
  80. -ms-animation: fadein 7s; /* Internet Explorer */
  81. -o-animation: fadein 7s; /* Opera < 12.1 */
  82. animation: fadein 7s;
  83. }
  84.  
  85. #box3{
  86. background-color: #000000;
  87. position: absolute;
  88. width: 430px;
  89. height: 530px;
  90. margin: auto;
  91. padding: 10px;
  92. text-align: justify;
  93. font-family: 'Determination Mono', cursive;
  94. font-size: 40px;
  95. color: #fff;
  96. right: 21%;
  97. top: 10%;
  98. border: 10px solid #fff;
  99. -webkit-animation: fadein 7s; /* Safari, Chrome and Opera > 12.1 */
  100. -moz-animation: fadein 7s; /* Firefox < 16 */
  101. -ms-animation: fadein 7s; /* Internet Explorer */
  102. -o-animation: fadein 7s; /* Opera < 12.1 */
  103. animation: fadein 7s;
  104. }
  105.  
  106. @keyframes fadein {
  107. from { opacity: 0; }
  108. to { opacity: 1; }
  109. }
  110.  
  111. /* Firefox < 16 */
  112. @-moz-keyframes fadein {
  113. from { opacity: 0; }
  114. to { opacity: 1; }
  115. }
  116.  
  117. /* Safari, Chrome and Opera > 12.1 */
  118. @-webkit-keyframes fadein {
  119. from { opacity: 0; }
  120. to { opacity: 1; }
  121. }
  122.  
  123. /* Internet Explorer */
  124. @-ms-keyframes fadein {
  125. from { opacity: 0; }
  126. to { opacity: 1; }
  127. }
  128.  
  129. /* Opera < 12.1 */
  130. @-o-keyframes fadein {
  131. from { opacity: 0; }
  132. to { opacity: 1; }
  133. }
  134.  
  135. h1{
  136. font-family: 'Determination Mono';
  137. font-size: 25px;
  138. color: #fff;
  139. }
  140.  
  141. h2{
  142. font-family: 'Determination Mono';
  143. font-size: 40px;
  144. color: #fff;
  145. }
  146.  
  147. #nav {
  148. background-color: transparent;
  149. width: 50px;
  150. height: 70px;
  151. margin:auto;
  152. position: absolute;
  153. font-family: 'Determination Mono';
  154. font-size: 45px;
  155. text-align: right;
  156. right: 30%;
  157. z-index:1;
  158. }
  159.  
  160. #nav a, #nav a:link, #nav a:visited {
  161. display:inline-block;
  162. height: 50px;
  163. width: 50px;
  164. text-decoration:none;
  165. background: #transparent;
  166. color: #fff;
  167. }
  168.  
  169. #nav a:active, #nav a:hover {
  170. display:inline-block;
  171. height: 50px;
  172. width: 50px;
  173. text-decoration:none;
  174. background: #transparent;
  175. color: #fff;
  176. margin: 0px;
  177. }
  178.  
  179. /*Code by Alikade, please keep this credit where it is, it will not interfere with the rest of the code.*/
  180.  
  181. #editthis{ position:fixed;height: 27px; width: 30px; top: 5%; left: 45%; margin: auto; z-index:99;}
  182.  
  183. #music1{ position:fixed; padding:2px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}
  184.  
  185. #music1:hover #music2{ opacity: 0; margin-top:-20px; z-index:-1;}
  186.  
  187. #music1:hover #music3{ opacity: .5; margin-top:-5px; z-index:99;}
  188.  
  189. #music1:hover #musiclist{ opacity: .5;}
  190.  
  191. #music2{ opacity: .5; background-color:#000000; padding:6px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}
  192.  
  193. #music3{ opacity: 0; position:fixed; background-color:#000000; background-image: url('http://assets.clickmotive.com/Designs/LEMidnight/playButton.png'); background-repeat: no-repeat; background-size: 25px; border:1px dotted #b3b3e5; width:25px; height:25px; z-index:99 margin-left:0px; overflow:hidden; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
  194.  
  195. .credit{
  196. position: fixed;
  197. top: 0px;
  198. right: 2px;
  199. height: 25px;
  200. width: 25px;
  201. line-height: 15px;
  202. font-size: 10px;
  203. color: #fff;
  204. text-align: center;
  205. font-family: roboto;
  206. }
  207.  
  208. i{color: #FFF;}
  209. b{color: #FFF;}
  210. a{color: #FFF; text-decoration: none;}
  211.  
  212. #Layout {position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px;}
  213. </style>
  214. <link rel="stylesheet" type="text/css" href="//undertalefonts.duodecima.technology/webfonts/stylesheet.css">
  215.  
  216. <div id="Layout" oncontextmenu="return false;">
  217.  
  218. <div class="credit" title="By RageQxeen">♛</div>
  219.  
  220. <div id="editthis"><div id="music1"><div id="music2">
  221. <img src="http://38.media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif" style="opacity: 0.8;"></div>
  222. <div id="music3"><Div style="margin-top:4px;">
  223. <audio controls style="opacity: 0;"><source src="KIWI6 LINK HERE"></audio>
  224. </div></div></div></div>
  225.  
  226. <div id="image"></div>
  227.  
  228. <div id="box1">
  229. <div style="width: 230px; height: 150px; overflow-y: hidden;">
  230.  
  231. <a name="one"></a>
  232. <div style="width: 230px; height: 150px; overflow: auto;" align="left">
  233. <h1>[REDACTED]</h1>
  234. LV 1<br>
  235. HP 20/20<br>
  236. G 0
  237. </div>
  238. </div>
  239. </div>
  240.  
  241. <div id="box2">
  242. <div style="width: 230px; height: 190px; overflow-y: hidden;">
  243.  
  244. <a name="two"></a>
  245. <div style="width: 230px; height: 190px; overflow: auto;" align="right">
  246. <div id="nav">
  247. <a href="#three">ITEM</a>
  248. <a href="#four">STAT</a>
  249. <a href="#five">CELL</a>
  250. <a href="#six">INFO</a>
  251. </div>
  252. </div>
  253. </div>
  254. </div>
  255.  
  256. <div id="box3">
  257. <div style="width: 430px; height: 530px; overflow-y: hidden;">
  258.  
  259. <a name="three"></a>
  260. <div style="width: 430px; height: 530px; overflow: auto;" align="left">
  261. __________
  262. </div>
  263.  
  264. <a name="four"></a>
  265. <div style="width: 430px; height: 530px; overflow: auto;" align="left">
  266. <h2>"[REDACTED]"</h2>
  267. LV 1<br>
  268. HP 20/20<br><br>
  269. <font style=float:left><b>AT 0(0)</b></font> <font style=float:right>EXP:0</font><br>
  270. <font style=float:left><b>DEF 0(0)</b></font> <font style=float:right>NEXT: 10</font><br><br>
  271. WEAPON: None<br>
  272. ARMOR: None<br><br>
  273. GOLD: 0
  274. </div>
  275.  
  276. <a name="five"></a>
  277. <div style="width: 430px; height: 530px; overflow: auto;" align="left">
  278. * But nobody came
  279. </div>
  280.  
  281. <a name="six"></a>
  282. <div style="width: 430px; height: 530px; overflow: auto;" align="left">
  283. HISTORY HERE
  284. </div>
  285. </div>
  286. </div>
  287. </div>
  288. </body>
  289. </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!