API tools faq
paste
RageQxeen

Ronny and the Fattest of Yoshi's

RageQxeen
Feb 8th, 2019
128
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.56 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <body><style type="text/css">
  3.  
  4. @import url(https://fonts.googleapis.com/css?family=Indie+Flower|Great+Vibes);
  5.  
  6. html, body {
  7. background: #ffd1dc;
  8. background-image:url("");
  9. background-size:400px;
  10. background-repeat:no-repeat;
  11. background-position:center bottom;
  12. }
  13.  
  14. ::-webkit-scrollbar-button:vertical:{
  15. background-color: #transparent;}
  16.  
  17. ::-webkit-scrollbar-thumb:vertical {
  18. background-color:#transparent;
  19. height:150px;}
  20.  
  21. ::-webkit-scrollbar-thumb:horizontal {
  22. background-color:#transparent;
  23. height:60px;}
  24.  
  25.  
  26. ::-webkit-scrollbar {
  27. height:60px;
  28. width:5px;
  29. background-color:#transparent;}
  30.  
  31. #image {
  32. width: 300px;
  33. margin: 0px;
  34. border: none;
  35. height: 600px;
  36. background-color:transparent;
  37. position: absolute;
  38. right: 5%;
  39. bottom: 0%;
  40. background-image:url("http://i.picpar.com/vLed.png");
  41. background-repeat:no-repeat;
  42. background-position: bottom;
  43. background-size: 100%;
  44. z-index: 1;
  45. }
  46.  
  47. #image2 {
  48. width: 320px;
  49. margin: 0px;
  50. border: none;
  51. height: 150px;
  52. background-color:transparent;
  53. position: absolute;
  54. right: 6.5%;
  55. top: 5%;
  56. background-image:url("http://i.picpar.com/xLed.gif");
  57. background-repeat:no-repeat;
  58. background-position: bottom;
  59. background-size: 100%;
  60. border: solid 2px #000;
  61. z-index: 1;
  62. }
  63.  
  64. #container {
  65. background-color:#999;
  66. width: 800px;
  67. height: 500px;
  68. margin:auto;
  69. position: absolute;
  70. padding: 5px;
  71. font-family: 'Indie Flower', cursive;
  72. color: #000;
  73. left: 15%;
  74. bottom: 10%;
  75. z-index:1;
  76. border: #000000 solid 2px;
  77. }
  78.  
  79. #content {
  80. background-color:#ffd1dc;
  81. width: 360px;
  82. height: 200px;
  83. margin:auto;
  84. position: absolute;
  85. padding: 5px;
  86. font-family: 'Indie Flower', cursive;
  87. color: #000;
  88. left: 17%;
  89. top: 20%;
  90. z-index:1;
  91. border: #000000 solid 2px;
  92. }
  93.  
  94. #content2 {
  95. background-color:#ffd1dc;
  96. width: 360px;
  97. height: 200px;
  98. margin:auto;
  99. position: absolute;
  100. padding: 5px;
  101. font-family: 'Indie Flower', cursive;
  102. color: #000;
  103. left: 17%;
  104. bottom: 14%;
  105. z-index:1;
  106. border: #000000 solid 2px;
  107. }
  108.  
  109. #friendlist {
  110. background-color:#ffd1dc;
  111. width: 150px;
  112. height: 300px;
  113. margin:auto;
  114. position: absolute;
  115. padding: 5px;
  116. font-family: 'Indie Flower', cursive;
  117. color: #000;
  118. left: 47%;
  119. bottom: 12%;
  120. z-index:1;
  121. border: #000000 solid 2px;
  122. }
  123.  
  124. .links{
  125. position: fixed;
  126. margin: auto;
  127. top: 20%; bottom: 0;
  128. left: 28.5%; right: 0%;
  129. height: 240px;
  130. width: 40px;
  131. text-align: center;
  132. }
  133. .links a{
  134. display: block;
  135. height: 20px;
  136. width: 70px;
  137. margin-top: 15px;
  138. margin-left: 2.5px;
  139. text-align: center;
  140. font-family: 'roboto';
  141. font-size: 9px;
  142. box-shadow: 0px 0px 0.5px #eee;
  143. color: #eee; /*-- links font color --*/
  144. border: 1px solid #333; /*-- links font border color --*/
  145. background-color: #000; /*-- links background color --*/
  146. text-transform: uppercase;
  147. text-decoration: none;
  148. line-height: 20px;
  149. transition: .9s linear;
  150. }
  151. .links a:hover{
  152. color: #ff5747; /*-- links font color hover --*/
  153. border: 1px solid #ff5747; /*-- links border color hover --*/
  154. transition: .9s linear;
  155. text-align: center;
  156. font-family: 'roboto';
  157. font-size: 9px;
  158. text-transform: uppercase;
  159. text-decoration: none;
  160. }
  161.  
  162. #name {
  163. z-index:15;
  164. position: absolute;
  165. right: 3%;
  166. bottom: -6%;
  167. margin: auto;
  168. background: #000;
  169. width: 200px;
  170. height: 185px;
  171. font-family: Great Vibes;
  172. font-size: 43px;
  173. background: url(https://media.giphy.com/media/Mw58RYfC15Mqc/giphy.gif) 0px 0px repeat;
  174. -webkit-text-fill-color: transparent;
  175. -webkit-background-clip: text;
  176. background-position: center;
  177. display:block;
  178. text-align: center;
  179. letter-spacing: 1px;
  180. -webkit-transition:opacity 2s linear;
  181. line-height:3.6vw;
  182. }
  183.  
  184. #nameunder{
  185. z-index:15;
  186. position: absolute;
  187. right: 3%;
  188. bottom: -6%;
  189. margin: auto;
  190. background: #000;
  191. width: 200px;
  192. height: 185px;
  193. font-family: Great Vibes;
  194. font-size: 43px;
  195. -webkit-text-fill-color: transparent;
  196. text-transform: none;
  197. -webkit-background-clip: text;
  198. display:block;
  199. text-shadow: -1px 0 #ccc, 0 1px #000,1px 0 #000, 0 -1px #ccc;
  200. text-align: center;
  201. letter-spacing: 1px;
  202. -webkit-transition:opacity 2s linear;
  203. line-height:3.6vw;
  204. }
  205.  
  206. /*Code by Alikade, please keep this credit where it is, it will not interfere with the rest of the code.*/
  207.  
  208. #editthis{ position:fixed;height: 27px; width: 30px; top: 28%; right: 26.5%; margin: auto; z-index:99;}
  209.  
  210. #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;}
  211.  
  212. #music1:hover #music2{ opacity: 0; margin-top:-20px; z-index:-1;}
  213.  
  214. #music1:hover #music3{ opacity: .5; margin-top:-5px; z-index:99;}
  215.  
  216. #music1:hover #musiclist{ opacity: .5;}
  217.  
  218. #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;}
  219.  
  220. #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;}
  221.  
  222. .credit {
  223. position: fixed;
  224. bottom: 0px;
  225. right: 2px;
  226. height: 25px;
  227. width: 25px;
  228. line-height: 15px;
  229. font-size: 10px;
  230. color: #999;
  231. text-align: center;
  232. font-family: roboto;
  233. }
  234.  
  235. *{cursor: url('http://i.picpar.com/3Led.png'), auto;}
  236.  
  237. #Layout {position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px;}
  238.  
  239. a{color: #000; text-decoration: none;}
  240. </style>
  241. <div class="credit" title="Profile by RageQxeen">♛</div>
  242. <div id="Layout" oncontextmenu="return false;">
  243.  
  244. <div id="image"></div>
  245.  
  246.  
  247. <!-- round circle on the right -->
  248. <span style="
  249. position:absolute;
  250. right: 7%;
  251. top: 10%;
  252. border-radius:100%;
  253. border: 4px solid #fdfd96;
  254. padding:15px 15px;
  255. width:200px;
  256. height:200px;
  257. background:transparent;
  258. z-index:999;
  259. box-shadow: 0 0 0 7px transparent, 0 0 0 8px #ffb347, 0 0 0 35px transparent,0 0 0 16px #ff5747;
  260. "></span>
  261.  
  262. <!-- round circle on the top LEFT -->
  263. <span style="position:fixed;
  264. top: 3%;
  265. left: 1%;
  266. border-radius:100%;
  267. border: 5px solid #fdfd96;
  268. padding:100px 100px;
  269. background:transparent;
  270. z-index:999;
  271. box-shadow: 0 0 0 7px transparent, 0 0 0 9px #ffb347;
  272. "></span>
  273.  
  274. <div id="container">
  275. <div id="image2"></div>
  276. <div id="nameunder">Sinner's Brothel DJ</div><div id="name">Sinner's Brothel DJ</div>
  277.  
  278. <div class="links">
  279. <a href="#one">Stats</a>
  280. <a href="#two">Personality</a>
  281. <a href="#three">History</a>
  282. <a href="#four">OOC</a>
  283. </div>
  284. </div>
  285.  
  286. <div id="content">
  287. <div style="width: 360px; height: 200px; overflow-y: hidden;">
  288.  
  289. <a name="one"></a>
  290. <div style="width: 360px; height: 200px; overflow: auto;" align="center">
  291. <span style="float:left;"><b>Name</b></span><span style="float:right;">Ronny</span><br>
  292. <span style="float:left;"><b>Alias(es)</b></span><span style="float:right;"><a title="The Scarred Truth, Society Undone">Hover</a></span><br>
  293. <span style="float:left;"><b>Gender</b></span><span style="float:right;">Ambiguous</span><br>
  294. <span style="float:left;"><b>Age</b></span><span style="float:right;">[REDACTED]</span><br>
  295. <span style="float:left;"><b>Height</b></span><span style="float:right;">177 cm</span><br>
  296. <span style="float:left;"><b>Weight</b></span><span style="float:right;">145 lbs</span><br>
  297. <span style="float:left;"><b>Orientation</b></span><span style="float:right;">Pansexual</span><br>
  298. <span style="float:left;"><b>Relationship</b></span><span style="float:right;">Single</span><br>
  299. <span style="float:left;"><b>Race</b></span><span style="float:right;">Human</span><br>
  300. <span style="float:left;"><b>Eyes</b></span><span style="float:right;">Violet</span><br>
  301. <span style="float:left;"><b>Hair</b></span><span style="float:right;">Brown</span><br>
  302. </div>
  303.  
  304. <a name="two"></a>
  305. <div style="width: 360px; height: 200px; overflow: auto;" align="center">
  306. <b>Disorders</b><br>
  307. _________<br>
  308. ADHD<br>
  309. ADD<br>
  310. Hyperactive Disorder<br>
  311. Mild Autism<br>
  312. Depression<br>
  313. Social Anxiety<br>
  314. Anxiety in general<br>
  315. Asthma<br>
  316. D.I.D
  317. </div>
  318. </div>
  319. </div>
  320.  
  321.  
  322. <div id="content2">
  323. <div style="width: 360px; height: 200px; overflow-y: hidden;">
  324.  
  325. <a name="three"></a>
  326. <div style="width: 360px; height: 200px; overflow: auto;" align="center">
  327. History isn't as important as the now.
  328. </div>
  329.  
  330.  
  331.  
  332. <a name="four"></a>
  333. <div style="width: 360px; height: 200px; overflow: auto;" align="center">
  334. <b>00</b>. Code made by <a href="https://alliealgiere.neocities.org" target="_blank">RageQxeen</a> for Ronny with all the lesbian love in the world.<br><br>
  335. <b>01</b>. IC =/= OOC.<br>
  336. <b>02</b>. Smut, Story, Smut-Story, Story-Smut, whichever.<br>
  337. <b>03</b>. PM Friendly.<br>
  338. <b>04</b>. Male typist.<br>
  339. <b>05</b>. 10 years RP experience, 6 on RPC.<br>
  340. <b>06</b>. Discord can be given.<br>
  341. <b>07</b>. Anything else that does not belong to me is the rightful property of their creators, etc. etc.<br>
  342. <b>08</b>. I'm very friendly with the block button, don't be a brat.<br>
  343. <b>09</b>. Any questions, comments or concerns? Please don't hesitate to PM me.
  344. </div>
  345. </div>
  346. </div>
  347.  
  348. <div id="friendlist">
  349. <div style="width: 150px; height: 300px; overflow: auto;" align="center">
  350.  
  351. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  352. <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
  353. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  354. <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
  355. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  356. <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
  357. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  358. <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
  359. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  360. <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.
  361. </div>
  362. </div>
  363.  
  364. <div id="editthis"><div id="music1"><div id="music2">
  365. <img src="http://38.media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif" style="opacity: 0.8;"></div>
  366. <div id="music3"><Div style="margin-top:4px;">
  367. <audio controls style="opacity: 0;"><source src="http://k007.kiwi6.com/hotlink/rao8e7frn1/Yoshi_s_Story_Theme.mp3"></audio>
  368. </div></div></div></div>
  369. </div>
  370.  
  371. </body>
  372. </html>
Advertisement
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!