API tools faq
paste
RageQxeen

Room Code

RageQxeen
May 8th, 2020
66
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.41 KB | None | 0 0
raw download clone embed print report
  1. <body>
  2. <html>
  3. <body><style type="text/css">
  4.  
  5. @import url('https://fonts.googleapis.com/css?family=Cousine|Merienda|Great+Vibes');
  6.  
  7. html, body {
  8. background: #fff0f3;
  9. background-image:url("https://i.imgur.com/juvggBO.jpg");
  10. background-size:100%;
  11. background-repeat:no-repeat;
  12. background-position:center bottom;
  13. }
  14.  
  15. ::-webkit-scrollbar-button:vertical:{
  16. background-color: #transparent;}
  17.  
  18. ::-webkit-scrollbar-thumb:vertical {
  19. background-color:#transparent;
  20. height:150px;}
  21.  
  22. ::-webkit-scrollbar-thumb:horizontal {
  23. background-color:#transparent;
  24. height:60px;}
  25.  
  26.  
  27. ::-webkit-scrollbar {
  28. height:60px;
  29. width:5px;
  30. background-color:#transparent;}
  31.  
  32. #image {
  33. width: 100%;
  34. margin: 0px;
  35. border: none;
  36. height: 700px;
  37. background-color:transparent;
  38. position: absolute;
  39. right: 0%;
  40. bottom: 0%;
  41. background-image:url("");
  42. background-repeat:no-repeat;
  43. background-position: bottom;
  44. background-size: 100%;
  45. }
  46.  
  47. #name {
  48. z-index:15;
  49. position: absolute;
  50. left: 10%;
  51. top: 5%;
  52. margin: auto;
  53. background: #transparent;
  54. width: 450px;
  55. height: 50px;
  56. font-family: Great Vibes;
  57. font-size: 60px;
  58. background: url(https://i.imgur.com/rXgV7QP.gif) 0px 0px repeat;
  59. -webkit-text-fill-color: transparent;
  60. -webkit-background-clip: text;
  61. background-position: center;
  62. display:block;
  63. text-align: center;
  64. letter-spacing: 1px;
  65. -webkit-transition:opacity 2s linear;
  66. line-height:3.6vw;
  67. }
  68.  
  69. #nameunder{
  70. z-index:15;
  71. position: absolute;
  72. left: 10%;
  73. top: 5%;
  74. margin: auto;
  75. background: #transparent;
  76. width: 450px;
  77. height: 50px;
  78. font-family: Great Vibes;
  79. font-size: 60px;
  80. -webkit-text-fill-color: #8b73c9;
  81. text-transform: none;
  82. -webkit-background-clip: text;
  83. display:block;
  84. text-shadow: -1px 0 #999, 0 1px #000,1px 0 #000, 0 -1px #999;
  85. text-align: center;
  86. letter-spacing: 1px;
  87. -webkit-transition:opacity 2s linear;
  88. line-height:3.6vw;
  89. }
  90.  
  91. .header{
  92. position:absolute;
  93. width:500px;
  94. background:#transparent;
  95. height:100px;
  96. overflow:hidden;
  97. font-family: 'Great Vibes', cursive;
  98. font-size: 50px;
  99. font-weight:lighter;
  100. font-style:none;
  101. color:#000000;
  102. letter-spacing: 0px;
  103. text-transform:none;
  104. text-align:center;
  105. }
  106.  
  107. #container {
  108. background-color:#C0C0C0;
  109. width: 1000px;
  110. height: 560px;
  111. margin:auto;
  112. position: absolute;
  113. padding: 5px;
  114. font-family: 'Cousine', cursive;
  115. color: #000;
  116. right: 13%;
  117. bottom: 5%;
  118. z-index:1;
  119. border: #000000 solid 2px;
  120. opacity: .95;
  121. }
  122.  
  123. #content {
  124. background-color:#def3f6;
  125. width: 600px;
  126. height: 190px;
  127. margin:auto;
  128. position: absolute;
  129. padding: 5px;
  130. font-family: 'Cousine', cursive;
  131. color: #000;
  132. left: 3%;
  133. top: 23%;
  134. z-index:1;
  135. border: #000000 solid 2px;
  136. }
  137.  
  138. #content2 {
  139. background-color:#def3f6;
  140. width: 600px;
  141. height: 190px;
  142. margin:auto;
  143. position: absolute;
  144. padding: 5px;
  145. font-family: 'Cousine', cursive;
  146. color: #000;
  147. left: 3%;
  148. bottom: 3%;
  149. z-index:1;
  150. border: #000000 solid 2px;
  151. }
  152.  
  153. #friendlist {
  154. background-color:#def3f6;
  155. width: 300px;
  156. height: 500px;
  157. margin:auto;
  158. position: absolute;
  159. padding: 5px;
  160. font-family: 'Indie Flower', cursive;
  161. color: #000;
  162. right: 3%;
  163. bottom: 3%;
  164. z-index:1;
  165. border: #000000 solid 2px;
  166. }
  167.  
  168. #nav {
  169. background-color: transparent;
  170. width: 250px;
  171. height:40px;
  172. margin:auto;
  173. position: absolute;
  174. right: 6.5%;
  175. top: 2%;
  176. text-align: center;
  177. z-index:1;
  178. }
  179.  
  180. #nav a, #nav a:link, #nav a:visited {
  181. display:inline-block;
  182. background: #006994;
  183. color: #006994;
  184. margin-top: 0px;
  185. margin-bottom: 0px;
  186. margin-left: 0px;
  187. height: 10px;
  188. width: 30px;
  189. border-radius: 5px;
  190. box-shadow: 0px 0px 5px #000;
  191. }
  192.  
  193. #nav a:active, #nav a:hover {
  194. display:inline-block;
  195. height: 10px;
  196. width: 30px;
  197. text-decoration:none;
  198. background: #000;
  199. color: #000;
  200. margin: 0px;
  201. box-shadow: 0px 0px 5px #006994;
  202. }
  203.  
  204. .credit{
  205. position: fixed;
  206. bottom: 0px;
  207. left: 2px;
  208. height: 25px;
  209. width: 25px;
  210. line-height: 15px;
  211. font-size: 10px;
  212. color: #000;
  213. text-align: center;
  214. font-family: roboto;
  215. }
  216.  
  217. i{color: #064273;}
  218. b{color: #1da2d8;}
  219. a{color: #064273; text-decoration: none;}
  220. h1{ font-size: 20px; font-family: 'Merienda', cursive; border-bottom: 1px solid #000;}
  221.  
  222. #Layout {position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px;}
  223. </style>
  224. <div id="Layout" oncontextmenu="return false;">
  225.  
  226. <div class="credit" title="Profile by RageQxeen">♛</div>
  227.  
  228. <div id="container">
  229. <div id="nameunder">All Anime Mansion</div><div id="name">All Anime Mansion</div>
  230. <div class="header" style="top: 12%; left: 8%;">Welcome and relax</div>
  231.  
  232. <div id="nav">
  233. <a href="#one"></a>
  234. <a href="#two"></a>
  235. <a href="#three"></a>
  236. <a href="#four"></a>
  237. <a href="#five"></a>
  238. <a href="#six"></a>
  239. </div>
  240.  
  241. <div id="content">
  242. <div style="width: 600px; height: 190px; overflow-y: hidden;">
  243.  
  244. <a name="one"></a>
  245. <div style="width: 600px; height: 190px; overflow: auto;" align="center">
  246. <h1>The Story of AAM</h1><br><br>
  247. Luka was the original owner of the All Anime Mansion, it was her home and her haven because she was shut off from the world. Now after all this time she comes back and started the reconstruction of the old mansion. Ask her for a key for your own room, and rejoin something that brought people happiness for years. Welcome back to the AAM!<br><br>
  248. <b>Bold</b> <i>Italics</i> <a href="">Link</a>
  249. </div>
  250.  
  251. <a name="two"></a>
  252. <div style="width: 600px; height: 190px; overflow: auto;" align="center">
  253. <h1>Places of Interest</h1>
  254. <img src="http://i.picpar.com/fmyd.jpg" style="width: 580px; height: 350px;">
  255. </div>
  256. </div>
  257. </div>
  258.  
  259.  
  260. <div id="content2">
  261. <div style="width: 600px; height: 190px; overflow-y: hidden;">
  262.  
  263. <a name="three"></a>
  264. <div style="width: 600px; height: 190px; overflow: auto;" align="center">
  265. <h1>Rules of the AAM</h1>
  266. <ul>
  267. <li> No bullying OOC. No drama from dms in main. Block them, if main harassing continues message a mod!
  268. <li> Smut preferably in dms, be mindful. We are not opposed to it in the main, but have decency if asked to take it to dms.
  269. <li> Anything the owner says OOCly goes, no exceptions.
  270. <li> Got an issue with a mod? Take it to the Owner.
  271. <li> Have fun. Rules will get fleshed out further, if needed.
  272. </ul>
  273. <br><br>
  274. <h1>Coders</h1>
  275. <ul>
  276. <li> Room code made by <a target="_blank" href="https://alliealgiere.neocities.org">RageQxeen!</a>
  277. <li> CODER.
  278. <li> CODER.
  279. <li> CODER.
  280. <li> CODER.
  281. </ul>
  282. </div>
  283.  
  284.  
  285.  
  286. <a name="four"></a>
  287. <div style="width: 600px; height: 190px; overflow: auto;" align="center">
  288. <h1>Events</h1>
  289. </div>
  290. </div>
  291. </div>
  292.  
  293. <div id="friendlist">
  294. <div style="width: 300px; height: 500px; overflow-y: hidden;">
  295.  
  296. <a name="five"></a>
  297. <div style="width: 300px; height: 500px; overflow: auto;" align="center">
  298. <h1>The Staff</h1>
  299. <a target="_blank" href="https://roleplay.chat/profile.php?user=03+Luka+Megurine"><img src="https://i.imgur.com/E5T71dM.jpg" height="75" width="75" align="left" border="3"></a>
  300. <center><b>- Luka -</b><br> <i>Owner</i></center> small note.<br><br><br><br>
  301. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  302. <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
  303. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  304. <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
  305. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  306. <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
  307. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  308. <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
  309. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  310. <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
  311. </div>
  312.  
  313.  
  314.  
  315. <a name="six"></a>
  316. <div style="width: 300px; height: 500px; overflow: auto;" align="center">
  317. <h1>The Residents</h1>
  318. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  319. <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
  320. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  321. <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
  322. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  323. <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
  324. <a target="_blank" href="https://roleplay.chat/profile.php?user=V3+Lily"><img src="https://i.imgur.com/QAGNDXb.jpg" height="75" width="75" align="left" border="3"></a>
  325. <center><b>- Lily -</b><br> <i>Room 3</i></center> Luka's beloved sister<br><br><br><br>
  326. <a target="_blank" href="https://roleplay.chat/profile.php?user=Aryn"><img src="https://i.imgur.com/6dHDfHX.jpg" height="75" width="75" align="left" border="3"></a>
  327. <center><b>- Aryn -</b><br> <i>Room 3</i></center> Resident ice cream vendor<br><br><br><br>
  328. <a target="_blank" href="https://roleplay.chat/profile.php?user=Gakupo+Kamui"><img src="https://i.imgur.com/2B6TNWg.jpg" height="75" width="75" align="left" border="3"></a>
  329. <center><b>- Gakupo -</b><br> <i>Room 10</i></center> Luka's old duet partner.
  330. </div>
  331. </div>
  332. </div>
  333. </body>
  334. </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!