View difference between Paste ID: sLUMCFcH and 4Qa4TrQQ
SHOW: | | - or go back to the newest paste.
1
       				        !!!!!!!!!!!!Read It!!!!!!!!!!!!
2
 
3
                                                (⊙.⊙(☉_☉)⊙.⊙)
4
 
5
CAN'T EMPHASIZE THIS ENOUGH:  There are div ids/classes, tables (table, tr, td) and img classes in this layout.  Be VERY, VERY, VERY careful not to drop off any of the coding.   
6
7
............................
8
 
9
IMAGES
10
11
This layout will code image sizes for you.  For the sake of simplicity you may make all photos 250px width by 250px height EXCEPT the 'default' photo in Like to Meet and the 'banner' size photo in Music. The tall 'default' image is 350px width by 500px height.  The 'banner' (Vicbox) image in Music is 500px width by 300px height.
12
13
If you elect to keep the color scheme for pics, the psd is here:
14
https://drive.google.com/file/d/0B79YHAkeE7SuejREWlRIbFllX3M
15
16
 ............................
17
   
18
MUSIC PLAYER
19
 
20
REPLACE MY MUSIC PLAYER WITH YOUR OWN.  
21
22
Read the cited note under the music player for additional instructions.
23
 
24
............................
25
 
26
27
FOR ROLEPLAYER.ME USERS:
28
 
29
For the below text font classes and all of the headers (1, 2, 3, etc) and lyrics, please note the following:  
30
I code for ALL sites.  Not every website will allow headers to be placed as <h1>Header 1</h1>.  For that reason, I turn them into font classes with a period in front (.h1) in About Me and script them in the tables as I have done below.  
31
 
32
<font class="h1">Header 1</font>
33
 
34
If you are on a website like RPer.me that allows regular header, underline, strong, etc coding, you can just use regular header coding for all of the header, lyric, special text labels like so:
35
<h1>Header</h1> <strike>Strike</strike> etc..
36
 
37
OR just leave them as they are.  They will work for you either way.  
38
39
40
///////////////////////////////////////////////////
41
 
42
 
43
 
44
                        Don't forget to replace the XXXXX with your friend ID number.
45
 
46
                                                     (>‿◠)✌
47
 
48
 
49
                *****************************SAVE YOUR WORK AS YOU GO.*******************************
50
                                
51
 
52
DO NOT REMOVE THE .VICARIOUS MARKERS FROM ANY VICARIOUS LAYOUT.  
53
 
54
-----------------------------ABOUT ME--------------------------------- 
55-
<style type="text/css"> 
55+
56
 <style type="text/css"> 
57
@import url(http://fonts.googleapis.com/css?family=Raleway:400,900|Playfair+Display+SC|Marck+Script|Oswald|Dynalight|Roboto+Condensed:400,700);
58
 
59
/* - -DO NOT PUT ANYTHING ABOVE THE @import LINE ABOVE - - */  
60
/* - -DO NOT REARRANGE MY CODING!! ORDER IS IMPORTANT! - - */ 
61
62
.vicarious { Structure }
63
64-
background-color: dbc2c2; 
64+
65-
background-image:url( );
65+
background-color: 3f3737; 
66
background-image:url(http://i59.tinypic.com/2wnnr6c.jpg);
67
background-repeat:repeat;
68
background-attachment:fixed;
69
background-position:center center;
70
}  
71
72
.vicarious{ Google Chrome Scrollbar }
73
74-
::-webkit-scrollbar-track {border: 1px solid #000000;
74+
75
::-webkit-scrollbar-track {border: 1px solid #171515;
76-
::-webkit-scrollbar-thumb {border: 4px double #000000;background-color:ffffff;-webkit-border-radius: 90px;-moz-border-radius: 90px;border-radius: 90px;}
76+
77
::-webkit-scrollbar-thumb {border: 4px double #171515;background-color:ffffff;-webkit-border-radius: 90px;-moz-border-radius: 90px;border-radius: 90px;}
78
79
.vicarious {Tables }
80
81
table, tr, td {background-color:transparent;}
82
83
.viclike2meet_table, .vicinterests_table  {
84
visibility:visible;
85
z-index:2;
86
position:absolute;
87
top:0%;
88
left:50%;
89
border:0px solid;  
90
margin-top:190px;  
91
height:auto;
92
overflow:hidden;
93
display:inline-block;
94
background-color:transparent;
95
} 
96
97
.viclike2meet_table {  width:350px;height:auto;margin-left:-335px; }
98
.viclike2meet_table tr { margin:0px;  }
99
.viclike2meet_table td { margin:0px; max-width:350px; overflow:hidden;   }
100
 
101
.vicinterests_table{ width:500px; height:auto;margin-left:20px;}
102
.vicinterests_table tr { margin:0px; }
103
.vicinterests_table td { margin:0px; max-width:500px; overflow:hidden;  }  
104
   
105
.vicbooks_table{ 
106
visibility:visible;
107
z-index:5;
108
position:fixed;
109
top:0%;
110
left:0%;
111
overflow:none; 
112
width:110%;  
113
height:230px;
114
margin-top:-10px;
115
margin-left:-10px;
116
}
117
118
.vicbooks_table tr { margin:0px; }
119
.vicbooks_table td { margin:0px; overflow:none; width:110%;  }  
120
121
.vic_table {
122
padding:0px;
123
margin:0px;
124
width:100%;
125
margin-bottom:4px;
126-
background-color:e6e6e6;
126+
127
background-color:dddddd;
128
border-collapse: collapse; /* 'cellspacing' equivalent */
129
overflow:hidden;
130
}
131
 
132
.vic_table tr { margin:0px; }
133
.vic_table td { margin:0px; width:100%; text-align:center; padding: 0; /* 'cellpadding' equivalent */ }   
134
 
135
 
136
.vicarious { text }
137
138
table, tr, td, li, p, div, .text, .btext, a, b, i { 
139
font-family:tahoma; 
140
font-size:7pt; 
141
line-height:100%; 
142
color: 4e4e4e;
143
padding:0px;
144
margin:0px;
145
text-decoration:none;
146
text-transform:none;
147
}
148
149
p {text-align:justify; margin-top: 5px;text-indent:10px; }
150
p:first-line {  }
151
p:first-letter { font-size: 9pt; }
152
 
153
  
154
  
155
b { 
156
font-size:8pt;
157-
color: 000000;
157+
158
font-family: 'Roboto Condensed', sans-serif;
159
color: 4a2727;
160
}  
161
162
i { 
163
font-size:10pt;
164
color: 424242;
165
font-family: 'Dynalight', cursive;
166
}
167
168
.u, u {
169
color: 202020;
170
text-decoration:underline;
171
}
172-
color: 4e4e4e ;
172+
173
.strike, strike {
174
color: 4a2727;
175
text-decoration:line-through;
176
letter-spacing:1pt;
177
}
178
179
.strong, strong {
180
font-family:courier new;  
181
font-size: 9pt;
182
text-transform:uppercase; 
183
color: 454545;   
184
font-weight:900;
185
} 
186
187
em {
188-
color: 4b4b4b;
188+
189
font-size:11pt;
190
color: 402222;
191
}
192
193
.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6, .h7, h7, .h8, h8, .h9, h9, .h10, h10, .h11, h11, .h12, h12, .one, one, .two, two, .three, three, small, big { 
194
padding:0px;
195
margin:0px; 
196
overflow:hidden;
197
display:block;
198
}  
199
200
.h1, h1 {
201
font-size:11pt;
202
font-family: 'Marck Script', cursive;
203
height:15px;
204
line-height:15px;
205
padding:5px;
206
text-align:right;
207
}
208
209
.h2, h2 {
210
font-size:20pt;
211
font-family: 'Oswald', sans-serif;
212
height:28px;
213
line-height:28px;
214-
background-color:d6bcbc;
214+
215
margin:5px;
216
background-color:4a2727;
217
text-align:center;
218
text-transform:uppercase;
219
letter-spacing: 2pt;
220
color:ffffff; 
221
outline:dashed;
222
outline-offset:-3px;
223
outline-width:1px;
224
}
225
226
227
.h3, h3 {
228
font-family: 'Roboto Condensed', sans-serif;
229
font-size:11pt;
230
height:15px;
231
line-height:15px;
232
padding:5px;
233
text-align:center;
234
text-transform:uppercase;
235
} 
236
237
.h4, h4 {
238
font-family: 'Raleway', sans-serif; 
239
font-size:9pt;
240
height:10px;
241
line-height:10px;
242
padding:5px;
243
text-align:center;
244
text-transform:uppercase;
245
}
246
247
.blockquote, blockquote {
248
height:auto;
249
display:block;
250
text-align:justify;
251-
border-left:10px double #151515;
251+
252
padding: 5px 5px 5px 10px;
253
border-left:10px double #3f3737;
254
background-color:transparent;  
255
}
256
  
257
.cite {font-size:0px; color:transparent;display:block; height:0px;}
258
259
260
.vicarious { Divs }  
261
262
/* IMMT Interests/Movies/Music/TV  */  
263
264
/* IMMT - Crown Emblem Table */  
265
266
#CrownTable {
267
width:500PX;
268
height:500px; 
269
overflow:hidden;
270
} 
271
272
#CrownTable .title {
273
font-family: 'Dynalight', cursive;
274
width:490px;
275
height:30px; 
276
line-height:30px;
277
display:block;
278
text-align:right;
279
padding:5px;
280
font-size:20pt;
281
position:absolute;
282
text-transform:none;
283
margin-top:20px;
284
margin-left:0px;
285-
background-color:000000;
285+
286
color:ffffff;
287
background-color:171515;
288
}
289
290
#CrownTable .about {
291
height:350px; 
292
padding:5px;
293
position:absolute;
294-
background-color:efefef;
294+
295
overflow:auto;
296
background-color:e8e9e9;
297
-webkit-border-radius: 5px;
298
-moz-border-radius: 5px;
299
border-radius: 5px;
300
}
301
302
#CrownTable .circle { 
303
width:50PX;
304
height:50px; 
305
-webkit-border-radius: 360px;
306
-moz-border-radius: 360px;
307
border-radius: 360px; 
308-
border:10px groove #d6bcbc;
308+
309
background-color:transparent;
310
border:10px double #171515;
311
position:absolute;
312
font-size:40px;
313-
color:d6bcbc;
313+
314
display:block;
315
color:4a2727;
316
text-align:center;
317
z-index:2;
318
margin-top:425px;
319
margin-left:425px; 
320
text-shadow: 2px 2px 5px rgba(0, 0, 0, .75);
321
}
322
323
#CrownTable .line1, #CrownTable .line2, #CrownTable .line3, #CrownTable .line4, #CrownTable .line5  {
324
position:absolute;
325
z-index:1;
326
overflow:hidden;
327
}
328
329
#CrownTable .line1, #CrownTable .line2  {
330
width:0px;
331
}
332
333-
border-left:2px dotted #000000;
333+
334
height:200px;   
335
border-left:2px dotted #171515;
336
margin-top:225px;
337
margin-left:470px; 
338
}
339
340-
border-left:2px solid #d6bcbc; 
340+
341
height:175px;  
342
border-left:2px solid #4a2727; 
343
margin-top:250px;
344
margin-left:465px; 
345
}
346
347
#CrownTable .line3, #CrownTable .line4, #CrownTable .line5  { height:0px; }
348
349-
border-top:1px dashed #000000; 
349+
350
width:200PX;
351
border-top:1px dashed #171515; 
352
margin-top:475px;
353
margin-left:230px;
354
}
355
356-
border-top:2px solid #d6bcbc; 
356+
357
width:165PX; 
358
border-top:2px solid #4a2727; 
359
margin-top:478px;
360
margin-left:270px;
361
}
362
363-
border-top:1px dotted #000000;  
363+
364
width:180PX; 
365
border-top:1px dotted #171515;  
366
margin-top:483px;
367
margin-left:255px;
368
}
369
 
