Advertisement
xpdonnax

Yelena - FOR ROYALBITCH

Jul 23rd, 2021
28
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 36.18 KB | None | 0 0
  1. ABOUT ME:
  2.  
  3. <style type="text/css">
  4.  
  5. .xpdonnax { Created using MyGen 2.5 by * - - P R I M A D O N N A - - * @ /hightimes }
  6.  
  7. .xpdonnax { BACKGROUND&CURSOR  P R O P E R T I E S }
  8. body {
  9. background:url('https://i.imgur.com/eTiq5DA.png') #000;
  10. background-position:bottom center;
  11. background-attachment:fixed;
  12. background-repeat:no-repeat;
  13. background-size:100%;
  14. overflow-x:hidden;}
  15.  
  16. body, .bodycontent, a:hover, .tab label, .tab1 label, marquee, div {cursor: url(https://i.imgur.com/UWTixfY.gif), url(https://i.imgur.com/UWTixfY.gif), progress !important;}
  17.  
  18. .xpdonnax { SCROLLBAR  P R O P E R T I E S }
  19. ::-webkit-scrollbar-thumb:vertical { background-color:#362418; border:2px solid #000; }  
  20. ::-webkit-scrollbar-thumb:horizontal { background-color:#362418; border:2px solid #000; }
  21.  
  22. ::-webkit-scrollbar {
  23. width:7px;
  24. height:7px;
  25. margin:0px;
  26. border:3px solid #000;
  27. background-color:#fff; }
  28.  
  29. ::-webkit-scrollbar-thumb:hover { background:#142728; }
  30.  
  31. ::selection { background:#270002; }
  32. ::-moz-selection { background:#270002; }
  33. ::-webkit-selection { background:#270002; }
  34.  
  35.  
  36. .xpdonnax { TABLE  P R O P E R T I E S }
  37. td.text table {position:relative; top:-7px; }
  38. td.text table table {position:static;}
  39. #profileV1main { padding-top:700px!important; padding-right:50px; }
  40. table { top:0px; position:relative; direction:rtl; margin-bottom:-4px; }
  41. table, tr, td { background-color:transparent; border:none; border-width:0; }
  42. table table, table table table table { border:0px; }
  43. table table table table td { width:0px; }
  44. table table table td { border:0px; margin:0px 0px -20px 0px; padding:0px;}
  45. table table br { display:none; margin:0px; padding:0px;}
  46. table table table br { display:block; margin:0px; padding:0px;}
  47. table table table table { margin:0px; padding:0px; }
  48. table table table {
  49. background-color:#000;
  50. padding:10px;
  51. margin-top:6px;
  52. margin-left:-13px;
  53. direction:ltr; }
  54.  
  55. .xpdonnax { REGULARTEXT  P R O P E R T I E S }
  56. a:active, a:visited, a:link {
  57. color:#babba1;
  58. font-family:calibri;
  59. font-size:8px;
  60. padding:2px;
  61. font-weight:lighter;
  62. letter-spacing:4px;
  63. text-transform:uppercase;
  64. text-decoration:none;
  65. -webkit-transition: all 0.3s ease-out;
  66. -moz-transition: all 0.3s ease-out;
  67. transition: all 0.3s ease-out;}
  68.  
  69. a:hover {color:#5c696a;}
  70.  
  71. .xpdonnax { NAVIGATIONLINK  P R O P E R T I E S }
  72. a.first, a.first:link, a.first:active, a.first:visited {
  73. display:inline-block;
  74. font-style:italic;
  75. letter-spacing:-1px;
  76. text-transform:lowercase;
  77. background:#000000;
  78. font-size:26px;
  79. font-family:arial;
  80. font-weight:bold;
  81. color:#142728;
  82. float:left;
  83. width:135.25px;
  84. height:60px;
  85. padding:0px;
  86. margin-left:2px;
  87. line-height:47px;}
  88.  
  89. a.first:hover {
  90. color:#362418; }
  91.  
  92. [data-bop]:after {
  93. content: attr(data-bop);
  94. left:0px;
  95. bottom:10px;
  96. z-index:100;    
  97. padding:0px;
  98. margin:0px;
  99. width:90px;
  100. height:7px;
  101. display:block;
  102. color:#999999!important;
  103. position:relative;
  104. font-family:arial;
  105. font-weight:lighter;
  106. text-align:center!important;
  107. font-size:7px;
  108. line-height:7px;
  109. letter-spacing:1.5px;
  110. font-style:normal;
  111. text-transform: uppercase;}
  112.  
  113. .xpdonnax { MEMBERSLINK  P R O P E R T I E S }
  114. a.second, a.second:link, a.second:active, a.second:visited {
  115. font-family:arial narrow;
  116. font-size:24px;
  117. line-height:14px;
  118. display:inline-block;
  119. font-weight:bold;
  120. letter-spacing:-1.5px;
  121. font-style:italic;
  122. text-transform:uppercase;
  123. text-align:center;
  124. color:#142728;
  125. width:247px;
  126. height:40px;
  127. float:left;
  128. border:1px solid #362418!important;
  129. margin:0px;
  130. padding:18px 0px 0px 0px;
  131. -webkit-transition: all 0.3s ease-out;
  132. -moz-transition: all 0.3s ease-out;
  133. transition: all 0.3s ease-out;}
  134.  
  135. a.second:hover { color:#362418; border:1px solid #142728!important; }
  136.  
  137. .xpdonnax { CONNECTIONLINK  P R O P E R T I E S }
  138. a.third, a.third:link, a.third:active, a.third:visited {
  139. font-family:courier new;
  140. font-size:11px;
  141. line-height:16px;
  142. float:left;
  143. width:98%;
  144. height:16px;
  145. display:block;
  146. font-weight:lighter;
  147. letter-spacing:1px;
  148. color:#f1f1f1;
  149. text-transform:lowercase;
  150. background-color:#142728;
  151. text-align:center;
  152. margin:0px 0px 2px 0px;
  153. padding-top:4px;
  154. -webkit-transition: all 0.6s ease;
  155. -moz-transition: all 0.6s ease;
  156. transition: all 0.6s ease;}
  157.  
  158. a.third:hover { letter-spacing:3px; background:#362418; }
  159.  
  160. a span.ht, a:hover span.prima { display: inline; }
  161. a:hover span.ht, a span.prima { display: none; }
  162. a:hover { visibility:visible; }
  163.  
  164. .xpdonnax { MAINTEXT  P R O P E R T I E S }
  165. .text, table, tr, td, li, p, div {
  166. font-family:arial;
  167. color:#6a635d;
  168. font-size:10px;
  169. text-transform:none;
  170. font-weight:lighter;
  171. line-height:140%;
  172. letter-spacing:1px;}
  173.  
  174. .xpdonnax { TEXTSTYLE  P R O P E R T I E S }
  175.  
  176. I {
  177. color:#f1f1f1;
  178. font-family:times;
  179. font-size:11px;
  180. letter-spacing:0px;}
  181.  
  182. Strong {
  183. font-family:arial;
  184. font-size:8px;
  185. color:#f1f1f1;
  186. text-shadow:1px 1px 0px #000;
  187. border-left: 12px solid #142728;
  188. text-transform:uppercase;
  189. font-weight:lighter;
  190. padding:2px 1px 1px 3px;
  191. letter-spacing:2px;}
  192.  
  193. B {
  194. font-family:arial;
  195. font-size:8px;
  196. color:#f1f1f1;
  197. text-shadow:1px 1px 0px #000;
  198. border-left: 12px solid #362418;
  199. text-transform:uppercase;
  200. font-weight:lighter;
  201. padding:2px 1px 1px 3px;
  202. letter-spacing:2px;}
  203.  
  204. U {
  205. font-size:8px;
  206. color:#f1f1f1;
  207. letter-spacing:2px;
  208. border-bottom:1px solid #551511; }
  209.  
  210. tt {    
  211. font-size:9px;
  212. font-family:arial;    
  213. color:#fff;    
  214. font-weight:lighter;
  215. letter-spacing: 2px;    
  216. text-transform:uppercase;}  
  217.  
  218. big {
  219. font-size: 14px;
  220. font-family: arial;
  221. text-transform: lowercase;
  222. font-style:italic;
  223. color:#fff;
  224. letter-spacing: 3px;
  225. border-bottom:1px solid #362418;}
  226.  
  227. small {
  228. font-size:9px;
  229. font-family: cambria;
  230. text-transform: lowercase;
  231. color:#f1f1f1;
  232. letter-spacing:2px;}
  233.  
  234. blockquote {
  235. margin:0px;
  236. color:#5b6067;
  237. text-align:center;
  238. font-family:arial;
  239. font-size:18px;
  240. font-weight:bold;
  241. font-style:italic;
  242. text-transform:uppercase;
  243. letter-spacing:-1px;}
  244.  
  245. .xpdonnax { HEADER  P R O P E R T I E S }
  246. h1{
  247. margin:0px;
  248. font-family:arial;
  249. color:#362418;
  250. font-size:36px;
  251. font-weight:lighter;
  252. text-transform:lowercase;
  253. text-align:left;
  254. letter-spacing:-5px;
  255. padding:0px;
  256. line-height:30px;}
  257.  
  258. h2{
  259. color:#f1f1f1;
  260. letter-spacing:3px;
  261. text-transform:uppercase;
  262. font-family:times;
  263. font-weight:lighter;
  264. font-size:13px;
  265. line-height:12px;
  266. text-align:left;
  267. height:12px;
  268. padding:0px;
  269. margin:0px;}
  270.  
  271. h3{
  272. width:100%;
  273. float:left;
  274. height:13px;
  275. color:#f1f1f1;
  276. text-align:center;
  277. font-size:12px;
  278. line-height:11px;
  279. font-weight:lighter;
  280. letter-spacing:2px;
  281. margin:5px 0px 5px 0px;
  282. border-bottom:1px solid #362418!important;}
  283.  
  284. h4{
  285. color:#8c6952;
  286. font-family:georgia;
  287. font-size:50px;
  288. line-height:50px;
  289. text-align:right;
  290. font-weight:lighter;
  291. height:50px;
  292. padding:0px;
  293. margin:0px;
  294. text-transform:lowercase;
  295. letter-spacing:-5px;}
  296.  
  297. h5{
  298. color:#142728;
  299. font-size: 29px;
  300. font-family: times;
  301. font-weight:bold;
  302. font-style:italic;
  303. text-align:left;
  304. text-transform:lowercase;
  305. margin:5px 0px 0px 0px;
  306. padding:4px 6px 0px 6px;
  307. line-height:12px;
  308. letter-spacing:-1.5px;}
  309.  
  310. h6{
  311. color:#0b5a52;
  312. font-family:arial;
  313. font-size:8px;
  314. text-align:right;
  315. margin:6px 0px 0px 0px;
  316. padding:0px 0px 5px 5px;
  317. text-transform:uppercase;
  318. letter-spacing:3.5px;
  319. line-height:10px;}
  320.  
  321. .xpdonnax { SPANCLASS  P R O P E R T I E S }
  322.  
  323. .quoter {
  324. color:#5b6067;
  325. font-size:28px;
  326. line-height:30px;
  327. font-style:normal;}
  328.  
  329. .supbitch {
  330. color:#f1f1f1;
  331. font-size:22px;
  332. font-weight:bold;
  333. font-style:italic;
  334. padding:13px 10px 11px 10px;
  335. margin:0px 7px 0px 0px;
  336. background-color:#142728;
  337. position:relative;
  338. float:left; }
  339.  
  340. .enhance {
  341. color:#551511;
  342. font-family:times;
  343. font-style:italic;
  344. letter-spacing:0px; }
  345.  
  346. .strange, a span.strange, a:hover span.strange {
  347. color:#f1f1f1;
  348. font-size:11px;
  349. letter-spacing:2px;
  350. font-family:times;
  351. font-weight:bold;
  352. font-style:italic;
  353. text-transform:lowercase; }
  354.  
  355. .things {
  356. color:#362418;
  357. font-weight:bold;
  358. letter-spacing:1.5px; }
  359.  
  360. .extraaf{
  361. color:#142728;
  362. font-size:27px;
  363. letter-spacing:-2.5px;
  364. font-family:georgia;
  365. text-transform:lowercase;}
  366.  
  367. .xpdonnax { DIVBOX  P R O P E R T I E S }
  368.  
  369. .navo {
  370. top:-62px;
  371. left:-2px;
  372. width:825px;
  373. height:60px;
  374. position:absolute;}
  375.  
  376. .banner {
  377. top:-584px;
  378. left:0px;
  379. margin:0px;
  380. padding:10px;
  381. width:802px;
  382. height:500px;
  383. overflow:hidden;
  384. background:#000000;
  385. position:absolute !important;}
  386.  
  387. .quote {
  388. top: 170px;
  389. left: 50%;
  390. margin-right: -50%;
  391. transform: translate(-50%, 0%);
  392. overflow:auto;
  393. width:500px;
  394. height:60px;
  395. margin:0px;
  396. position:absolute;}
  397.  
  398. .quotey {
  399. top: 45px;
  400. left: 50%;
  401. margin-right: -50%;
  402. transform: translate(-50%, 0%);
  403. overflow:auto;
  404. width:500px;
  405. height:60px;
  406. margin:0px;
  407. position:absolute;}
  408.  
  409. .xpdonnax { TABS - BIOGRAPHY  P R O P E R T I E S }
  410.  
  411. .tabs{
  412. z-index:99;
  413. position:absolute;
  414. top:25px;
  415. left:232px;
  416. display:block;
  417. width:355px;
  418. height:106px;}
  419.  
  420. .tab label {
  421. color:#f1f1f1;
  422. border-bottom:1px solid #142728;
  423. font-family:times;
  424. font-style:italic;
  425. font-size:11px;
  426. font-weight:lighter;
  427. text-transform:uppercase;
  428. padding: 4px 10px 6px 10px;
  429. margin: 0px!important;
  430. position: relative;
  431. top:118px;
  432. left:0px;}
  433.  
  434. .tab { float:left; }
  435.  
  436. .tab [type=radio] { display: none; }
  437.  
  438. .content {
  439. position:absolute;
  440. top:0px;
  441. left: 0;
  442. overflow:auto;
  443. background: #000;
  444. padding:5px;
  445. height:96px;
  446. width:345px;
  447. text-align:justify;
  448. display:inline-block;
  449. margin-bottom:11px;
  450. -webkit-transition:all 0.6s ease;
  451. -moz-transition:all 0.6s ease;
  452. transition:all 0.6s ease;}
  453.  
  454. .content > * {
  455. opacity: 0;
  456. -webkit-transform:translate3d(0, 0, 0);
  457. -webkit-transform:translateX(-100%);
  458. -moz-transform:translateX(-100%);
  459. transform:translateX(-100%);
  460. -webkit-transition:all 0.6s ease;
  461. -moz-transition:all 0.6s ease;
  462. transition:all 0.6s ease;}
  463.  
  464. [type=radio]:checked ~ label {
  465. border-bottom:1px solid #362418;
  466. z-index: 2;}
  467.  
  468. [type=radio]:checked ~ label ~ .content { z-index: 1; }
  469.  
  470. [type=radio]:checked ~ label ~ .content > * {
  471. opacity:1;
  472. -webkit-transform:translateX(0);
  473. -moz-transform:translateX(0);
  474. transform:translateX(0);}
  475.  
  476. .xpdonnax { MUSIC  P R O P E R T I E S }
  477. .music {
  478. bottom:30px;
  479. left:15px;
  480. width:150px;
  481. height:92px;
  482. z-index:2;
  483. position:fixed;
  484. line-height:21px;
  485. -webkit-transition: all 0.6s linear;
  486. -moz-transition: all 0.6s linear;
  487. transition: all 0.6s linear;}
  488.  
  489. .music:hover {
  490. line-height:33px;
  491. width:220px;
  492. height:135px;}
  493.  
  494. .music:hover .ghost {
  495. -webkit-transition: all 0.6s linear;
  496. -moz-transition: all 0.6s linear;
  497. transition: all 0.6s linear;
  498. padding:2% 0px 0px 2%;}
  499.  
  500. .ghost {
  501. width:17%;
  502. height:27.5%;
  503. z-index:99;
  504. opacity:0.8;
  505. overflow:hidden;
  506. background:#fff;
  507. position:absolute;
  508. padding:0%;
  509. transform: scale(0.8);
  510. filter: invert(1);
  511. -webkit-transition: all 0.6s linear;
  512. -moz-transition: all 0.6s linear;
  513. transition: all 0.6s linear;
  514. top:30%;
  515. left:1%; }
  516.  
  517. .player {
  518. margin-left:-10px;
  519. margin-top:-11px;  }
  520.  
  521. .xpdonnax { CREDITLINK  P R O P E R T I E S }
  522. a.hightimes, a.hightimes:link, a.hightimes:active, a.hightimes:visited {
  523. font-size:20px;
  524. font-family:sans serif;
  525. display:block;
  526. line-height:25px;
  527. padding:0px 0px 0px 1px;
  528. text-align:center;
  529. margin:0px;
  530. width:25px;
  531. height:25px;
  532. text-transform:uppercase;
  533. color:#234b41;
  534. background: #000000!important;
  535. -webkit-transition: all 0.6s linear;
  536. -moz-transition: all 0.6s linear;
  537. transition: all 0.6s linear;}
  538.  
  539. .credit {
  540. top:7px;
  541. left:7px;
  542. width:25px;
  543. height:25px;
  544. text-align:center;
  545. overflow:hidden;
  546. position:fixed;}
  547.  
  548. .xpdonnax { HIDECODE  P R O P E R T I E S }
  549. .profileInfo { display:none; }
  550. .clearfix { display: none; }
  551. .lightbluetext8 { display:none; }
  552. .contacttable { display:none; }
  553. .whitetext12 { display:none; }
  554. .interestsanddetails { display:none; }
  555. .userProfiledetail { display:none; }
  556. .friendSpace { display:none; }
  557. .friendsComments { display:none; }
  558. .latestBlogEntry { display:none; }
  559. .orangetext15 { display:none; }
  560. .userProfileURL { display:none; }
  561. .extendedNetwork { display:none; }
  562. .blurbs { display:none; }
  563. .userAlbums { display:none; }
  564. #footerWarpper{ display:none; }
  565. </style>
  566.  
  567.  
  568.  
  569.  
  570.  
  571.  
  572.  
  573.  
  574.  
  575.  
  576.  
  577.  
  578.  
  579.  
  580.  
  581.  
  582.  
  583.  
  584.  
  585.  
  586.  
  587.  
  588.  
  589.  
  590.  
  591.  
  592.  
  593.  
  594.  
  595.  
  596.  
  597.  
  598.  
  599.  
  600. LIKE TO MEET:
  601.  
  602.  
  603. </table>
  604. </td>
  605. </tr>
  606. </table>
  607. <br />
  608. <table cellspacing="0" cellpadding="0" width="800">
  609. <td>
  610. <table cellspacing="0" cellpadding="0" width="800">
  611. <td valign="top" align="center" width="800">
  612.  
  613. <div class="credit"><a href="/hightimes" class="hightimes">©</a></div>
  614.  
  615. <!-- NAVIGATION LINKS -->
  616.  
  617. <div class="navo">
  618. <a href="/home.php" class="first" data-bop="take your leave">return</a>
  619. <a href="/send_message.php?member_id=FRIENDID" class="first" data-bop="chat privately">mssg</a>
  620. <a href="/add_comment.php?member_id=FRIENDID" class="first" data-bop="roleplay">cmmt</a>
  621. <a href="/gallery.php?member_id=FRIENDID" class="first" data-bop="take a gander">gallery</a>
  622. <a href="/view_blog.php?id=BLOGID" class="first" data-bop="& more">extra</a>
  623. <a href="/view_blog.php?id=BLOGID" class="first" data-bop="& more">extra</a>
  624. </div>
  625.  
  626. <!-- TOP BANNER -->
  627.  
  628. <div class="banner"><img style="width:800px; height:500px;" src="https://i.imgur.com/w5IGF11.png">
  629. </div>
  630.  
  631.  
  632.  
  633. <div style="position:relative; float:left; width:200px; height:300px; margin-right:10px;">
  634.  
  635. <h2 style="margin-bottom:10px;"><font style="color:#362418; font-weight:bold; letter-spacing:-3px; font-style:normal;">———</font> STATISTICS</h2>
  636.  
  637. <div style="overflow:auto; text-align:justify; width:190px; height:150px; margin-bottom:10px; padding:5px;">
  638.  
  639. <!-- BASIC INFORMATION -->
  640.  
  641. <B>Full Name</B><br>
  642. Yelena Belova<br><br>
  643. <Strong>Born</Strong><br>
  644. -<br><br>
  645. <B>Residence</B><br>
  646. -<br><br>
  647. <Strong>Height</Strong><br>
  648. -<br><br>
  649. <B>Eye | Hair Color</B><br>
  650. - | -<br><br>
  651. <Strong>Occupation(s)</Strong><br>
  652. -<br><br>
  653. <B>Family Members</B><br>
  654. - <i>(father)</i><br>
  655. - <i>(mother)</i><br>
  656.  
  657. </div>
  658.  
  659. <img src="https://i.imgur.com/7LW0q5c.gif" style="width:200px; height:108px;">
  660.  
  661. </div>
  662.  
  663. <div class="tabs">
  664.  
  665. <div class="tab">
  666. <input type="radio" id="tab-1" name="tab-group-1" checked>
  667. <label for="tab-1">i</label>
  668.  
  669. <!-- SEASON TWO // FIRST BOX -->
  670.  
  671. <div class="content"><h1>season two</h1><i>"That's how you do it Hawkins, that's how you do it!"</i><br>
  672. <span class="supbitch">L</span>orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  673. <br><br>
  674. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  675. <br><br>
  676. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  677. </div>
  678. </div>
  679.  
  680. <div class="tab">
  681. <input type="radio" id="tab-2" name="tab-group-1">
  682. <label for="tab-2">ii</label>
  683.  
  684. <!-- SEASON THREE // SECOND BOX -->
  685.  
  686. <div class="content"><h1>season three</h1><i>"Let me outta here, you bi<no>tch! I'll fu<no>cking gut you!"</i><br>
  687. <span class="supbitch">L</span>orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  688. <br><br>
  689. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  690. <br><br>
  691. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  692. </div>
  693. </div>
  694.  
  695. <div class="tab">
  696. <input type="radio" id="tab-3" name="tab-group-1">
  697. <label for="tab-3">iii</label>
  698.  
  699. <!-- EXTRA // THIRD BOX -->
  700.  
  701. <div class="content"><h1>extra box</h1>
  702. <span class="supbitch">L</span>orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  703.  
  704. </div>
  705. </div>
  706.  
  707. <div class="tab">
  708. <input type="radio" id="tab-4" name="tab-group-1">
  709. <label for="tab-4">iv</label>
  710.  
  711. <!-- EXTRA // THIRD BOX -->
  712.  
  713. <div class="content"><h1>extra box</h1>
  714. <span class="supbitch">L</span>orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  715.  
  716. </div>
  717. </div>
  718.  
  719. </div>
  720.  
  721.  
  722. <div style="position:relative; z-index:0; float:left; background:url('https://i.imgur.com/QUOEKRy.gif'); width:380px; height:163px; margin-top:135px; margin-right:10px;"></div>
  723.  
  724. <div style="position:relative; float:left; width:200px; height:300px;">
  725.  
  726. <img src="https://i.imgur.com/MzqSnPW.gif" style="width:200px; height:108px; margin-bottom:10px;">
  727.  
  728. <h2 style="margin-bottom:10px;"><font style="color:#362418; font-weight:bold; letter-spacing:-3px; font-style:normal;">———</font> PERSONALITY</h2>
  729.  
  730. <div style="overflow:auto; text-align:justify; width:190px; height:150px; padding:5px;">
  731.  
  732. <!-- PERSONALITY -->
  733.  
  734. <span class="supbitch">L</span>orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  735. <br><br>
  736.  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  737. <br><br>
  738.  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  739. <br><br>
  740.  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  741. </div>
  742.  
  743. </div>
  744.  
  745.  
  746.  
  747.  
  748. </table>
  749. </td>
  750. </tr>
  751. </table>
  752. <br />
  753. <table cellspacing="0" cellpadding="0" width="800">
  754. <td>
  755. <table cellspacing="0" cellpadding="0" width="800">
  756. <td valign="top" align="center" width="800">
  757.  
  758. <!-- QUOTE WITH GRAPHIC BANNER -->
  759.  
  760. <blockquote><span class="quoter"></span>You <span class="things">disobeyed me</span> and you know what happens <span class="extraaf">when you disobey me.</span><span class="quoter"></span></blockquote>
  761.  
  762. <img src="https://i.imgur.com/cEbrpPz.png" style="margin-top:10px; width:800px; height:300px;">
  763.  
  764.  
  765.  
  766. </table>
  767. </td>
  768. </tr>
  769. </table>
  770. <br />
  771. <table cellspacing="0" cellpadding="0" width="800">
  772. <td>
  773. <table cellspacing="0" cellpadding="0" width="800">
  774. <td valign="top" align="justify" width="800">
  775.  
  776. <!-- LOVE SECTION -->
  777.  
  778. <img src="https://i.imgur.com/ls4rtXI.png" style="float:left; width:320px; height:160px; margin-right:10px; padding-left:10px; border-left:25px solid #142728;">
  779.  
  780. <div style="position:relative; float:left; width:242px; height:150px; margin-right:10px;">
  781. <a href="" class="second">display<br><span class="strange">name</span></a>
  782. <div style="overflow:auto; width:242px; height:93px; padding:5px;"><h1>love status</h1>
  783. <B>status</B> single af<br>
  784. <Strong>since</Strong> 00/00/0000<br>
  785. <B>Sexual Orientation</B> Homosexual<br>
  786. <Strong>Love Song(s)</Strong> Song Title - Artist<br>
  787. <B>Comments</B> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  788. </div>
  789. </div>
  790.  
  791. <div style="float:right; overflow:auto; width:173px; height:150px; padding:5px;"><h2 style="margin-bottom:10px;"><font style="color:#362418; font-weight:bold; letter-spacing:-3px; font-style:normal;">———</font> COMMENTS</h2>
  792. <span class="supbitch">L</span>orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  793. </div>
  794.  
  795. </table>
  796. </td>
  797. </tr>
  798. </table>
  799. <br />
  800. <table cellspacing="0" cellpadding="0" width="800">
  801. <td>
  802. <table cellspacing="0" cellpadding="0" width="800">
  803. <td valign="top" align="center" width="800">
  804.  
  805. <!-- CONNECTION LINKS -->
  806.  
  807. <div style="position:relative; float:left; width:250px; height:205px; margin-right:10px;">
  808.  
  809. <h2 style="margin-bottom:10px;"><font style="color:#362418; font-weight:bold; letter-spacing:-3px; font-style:normal;">———</font> CONNECTIONS</h2>
  810.  
  811. <div style="overflow:auto; text-align:justify; height:185px; padding:5px;">
  812.  
  813. <a href="/FRIENDID" class="third"><span class="ht">character name</span> <span class="prima">display name</span></a>
  814. <a href="/FRIENDID" class="third"><span class="ht">character name</span> <span class="prima">display name</span></a>
  815. <a href="/FRIENDID" class="third"><span class="ht">character name</span> <span class="prima">display name</span></a>
  816. <a href="/FRIENDID" class="third"><span class="ht">character name</span> <span class="prima">display name</span></a>
  817. <a href="/FRIENDID" class="third"><span class="ht">character name</span> <span class="prima">display name</span></a>
  818. <a href="/FRIENDID" class="third"><span class="ht">character name</span> <span class="prima">display name</span></a>
  819. <a href="/FRIENDID" class="third"><span class="ht">character name</span> <span class="prima">display name</span></a>
  820. <a href="/FRIENDID" class="third"><span class="ht">character name</span> <span class="prima">display name</span></a>
  821. <a href="/FRIENDID" class="third"><span class="ht">character name</span> <span class="prima">display name</span></a>
  822. <a href="/FRIENDID" class="third"><span class="ht">character name</span> <span class="prima">display name</span></a>
  823. <a href="/FRIENDID" class="third"><span class="ht">character name</span> <span class="prima">display name</span></a>
  824. <a href="/FRIENDID" class="third"><span class="ht">character name</span> <span class="prima">display name</span></a>
  825. <a href="/FRIENDID" class="third"><span class="ht">character name</span> <span class="prima">display name</span></a>
  826. <a href="/FRIENDID" class="third"><span class="ht">character name</span> <span class="prima">display name</span></a>
  827. <a href="/FRIENDID" class="third"><span class="ht">character name</span> <span class="prima">display name</span></a>
  828.  
  829. </div>
  830.  
  831. </div>
  832.  
  833. <div style="position:relative; float:left; width:538px; height:205px;">
  834.  
  835. <h1>main connections</h1>
  836.  
  837. <div style="overflow:auto; text-align:justify; width:528px; height:185px; padding:5px;">
  838.  
  839. <!-- MAIN CONNECTIONS INFO WITH ICONS -->
  840.  
  841. <img src="https://i.imgur.com/8J8IsZj.gif" style="float:left; margin:0px 10px 5px 0px; width:118px; height:118px;">
  842. <big>Natasha Romanova</big><br><br>
  843. <i>"I'm looking for my step sister. Small, Redhead, bit of a bitch."</i><br>
  844. <span class="supbitch">M</span>ax and Billy are stepsiblings, sharing a complicated history and difficult relationship. Billy would often treat Max in a controlling, domineering fashion. Billy also does not like when people refer to Max as his sister, which amplifies his contempt for her. It was later revealed that Billy despises Max because he blames her and her mother for his own mother's departure after she and his dad divorced. After sacrificing himself to save Eleven and eventually Max and the rest of her friends from the Mind Flayer, Billy apologized to Max for abusing her as his stepsister sat by his side as he died. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  845. <br><br>
  846. <img src="" style="float:right; margin:0px 0px 5px 10px; width:118px; height:118px;"> <big>Character Name</big><br><br>
  847. <i>"quote here."</i><br> <span class="supbitch">L</span>orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  848. <br><br>
  849. <img src="" style="float:left; margin:0px 10px 5px 0px; width:118px; height:118px;"> <big>Character Name</big><br><br>
  850. <i>"quote here."</i><br> <span class="supbitch">L</span>orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  851. </div>
  852.  
  853. </div>
  854.  
  855.  
  856.  
  857. </table>
  858. </td>
  859. </tr>
  860. </table>
  861. <br />
  862. <table cellspacing="0" cellpadding="0" width="800">
  863. <td>
  864. <table cellspacing="0" cellpadding="0" width="800">
  865. <td valign="top" align="center" width="800">
  866.  
  867. <!-- BOTTOM QUOTE -->
  868.  
  869. <blockquote><span class="quoter"></span><span class="extraaf">i didn't mean to.</span> he made me do it. <span class="things">please, believe me.</span><span class="quoter"></span></blockquote>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement