chihi

Untitled

May 27th, 2016
91
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.09 KB | None | 0 0
  1. Park Eunsoo had long ago begun paving her alternate path, but she always felt as though there could have been more. She was in her first year of residency training at the hospital, where she was meticulously building a false reputation. It was for a foundation to go unquestioned for the many plans she had blueprinted into her mind. Her crimes ranged from petty to moderate once in a while, most often simply stealing identities. The potential she held for much greater scale loss of the other party drove her to obsession. Even on days she wasn't on probational training at two in the morning, Eunsoo would still be up attempting to minimize the risks of liquidating business accounts. It happened to be that night where she had been yelled at her managing
  2.  
  3. <style type="text/css">
  4.  
  5. .pfor {
  6. display: none;
  7. }
  8.  
  9. ::-webkit-scrollbar-thumb:vertical {background-color:transparent;}
  10. ::-webkit-scrollbar {height:0px; width:1px; background-color:#ffffff;}
  11.  
  12.  
  13. img
  14. {bottom: 0; right:100; left:0px; position: fixed; margin: auto;
  15. border:none;
  16. background-size:90%;
  17. }
  18.  
  19.  
  20.  
  21. body:{background-color: #fff;
  22. background-image: url();
  23. background-position: fixed;
  24. background-attachment:fixed;
  25. background-repeat:repeat;}
  26.  
  27. body:hover #hana {
  28. bottom: 0; top:0; right:100; left:900px; position: fixed; margin: auto;
  29. opacity:1;
  30. -webkit-transition:all 1s ease-in-out;
  31. -moz-transition:all 1s ease-in-out;
  32. transition:all 1s ease-in-out;
  33. }
  34.  
  35. #hana {
  36. bottom: 0; top:0; right:100; left:900px; position: fixed; margin: auto;
  37. height:800px;
  38. opacity:0;
  39. width:250px;
  40. background-color:transparent;
  41. -webkit-transition:all 1s ease-in-out;
  42. -moz-transition:all 1s ease-in-out;
  43. transition:all 1s ease-in-out;}
  44.  
  45. #text {color:#333;
  46. text-align:justify;
  47. padding:10px;
  48. font-family:calibri;
  49. font-size:7pt;
  50. width:200px;
  51. height:450px;
  52. border:solid #fff 1px;
  53. bottom: 0; top:20px; right:0; left:800px; position: fixed; margin: auto;}
  54.  
  55. #profile {
  56. background-color: transparent;
  57. border: 0px;
  58. }
  59.  
  60. a
  61. {text-decoration:none;
  62. color:#ff7300;
  63. -webkit-transition: opacity 0.7s linear;
  64. -webkit-transition: all 0.7s ease-in-out;
  65. -moz-transition: all 0.7s ease-in-out;
  66. -o-transition: all 0.7s ease-in-out;
  67. opacity:1;}
  68.  
  69. a:hover
  70. {text-decoration:none;
  71. color:#990000;
  72. opacity:1;}
  73.  
  74. blockquote
  75. {border-left:2px solid;
  76. padding-left:5px;}
  77.  
  78. h1 {font-family:calibri;
  79. font-size:17pt;}
  80.  
  81. h1:a {font-size:17pt;
  82. -webkit-transition: opacity 0.7s linear;
  83. -webkit-transition: all 0.7s ease-in-out;
  84. -moz-transition: all 0.7s ease-in-out;
  85. -o-transition: all 0.7s ease-in-out;
  86. letter-spacing:1px;
  87. text-align:center;
  88. color:#fff;
  89. }
  90.  
  91. h1:hover {
  92. opacity:.20;
  93. -webkit-transition:0.7s linear;
  94. -webkit-transition: all 0.7s ease-in-out;
  95. -moz-transition: all 0.7s ease-in-out;
  96. -o-transition: all 0.7s ease-in-out;
  97. }
  98.  
  99.  
  100. #navi {
  101. bottom:900; right:900; position:fixed; margin: auto;
  102. }
  103.  
  104. #navi a {
  105. display: block;
  106. padding:2px;
  107. width: 5px;
  108. height: 5px;
  109. -webkit-border-radius: 10px;
  110. border-radius: 10px;
  111. background: #ccc;
  112. transition:all 1s ease-out;-o-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;
  113. }
  114.  
  115. #navi a:hover {
  116. background-color:#fff;
  117. -webkit-border-radius: 10px;
  118. border-radius: 10px;
  119. }
  120.  
  121. #first {
  122. bottom: 0; top:20px; right:0; left:500px; position: fixed; margin: auto;
  123. background-color:#404040;
  124. height:800px;
  125. width:60px;
  126. font-size:16pt;
  127. font-family:calibri;
  128. color:#fff;
  129. text-align:center;
  130. }
  131.  
  132. #page {
  133. width: 400px;
  134. text-align: justify;
  135. height: 180px;
  136. overflow: hidden;
  137. background: transparent; padding: 0px;}
  138.  
  139. .page{
  140. WIDTH: 380px; padding: 0px;
  141. height: 180px; text-align: justify;
  142. overflow: auto; }
  143.  
  144. </style>
  145. <img src="http://i.picpar.com/qgRb.jpg" style="max-width:40%"></img>
  146.  
  147. <div id="first">
  148. <br><br>
  149. <br><h1>사</h1>
  150. <br><h1>랑</h1>
  151. <br><h1>옶</h1>
  152. <br><h1>음</h1>
  153. <br><h1>미</h1>
  154. <br><h1>듬 </h1>
  155. <br><h1>옶</h1>
  156. <br><h1>음</h1>
  157.  
  158. <div id="hana">
  159. <div id="text">
  160. <p>Sed consequat justo a nulla efficitur, eget suscipit mi feugiat. Donec mollis fringilla nunc quis tincidunt. Cras at molestie massa. Mauris aliquam quam eu ex tempor tempor ac a mi. Nullam sed nisl vitae sem hendrerit commodo et id nibh. Aenean nec lectus ultricies metus aliquam pellentesque non nec ligula. Praesent erat justo, auctor pellentesque odio ac, efficitur convallis nibh. Aenean suscipit felis mauris, vitae tincidunt urna vehicula pulvinar. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis pellentesque, risus vel dignissim ultricies, enim mauris efficitur lorem, sed vestibulum nisi lacus sed velit. Pellentesque id odio blandit, ullamcorper eros non, consequat nisl. Vestibulum viverra sapien quis maximus interdum. Proin eget ultrices ante, a dignissim neque. Morbi nibh risus, pellentesque sed interdum sed, molestie et arcu. Pellentesque sed sagittis nunc.
  161.  
  162. Mauris semper molestie gravida. Donec et nulla rhoncus, fringilla dolor in, convallis ante. Aliquam vitae viverra leo, ut posuere justo. In hac habitasse platea dictumst. Cras nec sollicitudin velit, eget maximus tortor. Donec ultricies id diam vel condimentum. Suspendisse nec tincidunt ante, vestibulum consectetur metus. Nam malesuada, nibh in elementum consectetur, tellus lectus molestie orci, ac rutrum tortor dolor in turpis. In eget venenatis nibh, quis aliquam nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla viverra bibendum finibus. Vivamus nec diam a risus tincidunt ultrices.
  163.  
  164. Integer eget odio mi. Quisque et ullamcorper leo, blandit volutpat nisl. Suspendisse mollis non tellus a congue. Donec ut odio in nisi congue accumsan. Mauris id felis turpis. Donec quis mi eget turpis accumsan dictum. Suspendisse vitae erat et quam condimentum condimentum. Maecenas rhoncus ullamcorper elementum. Phasellus ut tellus quis lectus eleifend malesuada. Cras sit amet ex a augue euismod vulputate lacinia vel turpis.</p>
  165.  
  166. <div id="navi">
  167. <a href="#1" title="history." id="links"></a>
  168. <a href="#2" title="relationships." id="links"></a>
  169. <a href="#3" title="personality&abilities." id="links"></a>
  170. <a href="#4" title="ooc." id="links"></a>
  171. </div>
  172. </div>
Add Comment
Please, Sign In to add comment