370
371
/* IMMT - Banner Image Table */  
372
373
.vicbox {
374
width: 500px;
375
height: 300px;
376
margin: 0px;
377
float: left; 
378
overflow: hidden;
379
position: relative;
380
text-align: center;
381
overflow:hidden;
382
}
383
384
.vicbox .mask, .vicbox .content {
385
width: 500px;
386
height: 300px;
387
position: absolute;
388
overflow: hidden;
389
top: 0;
390
left: 0;
391
background-color: rgba(255,255,255,0.9);
392
opacity:0;
393
transition: all 0.3s ease-in 0.4s;
394
-webkit-transition: all 0.3s ease-in 0.4s;
395
-moz-transition: all 0.3s ease-in 0.4s;
396
-o-transition: all 0.3s ease-in 0.4s;
397
}
398
399
.vicbox:hover .mask {  
400
opacity:1; 
401
transition-delay: 0s;
402
}
403
404
.vicbox img {
405
width: 500px;
406
height: 300px;
407
overflow:hidden;
408
display: block;
409
position: relative;
410
transition: all 0.4s ease-in-out 0.5s;  
411
-webkit-transition: all 0.4s ease-in-out 0.5s; 
412
-moz-transition: all 0.4s ease-in-out 0.5s; 
413
-o-transition: all 0.4s ease-in-out 0.5s; 
414
}
415
416
.vicbox:hover img { 
417
transition-delay: 0s; 
418
}
419
420
.vicbox .h2, .vicbox h2 {
421
height:auto;
422
width:auto;
423-
color: ffffff;
423+
424
text-transform: uppercase;
425
color:dddddd;
426
text-align: center;
427
position: relative;
428
font-size: 23pt;
429
line-height:100%;
430
margin: 20px 10px 0px 10px;
431
padding: 5px; 
432
letter-spacing: 0pt;
433
text-shadow: 2px 2px 5px rgba(0, 0, 0, 1);
434
opacity:0;
435
transform: scale(10);
436
transition: all 0.3s ease-in-out 0.1s;
437
-webkit-transition:all 0.3s ease-in-out 0.1s;
438
-moz-transition:all 0.3s ease-in-out 0.1s;
439
-o-transition: all 0.3s ease-in-out 0.1s;
440
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
441
background-color: 4a2727;
442
} 
443
444
.vicbox:hover .h2, .vicbox:hover h2 { 
445
opacity: 1;
446
transform: scale(1);
447
transition-delay: 0.1s;
448
}
449
450
.vicbox .about  {
451
position: relative; 
452
padding: 10px 5px 5px 5px;
453
margin:0px 10px; 
454
text-align: left;
455
overflow:auto;
456
height:190px;
457
opacity:0;
458
transform: scale(10);
459
transition: all 0.3s ease-in-out 0.2s;
460
-webkit-transition:all 0.3s ease-in-out 0.2s;
461
-moz-transition:all 0.3s ease-in-out 0.2s;
462
-o-transition: all 0.3s ease-in-out 0.2s;
463
} 
464
465
.vicbox:hover .about { 
466
opacity:1; 
467
transform: scale(1);
468
transition-delay: 0.2s;
469
} 
470
471
.about .innie {
472
width:150px;
473
height:150px;
474-
border:5px dashed #151515;
474+
475
float:left;
476
border:5px dashed #3f3737;
477
margin:0px 5px 5px 0px;
478
}
479
480
481
/* IMMT - Additional Tables */  
482
483
#Additional {
484
width:500px;
485
height:110px;
486
overflow:hidden;  
487
border-bottom:2px solid #d7d7d7;
488
-webkit-box-shadow: 0px 5px 0px 0px rgba(181, 181, 181, 0.75);
489
-moz-box-shadow:    0px 5px 0px 0px rgba(181, 181, 181, 0.75);
490
box-shadow:         0px 5px 0px 0px rgba(181, 181, 181, 0.75);
491
}
492
493
#Additional .title1, #Additional .title1, #Additional .pic, #Additional .pic2, #Additional .info {
494
transition:All .6s linear 0s; 
495
-webkit-transition:All .6s linear 0s;
496
-moz-transition:All .6s linear 0s;
497
-o-transition:All .6s linear 0s;
498
}
499
500
#Additional .title1 {
501
z-index:7;
502
font-size:16pt;
503
width:480px;
504-
color:000000;
504+
505
line-height:30px;
506
color:171515;
507
text-align:right;
508
padding:60px 15px 10px 5px;
509
margin-top:0px;
510
margin-left:0px;
511
position:absolute;
512
display:block;
513
overflow:hidden;
514
font-family: 'Raleway', sans-serif; 
515
text-transform:none;
516
letter-spacing:1pt;
517
}
518
519
#Additional:hover .title1 {
520
margin-left:-510px;
521
opacity:0;
522
overflow:hidden;
523
}
524
525
#Additional .title2 {
526
z-index:8;
527
font-size:6pt;
528
width:370px;
529-
color:ebebeb;
529+
530
line-height:10px;
531
color:dddddd;
532
text-align:left;
533
padding:2px 5px 2px 125px;
534
background-color:0f0f0f; 
535
position:absolute;
536
margin-top:40px;
537
margin-left:0px;
538
display:block;
539
overflow:hidden; 
540
text-transform:uppercase;
541
font-family: 'Raleway', sans-serif; 
542
letter-spacing:3pt;
543
}
544
545
#Additional:hover .title2 {
546
margin-left:510px;
547
opacity:0;
548
transition:All .6s linear .6s; 
549
-webkit-transition:All .6s linear .6s;
550
-moz-transition:All .6s linear .6s;
551
-o-transition:All .6s linear .6s;
552
}
553
554
#Additional  .pic, #Additional .pic2 {
555
z-index:9;
556
width:80px;
557
height:80px;   
558
background-size:80px 80px; 
559
position:absolute;
560
margin-top:10px;
561
margin-left:25px; 
562
overflow:none; 
563
border:5px solid #0f0f0f;  
564
perspective: 800px;
565
perspective-origin: 50% 100px;
566
}
567
568
#Additional .pic {opacity:1;}
569
#Additional .pic2 {opacity:0;}
570
 
571
572
#Additional:hover .pic, #Additional:hover .pic2  {
573
margin-left:395px; 
574
transition:All .6s linear 1.2s; 
575
-webkit-transition:All .6s linear 1.2s;
576
-moz-transition:All .6s linear 1.2s;
577
-o-transition:All .6s linear 1.2s;
578
}
579
580
#Additional:hover .pic {opacity:0;transform:rotateX(180deg);}
581
#Additional:hover .pic2{opacity:1; transform:rotateX(360deg) } 
582
 
583
#Additional .info {
584
opacity:0;
585
z-index:10;
586
font-size:16pt;
587
width:0px;
588
height:80px;
589
padding:5px;
590
margin-top:10px;
591
margin-left:25px; 
592
position:absolute;
593
overflow:hidden;
594
background-color: ffffff;
595
}
596
597
.info p {}
598
599
#Additional:hover .info {
600
width:350px;
601
opacity:1;
602
overflow:auto;
603
transition:All .6s linear 1.2s; 
604
-webkit-transition:All .6s linear 1.2s;
605
-moz-transition:All .6s linear 1.2s;
606
-o-transition:All .6s linear 1.2s;
607
} 
608
609
.Deco {
610
background-image:url(http://i61.tinypic.com/2yvnsoy.jpg);
611
background-repeat:repeat;
612
width:auto;
613
height:10px;
614
overflow:hidden;
615
display:block;
616
}
617
618
/* IMMT - Extra Table */  
619
620
#IMMTEXTRA {
621
width:490PX;
622
height:150px;   
623
padding:5px;
624
overflow:auto; 
625
}
626
627
628
/* Like to Meet  Tables */
629
630
/* Like to Meet Table 1 */
631
632
#LTM1 {
633
width:350px;
634
height:500px; 
635
overflow:hidden; 
636
}
637
638
#LTM1 .Default {
639
position:absolute;
640
margin:0px;
641
width:350px;
642
height:500px; 
643
overflow:hidden; 
644
opacity:1;
645
z-index:1;
646
background-size:350px 500px;  
647
transition:All 1s ease 0s;
648
-webkit-transition:All 1s ease 0s;
649
-moz-transition:All 1s ease 0s;
650
-o-transition:All 1s ease 0s;
651
}
652
653
#LTM1:hover .default {
654
opacity:.2;
655
}
656
657
#LTM1 .innerbox {
658
position:absolute;
659
overflow:hidden;
660
opacity:0;
661
z-index:2;
662
width:275px;
663
height:380px;
664
padding:10px;
665
margin:0px 0px 0px 25px;
666
border:1px solid #c2b0ad;
667
background-color:e7e7e7;
668
outline:dashed;
669
outline-offset:-6px;
670
outline-width:1px;
671
-webkit-box-shadow: 4px 4px 2px 0px rgba(176, 176, 176, 0.75);
672
-moz-box-shadow:    4px 4px 2px 0px rgba(176, 176, 176, 0.75);
673
box-shadow:         4px 4px 2px 0px rgba(176, 176, 176, 0.75);
674
transition:All 1s linear 0s;
675
-webkit-transition:All 1s linear 0s;
676
-moz-transition:All 1s linear 0s;
677
-o-transition:All 1s linear 0s;
678
}
679
 
680
.innerbox .text {
681
width:255px;
682
height:360px;  
683
margin:5px;
684
padding:5px;
685
overflow:auto;
686
text-align:left;
687
}
688
689
.innerbox .h1, .innerbox h1 {
690
margin-top:10px;
691
width:auto;
692
height:20px;
693
line-height:20px;
694
padding:5px;
695
text-align:center;
696-
color:efefef;
696+
697
font-family: 'Oswald', sans-serif;
698-
background-color:000000;
698+
color:e8e9e9;
699
font-size:13pt;
700-
border-bottom:5px solid #000000;
700+
background-color:171515;
701
text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
702-
outline-color:d6bcbc;
702+
border-bottom:5px solid #171515;
703
outline:dashed;
704
outline-color:4a2727;
705
outline-offset:-3px; 
706
outline-width:1px; 
707
}
708
 
709
#LTM1:hover .innerbox {
710
overflow:auto;
711
opacity:1;
712
margin:50px 0px 0px 25px;
713
}
714
 
715
716
/* Like to Meet Table 2 */
717
718
#LTM2 {
719
width:350px;
720-
background-color:000000;
720+
721
overflow:hidden;
722
background-color:171515;
723
outline:solid;
724-
outline-color:d6bcbc;
724+
725
outline-width:5px;
726
outline-color:4a2727;
727
}
728
729
#LTM2 .title, .under .plus, .under .title2 { 
730
position:absolute;
731
overflow:hidden;
732
display:block;
733
text-align:center;
734
text-transform:none; 
735
color:ffffff; 
736
font-family: 'Playfair Display SC', serif;
737
}
738
739
#LTM2 .title { 
740
position:absolute;
741
margin-top:20px;
742
margin-left:25px;
743
width:290px;
744
height:29px; 
745
overflow:hidden;
746
line-height:29px;
747
display:block;
748
text-align:center;
749
padding:5px;
750
font-size:20pt; 
751
text-transform:none;
752
color:ffffff; 
753
font-family: 'Playfair Display SC', serif;
754
border-bottom:1px solid #ffffff;
755
}
756
757
#LTM2 .about {
758
position:absolute;
759-
color:ebebeb;
759+
760
margin-left:25px;
761
color:dddddd;
762
width:280PX;
763
height:240px; 
764
padding:10px;
765
text-align:justify; 
766
overflow:auto;  
767-
#LTM2 p {color:ebebeb; }
767+
768
769
#LTM2 p {color:dddddd; }
770
771
#LTM2 .about::-webkit-scrollbar-thumb {background-color:dbc2c2;}
772
773
#LTM2 .under {
774
position:absolute;
775
margin-top:330px;
776
margin-left:25px;
777-
background-color:000000;
777+
778
height:25px;  
779
background-color:171515;
780
overflow:hidden;
781
}
782
783
784
#LTM2 .under, .under .plus {
785
transition:All .6s linear 0s; 
786
-webkit-transition:All .6s linear 0s;
787
-moz-transition:All .6s linear 0s;
788
-o-transition:All .6s linear 0s;
789
}
790
791
#LTM2 .under:hover {
792
margin-top:25px;
793
height:330px;  
794
}
795
796
#LTM2 .title, .under .title2 {
797
border-bottom:1px solid #ffffff;
798
}
799
800
#LTM2 .title { 
801
margin-top:20px;
802
margin-left:25px;
803
width:290px;
804
height:29px; 
805
line-height:29px;
806
padding:5px;
807
font-size:20pt;  
808
}
809
810
.under .plus, .under .title2 {
811
margin-top:0px;
812
margin-left:0px;
813
width:290px;
814
padding:0px 5px;
815
font-size:15pt;  
816
}
817
818
.under .plus {
819
height:25px;  
820
line-height:25px; 
821
opacity:1;
822
}
823
824
.under:hover .plus {opacity:0;}
825
826
.under .title2 {
827
height:24px;   
828
line-height:24px;
829
opacity:0;
830
transition:All .6s linear .6s; 
831
-webkit-transition:All .6s linear .6s;
832
-moz-transition:All .6s linear .6s;
833
-o-transition:All .6s linear .6s;
834
}
835
836
.under:hover .title2 {opacity:1;}
837
838
.under .about2 {
839
position:absolute;
840
margin-top:30px;
841
margin-left:0px;
842
width:280px;
843
height:280px;  
844
padding:10px;
845
overflow:auto;
846
text-align:justify; 
847
}
848
849
.under .about2::-webkit-scrollbar-thumb {background-color:dbc2c2;}
850
851
852
/* Like to Meet Table 3 */
853
854
#LTM3 {
855
width:350PX;
856
height:215px;   
857
overflow:hidden; 
858
}
859-
background-color:efefef;
859+
860
#LTM3 .about { 
861
background-color:e8e9e9;
862
width:300px;
863
height:215px;
864
overflow:auto;
865
margin:0px 20px;
866
padding:0px 5px;
867
}
868
869
#toppx  {
870
margin:0px;
871
padding:0px;
872
height:140px;
873
width:350px;  
874
}
875-
background-color:000000;
875+
876
#toppx .line {
877
background-color:171515;
878
position:absolute;
879
margin-top:65px;
880
margin-left:0px;
881
width:350px; 
882
height:10px;  
883
overflow:none;   
884
}
885
886
#toppx .biggie {
887
position:absolute;
888
margin-top:15px;
889
margin-left:115px;
890
width:100px; 
891
height:100px; 
892-
border:5px solid #000000;
892+
893
overflow:none;  
894
border:5px solid #171515;
895
}
896
897
#toppx .smallie1, #toppx .smallie2 {
898
position:absolute;
899
margin-top:30px;
900
width:70px; 
901
height:70px; 
902-
border:5px solid #000000;
902+
903
overflow:none;  
904
border:5px solid #171515;
905
}  
906
907
#toppx .smallie1 {margin-left:20px;} 
908
#toppx .smallie2 {margin-left:240px;}  
909
910
#bottom {
911
width:350PX;
912
height:85px;  
913
overflow:hidden;
914
}
915
916
#bottom .line {
917
position:absolute;
918
margin-left:0px;
919
margin-top:42px;
920
width:350px;
921
height:2px;
922
background-image:url(http://i57.tinypic.com/28wgdh3.jpg);
923
background-repeat:repeat;
924
overflow:auto;
925
}
926
927
#bottom  .xmark1, #bottom .xmark2 {
928
position:absolute;
929
margin-left:163px;
930
margin-top:5px;
931
width:25px;
932
height:75px;
933
background-color:transparent;
934
}
935
#bottom .xmark1 {
936
background-image:url(http://i62.tinypic.com/5r478.jpg);
937
transform: rotate(45deg) ;
938
-webkit-transform: rotate(45deg) ;
939
-moz-transform: rotate(45deg) ;
940
-o-transform: rotate(45deg) ;
941
-ms-transform: rotate(45deg) ;
942
}
943
944
#bottom .xmark2{ 
945
background-image:url(http://i62.tinypic.com/5r478.jpg);
946
transform: rotate(135deg) ;
947
-webkit-transform: rotate(135deg) ;
948
-moz-transform: rotate(135deg) ;
949
-o-transform: rotate(135deg) ;
950
-ms-transform: rotate(135deg) ;
951
}
952
953
954
/* Like to Meet Connection Links Table */
955
956-
background-color: 151515; 
956+
957
background-color: 3f3737; 
958
width:346px;
959
height:auto;
960-
border:2px solid #000000;
960+
961
border:2px solid #171515;
962
}
963
964
#LK2MEETlinksTable .left, #LK2MEETlinksTable .right {
965
width:48%;
966
overflow:auto; 
967
height:95px;
968
margin-top:3px;
969
} 
970
971
#LK2MEETlinksTable .left { float:left;} 
972
#LK2MEETlinksTable .right { float:right; }
973
974-
background-color:151515;
974+
975
background-color:3f3737;
976
color:ffffff;
977
font-size:7pt;
978
display:block;
979
text-align:center;
980
height:17px;
981
line-height:17px;
982
margin-bottom:2px;
983
font-family: 'Roboto Condensed', sans-serif;
984-
outline-color:d6bcbc;
984+
985
outline-color:4a2727;
986
outline-offset:-3px; 
987
outline-width:1px; 
988
text-transform;uppercase;
989
text-decoration:none;
990
letter-spacing:0pt;
991
transition:All .6s linear 0s; 
992
-webkit-transition:All .6s linear 0s;
993
-moz-transition:All .6s linear 0s;
994
-o-transition:All .6s linear 0s;
995-
border-color:d6bcbc;
995+
996
border-color:4a2727;
997
border-style:dashed;
998
}
999
1000-
background-color: d6bcbc;
1000+
1001
background-color: 4a2727;
1002
color: fefefe; 
1003
border-color:fefefe;
1004
text-decoration:line-through;
1005
letter-spacing:2pt; 
1006
outline-color:fefefe;
1007
}
1008
1009
/* Like to Meet Extra Table */  
1010
1011
#LTMEXTRA {
1012
width:340PX; 
1013
height:150px;   
1014
padding:5px;
1015
overflow:auto; 
1016
}
1017
1018
/* Books Table - Top of Profile */  
1019
1020
#ribbonBack, #ribbon, #photo {
1021
position:fixed;
1022-
background-color:d6bcbc;
1022+
1023
background-color:4a2727;
1024
z-index:5000;
1025
visibility:visible;
1026
}
1027
1028
#ribbonBack {
1029
margin-top:0px;
1030
width:120%;
1031
height:20px;
1032
} 
1033
1034
#ribbon {
1035
margin-left:-10px;
1036
position:fixed;
1037
margin-top:10px;
1038
width:120%;
1039
height:70px;
1040
border-width:55px 0px 55px 0px;
1041
border-color:232323;
1042
border-style:solid;
1043
outline:solid;
1044
outline-offset:-10px; 
1045
outline-width:5px;
1046
background-image:url(http://i61.tinypic.com/2yvnsoy.jpg); 
1047
}
1048
1049
#photo  {
1050
top:0%;
1051
left:50%; 
1052
width:150px;  
1053
height:150px; 
1054
background-size:150px 150px; 
1055
background-repeat:no-repeat;
1056
margin-top:15px;
1057-
border:5px double #d6bcbc;
1057+
1058-
background-color:e6e6e6; 
1058+
border:5px double #4a2727;
1059
background-color:dddddd; 
1060
}
1061
1062
#photo .the411 {
1063
position:absolute;
1064
margin:0px;
1065
background-color: rgba(255,255,255,0.9);
1066
padding:15px;
1067
width:120px;  
1068
height:120px;
1069
overflow:auto; 
1070
z-index:2;
1071
opacity:0; 
1072
transition:All .6s linear 0s; 
1073
-webkit-transition:All .6s linear 0s;
1074
-moz-transition:All .6s linear 0s;
1075
-o-transition:All .6s linear 0s;
1076
}
1077
1078
#photo:hover .the411 { opacity:1; } 
1079
1080
.the411 .strong, .the411 strong {
1081
margin:10px 0px 0px 0px;
1082-
border-bottom:1px solid #000000;
1082+
1083
border-bottom:1px solid #171515;
1084
display:block;
1085
}
1086
1087
#music {
1088
visibility:visible;
1089
position:fixed;
1090
top:0%;
1091
left:50%; 
1092
margin-top:150px;
1093
margin-left:500px;
1094
z-index:10000;
1095
height:20px; 
1096
width:20px;
1097
overflow:hidden;
1098
background-image:url(http://oi61.tinypic.com/2cymogl.jpg);
1099
background-repeat:no-repeat;
1100
background-size:20px 20px;
1101
transition:All 1s linear 0s;
1102
-webkit-transition:All 1s linear 0s;
1103
-moz-transition:All 1s linear 0s;
1104
-o-transition:All 1s linear 0s;
1105
}
1106
1107
#music embed, #music object {opacity:0;}
1108
#music:hover embed, #music:hover object {opacity:1;}
1109
#music:hover {width:200px; margin-left:320px;}
1110
1111
 
1112
/* Heroes Table - Links */  
1113
1114
@-moz-keyframes swing{
1115
    0%{-moz-transform:rotate(-3deg)}
1116
    50%{-moz-transform:rotate(3deg)}
1117
    100%{-moz-transform:rotate(-3deg)}
1118
}
1119
@-webkit-keyframes swing{
1120
    0%{-webkit-transform:rotate(-3deg)}
1121
    50%{-webkit-transform:rotate(3deg)}
1122
    100%{-webkit-transform:rotate(-3deg)}
1123
}
1124
1125
#link1 {
1126
width:150px; 
1127
height:300px;
1128
padding:0px 5px;
1129
margin-top:180px;
1130
margin-left:-540px; 
1131
top:0%;
1132
left:50%;
1133
z-index:4;
1134
position:fixed;
1135
}
1136
1137
#link1 .bbb, #link1 .aaa, #link1 .ccc, #link1 .ddd {
1138
width:15px; 
1139
background: transparent;
1140
margin-left:5px;
1141
position: relative;
1142
float: left;
1143
}
1144
1145
#link1 .aaa {
1146
height:200px;
1147
-moz-animation: 3s ease 0s normal none infinite swing;
1148
-moz-transform-origin: center top;
1149
-webkit-animation:swing 3s infinite ease-in-out;
1150
-webkit-transform-origin:top;
1151
}
1152
1153
#link1 .bbb {
1154
height:220px;
1155
-moz-animation: 4.5s ease 0s normal none infinite swing;
1156
-moz-transform-origin: center top;
1157
-webkit-animation:swing 4.5s infinite ease-in-out;
1158
-webkit-transform-origin:top;
1159
}
1160
1161
#link1 .ccc {
1162
height:260px;
1163
-moz-animation: 2.6s ease 0s normal none infinite swing;
1164
-moz-transform-origin: center top;
1165
-webkit-animation:swing 2.6s infinite ease-in-out;
1166
-webkit-transform-origin:top;
1167
}
1168
1169
#link1 .ddd {
1170
height:190px;
1171
-moz-animation: 1.8s ease 0s normal none infinite swing;
1172
-moz-transform-origin: center top;
1173
-webkit-animation:swing 1.8s infinite ease-in-out;
1174
-webkit-transform-origin:top;
1175
}
1176
1177
#link1:hover .bbb, #link1:hover .aaa, #link1:hover .ccc, #link1:hover .ddd {
1178
-moz-animation: 0s ease 0s normal none ;
1179
-moz-transform-origin: center top;
1180
-webkit-animation:0s ease-in-out;
1181
-webkit-transform-origin:top; 
1182
}
1183
1184
#Link1 .line {
1185
height:100%;
1186
width:5px;
1187
margin-left:5px;
1188
margin-top:0px;
1189
background-image:url(http://i58.tinypic.com/2upzkwg.jpg); 
1190
background-repeat:repeat;
1191
}
1192
1193
#Link1 .star {
1194
height:15px;
1195
width:15px;
1196
margin-left:0px; 
1197
overflow:hidden;
1198
}
1199
  
