Advertisement
Guest User

More Lottie

a guest
Dec 7th, 2016
53
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.12 KB | None | 0 0
  1. <style type="text/css">
  2.  
  3. @import url(https://fonts.googleapis.com/css?family=Sacramento);
  4.  
  5.  
  6. .pfor { display: none; }
  7. #profile { background-color: transparent; border: none; }
  8. </style>
  9.  
  10. <style type="text/css">
  11.  
  12. body {
  13.  
  14. background-color: #fff;
  15. background-image: url(http://1.bp.blogspot.com/-R7E7YcNnYyM/UR6DgycyhLI/AAAAAAAACTY/-9Ib0b_CYDs/s1600/Plant+heritage+marquee+-+roses+2.jpg);
  16. background-attachment: fixed;
  17. background-position: center center;
  18. background-repeat: repeat;
  19. background-size: auto;
  20. font-family: Times New Roman;
  21. font-variant: normal;
  22. font-size: 70%;
  23. color: #EB9F51;}
  24.  
  25. ::-webkit-scrollbar {
  26. width: 3px;
  27. height: 0px;
  28. background: ;
  29. }
  30.  
  31. ::-webkit-scrollbar-thumb {
  32. background-color: white;
  33. -webkit-border-radius: 10px;
  34. border-radius: 10px;
  35. }
  36.  
  37. a {color: #ff0000;
  38. text-decoration: none;
  39. }
  40.  
  41. a:hover {color: white;
  42. text-decoration: none;
  43. cursor:
  44. url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');
  45. }
  46.  
  47. *{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;
  48. }
  49.  
  50. .abox {background-color:#F8CF99; color: #C22919; font-size: 12px; font-family: Calibri; text-align: justify; position: absolute; width: 350; height: 197; top: 170px; left: 475px; letter-spacing:0px; line-height: 12px; padding: 10px; margin: 1px; overflow:auto; border:4px solid #C22919; letter-spacing: 1px;}
  51.  
  52. .bbox {background-color:#C22919; color: #F8CF99; font-size: 12px; font-family: Calibri; text-align: justify; position: absolute; width: 350; height: 183; top: 437px; left: 475px; letter-spacing:0px; line-height: 12px; padding: 10px; margin: 1px; overflow:auto; border:4px solid #F8CF99; letter-spacing: 1px;}
  53.  
  54.  
  55. .navbar {Background-color: ; Position: absolute; Height: 16px; Width: 325px; left: 500; Top: 405px; padding: 4px; z-index: 100;}
  56.  
  57. .link1 {Position: absolute; Left: 40px; Border: double 3px #E8AC92; Height: 8px; Width: 15px; background-color: #32210F; }
  58. .link2 {Position: absolute; Left: 105px; Border: double 3px #E8AC92; Height: 8px; Width: 15px; background-color: #32210F; }
  59. .link3 {Position: absolute; Left: 170px; Border: double 3px #E8AC92; Height: 8px; Width: 15px; background-color: #32210F; }
  60. .link4 {Position: absolute; Left: 235px; Border: double 3px #E8AC92; Height: 8px; Width: 15px; background-color: #32210F; }
  61.  
  62. .link1:hover {Background-color: #D36E2A; border: double 3px #EB9F51;}
  63. .link2:hover {Background-color: #D36E2A; border: double 3px #EB9F51;}
  64. .link3:hover {Background-color: #D36E2A; border: double 3px #EB9F51;}
  65. .link4:hover {Background-color: #D36E2A; border: double 3px #EB9F51;}
  66.  
  67. .slide {Position: fixed; Height: 555555; Width: 555555; Top: -200px; Left: 0; Z-index: -1; Opacity: 0; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}
  68.  
  69. .slide:target {Top: 0; Opacity: 1; Z-index: 1; transition: 1s; -moz-transition: 1s; webkit-transition: 1s; -o-transition: 1s;}
  70. #title {position:absolute;
  71. color: black;
  72. font-size:70;
  73. font-family: Calibri;
  74. left:230;
  75. top:140;
  76. }
  77.  
  78. #title{ position:fixed; top: 120px;left: 130px; text-align: left; font-family: Sacramento; text-shadow: 3px 3px 1px #D63425; font-size:45px; color: #fff; z-index:999; }
  79.  
  80. #bar { position: fixed; top: 400px; left: 130px; height: 30px; width: 672px; border: 1px #000 solid; background-color: #E9B88D; overflow: auto; opacity: 0.9; z-index: -3; }
  81.  
  82. #mainfuckinimage { position:fixed; left: 100px; top: 170px; border: 3px solid black;}
  83.  
  84. h2 {
  85.  
  86. position: fixed;
  87. right: 10px;
  88. bottom: 0px;
  89. font-family: Arial;
  90. font-variant: normal;
  91. font-weight: normal;
  92. font-size: 100%;
  93. color: #FFFFFF;}
  94. </style>
  95.  
  96. <div id="title">
  97. "The Lady in Lace."
  98. </div>
  99.  
  100. <div id="bar">
  101. </div>
  102.  
  103. <div id="mainfuckinimage">
  104. <img src="https://cdn.discordapp.com/attachments/235838139560624130/256113983658917888/FB_IMG_1481054116246.jpg" class="image" height="520px;" width="370px;">
  105. </div>
  106.  
  107. <div class="navbar">
  108. <a class="link1" href="#1"></a>
  109. <a class="link2" href="#2"></a>
  110. <a class="link3" href="#3"></a>
  111. <a class="link4" href="#4"></a>
  112. </div></div>
  113.  
  114. <div id="1" class="slide">
  115. <div class="abox">
  116.  
  117. <center>Lady in Lace</center>
  118. <br><br>
  119. The legend of the lady in lace is less commonly known than the other legends of the Ladies in various colors [most dependent on the color of their dresses or how they are perceived in the moonlight]. This lady, however, Is most commonly seen in light colored- or white- gowns, Wandering around.
  120. <br>
  121. Most perceive her as the jilted ghost of a bride left at the alter by her soon-to-be husband. Though the story is not whole-y there, The truth isn’t buried too deep within it.
  122.  
  123.  
  124. </div>
  125.  
  126. <div class="bbox">
  127. <center><u>Wedding of the Dead</u></center>
  128. <br>
  129. <br>
  130. Despite the fact that weddings were kept more simpler of an affair in the 1800's, The parents of Charlotte "Lottie" Rennot decided the marriage of their youngest daughter should be the affair of the century. Though the only real major changes happened to be the Class difference and the gown. Most wore a gown they would wear repeatedly over the course of their life. Though, Being the young woman who would be marrying someone of a higher class, It was the agreement that Charlottes dress would contain more bows as well as more ruffles and a larger petticoat [though only slightly larger than her own normal one].
  131. <br><br>
  132. The wedding was to be held at the home of Charlottes parents. Charlotte was decorated in fresh flowers and lace in her hair and on her gown, and various other time consuming things added to her to add to the appeal of her young charm. The gown, Though not being white, Was a very light and creamy yellow, with accents of pink dyed bows.
  133. </div></div>
  134.  
  135. <div id="2" class="slide">
  136. <div class="abox">
  137. <center>Dossier</center>
  138. <br>
  139. <br>
  140. ✨ Charlotte "Lottie" Rennot
  141. <br>
  142. <br>
  143. ✨ 17 years old [216, technical]
  144. <br>
  145. <br>
  146. ✨ Female
  147. <br>
  148. <br>
  149. ✨ May 18 1800 - August 9 1817
  150. <br>
  151. <br>
  152. ✨ Unpursuing - In mourning
  153.  
  154. </div>
  155.  
  156. <div class="bbox">
  157.  
  158. <center>Personality</center>
  159. <br>
  160. <br>
  161. Though young and Naive, Charlotte had used to have a good common sense until she fell deeply and madly in love with a suitor from a different class than her - Which was frowned upon in the time due to how low class her parents were. Recieving ridicule for such actions, Charlotte depended more on her suitor as an emotional support for her to get through until the marriage when they would become of the same class and it wouldn't be an issue. Being as young as she is, She hadn't had much preparation for what life did have in store for her, since she most roamed the streets whilst looking through the lovely flowers and through the jewelry around the market. "Free spirited", "Youthful", "Energetic", Amongst other thigns came up when she was being talked about. Now, Instead of the youthful joy and glow she once possessed, it has been replace with the poise of the forever mourning, Face fallen and in despair forever more until she finds what she has been looking for her whole eternity.
  162.  
  163. </div></div>
  164.  
  165. <div id="3" class="slide">
  166. <div class="abox">
  167.  
  168. <center><u>Story of the Dead</u></center>
  169. <br>
  170. <br>
  171. Charlotte was youthful and of course, as youths tend to do, She fell in love hard and fast. Her parents had convinced her that god had sent this man for her to be with forever, and that she would be happy for the rest of her life and that her life was devoted to this man who did indeed seem to be god sent. Finally all painted up and at the alter, They waited for an hour before realizing that she had been left alone at the alter with no god sent love she had been looking forward to marrying. Word began to travel around that the man had went on to marry a young woman of greater class than Charlotte herself. Heartbroken, She hadn't expected to be left at the alter and be considered the disappointment of the family for ruining the chance of the Rennot family gaining wealth from her marriage to the well off suitor. A few days after the rumors circulated, Charlotte took her life whilst in her wedding dress, still looking as youthful as the day she was to be wed, yet despair and sadness etched her features as if they had been there since birth.
  172.  
  173. </div>
  174.  
  175. <div class="bbox">
  176. <center>Out of Lace</center>
  177. <br>
  178. <br>
  179. I'm very pm friendly, I love interacting with different people and creatures of all kinds. Send me a post or perhaps even a hello and you will be answered.
  180. <br>
  181. <br>
  182. Smut is not a thing here, I'm sorry. It's just not a thing with a ghost, like ??? Come on now.
  183. <br>
  184. <br>
  185. Romance is plausible, If we do have something between our characters I would like to discuss things BEFORE the fact.
  186. <br>
  187. <br>
  188. Long term > Short Term
  189. <br>
  190. <br>
  191. In Room > Pm's
  192. <br>
  193. <br>
  194. I am patient and I expect the same from everyone else I talk to.
  195. <br>
  196. <br>
  197. Thank you for taking time to read this, Cliche and all aside, Send me a message to let me know you've read this. Anything will do, But if there must be a word you can send me "Lace" or something like that.
  198.  
  199.  
  200. </div></div></div>
  201.  
  202. <h2>Layout © <a href="http://pastebin.com/u/A_Bad_Bitch" target="_blank"><font color="#B30000">A Bad Bitch</font></a></h2>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement