Guest User

Untitled

a guest
Feb 19th, 2018
65
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.10 KB | None | 0 0
  1.  
  2. <!--- page by hailthehelpful. please don't use this as a base, redistribute...just don't steal it in general. use common sense. thanks!-->
  3.  
  4. <!DOCTYPE html>
  5. <head>
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9.  
  10. <!--fontawesome-->
  11. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  12.  
  13.  
  14. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  15.  
  16.  
  17. <style type="text/css">
  18.  
  19. ::-webkit-scrollbar {
  20. width: 5px;
  21. border: 2px solid #f5f5f5;
  22. background-color: #acacac;
  23. }
  24.  
  25. ::-webkit-scrollbar-thumb {
  26. border-radius: 6px;
  27. background-color: #acacac;
  28. }
  29.  
  30. ::-webkit-scrollbar:horizontal {
  31. height: 5px;
  32. }
  33.  
  34. ::selection {
  35. background: gray;
  36. color: #fff;
  37. }
  38.  
  39. ::-moz-selection {
  40. background: gray;
  41. color: #fff;
  42. }
  43.  
  44. ::-webkit-selection {
  45. background: gray;
  46. color: #fff;
  47. }
  48.  
  49. a {
  50. text-decoration: none;
  51. }
  52.  
  53. body {
  54. margin: 0;
  55. padding: 0;
  56. background-color: #f5f5f5;
  57. background-image: url(https://data.whicdn.com/images/217698388/large.jpg);
  58. background-attachment: fixed;
  59. background-position: center;
  60. -webkit-background-size: cover;
  61. -moz-background-size: cover;
  62. -o-background-size: cover;
  63. background-size: cover;
  64. background-repeat: no-repeat;
  65. color: #777;
  66. font-size: 10px;
  67. font-family: arial,helvetica,sans-serif;
  68. }
  69.  
  70.  
  71.  
  72. b,i, #info ul {
  73. color: #A3C5A3; /*accent color*/
  74. }
  75.  
  76. a {
  77. color: #aaa; /*link color*/
  78. }
  79.  
  80. #title {
  81. position: absolute;
  82. right: 0;
  83. bottom: 0;
  84. margin: 0;
  85. padding: 20px;
  86. color: #fff;
  87. text-align: center;
  88. font-weight: bold;
  89. font-style: italic;
  90. font-size: 40px;
  91. line-height: 100%;
  92. }
  93.  
  94. h2 {
  95. margin:0;
  96. padding: 0;
  97. text-align: left;
  98. letter-spacing: 1px;
  99. font-style:italic;
  100. font-size: 12px;
  101. }
  102.  
  103. h3 {
  104. margin-top: 0;
  105. padding: 15px;
  106. background: #0f0f0f;
  107. color: #fff;
  108. font-weight: bold;
  109. font-style: italic;
  110. font-size: 18px;
  111. line-height: 100%;
  112. }
  113.  
  114.  
  115. #sidebar {
  116. position: fixed;
  117. top: 0;
  118. overflow: hidden;
  119. margin: 30px;
  120. margin-top: 40px;
  121. margin-left: 145px;
  122. padding: 20px;
  123. width: 330px;
  124. }
  125.  
  126.  
  127. #sidebar, #statsbox, .stats i, .stats span{
  128. background-color: #fff; /*sidebar color*/
  129. }
  130.  
  131. #statsbox::-webkit-scrollbar, #statsbox::-webkit-scrollbar-thumb {
  132. border-color:#fff!important; /*sidebar color*/
  133. }
  134.  
  135. #sidebar b {
  136. font-weight: 400;
  137. }
  138.  
  139. /*playlist css--------------------------------------------------*/
  140.  
  141. #music {
  142. position: relative;
  143. width: 330px;
  144. background: #fff;
  145. background-image: url(https://s14.postimg.org/xwjh8ni8h/large_1.jpg);
  146. background-size: cover;
  147. }
  148.  
  149. #playlist:hover {
  150. opacity: 1;
  151. }
  152.  
  153. #playlist {
  154. padding: 20px;
  155. padding-bottom: 30px;
  156. width: 290px;
  157. height: 100%;
  158. background: rgba(0,0,0,0.7);
  159. color:#fff;
  160. text-align:right;
  161. font-style:italic;
  162. opacity: 0;
  163. -webkit-transition: all .4s ease-in-out;
  164. -moz-transition: all .4s ease-in-out;
  165. -ms-transition: all .4s ease-in-out;
  166. -o-transition: all .4s ease-in-out;
  167. transition: all .4s ease-in-out;
  168. }
  169.  
  170.  
  171. #musicplayer {
  172. position: absolute;
  173. bottom: 15px;
  174. left:15px;
  175. overflow: hidden;
  176. width: 60px;
  177. height: 25px;
  178. }
  179.  
  180. #musicgif {
  181. display: inline-block;
  182. overflow: hidden;
  183. padding: 5px;
  184. width: 8px;
  185. height: 8px;
  186. border-radius: 50%;
  187. background: rgba(0,0,0,.1);
  188. }
  189.  
  190. #musicgif img {
  191. margin-bottom: 5px;
  192. width: 7px;
  193. }
  194.  
  195. #musicmargin {
  196. display: inline-block;
  197. overflow: hidden;
  198. width: 31px;
  199. height: 24px;
  200. }
  201.  
  202. #musicbutton {
  203. margin-top: 5px;
  204. margin-left: -20px;
  205. }
  206.  
  207.  
  208. /*header css--------------------------------------------------*/
  209.  
  210. #header {
  211. position: relative;
  212. margin-top: -30px;
  213. margin-left: -30px;
  214. width: 560px;
  215. }
  216.  
  217. #header img {
  218. width: 100%;
  219. }
  220.  
  221. /*bio css------------------------------------------------------*/
  222.  
  223. #bio {
  224. position: absolute;
  225. left: 550px;
  226. margin: 40px 0;
  227. padding: 30px;
  228. width: 500px;
  229. background-color: #fff;
  230. box-shadow: 3px 3px 0 rgba(0,0,0,0.2);
  231. text-align: justify;
  232. line-height: 150%;
  233. }
  234.  
  235. #bio p {
  236. padding: 5px 15px;
  237. }
  238.  
  239. #bio h2 {
  240. padding:10px;
  241. text-align: center;
  242. }
  243.  
  244.  
  245. /*stats css--------------------------------------------------*/
  246.  
  247.  
  248. #statsbox {
  249. overflow: auto;
  250. margin: 15px 0;
  251. padding: 10px;
  252. width: 320px;
  253. height: 280px;
  254. text-transform: lowercase;
  255. }
  256.  
  257. #statsbox::-webkit-scrollbar {
  258. width: 13px;
  259. border-top: 10px solid;
  260. border-right: 6px solid;
  261. border-bottom: 10px solid;
  262. border-left: 6px solid;
  263. }
  264.  
  265. #statsbox::-webkit-scrollbar-thumb {
  266. border: 5px solid;
  267. border-radius: 7px;
  268. }
  269.  
  270. .stats {
  271. margin-bottom: 20px;
  272. list-style: none;
  273. }
  274.  
  275. ul.stats {
  276. -webkit-padding-start: 0;
  277. }
  278.  
  279. .stats li {
  280. overflow: hidden;
  281. padding-bottom: 2px;
  282. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAJCAYAAAAYcf3nAAAAGUlEQVQIW2NkgAJGrIz/DAwMjNilwOoxpQAz4gEKEJaG1wAAAABJRU5ErkJggg==) repeat-x bottom left;
  283. line-height: 100%;
  284. }
  285.  
  286.  
  287. .stats span, .stats i {
  288. position: relative;
  289. bottom: -4px;
  290. display: inline-block;
  291. }
  292.  
  293.  
  294. .stats span {
  295. float: left;
  296. padding: 0 2px 3px 0;
  297. font-style: italic;
  298. }
  299.  
  300. .stats i {
  301. float: right;
  302. padding: 0 0 3px 2px;
  303. }
  304.  
  305.  
  306.  
  307. #links {
  308. padding: 15px;
  309. background: #000;
  310. text-align: center;
  311. }
  312.  
  313. #links a {
  314. color: #fff;
  315. font-style: italic;
  316. }
  317.  
  318. iframe {display:none}
  319.  
  320. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {display:none}
  321.  
  322. #credit{line-height:100%; border-radius:50%;position:fixed;bottom:10px;right:10px;color:#fff;background:rgba(0,0,0,.2);padding:5px;width:10px;height:10px;overflow:hidden;font-size:10px;font-weight:100;white-space:nowrap;-moz-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out}#credit:hover{background:#000;width:80px;border-radius:15px}#credit:before{font-size:10px;content:'\f292';font-family:FontAwesome;padding-right:5px;
  323. }
  324. </style></head>
  325.  
  326. <body>
  327.  
  328. <!-----------------------------BEGIN SIDEBAR----------------------------->
  329.  
  330. <div id="sidebar">
  331.  
  332. <div id="music">
  333. <div id="playlist">
  334. Lost Boy - Ruth B. <br>
  335. Sweet Disaster - DREAMERS <br>
  336. Kids (Ain't All Right) - Grace Mitchell <br>
  337. Everywhere I Go (Kings and Queens) - New Politics.<br>
  338. Freedom of Falling - VÉRITÉ <br>
  339. Late Nights in My Car - Real Friends<br>
  340. Bloodstyle - Caroline Smith <br>
  341. Right Or Not - States <br>
  342. </div>
  343.  
  344.  
  345. <!--music player------------------------------------------------->
  346. <div id="musicplayer">
  347. <div id="musicgif"><imgsrc="http://55.media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif"></div>
  348. <div id="musicmargin">
  349. <div id="musicbutton">
  350. <embed src="https://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=http://k003.kiwi6.com/hotlink/rdgyqzv1hs/Ruth_B_-_Lost_Boy.mp3&t1=Lost Boy - Ruth B&f1=http://k003.kiwi6.com/hotlink/98rafwyha1/DREAMERS_-_Sweet_Disaster_Official_Video_.mp3&t2=Sweet Disaster&f2=http://k003.kiwi6.com/hotlink/9uektk1kpu/Grace_Mitchell_-_Kids_Aint_All_Right_FanzineLyric_Video_.mp3&t3=Kids (Ain't All Right) - Grace Mitchell&f3=http://k003.kiwi6.com/hotlink/r7sn8sorix/New_Politics_-_Everywhere_I_Go_Kings_and_Queens_Official_Video_.mp3&t4=Everywhere I Go (Kings and Queens) - New Politics&f4=http://k003.kiwi6.com/hotlink/yc3u5f1qpm/VE_RITE_-_Freedom_of_Falling_Audio_.mp3&t5=Freedom of Falling - VERITE&f6=http://k003.kiwi6.com/hotlink/py1dt8lyxk/Real_Friends_Late_Nights_In_My_Car_Official_Music_Video.mp3&t7=Late Nights In My Car - Real Friends&f7=http://k003.kiwi6.com/hotlink/7b6rgt4p5w/Bloodstyle.mp3&t8=Bloodstyle - Caroline Smith&f8=http://k003.kiwi6.com/hotlink/qxnw30owa8/States_-_Right_Or_Not_LYRIC_VIDEO_.mp3&t9=Right or Not - States&total=3" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  351.  
  352.  
  353.  
  354.  
  355. </div>
  356. </div>
  357. </div>
  358. </div>
  359.  
  360. <!--stats------------------------------------------------------->
  361.  
  362.  
  363. <div id="statsbox">
  364. <h2>GENERAL INFORMATION.</h2>
  365. <ul class="stats">
  366. <li><span>Full Name</span> <i>Alina Rose Winters</i></li>
  367. <li><span>Nicknames</span> <i>Ali, Lina</i></li>
  368. <li><span>Age</span> <i>22</i></li>
  369. <li><span>Date of Birth</span> <i>October 18, 1995</i></li>
  370. <li><span>Place of Birth</span> <i>New York, NY</i></li>
  371. <li><span>Zodiac</span> <i>Libra </i></li>
  372. <li><span>Gender</span> <i>Female</i></li>
  373. <li><span>Nationality</span> <i>American</i></li>
  374. <li><span>Religion</span> <i>Non-Practicing</i></li>
  375. <li><span>Orientation</span> <i>Bi - male preference</i></li>
  376. <li><span>Relationship Status</span> <i>Single</i></li>
  377. </ul>
  378. <h2>PHYSICAL ATTRIBUTES.</h2>
  379. <ul class="stats">
  380. <li><span>face claim</span> <i>Madison Beer</i></li>
  381. <li><span>height</span> <i>5'0"</i></li>
  382. <li><span>weight</span> <i>100 LBS</i></li>
  383. <li><span>hair color</span> <i>Brown</i></li>
  384. <li><span>eye color</span> <i>Hazel</i></li>
  385. <li><span>voice </span> <i>Sweet but commanding</i></li>
  386. <li><span>tattoos</span> <i>None</i></li>
  387. <li><span>distinguishing marks</span> <i>None she'll admit.</i></li>
  388. <li><span>outfit/clothing style</span> <i>Either glamorous or grungey </i></li>
  389. </ul>
  390. <h2>BACKGROUND INFORMATION.</h2>
  391. <ul class="stats">
  392. <li><span>hometown</span> <i>New York, NY</i></li>
  393. <li><span>current residence</span> <i>Sloane, MA</i></li>
  394. <li><span>past residences</span> <i>Boston, MA</i></li>
  395. <li><span>spoken languages</span> <i>English, Spanish</i></li>
  396. <li><span>financial status</span> <i>Not broke</i></li>
  397. <li><span>education level</span> <i>No formal education</i></li>
  398. <li><span>occupation</span> <i>Cashier at Quick Stop</i></li>
  399. </ul>
  400. <h2>FAMILIAL INFORMATION.</h2>
  401. <ul class="stats">
  402. <li><span>mother</span> <i>That dead whore</i></li>
  403. <li><span>father</span> <i>Not important</i></li>
  404. <li><span>siblings</span> <i>None</i></li>
  405. <li><span>children</span> <i>None </i></li>
  406. </ul>
  407. <h2>PERSONALITY.</h2>
  408. <ul class="stats">
  409. <li><span>positive traits</span> <i>Adroit, Perceptive, Loyal</i></li>
  410. <li><span>negative traits</span> <i>Withdrawn, Suspicious, Guarded</i></li>
  411. <li><span>likes</span> <i>Danger, cooking, good conversation</i></li>
  412. <li><span>dislikes</span> <i>Liars, small talk, broken promises</i></li>
  413. <li><span>moral alignment</span> <i>Chaotic Neutral</i></li>
  414. <li><span>mbti</span> <i>INTP-T</i></li>
  415. <li><span>enneagram</span> <i>The Investigator
  416. </i></li>
  417. <li><span>temperament</span> <i>Melancholic</i></li>
  418. </ul>
  419. </div>
  420. <!--links------------------------------------------------------->
  421.  
  422. <div id="links">
  423. <a href="/tagged/">pics</a> /
  424. <a href="/tagged/">music</a> /
  425. <a href="/tagged/">aesthetic</a> /
  426. <a href="/tagged/">isms</a><br>
  427. <a href="/tagged/">tasks</a> /
  428. <a href="/tagged/">headcanons</a> /
  429. <a href="/tagged/">self-paras</a><br>
  430. <a href="/tagged/">schedule</a> /
  431. <a href="/">connections</a>
  432. </div>
  433.  
  434. </div>
  435. <!-----------------------------END SIDEBAR----------------------------->
  436.  
  437.  
  438. <div id="bio">
  439.  
  440. <div id="header">
  441. <div id="title"> Little Lost Girl</div>
  442. <img src="https://www.billboard.com/files/styles/article_main_image/public/media/Madison-Beer-2017-cr-Brian-Ziff-billboard-1548.jpg">
  443. </div>
  444. <h2>22 / Melancholic/ The Investigator / Chaotic Neutral</h2>
  445.  
  446.  
  447. <h3>BIOGRAPHY.</h3>
  448.  
  449.  
  450. <p>The first time she witnessed death, she knew she'd never be the same. It had been another day she'd been left alone in their decrepit apartment. The cupboards and the fridge were empty and she'd just been so hungry. When her mother returned home, she'd admitted that, in desperation, she'd eaten one of her mother's lipsticks. It had tasted awful but it had helped soothe her starvation. Just as her mother started to yell, there was a knock at the door. When the door was open, a large tattooed man with evil eyes entered. She'd never been good with people, immediately rushing to hide in the cabinet. Unable to do anything, she listened to the man beat her mother to death. His voice, gruff and full of revulsion, was raised at her mother, calling her "nothing but a worthless whore." Her mother's cries had fallen onto deaf ears. It was only once he'd slammed the door shut that she carefully moved from the cupboard. There lay her mother's lifeless body. She wasn't sure how long she'd laid there, absolutely heartbroken and unwilling to move. When the police had found them, she saw the pity in their eyes. They'd asked her a million questions but she'd remained silent. She was all alone and nothing they said or did would bring her mother back.</p>
  451.  
  452.  
  453. <p>She had never known her father. Other than from the nasty words her mother would mutter, she had no information to what their relationship had been or where he was now. Raised alone by her mother, she was taught quickly to be wary of men, that they just wanted one thing. The one thing they wanted, her mother seemed to offer eagerly. Men paraded in and out of the apartment. There were too many to remember the names of and, eventually, she gave up trying. It seemed no matter how much money her mother made offering companionship, the living situation never got better. There was barely any running water, let alone hot water, and there was never anything to eat. She learned quickly how to survive, particularly when the one person who was meant to take care of herself was too busy fueling an addiction.</p>
  454.  
  455.  
  456. <p>It would take years before Alina realized who the man was who'd murdered her mother. She never forgot his eyes, never forgot the sounds of her mother being murdered. At the hospital, they whispered about trauma, worried about the little girl who'd barely said a word. The same whispers continued when she was brought to the orphanage. It was a real change of pace for her. There was always food to eat and a bed to sleep in. The others didn't seem to like her much, but it didn't bother her. She was fine by herself. One of the workers became a surrogate mother to her, educating her and making sure that she was able to adapt to this new life. After lying with her mother's body, nothing else could bother her. She didn't feel the need to interact, didn't really care to get to know anyone except Mrs. Winters. Even then, she barely spoke.</p>
  457.  
  458.  
  459. <p>Mrs. Winters acted like more of a mother than her biological mother had been, leaving Alina contemplative. Had her mother really loved her? If she had, wouldn't she have taken better care of her? One of the ways she was given attention was by being allowed to tag along on errands. It was important to her surrogate mother to try to get Alina acquainted with the world outside of the orphanage. It was all an attempt to get the girl to open up and become less timid. The truth was that it wasn't that Alina was entirely timid, she was also calculated. She was smarter than they gave her credit for. Still, it was slowly starting to work until the two ended up in the wrong place at the wrong time. There'd been shouting and a flurry of bullets. She hadn't understood what had happened until she saw Mrs. Winters on the ground in a pool of blood..</p>
  460.  
  461. <p>Heartbroken and certain she didn't have time to mourn, she ran. It would be something that she would feel guilty for ever since. Alina became convinced that anyone who got close to her would die. She seemed to be a catalyst. Death followed her. She was meant to live a solitary life, not opening her heart to anyone. She'd made a powerful enemy and she knew they'd be coming after her. Without Mrs. Winters, she pulled more into herself. She left the orphanage and began to seek out her father. </p>
  462.  
  463. <p> Her search led her to Sloane, Massachusetts. She was thrust into a life she hadn't expected, with people she wouldn't have encountered otherwise but trouble followed her as it always did. Trent Foster was the man who knew everyone and everything. He promised to tell her where her father was if she did a few favors for him. The sixteen-year-old did everything she was asked as quickly as possible, frantic for answers. The answer he gave her was certainly not one she'd expected. He told her the woes of business, how her father had swindled him and that he'd gotten revenge. By putting him six feet under. Not that Trent had done the dirty work, but he was responsible for it. </p>
  464.  
  465. <p> Overwhelmed with anger at Trent, Alina left with no idea where she was going. She'd never known her father and now she had no way of learning about him. She didn't know where she came from, didn't know who she was and she figured she wouldn't ever get her answers. As she tried to gather her thoughts, she was blindsighted. Knocked to the ground of a dark alley, the brunette was beaten close to death. Instead of going towards the light, she was brought into convenience store and up the stairs to an apartment. A boy, barely older than herself, had taken it on himself to take care of her. He'd been about as reticent as she was, only speaking when it was necessary. And that was how she'd met her savior. Devin Mercado became her family that moment. </p>
  466.  
  467. <p> The town had conspired together, each with their own reasons, to take Trent down. He'd stolen her answers and any relationship she could've had to her father so she was more than eager to see him put away. She wanted him to rot in hell. As grateful as she was to Devin, she never forgot that she lured people to their deaths. She loved him like a brother but she knew it was better to leave him. He'd been furious, so angry in fact that she'd flinched when he came closer. Devin was unpredictable but she knew he wouldn't hit her. Still, his irate outbursts were terrifying. She just hoped he'd understand. </p>
  468.  
  469. <p>A life away hadn't helped. Alina had no real skills and, even though she'd done what was best for those she loved, she missed them every day. She picked up odd jobs, teaching herself new skills and trying to better herself. While the life she was living wasn't full and she wasn't happy, she felt that martyring herself was the answer. She had to be away from others to make sure they wouldn't be harmed. There were some powerful men looking for her and she needed to keep hidden. There were only two things that could being her home - Trent Foster and the family she'd built back in Sloane. </p>
  470.  
  471. <p>It was a text from Trent. Sure, he'd been out of jail but he hadn't bothered her for a while. He was asking her questions she didn't understand. He was threatening the lives of those she loved. He was after her. He was going to destroy her and all the others who'd put him behind bars. She had no idea what Devin was doing contacting the FBI about Foster but it sounded like Trent found out and he was going to make sure that no one lived to tell. </p>
  472.  
  473.  
  474.  
  475. <h3>PERSONALITY.</h3>
  476.  
  477.  
  478. <p>Alina may seem like she's lost and withdrawn but she's very guarded. It takes a while to win her over but those who do earn her devotion and fierce loyalty. There are two sides to her - one that is quiet and brooding, as well as one that is warm and affable. She's a mastermind, careful never to show too much and uses her skills to reel people in. She's intellectual and clever but directionless. She's creative and expressive but she rarely shows it to anyone.</p>
  479. </div>
  480.  
  481. <a href="http://www.hailthehelpful.tumblr.com">
  482. <div id="credit">hailthehelpful.</div>
  483. </a>
  484.  
  485. </body>
  486. </html>
Add Comment
Please, Sign In to add comment