1200
.star a {
1201
text-align:center;
1202
color:eaeaea; 
1203
line-height:15px;
1204
font-size:15px;
1205
text-shadow: 0px 0px 10px rgba(255, 255, 255, .75);
1206
display:block;
1207
overflow:hidden;
1208
text-transform:none;
1209
text-decoration:none;
1210
}
1211
1212
1213
 .vicarious{ Hide Codes }
1214
.profileInfo, .userProfileURL, .friendsComments, .blurbs, .blacktext12, .friendSpace, .contactTable, .extendedNetwork, .latestBlogEntry, .interestsAndDetails, .userProfiledetail,  .userAlbums, .whitetext12, .orangetext15, .lightbluetext8, .blacktext12, .navigationBar, tr#groups,  .navigationBar, .profile, table tr td[id='footerWarpper'] { display:none !important;visibility:hidden!important; }
1215
table table table table td {width:0px;}
1216
.contactTable td, table table td.text table td,table table table table table td {width:auto;}
1217
div div select, div div form {display:none !important;}
1218
select { visibility:hidden!important; WIDTH:0px!important;}
1219
table div {display:none;}
1220
table table div {display:block;}
1221
.clearfix {display:none !important;position:absolute!important;} 
1222
div[id="googlebar"],div div select{opacity:0;filter:alpha(opacity=0);display:none !important;position:absolute !important; bottom:2000px !important;}
1223
.profileInfo tr tr td { visibility:hidden; }
1224
.profileInfo td.text { visibility:visible; }
1225
.vicarious {Layouts available @ http://vicarious-hs.tumblr.com/} 
1226
</style></td></tr></table><table style="display:none"><tr><td>
1227
1228
 
1229
1230
1231
1232
1233
1234-
</td></tr></table></td></tr></table><table class="viclike2meet_table"><tr><td valign="top" align="center"><table><tr><td> 
1234+
1235
-----------------------------LIKE TO MEET-------------------------
1236
 </td></tr></table></td></tr></table><table class="viclike2meet_table"><tr><td valign="top" align="center"><table><tr><td> 
1237
 
1238
<font class="cite">
1239
The above table code must remain at the top.  FULL tables below can be rearranged.
1240
 
1241
***Image Sizing Instructions***
1242
This layout will code image sizes for you.  For the sake of simplicity you may make all photos 250px width by 250px height EXCEPT the 'default' photo in Like to Meet and the 'banner' size photo in Music. The tall 'default' image is 350px width by 500px height.  The 'banner' (Vicbox) image in Music is 500px width by 300px height.
1243
</font>
1244
1245
</td></tr></table><table class="vic_table"><tr><td> 
1246
1247
<font class="h2">▪ Your Name Here ▪</font>
1248
1249
1250
</td></tr></table><table class="vic_table"><tr><td> 
1251
1252
<div id="LTM1">
1253-
<div class="default" style="background-image:url(http://i61.tinypic.com/zn0v9v.jpg);"></div>
1253+
1254
<div class="default" style="background-image:url(http://i59.tinypic.com/2h4ywht.jpg);"></div>
1255
1256
<div class="innerbox"><div class="text">
1257
1258
<font class="h1">Legal & Physical</font>
1259
1260
<b>NICKNAMES:</b> Input info
1261
<BR><b>ALIASES:</b> Input info
1262
<BR><b>DATE OF BIRTH:</b> Input info
1263
<BR><b>PLACE OF BIRTH:</b> Input info
1264
<BR><b>CURRENT RESIDENCE:</b> Input info  
1265
<BR><b>ETHNICITY:</b> Input info
1266
<BR><b>HAIR COLOR:</b> Input info
1267
<BR><b>EYE COLOR:</b> Input info
1268
<BR><b>HEIGHT:</b> Input info
1269
<BR><b>WEIGHT:</b> Input info
1270
<BR><b>BIRTHMARKS/SCARS:</b> Input info
1271
1272
<font class="h1">Personality</font>
1273
1274
<b>Type</b> Input Info
1275
<br><b>Traits</b> Input Info
1276
<br><b>Quirks</b> Input Info
1277
 
1278
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.  
1279
1280
<font class="h1">Family & Relationships</font>
1281
1282
<b>MOTHER:</b> Input info
1283
<BR><b>FATHER:</b> Input info
1284
<BR><b>SISTER(S):</b> Input info
1285
<BR><b>BROTHER(S):</b> Input info
1286
<BR><b>Other Family:</b> Input info
1287
<BR><b>STATUS:</b> Input info
1288
<BR><b>ORIENTATION:</b> Input info
1289
<BR><b>CURRENT:</b> Input info
1290
<BR><b>FORMER:</b> Input info
1291
1292
<font class="h1">Education & Employment</font>
1293
1294
<b>High School</b> Input Info
1295
<br><b>College</b> Input Info
1296
<br><b>Major</b> Input Info
1297
<br><b>Degree</b> Input Info
1298
<br><b>OCCUPATION:</b> Input info
1299
<BR><b>JOB DESCRIPTION:</b> Input info
1300
<BR><b>EMPLOYER:</b> Input info
1301
<BR><b>SKILLSET:</b> Input info
1302
 
1303
</div></div></div>
1304
1305
</td></tr></table><table class="vic_table"><tr><td> 
1306
<font class="h3">AIM:  ContactInfo</font> 
1307
1308
1309
</td></tr></table><table class="vic_table"><tr><td> 
1310
1311
<div id="LTM2">
1312
1313
<div class="title">Title Here</div>
1314
1315
<div class="about">
1316
1317
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
1318
1319
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
1320
1321
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
1322
1323
</div> 
1324-
</div><div class="under">
1324+
1325
1326
<div class="under">
1327
<div class="plus">+</div>
1328
<div class="title2">Something Here </div>
1329
<div class="about2">
1330
1331
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
1332
1333
1334
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
1335
1336
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
1337
1338
</div></div></div>
1339
1340-
<div id="toppx"><div class="line"></div>
1340+
1341
1342-
<div class="smallie1" style="background-image:url(http://i58.tinypic.com/24pxpcp.jpg);"></div>
1342+
1343-
<div class="biggie" style="background-image:url(http://i60.tinypic.com/14mc9zr.jpg);"></div>
1343+
1344-
<div class="smallie2" style="background-image:url(http://i59.tinypic.com/2z8pb10.jpg);"></div>  
1344+
1345
1346
<div id="toppx">   
1347
1348
<div class="line">   </div>
1349
<div class="smallie1" style="background-image:url(http://i61.tinypic.com/1zco0md.jpg);"></div>
1350
1351
<div class="biggie" style="background-image:url(http://i58.tinypic.com/vi0bn.jpg);"></div>
1352-
</div></div><div id="bottom"><div class="line"></div><div class="xmark2"></div><div class="xmark1"></div></div>
1352+
1353
<div class="smallie2" style="background-image:url(http://i61.tinypic.com/28wl16w.jpg);"></div>
1354
  
1355
1356
</div><div id="LTM3"><div class="about">
1357
1358
1359
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
1360
1361
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
1362
1363
</div></div>
1364
1365
1366
1367
<div id="bottom">
1368
<div class="line"></div>
1369
<div class="xmark2"></div>
1370
<div class="xmark1"></div>
1371
 </div>
1372
1373-
</div></div>   
1373+
1374
1375
1376
</td></tr></table><table class="vic_table"><tr><td> 
1377
1378
<div id="LK2MEETlinksTable"><div class="left">
1379
1380
<a href="/#">Connection Name</a>
1381
<a href="/#">Connection Name</a>
1382
<a href="/#">Connection Name</a>
1383
<a href="/#">Connection Name</a>
1384
<a href="/#">Connection Name</a> 
1385
1386
</div><div class="right">
1387
1388
<a href="/#">Connection Name</a>
1389
<a href="/#">Connection Name</a>
1390
<a href="/#">Connection Name</a>
1391
<a href="/#">Connection Name</a>
1392
<a href="/#">Connection Name</a> 
1393
1394
</div></div>  
1395
1396
 
1397
</td></tr></table><table class="vic_table"><tr><td> 
1398
1399
<div id="LTMEXTRA">
1400
1401
<p>This is an extra table.
1402
<em>Emphasized</em>
1403
<b>Bold</b>
1404
<i>Italics</i>
1405
<font class="u">underline</font>
1406
<font class="strike">strike</font>
1407
<font class="strong">strong</font>
1408
 
1409
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
1410
 
1411
</div>
1412
1413
1414-
</td></tr></table></td></tr></table><table class="vicinterests_table"><tr><td valign="top" align="center"><table><tr><td>
1414+
1415
1416
1417
</td></tr></table><table class="vic_table"><tr><td> 
1418
1419
<div id="LTMEXTRA">
1420
1421
<p>This is an extra table.
1422
<em>Emphasized</em>
1423
<b>Bold</b>
1424
<i>Italics</i>
1425
<font class="u">underline</font>
1426
<font class="strike">strike</font>
1427
<font class="strong">strong</font>
1428
 
1429
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
1430
 
1431
</div>
1432
1433
1434
1435-
</div><div class="circle">♚</div>
1435+
1436
1437-
<div class="line1"></div><div class="line2"></div><div class="line3"></div><div class="line4"></div><div class="line5"></div></div>
1437+
1438
 
1439
-----------------------------INTERESTS-----------------------------
1440
 
1441
 </td></tr></table></td></tr></table><table class="vicinterests_table"><tr><td valign="top" align="center"><table><tr><td>
1442
1443
<font class="cite">
1444
The above table code must remain at the top.  FULL tables below can be rearranged.
1445
</font>
1446
  
1447
</td></tr></table><table class="vic_table"><tr><td>  
1448
1449
<div id="CrownTable">
1450-
<img src="http://i59.tinypic.com/33oi71s.jpg">
1450+
1451
<div class="title">A Little Something Here</div>
1452
1453
<div class="about">
1454
1455
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
1456
1457
1458-
<p><img class="innie" src="http://i59.tinypic.com/2h83504.jpg">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
1458+
1459
1460
1461
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
1462
1463
1464
</div>
1465
1466
<div class="circle">♚</div>
1467
1468
<div class="line1"></div>
1469
<div class="line2"></div>
1470
<div class="line3"></div>
1471
<div class="line4"></div>
1472
<div class="line5"></div>
1473
1474
</div>
1475
1476
</td></tr></table><table class="vic_table"><tr><td> 
1477
1478
<font class="h1">A little something here</font>
1479-
<div class="pic" style="background-image:url(http://i62.tinypic.com/mbs3lt.jpg);"></div> 
1479+
1480
</td></tr></table><table class="vic_table"><tr><td> 
1481-
<div class="pic2" style="background-image:url(http://i57.tinypic.com/e7i3pw.jpg);"></div>
1481+
1482
<div class="vicbox">
1483
 
1484
<img src="http://i61.tinypic.com/29m3odl.jpg">
1485
 
1486
<div class="mask">
1487
 
1488
<font class="h2">Title</font>
1489
 
1490
<div class="about">
1491
1492
<p><img class="innie" src="http://i59.tinypic.com/33js5dy.jpg">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
1493
1494
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
1495
 
1496
</div></div></div> 
1497
 
1498
 
1499-
<div class="pic" style="background-image:url(http://i57.tinypic.com/e7i3pw.jpg);"></div>
1499+
1500
 
1501-
<div class="pic2" style="background-image:url(http://i62.tinypic.com/mbs3lt.jpg);"></div> 
1501+
1502
-----------------------------MUSIC---------------------------------  
1503
  
1504
</td></tr></table><table class="vic_table"><tr><td> 
1505
1506
<font class="h2">▪ Before Anyone Else ▪</font>
1507
1508
1509
</td></tr></table><table class="vic_table"><tr><td> 
1510
1511
<div id="Additional">
1512
1513
<div class="title1">Connection One</div>
1514
<div class="title2">Short Quote</div>
1515
1516
<div class="pic" style="background-image:url(http://i59.tinypic.com/svm9p3.jpg);">
1517
</div> 
1518-
<div class="pic" style="background-image:url(http://i62.tinypic.com/mbs3lt.jpg);"></div> 
1518+
1519
<div class="pic2" style="background-image:url(http://i62.tinypic.com/15d1j6f.jpg);">
1520-
<div class="pic2" style="background-image:url(http://i57.tinypic.com/e7i3pw.jpg);"></div>
1520+
1521
1522
<div class="info">
1523
1524
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.  
1525
1526
</div></div><div class="deco"></div>
1527
1528
1529
</td></tr></table><table class="vic_table"><tr><td> 
1530
1531
1532
<div id="Additional">
1533
1534
<div class="title1">Connection Two</div>
1535
<div class="title2">Short Quote</div>
1536
1537
1538
<div class="pic" style="background-image:url(http://i62.tinypic.com/15d1j6f.jpg);">
1539-
<div class="pic" style="background-image:url(http://i57.tinypic.com/e7i3pw.jpg);"></div>
1539+
1540
1541-
<div class="pic2" style="background-image:url(http://i62.tinypic.com/mbs3lt.jpg);"></div> 
1541+
<div class="pic2" style="background-image:url(http://i59.tinypic.com/svm9p3.jpg);">
1542
</div> 
1543
 
1544
1545
<div class="info">
1546
1547
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.  
1548
1549
</div></div><div class="deco"></div>
1550
1551
1552
</td></tr></table><table class="vic_table"><tr><td> 
1553
1554
<div id="Additional">
1555
1556
<div class="title1">Connection Three</div>
1557
<div class="title2">Short Quote</div>
1558
1559-
<div class="pic" style="background-image:url(http://i62.tinypic.com/mbs3lt.jpg);"></div> 
1559+
<div class="pic" style="background-image:url(http://i59.tinypic.com/svm9p3.jpg);">
1560
</div> 
1561-
<div class="pic2" style="background-image:url(http://i57.tinypic.com/e7i3pw.jpg);"></div>
1561+
1562
<div class="pic2" style="background-image:url(http://i62.tinypic.com/15d1j6f.jpg);">
1563
</div>
1564
1565
<div class="info">
1566
1567
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.  
1568
1569
</div></div><div class="deco"></div>
1570
1571
1572
1573
</td></tr></table><table class="vic_table"><tr><td> 
1574
1575
1576
<div id="Additional">
1577
1578
<div class="title1">Connection Four</div>
1579
<div class="title2">Short Quote</div>
1580
1581
 
1582
<div class="pic" style="background-image:url(http://i62.tinypic.com/15d1j6f.jpg);">
1583
</div>
1584
1585
<div class="pic2" style="background-image:url(http://i59.tinypic.com/svm9p3.jpg);">
1586
</div> 
1587
 
1588
1589
<div class="info">
1590
1591
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.  
1592
1593
</div></div><div class="deco"></div>
1594
1595
1596
1597
</td></tr></table><table class="vic_table"><tr><td> 
1598
1599
<div id="Additional">
1600
1601
<div class="title1">Connection Five</div>
1602
<div class="title2">Short Quote</div>
1603
1604
<div class="pic" style="background-image:url(http://i59.tinypic.com/svm9p3.jpg);">
1605
</div> 
1606
 
1607-
-----------------------------BOOKS--------------------------------
1607+
<div class="pic2" style="background-image:url(http://i62.tinypic.com/15d1j6f.jpg);">
1608
</div>
1609
1610
<div class="info">
1611
1612
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.  
1613
1614
</div></div><div class="deco"></div>
1615
1616-
<div id="photo" style="background-image:url(http://i57.tinypic.com/hu26q0.jpg);">
1616+
1617
-----------------------------MOVIES--------------------------------
1618
 
1619
</td></tr></table><table class="vic_table"><tr><td> 
1620
1621
<div id="IMMTEXTRA">
1622
1623
<p>This is an extra table.
1624
<em>Emphasized</em>
1625
<b>Bold</b>
1626
<i>Italics</i>
1627
<font class="u">underline</font>
1628
<font class="strike">strike</font>
1629
<font class="strong">strong</font>
1630
 
1631
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
1632
 
1633
</div>
1634
 
1635
-----------------------------Television--------------------------------
1636
1637
 </td></tr></table><table class="vic_table"><tr><td> 
1638
1639
<div id="IMMTEXTRA">
1640
1641
<p>This is an extra table.
1642
<em>Emphasized</em>
1643
<b>Bold</b>
1644
<i>Italics</i>
1645-
-----------------------------HEROES--------------------------------
1645+
1646
<font class="strike">strike</font>
1647-
<div id="link1">
1647+
1648
 
1649
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
1650
 
1651
</div>
1652
 
1653
-------------------BOOKS ------------------
1654
1655
</td></tr></table></td></tr></table><table class="vicbooks_table"><tr><td valign="top" align="center"><table><tr><td>
1656
1657
</td></tr></table><table class="vic_table"><tr><td> 
1658
1659
<div id="ribbonBack"></div><div id="ribbon"></div>
1660
1661
1662
<div id="photo" style="background-image:url(http://i62.tinypic.com/2econyc.jpg);">
1663
1664
<div class="the411">
1665
1666
<Strong>Verses</strong>
1667
Verse, Verse, Verse, Verse
1668
 
1669
<Strong>Writing Style</strong>
1670
Multi-para to Novella
1671
 
1672
<Strong>Dues</strong>
1673
S:0 | C:0 | M:0
1674
1675
</div></div><div id="music">
1676
1677
<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20">
1678
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
1679
    <param name="bgcolor" value="#232323" />
1680
<param name="wmode" value="opaque" />
1681
    <param name="FlashVars" value="mp3=http%3A//k007.kiwi6.com/hotlink/guhgarxky7/CH_NS.mp3&autoplay=1&bgcolor=232323&loadingcolor=e6e6e6&buttoncolor=e6e6e6&slidercolor=e6e6e6" />
1682
</object>
1683
1684
1685
</div>
1686
1687
1688
<font class="cite">You will note a line of code that starts with param name="wmode" above.  The normal player that you add from mp3.flash does not contain this.  If you are replacing the full player, make sure to add it into your code.  Firefox can be buggy with flash players. This will keep it hidden until it's hovered over.</font>
1689
1690
1691
1692
 
1693
 
1694
1695
-------------------HEROES ------------------
1696
1697
</td></tr></table></td></tr></table><table><tr><td valign="top" align="center"><table><tr><td>
1698
 <div id="link1">
1699
1700
<div class="aaa"><div class="line"></div><div class="star">
1701
1702
<a title="Home" href="/logincomplete.php">✮</a>
1703
1704
</div></div><div class="bbb"><div class="line"></div><div class="star">
1705
1706
<a title="Add" href="/invite_friend.php?friend_id=xxxxxx">✵</a>
1707
1708
</div></div><div class="ccc"><div class="line"></div><div class="star">
1709
1710
<a title="Message" href="/send_message.php?member_id=xxxxxx">✶</a>
1711
1712
</div></div><div class="ddd"><div class="line"></div><div class="star">
1713
1714
<a title="Comment" href="/add_testimonial.php?member_id=xxxxxx">✤</a>
1715
1716
</div></div><div class="aaa"><div class="line"></div><div class="star">
1717
1718
<a title="Photos" href="/gallery.php?member_id=xxxxxx">❋</a>
1719
1720
</div></div><div class="bbb"><div class="line"></div><div class="star">
1721
1722
<a title="Blogs" href="/view_member_blog.php?member_id=xxxxxx">✵</a>
1723
1724
</div></div><div class="ccc"><div class="line"></div><div class="star">
1725
1726
<a title="Extra" href="/#">✹</a>
1727
1728
</div></div></div>