API tools faq
paste
Advertisement
Chibi-Elle

Modified Enki Placeholder

Chibi-Elle
Mar 20th, 2019
130
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.58 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
  4. <script src="//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  5. <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
  6. <script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.6.5/dat.gui.min.js"></script>
  7. <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
  8. <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.11.0/d3.min.js"></script>
  9. <script src="https://roleplay.chat/jquery.tooltipster.js"></script>
  10. <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/TweenMax.min.js"></script>
  11. <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/87/three.js"></script>
  12. <link href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css" rel="stylesheet">
  13. <link href="https://roleplay.chat/tooltipster.css" rel="stylesheet" type="text/css">
  14. <link href="https://cdn.jsdelivr.net/npm/[email protected]/css/fork-awesome.min.css" rel="stylesheet">
  15. <style>
  16. .grecaptcha-badge {
  17. display: none;
  18. }
  19. </style>
  20. <script defer>
  21. window.onload = function() {
  22.  
  23. };
  24. </script>
  25. <style>
  26.  
  27. </style>
  28. </head>
  29. <body>
  30. <style>
  31. @import url('https://fonts.googleapis.com/css?family=Fredericka+the+Great|Walter+Turncoat|Tulpen+One');
  32.  
  33. body {
  34. background-color: #fff;
  35. background-image: url('http://www.twitrcovers.com/wp-content/uploads/2012/09/Nature-Desert-l.jpg') ;
  36. background-position: fixed, fixed;
  37. background-size: 100%;
  38.  
  39. background-repeat:no-repeat, no-repeat;
  40. background-position: center, center ;
  41. font-family: ;
  42. color: #7c7c7c;
  43. overflow: auto;
  44. text-shadow:0px 0px 3px #000;
  45. }
  46.  
  47. ::-moz-selection {
  48. color: #FAF3EE;
  49. background: #F9DAD7;
  50. }
  51.  
  52. ::selection {
  53. color: #FAF3EE;
  54. background: #F9DAD7;
  55. }
  56.  
  57. ::-webkit-scrollbar {
  58. width: 2px;
  59. height: 1px;
  60. }
  61.  
  62.  
  63. #cute {position: fixed;right: 1060; bottom: -100px;z-index: 22;}
  64. #cute img {width: auto;height: 650;}
  65.  
  66. #cont {
  67. position: fixed;
  68. margin: auto;
  69. right: 603;
  70. top: 30%; width:500;
  71. height: 370px;
  72. background-color: #C1A460;
  73. border: 3px solid #BC9559;
  74. background-image:url("https://www.transparenttextures.com/patterns/grey-sandbag.png");
  75. z-index: -3;
  76. opacity: 1;
  77. }
  78.  
  79. h1{
  80. font-family: 'Walter Turncoat';
  81. font-size: 18px;
  82. text-align: center;
  83. letter-spacing: 7px;
  84. color: #D0684B;
  85. background-image: url('https://i.pinimg.com/originals/89/f7/bf/89f7bf394959b085c6627aab07b0196d.gif');
  86. padding-right: 5px;
  87. margin-bottom: 5px;
  88. margin-top: 1px;
  89. line-height: 23px;
  90. }
  91.  
  92. b {
  93. font-family: 'Fredericka the Great';
  94. text-align: left;
  95. font-size: 12px;
  96. text-transform: uppercase;
  97. color: #986B5D;
  98. text-shadow: none;
  99. }
  100.  
  101.  
  102. .box {
  103. position: fixed;
  104. top: 33%;
  105. left: 22%;
  106. width: 450px;
  107. height: 300px;
  108. border: ;
  109. color: #fff;
  110. font-family: 'Tulpen One';
  111. font-size: 18px;
  112. padding: 7px;
  113. border: 1px solid #BC9559;
  114. border-radius: 8px;
  115. background-color: #DAC593;
  116. }
  117.  
  118. .box1 {
  119. position: fixed;
  120. top: 33%;
  121. left: 22%;
  122. width: 450px;
  123. height: 300px;
  124. border: ;
  125. color: #fff;
  126. font-family: 'Tulpen One';
  127. font-size: 18px;
  128. padding: 7px;
  129. border: 1px solid #BC9559;
  130. border-radius: 8px;
  131. background-color: #DAC593;
  132. }
  133.  
  134.  
  135. img {
  136. display: block;
  137. margin-bottom: auto;
  138. margin-right: auto;
  139. }
  140.  
  141. .nav {
  142. background-color: transparent;
  143. position: absolute;
  144. left: 1062;
  145. top: 548;
  146. padding: 4px;
  147. z-index: 2000;
  148.  
  149. }
  150.  
  151. .link1 {
  152. position: fixed;
  153. top: 548;
  154. right: 1062;
  155. border: 1px solid #BC9559;
  156. border-radius: 100%;
  157. height: 20px;
  158. width: 20px;
  159. background-color: #DAC593;
  160. -webkit-clip-path: circle(50% at 50% 50%);
  161. clip-path: circle(50% at 50% 50%);
  162. }
  163.  
  164. .link2 {
  165. position: fixed;
  166. top: 548;
  167. right: 923;
  168. border: 1px solid #BC9559;
  169. border-radius: 100%;
  170. height: 20px;
  171. width: 20px;
  172. background-color: #DAC593;
  173. -webkit-clip-path: circle(50% at 50% 50%);
  174. clip-path: circle(50% at 50% 50%);
  175. }
  176.  
  177. .link3 {
  178. position: fixed;
  179. top: 548;
  180. right: 785;
  181. border: 1px solid #BC9559;
  182. border-radius: 100%;
  183. height: 20px;
  184. width: 20px;
  185. background-color: #DAC593;
  186. -webkit-clip-path: circle(50% at 50% 50%);
  187. clip-path: circle(50% at 50% 50%);
  188. }
  189.  
  190. .link4 {
  191. position: fixed;
  192. top: 548;
  193. right: 630;
  194. border: 1px solid #BC9559;
  195. border-radius: 100%;
  196. height: 20px;
  197. width: 20px;
  198. background-color: #DAC593;
  199. -webkit-clip-path: circle(50% at 50% 50%);
  200. clip-path: circle(50% at 50% 50%);
  201. }
  202.  
  203. .slide {
  204. Position: fixed;
  205. Height: 555555;
  206. Width: 555555;
  207. Top: 0px;
  208. Left: 0;
  209. Z-index: -1;
  210. Opacity: 0;
  211. transition: 0.8s;
  212. -moz-transition: 0.8s;
  213. webkit-transition: 0.8s;
  214. -o-transition: 0.8s;
  215. }
  216.  
  217. .slide:target {
  218. Top: 0;
  219. Opacity: 1;
  220. Z-index: 1000;
  221. transition: 0.8s;
  222. -moz-transition: 0.8s;
  223. webkit-transition: 0.8s;
  224. -o-transition: 0.8s;
  225. }
  226.  
  227.  
  228. </style>
  229. <body>
  230. <div id="cute"><img src="http://i.picpar.com/3qjd.png"></div>
  231. <div id="cont"></div>
  232. <div id="nav">
  233. <a class="link1" href="#1"></a>
  234. <a class="link2" href="#2"></a>
  235. <a class="link3" href="#3"></a>
  236. <a class="link4" href="#4"></a>
  237. </div>
  238.  
  239. <div class="box">
  240. <h1>Out of Sand</h1>
  241. <b>01.</b> PM-friendly.<br>
  242. <b>02.</b> OOC here.<br>
  243. <b>03.</b> OOC here.<br>
  244. <b>04.</b> OOC here.
  245. </div>
  246.  
  247. <div id="1" class="slide">
  248. <div class="box1">
  249. <h1>Dossier</h1>
  250. <B>Name:</b> <font style=float:right>Enki.</font><br><br>
  251. <h1>Databook</h1>
  252.  
  253. </div></div>
  254.  
  255. <div id="2" class="slide">
  256. <div class="box1">
  257. <h1>Jutsus</h1>
  258.  
  259. </div></div>
  260.  
  261. <div id="3" class="slide">
  262. <div class="box1">
  263. <h1>Connections</h1>
  264.  
  265. </div></div>
  266.  
  267. <div id="4" class="slide">
  268. <div class="box1">
  269. <h1>History</h1>
  270.  
  271. </div></div>
  272.  
  273.  
  274.  
  275. </body>
  276. </body>
  277. </body>
  278. </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!