SHARE
TWEET

Yum code

bythestars Jul 12th, 2019 105 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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>
RAW Paste Data
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
Top