API tools faq
paste
Advertisement
bythestars

Ronnie code

bythestars
Jun 13th, 2019
94
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.33 KB | None | 0 0
raw download clone embed print report
  1. <style type="text/css">
  2. @import url('https://fonts.googleapis.com/css?family=Lato|Lobster|Lobster+Two');
  3.  
  4. body {
  5. background-image: url('');
  6. background: -webkit-linear-gradient(#6E293C, #4F092C, #1D0824);
  7. cursor: url('https://i.imgur.com/LbP8o6q.png?1'), default;}
  8.  
  9. ::-webkit-scrollbar-thumb:vertical {background-color:#4F092C; height:3px; }
  10. ::-webkit-scrollbar { height:3px; width:3px; background-color:transparent; }
  11.  
  12. ::selection {
  13. color: #601286;
  14. background: #FFE5F9;}
  15.  
  16. a {
  17. color: #4F092C;
  18. text-decoration: none;
  19. text-transform: uppercase;
  20. font-family: 'Lobster Two', cursive;
  21. font-size: 12px;
  22. letter-spacing: 1;
  23. -webkit-transition: all 0.5s ease-in-out;
  24. -moz-transition: all 0.5s ease-in-out;
  25. -o-transition: all 0.5s ease-in-out;
  26. -ms-transition: all 0.5s ease-in-out;
  27. transition: all 0.5s ease-in-out;}
  28.  
  29. a:hover {
  30. color: white;
  31. text-decoration: none;
  32. -webkit-transition: all 0.5s ease-in-out;
  33. -moz-transition: all 0.5s ease-in-out;
  34. -o-transition: all 0.5s ease-in-out;
  35. -ms-transition: all 0.5s ease-in-out;
  36. transition: all 0.5s ease-in-out;}
  37.  
  38. b {
  39. color:#1D0824;
  40. font-family: 'Lato', sans-serif;
  41. text-transform: uppercase;
  42. font-size: 10px;
  43. letter-spacing: 1;
  44. }
  45.  
  46. i {
  47. color:#8A5636;
  48. font-family: 'Lato', sans-serif;
  49. text-transform: lowercase;
  50. font-size: 10px;
  51. letter-spacing: 1;}
  52.  
  53. u {
  54. color:#8C7342;
  55. font-family: 'Lato', sans-serif;
  56. text-transform: lowercase;
  57. font-size: 10px;
  58. letter-spacing: 1;}
  59.  
  60. s {
  61. color:#22092a;
  62. font-family: 'Lato', sans-serif;
  63. text-transform: lowercase;
  64. font-size: 10px;
  65. letter-spacing: 1;}
  66.  
  67. h1 {
  68. background-color: #4F092C;
  69. width: 100%;
  70. padding:10px;
  71. margin-top: 1;
  72. margin-left: -10px;
  73. color: #EFD7FA;
  74. font-size: 30px;
  75. font-family: 'Lobster Two', cursive;
  76. font-weight: 2;
  77. text-transform: lowercase;
  78. letter-spacing: 0px;
  79. text-align:center;}
  80.  
  81. *{cursor: url('https://i.imgur.com/LbP8o6q.png?1'), default;}
  82.  
  83. #outercon {
  84. position:absolute;
  85. top:45%;
  86. margin-top:-235px;
  87. left:50%;
  88. margin-left:-415px;
  89. margin-bottom:;
  90. height: 550px;
  91. width: 860px;
  92. background:#1D0824;
  93. border: 10px solid #4F092C;
  94. background-image: url('https://www.transparenttextures.com/patterns/dark-dotted-2.png');}
  95.  
  96. #container {
  97. position:absolute;
  98. top:45%;
  99. margin-top:-220px;
  100. left:50%;
  101. margin-left:-400px;
  102. margin-bottom:;
  103. height: 530px;
  104. width: 840px;
  105. background:#22092a;
  106. border: 5px solid #4F092C;
  107. background-image: url('https://www.transparenttextures.com/patterns/dark-dotted-2.png');}
  108.  
  109. #pic1 {
  110. position: absolute;
  111. height: 320px;
  112. width: 191px;
  113. background-image: url('https://i.imgur.com/AuvuBfj.png?1');
  114. background-attachment: absolute;
  115. bottom: 190px;
  116. right: 630px;
  117. border: 2px solid #4F092C;
  118. opacity: 1;
  119. z-index: 100;}
  120.  
  121. #stats {
  122. border: 2px solid #4F092C;
  123. background-color: #6E293C;
  124. text-transform: ;
  125. text-align: left;
  126. color: #fff;
  127. font-size: 10px;
  128. font-family: 'Lato', sans-serif;
  129. position: absolute;
  130. width:300px;
  131. height:300px;
  132. left: 220px;
  133. bottom: 189px;
  134. letter-spacing:1px;
  135. line-height: 13px;
  136. padding: 10px;
  137. margin: 1px;
  138. overflow:auto;
  139. opacity: 1;}
  140.  
  141. #ooc {
  142. border: 2px solid #4F092C;
  143. background-color: #6E293C;
  144. text-transform: ;
  145. text-align: justify;
  146. color: #fff;
  147. font-size: 10px;
  148. font-family: 'Lato', sans-serif;
  149. position: absolute;
  150. width:233px;
  151. height: 300px;
  152. left: 563px;
  153. bottom: 10px;
  154. letter-spacing:1px;
  155. line-height: 13px;
  156. padding: 10px;
  157. margin: 1px;
  158. overflow: auto;
  159. opacity: 1;}
  160.  
  161. #contacts {
  162. border: 2px solid #4F092C;
  163. background-color: #6E293C;
  164. text-transform: ;
  165. text-align: center;
  166. color: #fff;
  167. font-size: 10px;
  168. font-family: 'Lato', sans-serif;
  169. position: absolute;
  170. width:505px;
  171. height:140px;
  172. left: 15px;
  173. bottom: 10px;
  174. letter-spacing:1px;
  175. line-height: 13px;
  176. padding: 10px;
  177. margin: 1px;
  178. overflow: auto;
  179. opacity: 1;}
  180.  
  181. .navbar {position: absolute; left: 45px; top: -5px; z-index: 3000; opacity: 1; }
  182.  
  183. .link1 {position: absolute; border-radius: 50%; left: 520px; bottom: -124px; height: 100px; width: 100px; filter: drop-shadow( 0px 0px 2px #);}
  184. .link1:hover {}
  185.  
  186. .link2 {position: absolute; left: 650px; bottom: -104px; 100px; width: 100px; filter: drop-shadow( 0px 0px 2px #);}
  187. .link2:hover {}
  188.  
  189. .link3 {position: absolute; left: 520px; bottom: -188px; width: 100px; width: 15px; filter: drop-shadow( 0px 0px 2px #);}
  190. .link3:hover {}
  191.  
  192. .link4 {position: absolute; left: 650px; bottom: -188px; width: 100px; width: 15px; filter: drop-shadow( 0px 0px 2px #);}
  193. .link4:hover {}
  194.  
  195.  
  196. .abox, .abox2, .abox3 {
  197. border: 2px solid #4F092C;
  198. background-color: #6E293C;
  199. text-transform: ;
  200. text-align: left;
  201. color: #fff;
  202. font-size: 10px;
  203. font-family: 'Lato', sans-serif;
  204. position: absolute;
  205. width:300px;
  206. height:300px;
  207. left: 220px;
  208. bottom: 189px;
  209. letter-spacing:1px;
  210. line-height: 13px;
  211. padding: 10px;
  212. margin: 1px;
  213. overflow:auto;
  214. opacity: 1;
  215. z-index: 100;}
  216.  
  217. .slide {z-index: -1; opacity: 0;}
  218.  
  219. .slide:target {left: 0; opacity: 1; z-index: 1000;}
  220.  
  221. #ver1 { z-index: 10000; position: absolute; left: 22px; top: 285px; font-family: 'Lobster', cursive; font-size: 60px; color: #30262e;
  222. -webkit-text-fill-color: transparent; background: -webkit-linear-gradient(transparent, transparent), url('https://i.imgur.com/Lde5HtO.gif') repeat; background: -o-linear-gradient(transparent, transparent); -webkit-background-clip: text; background-position: center left; background-size: cover;}
  223.  
  224. #ver2 { z-index: 100; position: absolute; left: 22px; top: 285px; font-family: 'Lobster', cursive; font-size: 60px; color: #000; text-shadow: -1px 1px .5px #000;}
  225. </style>
  226.  
  227. <div id= "outercon"> </div>
  228. <div id= "container">
  229. <div id= "border"></div>
  230. <div id= "border2"></div>
  231.  
  232. <div class="navbar">
  233. <a class="link1" href="#1" title= "one"><img src= "https://i.imgur.com/4lBDL9R.gif" height=80px></a>
  234. <a class="link2" href="#2" title= "two"><img src= "https://i.imgur.com/lTvIYcU.gif" height=80px></a>
  235. <a class="link3" href="#3" title= "three"><img src= "https://i.imgur.com/ggueQoE.gif" height=80px></a>
  236. <a class="link4" href="#4" title= "reset"><img src= "https://i.imgur.com/AKYs3mt.gif" height=80px></a>
  237. </div>
  238.  
  239. <div id= "ver1">Ronnie!</div>
  240. <div id= "ver2">Ronnie!</div>
  241. <div id= "pic1"></div>
  242.  
  243. <div id= "ooc">
  244. <h1>ooc</h1>
  245. <b>001</b> This code was made by <a target="_blank" href="https://roleplay.chat/profile.php?user=Gemma">Star</a> as a gift for <b>VERONICA MARTINELLI</b>, under the multiple sources of tutelage by far more experienced coders. Please don't bother stealing, I can point you in the direction of those that would be happy to do commissions. <br><br>
  246. <b>002</b> Stuff.<br><br>
  247. <b>003</b> Stuff. <br><br>
  248. <b>004</b> Stuff.
  249.  
  250. </div>
  251.  
  252. <div id= "contacts">
  253. <h1>connections</h1>
  254. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  255. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  256.  
  257. <a target="_blank" href="https://3.roleplay.chat/profile.php?user=Vince" title="Vince Martinelli - Older brother.">
  258. <img style="background: url('https://i.imgur.com/VWgus4A.gif') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  259.  
  260. <a target="_blank" href="https://roleplay.chat/profile.php?user=Mary%20Angela" title="Mary-Angela Martinelli - Older sister.">
  261. <img style="background: url('https://i.imgur.com/NTLD5Z3.gif') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  262.  
  263.  
  264. <a target="_blank" href="https://3.roleplay.chat/profile.php?user=Marko" title="Marko Martinelli - Cousin.">
  265. <img style="background: url('https://i.imgur.com/mwDXOFv.gif') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  266.  
  267. <a target="_blank" href="https://roleplay.chat/profile.php?user=Kian" title="Kian Keller - Brother's best friend, might as well be adopted.">
  268. <img style="background: url('https://i.imgur.com/ogPzzpd.gif') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  269.  
  270. <a target="_blank" href="https://roleplay.chat/profile.php?user=Cal" title="Calliope Keller - Kian's literal adopted sister.">
  271. <img style="background: url('https://i.imgur.com/vCOIdCj.gif') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  272.  
  273. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  274. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  275.  
  276. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  277. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  278.  
  279. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  280. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  281.  
  282. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  283. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  284.  
  285. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  286. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  287.  
  288. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  289. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  290.  
  291. </div>
  292.  
  293. <div id= "stats">
  294.  
  295. <h1>statistics</h1>
  296. <font style=float:left><b>name</b> </font> <font style=float:right>Veronica Martinelli</font><br>
  297. <font style=float:left><b>alias</b> </font> <font style=float:right>Ronnie, ---</font><br>
  298. <font style=float:left><b>gender</b> </font> <font style=float:right>♀ Female</font><br>
  299. <font style=float:left><b>birth date</b> </font> <font style=float:right>---</font><br>
  300. <font style=float:left><b>birthplace</b> </font> <font style=float:right>Brooklyn, NY</font><br>
  301. <font style=float:left><b>location</b> </font> <font style=float:right>---, NYU</font><br><br>
  302.  
  303. <font style=float:left><b>occupation</b> </font> <font style=float:right>Freshman @NYU</font><br>
  304. <font style=float:left><b>major</b> </font> <font style=float:right>---</font><br>
  305. <font style=float:left><b>sorority</b> </font> <font style=float:right>---</font><br>
  306. <font style=float:left><b>clubs</b> </font> <font style=float:right>---</font><br><br>
  307.  
  308. <font style=float:left><b>marital status</b> </font> <font style=float:right> ---</font><br>
  309. <font style=float:left><b>orientation</b> </font> <font style=float:right>---</font><br>
  310. <font style=float:left><b>current mood</b> </font> <font style=float:right>---</font><br><br>
  311.  
  312. <font style=float:left><b>height</b> </font> <font style=float:right>---</font><br>
  313. <font style=float:left><b>weight</b> </font> <font style=float:right>---</font><br>
  314. <font style=float:left><b>hair color</b> </font> <font style=float:right>---</font><br>
  315. <font style=float:left><b>eye color</b> </font> <font style=float:right>---</font><br>
  316. <font style=float:left><b>scent</b> </font> <font style=float:right>---</font><br>
  317. <font style=float:left><b>allergies</b> </font> <font style=float:right>---</font><br>
  318. </div>
  319.  
  320. <div id="1" class="slide">
  321. <div class="abox">
  322. <h1>title</h1>
  323. this is just an example.<br>
  324. <b>this is just an example.</b><br>
  325. <i>this is just an example.</i><br>
  326. <u>this is just an example.</u><br>
  327. <s>this is just an example.</s><br>
  328. </div></div>
  329.  
  330. <div id="2" class="slide">
  331. <div class="abox2">
  332. <h1>title</h1>
  333. this is just an example.<br>
  334. <b>this is just an example.</b><br>
  335. <i>this is just an example.</i><br>
  336. <u>this is just an example.</u><br>
  337. <s>this is just an example.</s><br>
  338. </div></div>
  339.  
  340. <div id="3" class="slide">
  341. <div class="abox3">
  342. <h1>title</h1>
  343. this is just an example.<br>
  344. <b>this is just an example.</b><br>
  345. <i>this is just an example.</i><br>
  346. <u>this is just an example.</u><br>
  347. <s>this is just an example.</s><br>
  348. </div></div>
  349.  
  350. </div>
  351. </div>
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!