View difference between Paste ID: m8xmECR1 and 30SUd7Mb
SHOW: | | - or go back to the newest paste.
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>