API tools faq
paste
Advertisement
TommEdge4Life

Emi Coding

TommEdge4Life
Apr 19th, 2017
115
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.18 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=Abel);
  5. @import 'https://fonts.googleapis.com/css?family=Pacifico';
  6.  
  7.  
  8.  
  9. ::selection {color: grey; background-color:none;}
  10. ::-moz-selection {color: #ce938f; background-color:grey;}
  11.  
  12. ::-webkit-scrollbar { width: 5px; height:0px; }
  13. ::-webkit-scrollbar-thumb:vertical {
  14. background-color: #866666; border: none; }
  15.  
  16. body {
  17. background-color: none;
  18. background-image: url('http://i.picpar.com/uWec.png');
  19. background-size: 50% 55%;
  20. background-attatchment: fixed;
  21. background-repeat: repeat;
  22. overflow-x:hidden;
  23. cursor: url(http://31.media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), progress !important;
  24. }
  25.  
  26. b, strong { color: #848484; }
  27. i, strong { color: #585858;}
  28.  
  29. a:active, a:link, a:visited {
  30. color: #BDBDBD;
  31. text-decoration: none;
  32. -webkit-transition: all 0.4s ease-in;
  33. -moz-transition: all 0.4s ease-in;
  34. -ms-transition: all 0.4s ease-in;
  35. -o-transition: all 0.4s ease-in;
  36. transition: all 0.4s ease-in;
  37. cursor: url('http://31.media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png'), progress;
  38. }
  39.  
  40. a:hover {
  41. color: #D8D8D8;
  42. -moz-transition-duration:0.5s;
  43. -webkit-transition-duration:0.5s;
  44. -o-transition-duration:0.5s;
  45. transition-duration:0.5s;
  46. cursor: url('http://31.media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png'), progress;
  47. }
  48.  
  49. a.tab:active, a.tab:link, a.tab:visited {
  50. background-color: #222222;
  51. border: #9F81F7 2px solid;
  52. border-radius: 0px;
  53. display: inline-block;
  54. height: 10px;
  55. text-decoration: none;
  56. width: 30px;
  57. -webkit-transition: all 0.4s ease-in;
  58. -moz-transition: all 0.4s ease-in;
  59. -ms-transition: all 0.4s ease-in;
  60. -o-transition: all 0.4s ease-in;
  61. transition: all 0.4s ease-in;
  62. }
  63.  
  64. a.tab:hover {
  65. background-color: #D8D8D8;
  66. border: #222222 2px solid;
  67. }
  68.  
  69.  
  70. #strip {
  71. position: fixed;
  72. top: 60%;
  73. left: 8%;
  74. height: 2%;
  75. width: 65%;
  76. border: none;
  77. background-color: #D8D8D8;
  78. overflow: auto;
  79. z-index: -3;
  80. }
  81.  
  82. #strip2 {
  83. position: fixed;
  84. top: 72%;
  85. left: 8%;
  86. height: 2%;
  87. width: 65%;
  88. border: none;
  89. background-color: #D8D8D8;
  90. overflow: auto;
  91. z-index: -3;
  92. }
  93.  
  94. #strip3 {
  95. position: fixed;
  96. top: 85.5%;
  97. left: 8%;
  98. height: 2%;
  99. width: 65%;
  100. border: none;
  101. background-color: #D8D8D8;
  102. overflow: auto;
  103. z-index: -3;
  104. }
  105.  
  106.  
  107. #infobox {
  108. position: fixed;
  109. background-color: #D8D8D8;
  110. left: 5%;
  111. top: 57.5%;
  112. height: 31%;
  113. width: 25%;
  114. border: none;
  115. font-family: 'Abel', sans-serif;
  116. overflow: auto;visible;
  117. font-size: 16px;
  118. color: #000000;
  119. text-align: left;
  120. line-height: 17px;
  121. padding:5px;
  122. }
  123.  
  124. #infobox2 {
  125. position: fixed;
  126. background-color: #D8D8D8;
  127. left: 69%;
  128. top: 57.5%;
  129. height: 31%;
  130. width: 25%;
  131. border: none;
  132. font-family: 'Abel', sans-serif;
  133. overflow: auto;visible;
  134. font-size: 16px;
  135. color: #000000;
  136. text-align: left;
  137. line-height: 17px;
  138. padding:5px;
  139. }
  140.  
  141. #icon {
  142. position:fixed;
  143. left: 40.5%;
  144. top: 57.5%;
  145. width: 18%;
  146. height: 31%;
  147. background-image: url('http://i.picpar.com/wWec.png');
  148. background-size:100% 100%;
  149. background-repeat:no-repeat;
  150. background-position:center;
  151. background-attachment:absolute;
  152. background-color:white;
  153. border: 5px solid #848484;
  154. border-radius: none;
  155. }
  156.  
  157. #name{
  158. position:fixed;
  159. top: 52.0%;
  160. left: 42.5%;
  161. height: 50px;
  162. width: 400px;
  163. text-align: left;
  164. font-family: 'Pacifico', cursive;
  165. text-transform: none;
  166. font-size: 30px;
  167. color: #D8D8D8;
  168. transform: rotate(0deg);
  169. }
  170.  
  171. #quote{
  172. position:fixed;
  173. top: 52.0%;
  174. left: 7.7%;
  175. height: 50px;
  176. width: 400px;
  177. text-align: left;
  178. font-family: 'Pacifico', cursive;
  179. text-transform: none;
  180. font-size: 30px;
  181. color: #848484;
  182. transform: rotate(0deg);
  183. }
  184.  
  185. #quote2{
  186. position:fixed;
  187. top: 52.0%;
  188. left: 69.1%;
  189. height: 50px;
  190. width: 400px;
  191. text-align: left;
  192. font-family: 'Pacifico', cursive;
  193. text-transform: none;
  194. font-size: 30px;
  195. color: #848484;
  196. transform: rotate(0deg);
  197. }
  198.  
  199. #border {
  200. position: fixed;
  201. top: 85.5%;
  202. left: 40.5%;
  203. height: 1.0%;
  204. width: 17.9%;
  205. padding:5px;
  206. background-color: #848484;
  207. background-image:url('');}
  208.  
  209. #thetabs {
  210. background-color: transparent;
  211. border: none;
  212. height: 20px;
  213. left: 44%;
  214. position: fixed;
  215. text-align: left;
  216. top: 85.5%;
  217. width: 230px;
  218. }
  219.  
  220. .thecontent {
  221. opacity: 0;
  222. background-color: #D8D8D8;
  223. border: none;
  224. color: #000000;
  225. font-size: 16px;
  226. height: 31%;
  227. left: 61%;
  228. font-family: 'Abel', sans-serif;
  229. overflow: auto;
  230. padding: 5px;
  231. position: fixed;
  232. text-align: left;
  233. top: 57.5%;
  234. width: 25%;
  235. line-height: 19px;
  236. -webkit-transition: all 0.2s ease-in;
  237. -moz-transition: all 0.2s ease-in;
  238. -ms-transition: all 0.2s ease-in;
  239. -o-transition: all 0.2s ease-in;
  240. transition: all 0.2s ease-in;
  241. }
  242.  
  243. .thecontent:target {
  244. background-color: #D8D8D8;
  245. border: none;
  246. height: 31%;
  247. left: 69%;
  248. opacity: 1;
  249. overflow: auto;
  250. padding: 5px;
  251. position: fixed;
  252. top: 57.5%;
  253. width: 25%;
  254. z-index: 40;
  255. }
  256.  
  257.  
  258.  
  259. </style>
  260.  
  261.  
  262. <div id="strip"></div>
  263. <div id="strip2"></div>
  264. <div id="strip3"></div>
  265. <div id="infobox"><br>my memories are fuzzy, i can't remember a lot of things. i just know that growing up, i was a lonesome child, who only had two friends and their names are zion and sabishi. we were the best of friends, and still are. we wore masks upon our faces, no one knew why. not even we understood. it just happened, it helped, it eased the pain of every day life. it eased the anxiety, the stress, the depression. we felt like other people, like gods. <b>[ immortal. ]</b> <br><br>
  266.  
  267. <center>they're both my <b>guiding light</b> in a never ending darkness. </center><br>
  268. <center>hello darkness, my old friend... i've come to talk with you again.</center>
  269. </div>
  270. <div id="infobox2"><b><font style=float:left>namesake:</font></b> <font style=float:right> emilia.</span></font><br>
  271.  
  272. <b><font style=float:left>surname:</font></b> <font style=float:right> cross.</span></font><br>
  273.  
  274. <b><font style=float:left>age:</font></b> <font style=float:right> nineteen.</span></font><br>
  275.  
  276. <b><font style=float:left>race:</font></b> <font style=float:right> human.</span></font><br>
  277. <b><font style=float:left>gender:</font></b> <font style=float:right> female.</span></font><br>
  278.  
  279.  
  280. <b><font style=float:left>nationality:</font></b> <font style=float:right> greek / japanese.</span></font><br>
  281.  
  282. <b><font style=float:left>height:</font></b> <font style=float:right> 5'2".</span></font><br>
  283.  
  284. <b><font style=float:left>weight:</font></b> <font style=float:right> 105 lbs.</span></font><br>
  285. <b><font style=float:left>hair color:</font></b> <font style=float:right> brown.</span></font><br>
  286.  
  287. <b><font style=float:left>eye color:</font></b> <font style=float:right> golden.</span></font><br>
  288.  
  289. <b><font style=float:left>occupation:</font></b> <font style=float:right> unknown.</span></font><br>
  290.  
  291. <b><font style=float:left>orientation:</font></b> <font style=float:right> pansexual.</span></font><br>
  292. <b><font style=float:left>martial status:</font></b> <font style=float:right> single.</span></font>
  293.  
  294. </div>
  295. <div id="icon"></div>
  296. <div id="name">Emilia Rae Cross</div>
  297. <div id="quote">❝silence like a cancer grows.❞</div>
  298. <div id="quote2">❝silent raindrops fell.❞</div>
  299. <div id="border"></div>
  300.  
  301. <div id="thetabs">
  302. <a href="#01" class="tab"> </a>
  303. <a href="#02" class="tab"> </a>
  304. <a href="#03" class="tab"> </a>
  305. <a href="#04" class="tab"> </a>
  306. <a href="#reset" class="tab"> </a>
  307. </div>
  308.  
  309. <div id="01" class="thecontent">
  310. emilia suffers from a social anxiety disorder, and prefers only to be in the presence of zion and sabishi. she tends to distance herself from others and only trusts those two aforementioned persons. she has odd and sporadic behavior, which has to do with the fact that she's never had a stable home. in both high school, junior and elementary; she was classified as a 'special child'--one in which the teachers believed was handicapped mentally. however, emilia has a very high intellect--her IQ on record is 147. her disposition can change, depending on her mood, but when around zion and sabishi, she is often very relax, chill and kind. when alone and surrounded by people she doesn't know--she is uncool, not very relaxed and extremely violent. be cautious.
  311. </div>
  312.  
  313. <div id="02" class="thecontent">
  314. a mixed childhood, filled with nothing but depression, rage and loneliness. things a child should never have to feel, but emi? she felt them all. not that she wanted to--but considering as a small child she was thought to be gifted. teachers were baffled, they though she was a handicapped child--others thought she was special. in truth, her intelligence was remarkable, she only acted 'dumb' because her gift was meant for herself and herself only. <br><br>
  315.  
  316. emilia was adopted--her biological family gave her up and the reason behind that; unknown. it wasn't like emi cared--when she turned nine, she met zion and they became the best of friends. together the two of them bonded, both going to the same schools, in middle school she met sabishi, who became their friend and created the three amigo's. they were inseparable. <br><br>
  317.  
  318. during their last year of high school, they all quit, ran from home and found an apartment, jobs and began to live together. it's been said that emilia loves both of them and might be romantically involved with both. however, that is unknown and will remain as such. the love she has for the both of them is unmistakable. <br><br>
  319.  
  320. when emilia was five years old, she was caught killing small animals just outside the city; it's unknown if this has anything to do with her biological family or perhaps her mental status. however, this was the only time she did it and has not done it since.
  321.  
  322. </div>
  323.  
  324. <div id="03" class="thecontent">
  325. <p><p style="padding-bottom: 4px";><a target="_blank" href="https://roleplay.chat/profile.php?user=Zion" target="_blank" title="i can't and won't stop loving you, zion, thank you for saving me from the darkness."><img src="http://i.picpar.com/3afc.jpg" align="left" height="80" width="80" border="1px solid #fff"></a> my best friend and someone i will never betray or leave behind.
  326. </p></p><br>
  327.  
  328. <p><p style="padding-bottom: 4px";><a target="_blank" href="https://roleplay.chat/profile.php?user=Sabishi" target="_blank" title="after everything we've been through, i won't ever leave your side or stop loving you."><img src="http://i.picpar.com/nafc.jpg" align="left" height="80" width="80" border="1px solid #fff"></a> my best friend and the only other person aside from zion that i will allow anywhere near my heart.
  329. </p></p>
  330.  
  331. </div>
  332.  
  333. <div id="04" class="thecontent"><br>
  334. <b><font style=float:left>code:</font></b> <font
  335. style=float:right> it's mine. i'm watching. <a title="◉ ᴗ ◉
  336. made on google chrome.
  337. screen resolution of 1366 x 768.
  338. don't steal.
  339. default zoom is at 100%.
  340. if it looks funny, try zooming in or out.">hover!
  341.  
  342. </a></span></font><br>
  343.  
  344. <b><font style=float:left>ic vs ooc:</font></b> <font style=float:right> <a title="there's a difference, don't cross the two of them. keep your real life feelings separate from your character and i'll do the same.">hover me!</a></span></font><br>
  345.  
  346. <b><font style=float:left>smut:</font></b> <font style=float:right> reserved for partner.</span></font><br>
  347.  
  348. <b><font style=float:left>drama:</font></b> <font style=float:right> <a title="i don't tolerate drama, like, at all.">hover me! </a></span></font><br>
  349.  
  350. <b><font style=float:left>outside communication:</font></b> <font style=float:right> uhh, nope.</span></font><br>
  351.  
  352. <b><font style=float:left>real life:</font></b> <font style=float:right> <a title="real life takes precedence over everything else.">hover!</a></span></font><br>
  353.  
  354. <b><font style=float:left>pm:</font></b> <font style=float:right> <a title="the ignore button works again, so, become an annoyance, i've more than likely put you on ignore.. i'm not even pm friendly, but--you can take a chance and perhaps you might get lucky?">hover.</a></span></font><br>
  355.  
  356. <b><font style=float:left>character:</font></b> <font style=float:right><a title="another fucking hover! sorry, but it's just easier. not sure who the face claim is, but i don't own any of the images. found on google. emi's story on the other hand--is of my creation, hands off.">important hover!</a></span></font><br>
  357.  
  358. <b><font style=float:left>writing:</font></b> <font style=float:right> <a title="i mirror my partners. multi-para poster. quality over quantity. literacy addict. third person is my preference, anything else is not.">Hover!</a></span></font><br>
  359.  
  360. <b><font style=float:left>fact:</font></b> <font style=float:right> <a title="i make this look good.">hover!</a></span></font>
  361.  
  362. </div>
  363. <script type="text/javascript">
  364. //<![CDATA[
  365. try{if (!window.CloudFlare) {var CloudFlare=[{verbose:0,p:1492341425,byc:0,owlid:"cf",bag2:1,mirage2:0,oracle:0,paths:{cloudflare:"/cdn-cgi/nexp/dok3v=1613a3a185/"},atok:"fa85104c051ab90a6da5b5aa559f8e9d",petok:"d3deceb892d782c799e7c5787f52f19c51cb06eb-1492647377-1800",adblock:1,betok:"3844efc08edec9141fb18e3e1d2220a645e61825-1492647377-120",zone:"roleplay.chat",rocket:"0",apps:{"ga_key":{"ua":"UA-33787108-1","ga_bs":"2"},"abetterbrowser":{"ie":"7","opera":null,"chrome":null,"safari":null,"firefox":null}}}];!function(a,b){a=document.createElement("script"),b=document.getElementsByTagName("script")[0],a.async=!0,a.src="//ajax.cloudflare.com/cdn-cgi/nexp/dok3v=905ca5bd16/cloudflare.min.js",b.parentNode.insertBefore(a,b)}()}}catch(e){};
  366. //]]>
  367. </script>
  368. <script type="text/javascript">
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!