wickedxcurve

Chrissy Layout

Feb 10th, 2026
52
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.37 KB | None | 0 0
  1. About Me -- <span class="text"><span class="text"><bodyAll copyrights given to this user! Created by subzero');
  2. return false;">
  3.  
  4. <body>
  5.  
  6. <style>
  7. @import url('https://fonts.googleapis.com/css2?family=Fondamento&display=swap');
  8. </style>
  9.  
  10. <style>
  11. .xsubzero { SCROLLBAR PROPERTIES }
  12. ::-webkit-scrollbar-thumb:vertical {
  13. background-color: #a9a4b4;
  14. height: 7px;}
  15. ::-webkit-scrollbar-thumb:horizontal{
  16. background-color: #beb7cf;
  17. height: 7px;}
  18. ::-webkit-scrollbar {
  19. background-color: #ffffff;
  20. border: 2px solid #beb7cf;
  21. height:5px;
  22. width:5px;}
  23. </style>
  24.  
  25.  
  26. <style>
  27. .xsubzero { BACKGROUND PROPERTIES }
  28. table, tr, td {
  29. background-color:transparent;
  30. border:none;
  31. border-width:0;}
  32. body {
  33. background-color:#5f6062;
  34. background-image:url('');
  35. background-position:bottom-right;
  36. margin-top:0px;}
  37.  
  38. .xsubzero { TEXT P R O P E R T I E S }
  39.  
  40. table, tr, td, li, p, div {
  41. font-family:cambria;
  42. color:#aeaeae;
  43. font-size:9px;
  44. font-weight:lighter;
  45. line-height:8px;
  46. letter-spacing:0px;}
  47.  
  48. .xsubzero { LINK S T Y L E S }
  49.  
  50. a:active, a:visited, a:link {
  51. color: #999999;
  52. font-family: karma;
  53. font-size: 10px;
  54. font-weight: lighter;
  55. line-height: 10px;
  56. text-decoration: none;
  57. -webkit-transition: all .5s ease-in-out;
  58. -moz-transition: all .5s ease-in-out;
  59. -o-transition: all .5s ease-in-out;}
  60.  
  61. a:hover {
  62. color: #dfdfdf;
  63. font-style:italic;
  64. letter-spacing: 1.5px;
  65. -webkit-transition: all .5s ease-in-out;
  66. -moz-transition: all .5s ease-in-out;
  67. -o-transition: all .5s ease-in-out;}
  68.  
  69. a.close:active, a.close:visited, a.close:link {
  70. font-family:'bebas neue', sans-serif;
  71. color:#fff;
  72. font-size:11px;
  73. text-transform:uppercase;
  74. letter-spacing: 0px;
  75. font-weight:normal;
  76. text-decoration:none;
  77. text-shadow:20px 0px transparent,
  78. -20px 0px transparent;
  79. -webkit-transition: all 0.7s ease-out;
  80. -moz-transition: all 0.7s ease-out;
  81. transition: all 0.7s ease-out;}
  82.  
  83. a.close:hover {
  84. font-style:normal;
  85. color:#1c1c1c;}
  86.  
  87. a.first, a.first:link, a.first:active, a.first:visited{
  88. background-color: transparent;
  89. border-bottom: 1px dotted #c1c1c1;
  90. color: #c1c1c1;
  91. display: block;
  92. font-family: karma;
  93. font-size: 10px;
  94. font-weight: lighter;
  95. line-height: 11px;
  96. letter-spacing: 4px;
  97. padding: 2px;
  98. text-decoration: none;
  99. text-align: center;
  100. -webkit-transition: all .5s ease-in-out;
  101. -moz-transition: all .5s ease-in-out;
  102. -o-transition: all .5s ease-in-out; }
  103.  
  104. a.first:hover {
  105. background-color: #322e30!important;
  106. color: #c1c1c1;
  107. letter-spacing: 6px;}
  108.  
  109. a.second, a.second:link, a.second:active, a.second:visited {
  110. font-family: georgia;
  111. height: 12px;
  112. width: 100px;
  113. font-size: 10px;
  114. line-height: 12px;
  115. display: inline-block;
  116. font-weight: lighter;
  117. letter-spacing:1px;
  118. color: #999;
  119. text-transform: lowercase;
  120. letter-spacing:2px;
  121. text-align: center;
  122. padding: 1px 1px 1px 5px;
  123. margin: 25px 15px 20px 15px;
  124. -webkit-transition: all 0.4s linear;
  125. -moz-transition: all 0.4s linear;
  126. transition: all 0.4s linear;}
  127.  
  128. a.second:hover {
  129. color:#dfdfdf;
  130. background-color:transparent; }
  131.  
  132. a.third:active, a.third:visited, a.third:link {
  133. display: inline-block;
  134. border-left: 2px solid #322e30;
  135. border-right: 2px solid #322e30;
  136. background-color: #666b6c;
  137. padding-left: 0px;
  138. width:35%;
  139. font-size: 9px;
  140. text-align:center;
  141. font-family: georgia;
  142. font-style: normal ;
  143. font-weight:lighter;
  144. color: #ffffff;
  145. text-transform: lowercase;
  146. letter-spacing: 2px;
  147. line-height: 29px;
  148. margin-bottom: 2px;
  149. margin-top: 0px;
  150. -webkit-transition: all 0.6s ease-out;
  151. -moz-transition: all 0.6s ease-out;}
  152.  
  153.  
  154. a.third:hover {
  155. border-left: 2px solid #666b6c;
  156. border-right: 2px solid #666b6c;
  157. color:#ffffff;
  158. background-color: #322e30;
  159. font-style:italic;}
  160.  
  161. .xsubzero { FONT S T Y L E S }
  162.  
  163. indent {
  164. float: left;
  165. font-family: 'Fondamento', cursive;
  166. font-size: 40px;
  167. color: #60494c;
  168. line-height: 25px;
  169. text-align: center;
  170. text-transform: normal;
  171. width: 35px;
  172. height: 25px;
  173. padding: 5px 0px 5px 0px;
  174. margin:5px;
  175. display: inline-block;}
  176.  
  177. i {
  178. font-size:10px;
  179. font-style:italic;
  180. font-family: Palatino Linotype;
  181. color:#fff;
  182. line-height:8px;
  183. letter-spacing:1px;
  184. font-weight:lighter;}
  185.  
  186. strong {
  187. font-family:consolas;
  188. font-size:9px;
  189. letter-spacing:1px;
  190. font-weight:lighter;
  191. color:#424242;
  192. text-transform:uppercase;}
  193.  
  194. b {
  195. font-family: silkscreen;
  196. font-size:8px;
  197. font-weight:lighter;
  198. text-align:center;
  199. color:#60494c;
  200. text-transform:lowercase;
  201. margin-bottom:2px;
  202. line-height:10px;}
  203.  
  204. u {
  205. font-family:consolas;
  206. font-size:9px;
  207. line-height:10px;
  208. background-color:#212121;
  209. text-transform:uppercase;
  210. text-decoration:none;
  211. color:#999;
  212. letter-spacing:2px;}
  213.  
  214. tt {
  215. font-size:10px;
  216. font-family: courier new;
  217. color:#7e8489;
  218. font-weight:lighter;
  219. text-transform:uppercase;}
  220.  
  221. .xsubzero { HEADER S T Y L E S }
  222.  
  223. h1 {
  224. font-family:times;
  225. font-weight:lighter;
  226. background-color:#666b6c;
  227. height:25px;
  228. line-height:25px;
  229. font-size: 9px;
  230. text-align:center;
  231. color:#322e30;
  232. letter-spacing: 5px;
  233. margin:0px;}
  234.  
  235. h1:first-letter {
  236. font-family: 'Fondamento', cursive;
  237. font-size:20px;
  238. font-style:italic
  239. color:#394973!important;}
  240.  
  241. h2 {
  242. font-family:silkscreen;
  243. font-weight:normal;
  244. background-color:#666b6c;
  245. height:15px;
  246. line-height:16px;
  247. font-size: 8px;
  248. text-align:left;
  249. color:#60494c;
  250. letter-spacing: 1.5px;
  251. margin:0px;}
  252. </style>
  253.  
  254. <style>
  255. .xsubzero { DIV GRAPHICS }
  256.  
  257. .graphic1 {
  258. width: 800px;
  259. height: 250px;
  260. position:absolute;
  261. top: 60px;
  262. left: 100px;
  263. background:#322e30;
  264. border:2px double #2d3647;}
  265.  
  266. .xsubzero { DIV ELEMENTS }
  267.  
  268. .one {
  269. width: 225px;
  270. height: 225px;
  271. position:absolute;
  272. top: 315px;
  273. left: 100px;
  274. background:#322e30;
  275. border:2px double #2d3647;}
  276.  
  277. .two {
  278. width: 370px;
  279. height: 225px;
  280. position:absolute;
  281. top: 315px;
  282. left: 330px;
  283. background-image:url('https://i.imgur.com/xuDcSOP.gif');
  284. border:2px double #2d3647;}
  285.  
  286. .three {
  287. width: 195px;
  288. height: 225px;
  289. position:absolute;
  290. top: 315px;
  291. left: 705px;
  292. background:#322e30;
  293. border:2px double #2d3647;}
  294.  
  295. .navigation {
  296. bottom:0px;
  297. left:0px;
  298. width:100%;
  299. height:65px;
  300. margin:0px;
  301. padding:0px;
  302. background-color:#322e30;
  303. text-align:center;
  304. z-index: 2;
  305. position:fixed!important;}
  306.  
  307. .xsubzero { POPUP B O X E S }
  308.  
  309. .details {
  310. width: 0px;
  311. height: 0px;
  312. position:absolute;
  313. top: 315px;
  314. left: 330px;
  315. background:#322e30;
  316. border:2px double #2d3647;
  317. text-align:left;
  318. opacity:0;
  319. overflow-y:auto;
  320. overflow-x:hidden;
  321. -webkit-transition: all .4s ease-out;
  322. -moz-transition: all .4s ease-out;
  323. transition: all .4s ease-out;
  324. filter:alpha(opacity=0);}
  325.  
  326. .details:target {
  327. width: 370px;
  328. height: 225px;
  329. position:absolute;
  330. top: 315px;
  331. left: 330px;
  332. background:#322e30;
  333. border:2px double #2d3647;
  334. z-index:2!important;
  335. opacity:1;
  336. overflow:hidden;
  337. border:2px double #2d3647;}
  338. </style>
  339.  
  340. <style>
  341. .xsubzero { MUSIC P L A Y E R }
  342.  
  343. #bubble-music {
  344. position:fixed;
  345. right:20px;
  346. bottom:30px;
  347. width:45px;
  348. height:45px;
  349. border:2px double #2d3647;
  350. border-radius:100%;
  351. -moz-border-radius:100%;
  352. overflow:hidden;
  353. -webkit-transition: all 0.5s ease-out;
  354. -moz-transition: all 0.5s ease-out;
  355. transition: all 0.5s ease-out;}
  356.  
  357. #bubble-music:hover {
  358. border-radius:100%;
  359. -moz-border-radius:100%;
  360. width:45px;
  361. height:45px;}
  362.  
  363. .music_embed {
  364. margin:-27px 0 0 50px;
  365. z-index:1;
  366. font-family:consolas;
  367. font-size:8px;
  368. -webkit-transition: all 0.5s ease-out;
  369. -moz-transition: all 0.5s ease-out;
  370. transition: all 0.5s ease-out;}
  371.  
  372. #bubble-music:hover .music_embed {
  373. width:150px;
  374. height:150px;
  375. margin:-45px 0 0 -3.25px;
  376. opacity:1;}
  377. </style>
  378.  
  379. <style>
  380. .xsubzero { HIDE C O D E S }
  381.  
  382. .userprofiledetail, .profileInfo, .userprofileURL {display:none;}
  383. .friendscomments, .friendspace, .useralbums {display:none;}
  384. .latestBlogEntry, .contactTable, .extendedNetwork {display:none;}
  385. .whitetext12, .orangetext15, .lightbluetext8 {display:none;}
  386. .nameText, .mslogo, .clearfix {display:none;}
  387.  
  388. #footerwarpper {display:none;}
  389. #googlebar {display:none;}
  390. #topnav {display:none;}
  391. #groups {display:none;}
  392. #headerWrap {display:none;}
  393. </style>
  394.  
  395.  
  396.  
  397. LIKE TO MEET - <div class="graphic1">
  398. <img src="https://i.imgur.com/fjON18y.png">
  399. </div>
  400.  
  401. <div class="navigation">
  402. <a href="/home.php" class="second">home</a>
  403. <a href="/send_message.php?member_id=1796766" class="second">message</a>
  404. <a href="/add_comment.php?member_id=1796766" class="second">comment</a>
  405. <a href="/status_stream.php?member_id=1796766" class="second">stream</a>
  406. <a href="/view_journal_member.php?member_id=1796766" class="second">bulletins</a>
  407. <a href="/view_gallery.php?member_id=1796766" class="second">gallery</a>
  408. <a href="/" class="second">blog</a>
  409. </div>
  410.  
  411. <div class="one">
  412. <div style="padding:2px; height:98%; width:98%; overflow:auto;">
  413. <h1>basic information</h1>
  414. <b>FULL NAME:</b> Christine Elisabeth Cunningham.
  415. <br><b>ALIAS(S):</b> Chrissy Cunningham.
  416. <br><b>NICKNAME(S):</b> Chrissy, Chris, Queen of Hawkins High.
  417. <br><b>RACE:</b> Caucasian.
  418. <br><b>DATE OF BIRTH:</b> June 13th, 1968.
  419. <br><b>PLACE OF BIRTH:</b> Hawkins, Indiana.
  420. <br><b>AGE:</b> Depends on storyline.
  421. <br><b>DATE OF DEATH:</b> March 21st, 1986.
  422. <br><b>CURRENT RESIDENCE:</b> Hawkins, Indiana.
  423. <br><b>SPECIES:</b> Human.
  424. <br><b>GENDER:</b> Female.
  425. <br><b>EYE | HAIR COLOR:</b> Blue | Blonde.
  426. <br><b>HEIGHT | WEIGHT:</b> 5'3" | 115 lbs.
  427. <br><b>FAMILY / SIBLINGS:</b> Laura Cunningham (Mother), Phillip Cunnginham (Father), Cassandra Cunningham (Younger Sister).
  428. <br><b>OCCUPATION:</b> High School Student.
  429. <br><b>SIGNIFICANT KILLS:</b> Self Explanatory
  430. <br>
  431. <h2>personality</h2>
  432. <indent>L</indent><I>orem ipsum dolor sit amet</I> consectetur adipisicing elit, <U>sed do eiusmod tempor incididunt</U> ut labore et dolore magna aliqua. <B>Ut enim ad minim veniam,</B> quis nostrud exercitation <EM>ullamco</EM> laboris <Strong>nisi ut aliquip ex ea commodo consequat.</Strong> Duis aute <EM>irure</EM> dolor in reprehenderit <TT>in voluptate velit esse cillum dolore eu</TT> fugiat nulla pariatur. <big>Excepteur sint occaecat cupidatat non proident,</big> sunt in culpa qui officia deserunt <I>mollit anim id est laborum.</I> Lorem ipsum <EM>dolor</EM> sit amet, <B>consectetur adipisicing elit,</B> sed do eiusmod tempor incididunt <U>ut labore et dolore magna aliqua.</U>
  433. </div>
  434. </div>
  435.  
  436. <div class="two">
  437. <div style="padding:40px; margin-top:20px; height:58%; width:80%; overflow:none;"><center>
  438. <a href="#bio1" class="third" title="biography part">i.</a>
  439. <a href="#bio2" class="third" title="biography part two">ii.</a>
  440. <a href="#bio3" class="third" title="biography part three">iii.</a>
  441. <a href="#bio4" class="third" title="biography part four">iv.</a>
  442. <a href="#beloved" class="third" title="love interest">v.</a>
  443. <a href="#connections" class="third" title="connections">vi.</a>
  444. </center>
  445. </div></div>
  446.  
  447. <div class="three">
  448. <div style="padding:2px; height:98%; width:98%; overflow:auto;">
  449. <h1>childhood</h1>
  450. <indent>L</indent><I>orem ipsum dolor sit amet</I> consectetur adipisicing elit, <U>sed do eiusmod tempor incididunt</U> ut labore et dolore magna aliqua. <B>Ut enim ad minim veniam,</B> quis nostrud exercitation <EM>ullamco</EM> laboris <Strong>nisi ut aliquip ex ea commodo consequat.</Strong> Duis aute <EM>irure</EM> dolor in reprehenderit <TT>in voluptate velit esse cillum dolore eu</TT> fugiat nulla pariatur. <big>Excepteur sint occaecat cupidatat non proident,</big> sunt in culpa qui officia deserunt <I>mollit anim id est laborum.</I> Lorem ipsum <EM>dolor</EM> sit amet, <B>consectetur adipisicing elit,</B> sed do eiusmod tempor incididunt <U>ut labore et dolore magna aliqua.</U> Ut enim ad minim veniam, quis nostrud exercitation <TT>ullamco laboris nisi ut aliquip ex ea commodo consequat.</TT> Duis aute irure dolor in <I>reprehenderit in voluptate</I> velit esse cillum dolore eu fugiat nulla pariatur. <big>Excepteur sint occaecat cupidatat</big> non proident, sunt in culpa qui <EM>officia</EM> deserunt <B>mollit anim id est laborum.</B>
  451.  
  452. <Br><br>
  453.  
  454. <indent>L</indent><I>orem ipsum dolor sit amet</I> consectetur adipisicing elit, <U>sed do eiusmod tempor incididunt</U> ut labore et dolore magna aliqua. <B>Ut enim ad minim veniam,</B> quis nostrud exercitation <EM>ullamco</EM> laboris <Strong>nisi ut aliquip ex ea commodo consequat.</Strong> Duis aute <EM>irure</EM> dolor in reprehenderit <TT>in voluptate velit esse cillum dolore eu</TT> fugiat nulla pariatur. <big>Excepteur sint occaecat cupidatat non proident,</big> sunt in culpa qui officia deserunt <I>mollit anim id est laborum.</I> Lorem ipsum <EM>dolor</EM> sit amet, <B>consectetur adipisicing elit,</B> sed do eiusmod tempor incididunt <U>ut labore et dolore magna aliqua.</U> Ut enim ad minim veniam, quis nostrud exercitation <TT>ullamco laboris nisi ut aliquip ex ea commodo consequat.</TT> Duis aute irure dolor in <I>reprehenderit in voluptate</I> velit esse cillum dolore eu fugiat nulla pariatur. <big>Excepteur sint occaecat cupidatat</big> non proident, sunt in culpa qui <EM>officia</EM> deserunt <B>mollit anim id est laborum.</B>
  455. </div>
  456. </div>
  457.  
  458.  
  459. <div id="bio1" class="details">
  460. <div style="position:absolute; top:10px; left:275px;"><a class="close" href="#">[ close ]</a></div>
  461.  
  462. <h1>biography part one</h1>
  463.  
  464. <div style="width:48%; height:98%; text-align:justify; overflow:auto;margin:5px; float:left;">
  465. <h2>growing up</h2>
  466. <indent>L</indent><I>orem ipsum dolor sit amet</I> consectetur adipisicing elit, <U>sed do eiusmod tempor incididunt</U> ut labore et dolore magna aliqua. <B>Ut enim ad minim veniam,</B> quis nostrud exercitation <EM>ullamco</EM> laboris <Strong>nisi ut aliquip ex ea commodo consequat.</Strong> Duis aute <EM>irure</EM> dolor in reprehenderit <TT>in voluptate velit esse cillum dolore eu</TT> fugiat nulla pariatur. <big>Excepteur sint occaecat cupidatat non proident,</big> sunt in culpa qui officia deserunt <I>mollit anim id est laborum.</I> Lorem ipsum <EM>dolor</EM> sit amet, <B>consectetur adipisicing elit,</B> sed do eiusmod tempor incididunt <U>ut labore et dolore magna aliqua.</U> Ut enim ad minim veniam, quis nostrud exercitation <TT>ullamco laboris nisi ut aliquip ex ea commodo consequat.</TT> Duis aute irure dolor in <I>reprehenderit in voluptate</I> velit esse cillum dolore eu fugiat nulla pariatur. <big>Excepteur sint occaecat cupidatat</big> non proident, sunt in culpa qui <EM>officia</EM> deserunt <B>mollit anim id est laborum.</B>
  467.  
  468. <Br><br>
  469.  
  470. <indent>L</indent><I>orem ipsum dolor sit amet</I> consectetur adipisicing elit, <U>sed do eiusmod tempor incididunt</U> ut labore et dolore magna aliqua. <B>Ut enim ad minim veniam,</B> quis nostrud exercitation <EM>ullamco</EM> laboris <Strong>nisi ut aliquip ex ea commodo consequat.</Strong> Duis aute <EM>irure</EM> dolor in reprehenderit <TT>in voluptate velit esse cillum dolore eu</TT> fugiat nulla pariatur. <big>Excepteur sint occaecat cupidatat non proident,</big> sunt in culpa qui officia deserunt <I>mollit anim id est laborum.</I> Lorem ipsum <EM>dolor</EM> sit amet, <B>consectetur adipisicing elit,</B> sed do eiusmod tempor incididunt <U>ut labore et dolore magna aliqua.</U> Ut enim ad minim veniam, quis nostrud exercitation <TT>ullamco laboris nisi ut aliquip ex ea commodo consequat.</TT> Duis aute irure dolor in <I>reprehenderit in voluptate</I> velit esse cillum dolore eu fugiat nulla pariatur. <big>Excepteur sint occaecat cupidatat</big> non proident, sunt in culpa qui <EM>officia</EM> deserunt <B>mollit anim id est laborum.</B>
  471.  
  472. </div>
  473.  
  474. <div style="width:46%; height:48%; text-align:justify; overflow:auto;margin:5px; float:right;">
  475. <h2>middle school</h2>
  476. <indent>L</indent><I>orem ipsum dolor sit amet</I> consectetur adipisicing elit, <U>sed do eiusmod tempor incididunt</U> ut labore et dolore magna aliqua. <B>Ut enim ad minim veniam,</B> quis nostrud exercitation <EM>ullamco</EM> laboris <Strong>nisi ut aliquip ex ea commodo consequat.</Strong> Duis aute <EM>irure</EM> dolor in reprehenderit <TT>in voluptate velit esse cillum dolore eu</TT> fugiat nulla pariatur. <big>Excepteur sint occaecat cupidatat non proident,</big> sunt in culpa qui officia deserunt <I>mollit anim id est laborum.</I> Lorem ipsum <EM>dolor</EM> sit amet, <B>consectetur adipisicing elit,</B> sed do eiusmod tempor incididunt <U>ut labore et dolore magna aliqua.</U> Ut enim ad minim veniam, quis nostrud exercitation <TT>ullamco laboris nisi ut aliquip ex ea commodo consequat.</TT> Duis aute irure dolor in <I>reprehenderit in voluptate</I> velit esse cillum dolore eu fugiat nulla pariatur. <big>Excepteur sint occaecat cupidatat</big> non proident, sunt in culpa qui <EM>officia</EM> deserunt <B>mollit anim id est laborum.</B>
  477.  
  478. <Br><br>
  479.  
  480. <indent>L</indent><I>orem ipsum dolor sit amet</I> consectetur adipisicing elit, <U>sed do eiusmod tempor incididunt</U> ut labore et dolore magna aliqua. <B>Ut enim ad minim veniam,</B> quis nostrud exercitation <EM>ullamco</EM> laboris <Strong>nisi ut aliquip ex ea commodo consequat.</Strong> Duis aute <EM>irure</EM> dolor in reprehenderit <TT>in voluptate velit esse cillum dolore eu</TT> fugiat nulla pariatur. <big>Excepteur sint occaecat cupidatat non proident,</big> sunt in culpa qui officia deserunt <I>mollit anim id est laborum.</I> Lorem ipsum <EM>dolor</EM> sit amet, <B>consectetur adipisicing elit,</B> sed do eiusmod tempor incididunt <U>ut labore et dolore magna aliqua.</U> Ut enim ad minim veniam, quis nostrud exercitation <TT>ullamco laboris nisi ut aliquip ex ea commodo consequat.</TT> Duis aute irure dolor in <I>reprehenderit in voluptate</I> velit esse cillum dolore eu fugiat nulla pariatur. <big>Excepteur sint occaecat cupidatat</big> non proident, sunt in culpa qui <EM>officia</EM> deserunt <B>mollit anim id est laborum.</B>
  481.  
  482. </div>
  483.  
  484. <img src="https://i.imgur.com/aB6yRgN.gif">
  485.  
  486. </div></div>
  487.  
  488.  
  489.  
  490. <div id="bio2" class="details">
  491. <div style="position:absolute; top:10px; left:275px;"><a class="close" href="#">[ close ]</a></div>
  492.  
  493. <h1>biography part two</h1>
  494.  
  495. <div style="width:48%; height:98%; text-align:justify; overflow:auto;margin:5px; float:left;">
  496. <h2>high school</h2>
  497. <indent>L</indent><I>orem ipsum dolor sit amet</I> consectetur adipisicing elit, <U>sed do eiusmod tempor incididunt</U> ut labore et dolore magna aliqua. <B>Ut enim ad minim veniam,</B> quis nostrud exercitation <EM>ullamco</EM> laboris <Strong>nisi ut aliquip ex ea commodo consequat.</Strong> Duis aute <EM>irure</EM> dolor in reprehenderit <TT>in voluptate velit esse cillum dolore eu</TT> fugiat nulla pariatur. <big>Excepteur sint occaecat cupidatat non proident,</big> sunt in culpa qui officia deserunt <I>mollit anim id est laborum.</I> Lorem ipsum <EM>dolor</EM> sit amet, <B>consectetur adipisicing elit,</B> sed do eiusmod tempor incididunt <U>ut labore et dolore magna aliqua.</U> Ut enim ad minim veniam, quis nostrud exercitation <TT>ullamco laboris nisi ut aliquip ex ea commodo consequat.</TT> Duis aute irure dolor in <I>reprehenderit in voluptate</I> velit esse cillum dolore eu fugiat nulla pariatur. <big>Excepteur sint occaecat cupidatat</big> non proident, sunt in culpa qui <EM>officia</EM> deserunt <B>mollit anim id est laborum.</B>
  498.  
  499. <Br><br>
  500.  
  501. <indent>L</indent><I>orem ipsum dolor sit amet</I> consectetur adipisicing elit, <U>sed do eiusmod tempor incididunt</U> ut labore et dolore magna aliqua. <B>Ut enim ad minim veniam,</B> quis nostrud exercitation <EM>ullamco</EM> laboris <Strong>nisi ut aliquip ex ea commodo consequat.</Strong> Duis aute <EM>irure</EM> dolor in reprehenderit <TT>in voluptate velit esse cillum dolore eu</TT> fugiat nulla pariatur. <big>Excepteur sint occaecat cupidatat non proident,</big> sunt in culpa qui officia deserunt <I>mollit anim id est laborum.</I> Lorem ipsum <EM>dolor</EM> sit amet, <B>consectetur adipisicing elit,</B> sed do eiusmod tempor incididunt <U>ut labore et dolore magna aliqua.</U> Ut enim ad minim veniam, quis nostrud exercitation <TT>ullamco laboris nisi ut aliquip ex ea commodo consequat.</TT> Duis aute irure dolor in <I>reprehenderit in voluptate</I> velit esse cillum dolore eu fugiat nulla pariatur. <big>Excepteur sint occaecat cupidatat</big> non proident, sunt in culpa qui <EM>officia</EM> deserunt <B>mollit anim id est laborum.</B>
  502.  
  503. </div>
  504.  
  505. <div style="width:46%; height:98%; text-align:justify; overflow:auto;margin:5px; float:right;">
  506. <h2>season four</h2>
  507. <indent>L</indent><I>orem ipsum dolor sit amet</I> consectetur adipisicing elit, <U>sed do eiusmod tempor incididunt</U> ut labore et dolore magna aliqua. <B>Ut enim ad minim veniam,</B> quis nostrud exercitation <EM>ullamco</EM> laboris <Strong>nisi ut aliquip ex ea commodo consequat.</Strong> Duis aute <EM>irure</EM> dolor in reprehenderit <TT>in voluptate velit esse cillum dolore eu</TT> fugiat nulla pariatur. <big>Excepteur sint occaecat cupidatat non proident,</big> sunt in culpa qui officia deserunt <I>mollit anim id est laborum.</I> Lorem ipsum <EM>dolor</EM> sit amet, <B>consectetur adipisicing elit,</B> sed do eiusmod tempor incididunt <U>ut labore et dolore magna aliqua.</U> Ut enim ad minim veniam, quis nostrud exercitation <TT>ullamco laboris nisi ut aliquip ex ea commodo consequat.</TT> Duis aute irure dolor in <I>reprehenderit in voluptate</I> velit esse cillum dolore eu fugiat nulla pariatur. <big>Excepteur sint occaecat cupidatat</big> non proident, sunt in culpa qui <EM>officia</EM> deserunt <B>mollit anim id est laborum.</B>
  508.  
  509. <Br><br>
  510.  
  511. <indent>L</indent><I>orem ipsum dolor sit amet</I> consectetur adipisicing elit, <U>sed do eiusmod tempor incididunt</U> ut labore et dolore magna aliqua. <B>Ut enim ad minim veniam,</B> quis nostrud exercitation <EM>ullamco</EM> laboris <Strong>nisi ut aliquip ex ea commodo consequat.</Strong> Duis aute <EM>irure</EM> dolor in reprehenderit <TT>in voluptate velit esse cillum dolore eu</TT> fugiat nulla pariatur. <big>Excepteur sint occaecat cupidatat non proident,</big> sunt in culpa qui officia deserunt <I>mollit anim id est laborum.</I> Lorem ipsum <EM>dolor</EM> sit amet, <B>consectetur adipisicing elit,</B> sed do eiusmod tempor incididunt <U>ut labore et dolore magna aliqua.</U> Ut enim ad minim veniam, quis nostrud exercitation <TT>ullamco laboris nisi ut aliquip ex ea commodo consequat.</TT> Duis aute irure dolor in <I>reprehenderit in voluptate</I> velit esse cillum dolore eu fugiat nulla pariatur. <big>Excepteur sint occaecat cupidatat</big> non proident, sunt in culpa qui <EM>officia</EM> deserunt <B>mollit anim id est laborum.</B>
  512.  
  513. </div>
  514.  
  515. </div></div>
  516.  
  517.  
  518. <div id="bio3" class="details">
  519. <div style="position:absolute; top:10px; left:315px;"><a class="close" href="#">[ close ]</a></div>
  520.  
  521. <h1>biography part three</h1>
  522.  
  523. <div style="width:48%; height:98%; text-align:justify; overflow:auto;margin:5px; float:left;">
  524. <h2>death and legacy</h2>
  525. <indent>L</indent><I>orem ipsum dolor sit amet</I> consectetur adipisicing elit, <U>sed do eiusmod tempor incididunt</U> ut labore et dolore magna aliqua. <B>Ut enim ad minim veniam,</B> quis nostrud exercitation <EM>ullamco</EM> laboris <Strong>nisi ut aliquip ex ea commodo consequat.</Strong> Duis aute <EM>irure</EM> dolor in reprehenderit <TT>in voluptate velit esse cillum dolore eu</TT> fugiat nulla pariatur. <big>Excepteur sint occaecat cupidatat non proident,</big> sunt in culpa qui officia deserunt <I>mollit anim id est laborum.</I> Lorem ipsum <EM>dolor</EM> sit amet, <B>consectetur adipisicing elit,</B> sed do eiusmod tempor incididunt <U>ut labore et dolore magna aliqua.</U> Ut enim ad minim veniam, quis nostrud exercitation <TT>ullamco laboris nisi ut aliquip ex ea commodo consequat.</TT> Duis aute irure dolor in <I>reprehenderit in voluptate</I> velit esse cillum dolore eu fugiat nulla pariatur. <big>Excepteur sint occaecat cupidatat</big> non proident, sunt in culpa qui <EM>officia</EM> deserunt <B>mollit anim id est laborum.</B>
  526.  
  527. <Br><br>
  528.  
  529. <indent>L</indent><I>orem ipsum dolor sit amet</I> consectetur adipisicing elit, <U>sed do eiusmod tempor incididunt</U> ut labore et dolore magna aliqua. <B>Ut enim ad minim veniam,</B> quis nostrud exercitation <EM>ullamco</EM> laboris <Strong>nisi ut aliquip ex ea commodo consequat.</Strong> Duis aute <EM>irure</EM> dolor in reprehenderit <TT>in voluptate velit esse cillum dolore eu</TT> fugiat nulla pariatur. <big>Excepteur sint occaecat cupidatat non proident,</big> sunt in culpa qui officia deserunt <I>mollit anim id est laborum.</I> Lorem ipsum <EM>dolor</EM> sit amet, <B>consectetur adipisicing elit,</B> sed do eiusmod tempor incididunt <U>ut labore et dolore magna aliqua.</U> Ut enim ad minim veniam, quis nostrud exercitation <TT>ullamco laboris nisi ut aliquip ex ea commodo consequat.</TT> Duis aute irure dolor in <I>reprehenderit in voluptate</I> velit esse cillum dolore eu fugiat nulla pariatur. <big>Excepteur sint occaecat cupidatat</big> non proident, sunt in culpa qui <EM>officia</EM> deserunt <B>mollit anim id est laborum.</B>
  530.  
  531. </div>
  532.  
  533. <div style="width:46%; height:98%; text-align:justify; overflow:auto;margin:5px; float:right;">
  534. <h2>AU Storyline</h2>
  535. <indent>L</indent><I>orem ipsum dolor sit amet</I> consectetur adipisicing elit, <U>sed do eiusmod tempor incididunt</U> ut labore et dolore magna aliqua. <B>Ut enim ad minim veniam,</B> quis nostrud exercitation <EM>ullamco</EM> laboris <Strong>nisi ut aliquip ex ea commodo consequat.</Strong> Duis aute <EM>irure</EM> dolor in reprehenderit <TT>in voluptate velit esse cillum dolore eu</TT> fugiat nulla pariatur. <big>Excepteur sint occaecat cupidatat non proident,</big> sunt in culpa qui officia deserunt <I>mollit anim id est laborum.</I> Lorem ipsum <EM>dolor</EM> sit amet, <B>consectetur adipisicing elit,</B> sed do eiusmod tempor incididunt <U>ut labore et dolore magna aliqua.</U> Ut enim ad minim veniam, quis nostrud exercitation <TT>ullamco laboris nisi ut aliquip ex ea commodo consequat.</TT> Duis aute irure dolor in <I>reprehenderit in voluptate</I> velit esse cillum dolore eu fugiat nulla pariatur. <big>Excepteur sint occaecat cupidatat</big> non proident, sunt in culpa qui <EM>officia</EM> deserunt <B>mollit anim id est laborum.</B>
  536.  
  537. <Br><br>
  538.  
  539. <indent>L</indent><I>orem ipsum dolor sit amet</I> consectetur adipisicing elit, <U>sed do eiusmod tempor incididunt</U> ut labore et dolore magna aliqua. <B>Ut enim ad minim veniam,</B> quis nostrud exercitation <EM>ullamco</EM> laboris <Strong>nisi ut aliquip ex ea commodo consequat.</Strong> Duis aute <EM>irure</EM> dolor in reprehenderit <TT>in voluptate velit esse cillum dolore eu</TT> fugiat nulla pariatur. <big>Excepteur sint occaecat cupidatat non proident,</big> sunt in culpa qui officia deserunt <I>mollit anim id est laborum.</I> Lorem ipsum <EM>dolor</EM> sit amet, <B>consectetur adipisicing elit,</B> sed do eiusmod tempor incididunt <U>ut labore et dolore magna aliqua.</U> Ut enim ad minim veniam, quis nostrud exercitation <TT>ullamco laboris nisi ut aliquip ex ea commodo consequat.</TT> Duis aute irure dolor in <I>reprehenderit in voluptate</I> velit esse cillum dolore eu fugiat nulla pariatur. <big>Excepteur sint occaecat cupidatat</big> non proident, sunt in culpa qui <EM>officia</EM> deserunt <B>mollit anim id est laborum.</B>
  540.  
  541. </div>
  542.  
  543. </div></div>
  544.  
  545.  
  546.  
  547.  
  548. <div id="bio4" class="details">
  549. <div style="position:absolute; top:10px; left:315px;"><a class="close" href="#">[ close ]</a></div>
  550.  
  551. <h1>headcanons</h1>
  552.  
  553. <div style="width:98%; height:98%; text-align:justify; overflow:auto;margin:5px; float:left;">
  554. <indent>L</indent><I>orem ipsum dolor sit amet</I> consectetur adipisicing elit, <U>sed do eiusmod tempor incididunt</U> ut labore et dolore magna aliqua. <B>Ut enim ad minim veniam,</B> quis nostrud exercitation <EM>ullamco</EM> laboris <Strong>nisi ut aliquip ex ea commodo consequat.</Strong> Duis aute <EM>irure</EM> dolor in reprehenderit <TT>in voluptate velit esse cillum dolore eu</TT> fugiat nulla pariatur. <big>Excepteur sint occaecat cupidatat non proident,</big> sunt in culpa qui officia deserunt <I>mollit anim id est laborum.</I> Lorem ipsum <EM>dolor</EM> sit amet, <B>consectetur adipisicing elit,</B> sed do eiusmod tempor incididunt <U>ut labore et dolore magna aliqua.</U> Ut enim ad minim veniam, quis nostrud exercitation <TT>ullamco laboris nisi ut aliquip ex ea commodo consequat.</TT> Duis aute irure dolor in <I>reprehenderit in voluptate</I> velit esse cillum dolore eu fugiat nulla pariatur. <big>Excepteur sint occaecat cupidatat</big> non proident, sunt in culpa qui <EM>officia</EM> deserunt <B>mollit anim id est laborum.</B>
  555.  
  556. <Br><br>
  557.  
  558. <indent>L</indent><I>orem ipsum dolor sit amet</I> consectetur adipisicing elit, <U>sed do eiusmod tempor incididunt</U> ut labore et dolore magna aliqua. <B>Ut enim ad minim veniam,</B> quis nostrud exercitation <EM>ullamco</EM> laboris <Strong>nisi ut aliquip ex ea commodo consequat.</Strong> Duis aute <EM>irure</EM> dolor in reprehenderit <TT>in voluptate velit esse cillum dolore eu</TT> fugiat nulla pariatur. <big>Excepteur sint occaecat cupidatat non proident,</big> sunt in culpa qui officia deserunt <I>mollit anim id est laborum.</I> Lorem ipsum <EM>dolor</EM> sit amet, <B>consectetur adipisicing elit,</B> sed do eiusmod tempor incididunt <U>ut labore et dolore magna aliqua.</U> Ut enim ad minim veniam, quis nostrud exercitation <TT>ullamco laboris nisi ut aliquip ex ea commodo consequat.</TT> Duis aute irure dolor in <I>reprehenderit in voluptate</I> velit esse cillum dolore eu fugiat nulla pariatur. <big>Excepteur sint occaecat cupidatat</big> non proident, sunt in culpa qui <EM>officia</EM> deserunt <B>mollit anim id est laborum.</B>
  559.  
  560. </div>
  561. </div></div>
  562.  
  563.  
  564.  
  565. <div id="beloved" class="details">
  566. <div style="position:absolute; top:3px; left:320px;"><a class="close" href="#">[ close ]</a></div>
  567.  
  568. <h2>"Whatever our souls are made of, his and mine are the same."</h2>
  569.  
  570. <img src="https://i.imgur.com/Yz61iBS.png" style="margin-top:5px; margin-left:5px;" align="left">
  571.  
  572. <div style="margin:5px 0px 0px 10px; width:198px; height:88%; text-align:justify; overflow:none; float:left; padding:1px; font-weight:normal; overflow:auto;">
  573.  
  574. <br>
  575. <center>
  576. <b>Status:</b> Dating. <br>
  577. <b>With Whom?:</b> <a href="/1849368"> Quentin Smith.</a> <br>
  578. <b>Together Since:</b> 08/26/1984 <br>
  579. <b>Down on one knee:</b> 00/00/00 <br>
  580. <b>Vision in white:</b> 00/00/00 <br><br>
  581. </center>
  582.  
  583. <h1>love notes</h1><br>
  584.  
  585. <indent>L</indent><I>orem ipsum dolor sit amet</I> consectetur adipisicing elit, <U>sed do eiusmod tempor incididunt</U> ut labore et dolore magna aliqua. <B>Ut enim ad minim veniam,</B> quis nostrud exercitation <EM>ullamco</EM> laboris <Strong>nisi ut aliquip ex ea commodo consequat.</Strong> Duis aute <EM>irure</EM> dolor in reprehenderit <TT>in voluptate velit esse cillum dolore eu</TT> fugiat nulla pariatur. <big>Excepteur sint occaecat cupidatat non proident,</big> sunt in culpa qui officia deserunt <I>mollit anim id est laborum.</I> Lorem ipsum dolor sit amet</I> consectetur adipisicing elit, <U>sed do eiusmod tempor incididunt</U> ut labore et dolore magna aliqua. <B>Ut enim ad minim veniam,</B> quis nostrud exercitation <EM>ullamco</EM> laboris <Strong>nisi ut aliquip ex ea commodo consequat.</Strong> Duis aute <EM>irure</EM> dolor in reprehenderit <TT>in voluptate velit esse cillum dolore eu</TT> fugiat nulla pariatur. <big>Excepteur sint occaecat cupidatat non proident,</big> sunt in culpa qui officia deserunt <I>mollit anim id est laborum.</I>
  586.  
  587. </div>
  588.  
  589. </div></div>
  590.  
  591.  
  592.  
  593. <div id="connections" class="details">
  594. <div style="position:absolute; top:8px; left:320px;"><a class="close" href="#">[ close ]</a></div>
  595.  
  596. <h1>Connections</h1>
  597.  
  598. <img src="https://i.imgur.com/AfNN86r.gif" style="margin-top:5px; margin-right:5px;" align="right">
  599.  
  600. <div style="margin:5px 0px 0px 10px; width:198px; height:88%; text-align:justify; overflow:none; float:right; padding:1px; font-weight:normal; overflow:auto;">
  601.  
  602. <a class="first" href="/1767744">entitys playground</a>
  603. <a class="first" href="/1973069">robin buckley</a>
  604. <a class="first" href="/1855784">nancy wheeler</a>
  605. <a class="first" href="/1605419">cindy berman</a>
  606. <a class="first" href="/1865670">eddie munson</a>
  607. <a class="first" href="/1847339">carmina mora</a>
  608. <a class="first" href="/1949970">max mayfield</a>
  609. <a class="first" href="/1767737">steve harrington</a>
  610. <a class="first" href="/1803551">michael myers</a>
  611. <a class="first" href="/1779902">erin hardesty</a>
  612. <a class="first" href="/">connection</a>
  613. <a class="first" href="/">connection</a>
  614. <a class="first" href="/">connection</a>
  615. <a class="first" href="/">connection</a>
  616. <a class="first" href="/">connection</a>
  617. <a class="first" href="/">connection</a>
  618. <a class="first" href="/">connection</a>
  619. <a class="first" href="/">connection</a>
  620. <a class="first" href="/">connection</a>
  621.  
  622. </div>
  623.  
  624. </div></div>
Advertisement
Add Comment
Please, Sign In to add comment