API tools faq
paste
Advertisement
bythestars

Yum code

bythestars
Jul 12th, 2019
174
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.54 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(#F5818B, #FE4B75, #B6335A);
  7. cursor: url('https://i.imgur.com/RYi68IN.png'), default;}
  8.  
  9. ::-webkit-scrollbar-thumb:vertical {background-color:#FE4B75; 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: #FE4B75;
  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:#B6335A;
  40. font-family: 'Lato', sans-serif;
  41. text-transform: uppercase;
  42. font-size: 10px;
  43. letter-spacing: 1;
  44. }
  45.  
  46. i {
  47. color:#FE4B75;
  48. font-family: 'Lato', sans-serif;
  49. text-transform: lowercase;
  50. font-size: 10px;
  51. letter-spacing: 1;}
  52.  
  53. u {
  54. color:#D33B64;
  55. font-family: 'Lato', sans-serif;
  56. text-transform: lowercase;
  57. font-size: 10px;
  58. letter-spacing: 1;}
  59.  
  60. s {
  61. color:#7E2F56;
  62. font-family: 'Lato', sans-serif;
  63. text-transform: lowercase;
  64. font-size: 10px;
  65. letter-spacing: 1;}
  66.  
  67. h1 {
  68. background-color: #FE4B75;
  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/RYi68IN.png'), default;}
  82.  
  83. #outercon {
  84. position:absolute;
  85. top:45%;
  86. margin-top:-235px;
  87. left:50%;
  88. margin-left:-615px;
  89. margin-bottom:;
  90. height: 550px;
  91. width: 1060px;
  92. background:#D33B64;
  93. border: 10px solid #FE4B75;
  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:-600px;
  102. margin-bottom:;
  103. height: 530px;
  104. width: 1040px;
  105. background:#D33B64;
  106. border: 5px solid #FE4B75;
  107. background-image: url('https://www.transparenttextures.com/patterns/dark-dotted-2.png');}
  108.  
  109. #stats {
  110. border: 2px solid #FE4B75;
  111. background-color: #F5818B;
  112. text-transform: ;
  113. text-align: left;
  114. color: #fff;
  115. font-size: 10px;
  116. font-family: 'Lato', sans-serif;
  117. position: absolute;
  118. width:300px;
  119. height:330px;
  120. left: 15px;
  121. bottom: 160px;
  122. letter-spacing:1px;
  123. line-height: 13px;
  124. padding: 10px;
  125. margin: 1px;
  126. overflow:auto;
  127. opacity: 1;}
  128.  
  129. #contacts {
  130. border: 2px solid #FE4B75;
  131. background-color: #F5818B;
  132. text-transform: ;
  133. text-align: center;
  134. color: #fff;
  135. font-size: 10px;
  136. font-family: 'Lato', sans-serif;
  137. position: absolute;
  138. width:210px;
  139. height:280px;
  140. left: 355px;
  141. bottom: 210px;
  142. letter-spacing:1px;
  143. line-height: 13px;
  144. padding: 10px;
  145. margin: 1px;
  146. overflow: auto;
  147. opacity: 1;}
  148.  
  149. #ooc {
  150. border: 2px solid #FE4B75;
  151. background-color: #F5818B;
  152. text-transform: ;
  153. text-align: justify;
  154. color: #fff;
  155. font-size: 10px;
  156. font-family: 'Lato', sans-serif;
  157. position: absolute;
  158. width: 210px;
  159. height: 155px;
  160. left: 355px;
  161. bottom: 15px;
  162. letter-spacing:1px;
  163. line-height: 13px;
  164. padding: 10px;
  165. margin: 1px;
  166. overflow: auto;
  167. opacity: 1;}
  168.  
  169. .navbar {position: absolute; left: 45px; top: -5px; z-index: 3000; opacity: 1; }
  170.  
  171. .link1 {position: absolute; left: 560px; bottom: -264px; width: 200px; border: 2px solid #FE4B75;}
  172. .link1:hover {}
  173.  
  174. .link2 {position: absolute; left: 775px; bottom: -264px; width: 200px; border: 2px solid #FE4B75;}
  175. .link2:hover {}
  176.  
  177. .link3 {position: absolute; left: 560px; bottom: -520px; width: 200px; border: 2px solid #FE4B75;}
  178. .link3:hover {}
  179.  
  180. .link4 {position: absolute; left: 775px; bottom: -520px; width: 200px; border: 2px solid #FE4B75;}
  181. .link4:hover {}
  182.  
  183.  
  184. .abox, .abox2, .abox3 {
  185. border: 2px solid #FE4B75;
  186. background-color: #F5818B;
  187. text-transform: ;
  188. text-align: left;
  189. color: #fff;
  190. font-size: 10px;
  191. font-family: 'Lato', sans-serif;
  192. position: absolute;
  193. width:300px;
  194. height:330px;
  195. left: 15px;
  196. bottom: 160px;
  197. letter-spacing:1px;
  198. line-height: 13px;
  199. padding: 10px;
  200. margin: 1px;
  201. overflow:auto;
  202. opacity: 1;
  203. z-index: 100;}
  204.  
  205. .slide {z-index: -1; opacity: 0;}
  206.  
  207. .slide:target {left: 0; opacity: 1; z-index: 1000;}
  208.  
  209. #yum1 { z-index: 10000; position: absolute; left: 22px; top: 385px; font-family: 'Lobster', cursive; font-size: 60px; color: #30262e;
  210. -webkit-text-fill-color: transparent; background: -webkit-linear-gradient(transparent, transparent), url('https://i.imgur.com/kT7nYmi.gif') repeat; background: -o-linear-gradient(transparent, transparent); -webkit-background-clip: text; background-position: center left; background-size: cover;}
  211.  
  212. #yum2 { z-index: 100; position: absolute; left: 22px; top: 385px; font-family: 'Lobster', cursive; font-size: 60px; color: #000; text-shadow: -1px 1px .5px #000;}
  213.  
  214. #yum3 { z-index: 10000; position: absolute; left: 100px; top: 445px; font-family: 'Lobster', cursive; font-size: 60px; color: #30262e;
  215. -webkit-text-fill-color: transparent; background: -webkit-linear-gradient(transparent, transparent), url('https://i.imgur.com/kT7nYmi.gif') repeat; background: -o-linear-gradient(transparent, transparent); -webkit-background-clip: text; background-position: center left; background-size: cover;}
  216.  
  217. #yum4 { z-index: 100; position: absolute; left: 100px; top: 445px; font-family: 'Lobster', cursive; font-size: 60px; color: #000; text-shadow: -1px 1px .5px #000;}
  218. </style>
  219.  
  220. <div id= "outercon"> </div>
  221. <div id= "container">
  222. <div id= "border"></div>
  223. <div id= "border2"></div>
  224.  
  225. <div class="navbar">
  226. <a class="link1" href="#1" title= "one"><img src= "https://i.imgur.com/bPkDds8.gif" height=240px></a>
  227. <a class="link2" href="#2" title= "two"><img src= "https://i.imgur.com/erb5t42.gif" height=240px></a>
  228. <a class="link3" href="#3" title= "three"><img src= "https://i.imgur.com/A9S9RO8.gif" height=240px></a>
  229. <a class="link4" href="#4" title= "reset"><img src= "https://i.imgur.com/qNEwiql.gif" height=240px></a>
  230. </div>
  231.  
  232. <div id= "yum1">Yum Na-Rae</div> <div id= "yum2">Yum Na-Rae</div>
  233. <div id= "yum3">xoxo!</div> <div id= "yum4">xoxo!</div>
  234.  
  235. <div id= "ooc">
  236. <h1>ooc</h1>
  237. <b>001</b> This code was made by <b>Star</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>
  238. <b>002</b> I am <a target="_blank" href="https://roleplay.chat/profile.php?user=Star">Star</a>, you're welcome! Very much female, over the age of 18, and not seeking an online relationship. I do flirt as a knee-jerk reaction, which is relatively harmless. #LoyalTo<a target="_blank" href="https://www.youtube.com/watch?v=P_SlAzsXa7E">TheCause</a> <br><br>
  239. <b>003</b> Yum is an OC for the <a target="_blank" href="https://roleplay.chat/profile.php?user=New+York+University">NYU</a> room, for which I am a moderator. Promise that I am friendly both to run scenes with, and to discuss concerns about the group with. If for whatever reason I don't answer, drop me an inbox message so it's not lost. <br><br>
  240. <b>004</b> Bullshit RPer that snowballs into multi-para depending on the scene and muse. I thoroughly enjoy IC drama, bored af of OOC drama. Mature themes welcomed, but smut is reserved for dedicated writing partner. <br><br>
  241. <b>005</b> Yum's career is modeled after K-Pop star <a target="_blank" href="https://www.youtube.com/watch?v=bw9CALKOvAI">HYUNA</a>, if you want a reference for her popularity before a scandal brought her to the USA.
  242.  
  243. </div>
  244.  
  245. <div id= "contacts">
  246. <h1>yum's yums!</h1>
  247. <a target="_blank" href="https://roleplay.chat/profile.php?user=Jeong" title="Jeong Ki-min - ">
  248. <img style="background: url('https://i.imgur.com/LXfqFOe.gif') no-repeat; background-size: 75px; border: 1px solid #FE4B75; height:75px; width:75px;"></a>
  249.  
  250. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  251. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #FE4B75; height:75px; width:75px;"></a>
  252.  
  253. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  254. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #FE4B75; height:75px; width:75px;"></a>
  255.  
  256. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  257. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #FE4B75; height:75px; width:75px;"></a>
  258.  
  259. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  260. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #FE4B75; height:75px; width:75px;"></a>
  261.  
  262. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  263. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #FE4B75; height:75px; width:75px;"></a>
  264.  
  265. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  266. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #FE4B75; height:75px; width:75px;"></a>
  267.  
  268. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  269. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #FE4B75; height:75px; width:75px;"></a>
  270.  
  271. </div>
  272.  
  273. <div id= "stats">
  274.  
  275. <h1>statistics</h1>
  276. <font style=float:left><b>name</b> </font> <font style=float:right>Yum Na-rae <i>(p. Yoom Nah-Ree')</i></font><br>
  277. <font style=float:left><b>alias</b> </font> <font style=float:right>Juicy</font><br>
  278. <font style=float:left><b>gender</b> </font> <font style=float:right>♀ Female</font><br>
  279. <font style=float:left><b>birth date</b> </font> <font style=float:right>June 6th / Gemini / 19</font><br>
  280. <font style=float:left><b>birthplace</b> </font> <font style=float:right>Sangsu Dong, Seoul, South Korea</font><br>
  281. <font style=float:left><b>location</b> </font> <font style=float:right>---, NYU</font><br><br>
  282.  
  283. <font style=float:left><b>occupation</b> </font> <font style=float:right>K-Pop Star, Freshman @NYU</font><br>
  284. <font style=float:left><b>major</b> </font> <font style=float:right>---</font><br>
  285. <font style=float:left><b>sorority</b> </font> <font style=float:right>---</font><br>
  286. <font style=float:left><b>clubs</b> </font> <font style=float:right>Dance</font><br><br>
  287.  
  288. <font style=float:left><b>marital status</b> </font> <font style=float:right>Single</font><br>
  289. <font style=float:left><b>orientation</b> </font> <font style=float:right>Heterosexual</font><br>
  290. <font style=float:left><b>current mood</b> </font> <font style=float:right>Flirty</font><br><br>
  291.  
  292. <font style=float:left><b>height</b> </font> <font style=float:right>5 ft 4½"</font><br>
  293. <font style=float:left><b>weight</b> </font> <font style=float:right>115 lbs</font><br>
  294. <font style=float:left><b>hair color</b> </font> <font style=float:right>Dark Brown, dyed Red</font><br>
  295. <font style=float:left><b>eye color</b> </font> <font style=float:right>Dark Brown</font><br>
  296. <font style=float:left><b>scent</b> </font> <font style=float:right>Bubblegum, Strawberries</font><br>
  297. <font style=float:left><b>allergies</b> </font> <font style=float:right>---</font><br>
  298. </div>
  299.  
  300. <div id="1" class="slide">
  301. <div class="abox">
  302. <h1>title</h1>
  303. this is just an example.<br>
  304. <b>this is just an example.</b><br>
  305. <i>this is just an example.</i><br>
  306. <u>this is just an example.</u><br>
  307. <s>this is just an example.</s><br>
  308. </div></div>
  309.  
  310. <div id="2" class="slide">
  311. <div class="abox2">
  312. <h1>title</h1>
  313. this is just an example.<br>
  314. <b>this is just an example.</b><br>
  315. <i>this is just an example.</i><br>
  316. <u>this is just an example.</u><br>
  317. <s>this is just an example.</s><br>
  318. </div></div>
  319.  
  320. <div id="3" class="slide">
  321. <div class="abox3">
  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>
  331. </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!