View difference between Paste ID: V8RmKdFs and v5A5D9Ri
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
ALL COLORS CAN BE CHANGED.For color changes, see the color palette section in About Me.  There are a ton of color schemes online.  It won't take you long to change the color set-up on this profile.
10
11
***THIS IS ESSENTIALLY A DUAL PALETTE COLOR SCHEME WITH SOME SMALL VARIATIONS. I HAVE LUMPED THE CODES FOR EVERYTHING OF A PARTICULAR COLOR TOGETHER ON ONE STRING AND LABELED THEM APPROPRIATELY. IF YOU WANT TO CHANGE COLORS, IT SHOULD BE RELATIVELY SIMPLE TO DO SO.***
12
13
14
15
			*********** MOCK JAVA TREATMENT LAYOUT//IMPORTANT INFO ABOUT LINKS **************
16
17
The black sidebar to the left of this layout is a mock java treatment.  If you remove the stats and decide to put other info there, please be mindful that you should NOT add links to this section randomly.  If you put a link to someone's page, etc in there, you MUST put the link inside a table like so:
18
19
20
<table style="width:100%;"><tr><td>
21
22
<a class="conn" href="/#">Name here</a>
23
<a class="conn" href="/#">Name here</a>
24
<a class="conn" href="/#">Name here</a> 
25
26
</td></tr></table>
27
28
Failure to adhere to the below will cause the entire side to overflow onto the rest of your page.  
29
30
						*********** end **************
31
32
33
............................
34
35
For Header 8:  If you decide to change the colors of the layout, please note that to change this and keep the duality of colors, you'll need to add in the rgb colors instead.  
36
37
Example:
38
background: -moz-linear-gradient(65deg, rgb(242, 243, 233) 33%, rgb(0, 0, 0) 0%);
39
40
The first set in the rgb number set is the light color. The second set is the dark color. If you change these colors, choose your six digit color and then look at the numbers on the color for R, G and B.  Those 3 numbers are what you replace below in each set.  Example: #f2f3e9 is R 242; G 243; B 233
41
............................
42
MUSIC PLAYER
43
 
44
REPLACE MY MUSIC PLAYER WITH YOUR OWN.  
45
 
46
............................
47
 
48
49
 FOR ROLEPLAYER.ME USERS:
50
 
51
For the below text font classes and all of the headers (1, 2, 3, etc) and lyrics, please note the following:  
52
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.  
53
 
54
<font class="h1">Header 1</font>
55
 
56
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:
57
<h1>Header</h1> <strike>Strike</strike> etc..
58
 
59
OR just leave them as they are.  They will work for you either way.  
60
61
62
///////////////////////////////////////////////////
63
_______________________________________________
64
 
65
 
66
 
67
 
68
                        Don't forget to replace the XXXXX with your friend ID number.
69
 
70
                                                     (>‿◠)✌
71
 
72
 
73
                *****************************SAVE YOUR WORK AS YOU GO.*******************************
74
 
75
 
76
 
77
                               
78
 
79
DO NOT REMOVE THE .VICARIOUS MARKERS FROM ANY VICARIOUS LAYOUT.  
80
 
81
-----------------------------ABOUT ME--------------------------------- 
82
  
83
84
<style type="text/css">
85
@import url(http://fonts.googleapis.com/css?family=Special+Elite|Economica:400,700|Bangers|Aguafina+Script|Candal|Iceland|Rancho|Francois+One);
86
87
 
88
/* - -DO NOT PUT ANYTHING ABOVE THE @import LINE ABOVE - - */  
89
/* - -DO NOT REARRANGE MY CODING!! ORDER IS IMPORTANT! - - */
90
91
92
.vicarious { Structure } 
93
94
body {
95
width:100%;
96
height:100%;
97
left:0%;
98
top:0%;
99
position:absolute;   
100
z-index:1;   
101
background-image: url("");
102
background-attachment:fixed;
103
background-repeat:repeat;
104
background-position:center center;
105
}
106
107
 .vicarious{ Google Chrome Scrollbar }
108
::-webkit-scrollbar {width: 5px;}
109
::-webkit-scrollbar-track {border: 1px solid ;}
110
::-webkit-scrollbar-thumb {border: 1px solid ;}
111
 
112
table, tr, td {padding:0px; border-collapse: collapse; /* 'cellspacing' equivalent */  background-color:transparent; border:0;width:0px;text-align:center;vertical-align: top; }
113
 
114
.viclike2meet_table,  .vicinterests_table, .vicmovies_table     {
115
visibility:visible;
116
z-index:2;
117
position:absolute;
118
top:0%;
119
left:0%;
120
border:0px solid;
121
margin-top:10px;  
122
height:auto;
123
overflow:hidden;
124
background-color:transparent; 
125
}
126
127
.viclike2meet_table { width:302px;height:auto;margin-left:260px; }
128
.vicinterests_table { width:502px; height:auto;margin-left:565px;} 
129
.vicmovies_table{ width:302px;position:fixed;height:auto;margin-left:1085px;margin-top:200px;z-index:1001; }
130
131
.viclike2meet_table tr, .vicinterests_table tr, .vicmovies_table tr { margin:0px; }
132
133
.viclike2meet_table td, .vicinterests_table td,  .vicmovies_table td { margin:0px; overflow:hidden; }
134
.viclike2meet_table td { max-width:302px; } 
135
.vicinterests_table td { max-width:502px; }  
136
.vicmovies_table td { max-width:302px; }  
137
 
138
.vic_table {
139
padding:0px;
140
margin:0px;
141
width:100%;
142
margin-bottom:4px;
143
border:1px solid;  
144
border-collapse: collapse; /* 'cellspacing' equivalent */
145
overflow:hidden;
146
}
147
 
148
.vic_table tr { margin:0px; }
149
.vic_table td { margin:0px; width:100%; text-align:center; padding: 0; /* 'cellpadding' equivalent */ }  
150
151
.vicarious { Font Style Classes } 
152
153
a, a:link, a:active, a:visited, a:hover, td.text, table, tr, td, li, div, input, p {
154
font-family: tahoma;
155
font-size: 7pt ;
156
line-height: 90% ;
157
text-decoration:none;
158
letter-spacing: 0pt; 
159
}
160
 
161
P { text-align:justify; }
162
 
163
I {
164
font-family: 'Economica', sans-serif;
165
font-size:8pt; 
166
}
167
 
168
EM {
169
font-size:14pt;    
170
font-family: 'Rancho', cursive; 
171
line-height: 100% ;
172
letter-spacing:-1pt; 
173
display:block;
174
padding-right:5px;
175
text-align:right;
176
}
177
 
178
.strike, strike { 
179
font-size: 8pt ; 
180
text-decoration:line-through;
181
}
182
 
183
.u, u { 
184
font-size:10pt;   
185
text-decoration:underline;
186
}
187
 
188
.strong, strong { 
189
font-size:11pt;
190
line-height: 120% ; 
191
font-weight:bolder;
192
text-transform:uppercase;
193
}
194
195
B, .B2, B2, .B3, B3  { 
196
font-weight:bold;
197
text-transform:uppercase;
198
line-height:100%;
199
}
200
 
201
B  {
202
font-family: 'Francois One', sans-serif;
203
font-size:6pt;
204
font-weight:lighter;
205
}
206
207
.B2, B2 {
208
font-family:georgia;
209
font-size:6pt;
210
}
211
212
.B3, B3  { 
213
font-family: 'Rancho', cursive; 
214
font-size:9pt;
215
}
216
217
small {
218
font-family:georgia; 
219
font-size:7pt; 
220
padding:0px 2px; 
221
margin:0px;
222
line-height:10px; 
223
}
224
225
big { 
226
font-family:courier new; 
227
font-size:8pt; 
228
margin:0px; 
229
padding:5px; 
230
display:block;
231
text-align:right;
232
line-height:200%;
233
border-left: double 10px;
234
}
235
236
237
a.first, a.first:link, a.first:active, a.first:visited, a.second, a.second:link, a.second:active, a.second:visited, a.conn, a.conn:link, a.conn:active, a.conn:visited   {
238
text-align:center;
239
text-transform:uppercase;
240
text-decoration:none;
241
letter-spacing:0pt;
242
margin:0px;
243
padding:0px; 
244
font-weight:bold;  
245
overflow:hidden;
246
-webkit-transition: all 0.6s ease-out;
247
-moz-transition: all  0.6s ease-out;
248
-ms-transition: all  0.6s ease-out;
249
-o-transition: all  0.6s ease-out;
250
transition: all  0.6s ease-out; 
251
}
252
253
a.first, a.first:link, a.first:active, a.first:visited, a.second, a.second:link, a.second:active, a.second:visited  { 
254
-webkit-box-shadow: 2px 2px 0px 0px rgba(255, 255, 255, 0.24);
255
-moz-box-shadow:    2px 2px 0px 0px rgba(255, 255, 255, 0.24);
256
box-shadow:         2px 2px 0px 0px rgba(255, 255, 255, 0.24);
257
display:inline-block;
258
}
259
260
a.first, a.first:link, a.first:active, a.first:visited  {
261
font-family: tahoma;
262
font-size:10pt; 
263
width:50px;
264
height:65px;
265
line-height:65px; 
266
-moz-border-radius-bottomright: 90px;
267
-webkit-border-bottom-right-radius: 90px;
268
border-bottom-right-radius: 90px;
269
-webkit-transform: rotate(270deg);
270
-moz-transform: rotate(270deg);
271
-o-transform: rotate(270deg);
272
writing-mode: lr-tb;
273
} 
274
 
275
a.first:hover {   
276
-webkit-box-shadow: 43px 43px 0px -24px rgba(242, 243, 233, 1);
277
-moz-box-shadow:    43px 43px 0px -24px rgba(242, 243, 233, 1);
278
box-shadow:         43px 43px 0px -24px rgba(242, 243, 233, 1);
279
} 
280
 
281
a.second, a.second:link, a.second:active, a.second:visited  {
282
font-family: arial narrow;
283
font-size:8pt; 
284
width:38PX;
285
height:20PX;
286
line-height:20PX;  
287
-webkit-border-radius: 180px;
288
-moz-border-radius: 180px;
289
border-radius: 180px;
290
} 
291
 
292
a.second:hover {  }
293
294
295
a.conn, a.conn:link, a.conn:active, a.conn:visited {
296
font-family: 'Economica', sans-serif;
297
font-size:9pt; 
298
line-height:110%;
299
display:block;
300
margin-bottom:2px;
301
border-width: 2px 10px 2px 10px;
302
border-style:solid;
303
}
304
305
a.conn:hover {  }
306
307
.lyric, lyric, .lyric2, lyric2, .lyric3, lyric3  {
308
font-family:times; 
309
line-height:80%;
310
padding:0px;
311
margin:0px;
312
letter-spacing:0pt; 
313
}
314
315
.lyric, lyric { font-size:16pt; }   
316
.lyric2, lyric2 { font-size:9pt; }   
317
.lyric3, lyric3 { font-size:13pt; letter-spacing:1pt; }    
318
  
319
.h1, .h2, .h3,  .h4, .h5, .h6, .h7, .h8, .h9, .h10, .h11, .h12, .h13, .h14, h1, h2, h3, h4, h5, h6, h7, h8, h9, h10, h11, h12, h13, h14 {
320
line-height:100%;
321
text-align:center;
322
display:block;
323
font-size: 11pt ;
324
padding:0px;
325
margin:0px;
326
letter-spacing:0pt; 
327
text-decoration:none; 
328
text-transform:uppercase;
329
}
330
 .h1, h1, .h2, h2  { 
331
-moz-border-radius-topleft: 90px;
332
-webkit-border-top-left-radius: 90px;
333
 border-top-left-radius: 90px;
334
-moz-border-radius-topright: 90px;
335
-webkit-border-top-right-radius: 90px;
336
border-top-right-radius: 90px; 
337
}
338
339
.h1, h1   {
340
font-family: 'Bangers', cursive;
341
font-size:14pt;
342
padding:5px 0px 2px 0px;
343
}
344
345
.h2, h2   {
346
font-family:"Trebuchet MS", Helvetica, sans-serif;
347
font-size: 9pt ;
348
padding:7px 0px 2px 0px; 
349
-webkit-transform: rotate(180deg);
350
-moz-transform: rotate(180deg);
351
-o-transform: rotate(180deg);
352
writing-mode: lr-tb;
353
} 
354
355
.h3, h3 {  
356
font-family: 'Special Elite', cursive; 
357
font-size:9pt;
358
text-align:right;  
359
letter-spacing:1pt;
360
margin:2px 0px 2px 10px; 
361
padding:8px 2px; 0px 0px;
362
-moz-border-radius-topleft: 90px;
363
-webkit-border-top-left-radius: 90px; 
364
border-top-left-radius: 90px;
365
}
366
367
.h4, h4 { 
368
font-family: copperplate gothic light;  
369
margin:0px 0px 2px 10px;
370
border-top:4px double;
371
}
372
373
.h5, h5 { 
374
font-family:courier new; 
375
font-size:8pt; 
376
padding-left:5px; 
377
margin-left:5px; 
378
border-left:2px solid; 
379
text-align:left;  
380
word-spacing:-2px;
381
}
382
383
.h6, h6 {  
384
padding-top:5px;
385
font-size:12pt; 
386
font-family: 'Iceland', cursive;
387
}
388
389
.h7, h7 {
390
font-family: arial narrow; 
391
font-size:10pt;
392
margin:10px 0px 10px 20px;
393
text-align:right; 
394
line-height:20%; 
395
border-width: 4px 0px 4px 0px; 
396
border-style:solid;
397
text-shadow: 4px 4px 2px rgba(0, 0, 0, 1);
398
}
399
 
400
.h8, h8 {
401
font-size:9pt;
402
line-height:120%; 
403
padding:5px 5px 5px 0px; 
404
margin:10px 0px;
405
text-align:right; 
406
letter-spacing:2pt; 
407
border:10px double;
408
-moz-border-radius-topleft: 90px;
409
-webkit-border-top-left-radius: 90px;
410
border-top-left-radius: 90px;
411
text-shadow: -1px -1px 0px rgba(0, 0, 0, 1);
412
}
413
414
.h9, h9 {
415
font-family: 'Aguafina Script', cursive;
416
font-size:10pt;
417
padding:5px 5px 0px 0px; 
418
margin:0px;
419
text-align:right;  
420
line-height:110%; 
421
border-width: 4px 0px 4px 0px; 
422
border-style:double;
423
text-transform:Capitalize;
424
}
425
426
.h10, h10 { 
427
font-family: 'Francois One', sans-serif;
428
font-size:10pt; 
429
height:20px; 
430
line-height:20px; 
431
}
432
433
.h11, h11 { 
434
font-size:7pt; 
435
font-family:arial narrow; 
436
margin:5px 0px; 
437
padding:10px 5px;   
438
}
439
440
.h12, h12 { 
441
font-family: 'Economica', sans-serif;
442
font-size:9pt; 
443
line-height:110%;
444
}
445
446
.h13, h13 { 
447
font-family:georgia;
448
font-size:13pt; 
449
line-height:100%;  
450
padding:5px 0px; 
451
margin:5px 0px;  
452
text-transform:capitalize;  
453
}
454
455
.h14, h14 { 
456
font-family:georgia; 
457
font-size:8pt; 
458
padding:5px 0px; 
459
margin:5px 0px; 
460
line-height:100%;  
461
text-align:center;
462
border-left:75px solid; 
463
border-right:75px solid;
464
-webkit-border-radius: 90px;
465
-moz-border-radius: 90px;
466
border-radius: 90px;
467
}    
468
469
.about6Title  { 
470
font-size:14pt; 
471
font-family: 'Candal', sans-serif; 
472
width:321px; 
473
height:26px; 
474
line-height:26px; 
475
text-align:right;
476
padding:0px 5px 0px 0px; 
477
text-transform: capitalize;
478
letter-spacing:-1pt;
479
margin:10px;
480
display:block;
481
overflow:hidden;
482
border:2px dotted;
483
}
484
485
.cite {font-size:0pt; visibility:hidden!important; display:none!important; color:transparent;}
486
487
.vicarious { Div/Img Style Classes } 
488
489
.vicframeimg  > a  { 
490
width: 180px; 
491
height:300px;
492
padding:10px; 
493
left:25px;
494
top: 100px;
495
display: block;
496
position: absolute;
497
overflow:hidden;
498
z-index: 5;
499
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
500
filter: alpha(opacity=0);
501
opacity: 0;
502
transition: opacity 1s ease-in-out, z-index 0.5s ease-in-out;
503
-webkit-transition:  opacity 1s ease-in-out, z-index 0.5s ease-in-out;
504
-moz-transition:  opacity 1s ease-in-out, z-index 0.5s ease-in-out;
505
-ms-transition:   opacity 1s ease-in-out, z-index 0.5s ease-in-out;
506
-o-transition: opacity 1s ease-in-out, z-index 0.5s ease-in-out;
507
-webkit-border-radius: 20px;
508
-moz-border-radius: 20px;
509
border-radius: 20px;
510
}
511
   
512
.vicframeimg >  a:target  { 
513
display: block;
514
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
515
filter: alpha(opacity=100);
516
opacity: 1;
517
z-index: 1001; 
518
}
519
520
.vicframe  {
521
left:0%;
522
top:0%;
523
position:fixed;  
524
overflow:none;
525
z-index:1;   
526
height:100%;
527
width:250px;
528
margin-left:0px;
529
margin-top:0px;
530
text-align:left; 
531
-moz-border-radius-topright: 90px;
532
-webkit-border-top-right-radius: 90px;
533
border-top-right-radius: 90px;
534
-moz-border-radius-bottomright: 5px;
535
-webkit-border-bottom-right-radius: 5px;
536
border-bottom-right-radius: 5px;
537
-moz-border-radius-bottomleft: 5px;
538
-webkit-border-bottom-left-radius: 5px;
539
border-bottom-left-radius: 5px; 
540
}
541
542
.viccontrol { 
543
margin-left:0px;
544
margin-top:0px;
545
overflow:hidden; 
546
}
547
548
.linkage, vicframe:hover .linkage {
549
transition:All 1s linear;
550
-webkit-transition:All 1s linear;
551
-moz-transition:All 1s linear;
552
-o-transition:All 1s linear;
553
}
554
555
.linkage {
556
left:0%;
557
bottom:0%;
558
position:fixed;   
559
z-index:100;  
560
width:250px;
561
height:50px;
562
overflow:none; 
563
margin-bottom:-500px;
564
margin-left:0px;
565
text-align:center;
566
}
567
568
.vicframe:hover .linkage { margin-bottom:10px; }
569
570
.backcoloring { 
571
left:0%;
572
top:0%;
573
position:fixed;   
574
z-index:-1;  
575
width:100%;
576
height:100%;
577
overflow:hidden; 
578
margin-top:0px;
579
margin-left:1215px; 
580
-webkit-transition: all 1s ease-out 0s;
581
-moz-transition: all 1s ease-out 0s;
582
-ms-transition: all 1s ease-out 0s;
583
-o-transition: all 1s ease-out 0s;
584
transition: all 1s ease-out 0s;
585
}
586
587
.TcapL, .TcapR, .BcapL, .BcapR { height:50px; }
588
.TcapL { -moz-border-radius-topleft: 90px; -webkit-border-top-left-radius: 90px; border-top-left-radius: 90px;}  
589
.TcapR{-moz-border-radius-topright: 90px;-webkit-border-top-right-radius: 90px;border-top-right-radius: 90px;}
590
.BcapL {-moz-border-radius-bottomleft: 90px;-webkit-border-bottom-left-radius: 90px;border-bottom-left-radius: 90px;}
591
.BcapR{ -moz-border-radius-bottomright: 90px;-webkit-border-bottom-right-radius: 90px;border-bottom-right-radius: 90px;}
592
 
593
594
.about, .about2, .about3, .about4, .about5, .about6Text, .about7  { 
595
overflow:auto;
596
text-align:justify;
597
} 
598
599
.about, .about2, .about3, .about5 { 
600
padding:5px;  
601
} 
602
603
.about { width:280px; height:223px; margin:5px; }
604
.about2 { width:280px; height:145px; margin:5px; }
605
.about3 { width:265px; height:100px; margin-left:5px; border-width:10px 10px 0px 10px; border-style:solid; }
606
.about4 { float:right; width:205px; height:49px; padding:5px; margin:0px 10px 10px 5px ; word-spacing:-2px; }
607
.about5 { width:280px; height:150px; margin:5px; }
608
609
.about6 { 
610
width:350px; 
611
height:190px; 
612
overflow:hidden;
613
padding:0px; 
614
margin: 5px 5px 5px 5px; 
615
border:5px solid; 
616
}
617
618
.about6Text { 
619
width:306px; 
620
height:121px; 
621
padding:0px 10px; 
622
margin:10px; 
623
border:2px dotted ; 
624
}
625
626
.about7 { 
627
float:left; 
628
width:195px; 
629
height:205px;
630
padding:0px 5px; 
631
margin:15px; 
632
border:5px double; 
633
} 
634
635
.about8 { 
636
width:420px; 
637
height:50px;
638
padding:0px 5px; 
639
margin:25px;
640
overflow:auto; 
641
}
642
643
.about8frame { 
644
 width:480px; 
645
height:100px; 
646
border:10px solid;
647
overflow:hidden;
648
-moz-border-radius-topleft: 90px;
649
-webkit-border-top-left-radius: 90px;
650
 border-top-left-radius: 90px;
651
-moz-border-radius-bottomright: 90px;
652
-webkit-border-bottom-right-radius: 90px;
653
border-bottom-right-radius: 90px;
654
}
655
656
.mini { 
657
width:200px; 
658
height:155px; 
659
overflow-x:hidden; 
660
overflow-y:auto;
661
}
662
663
.owes { 
664
width:160px;
665
height:60px;  
666
padding:0px; 
667
margin:0px 5px;
668
overflow:auto;
669
text-align:left; 
670
line-height:160%;
671
word-spacing:-2px;
672
}
673
674
.stats {
675
width:170px; 
676
height:290px; 
677
padding:5px; 
678
overflow:auto;
679
word-spacing:-2px;
680
}
681
682
.wallpaper { 
683
width:300px; 
684
height:162px; 
685
overflow:hidden; 
686
text-align:center;
687
background-repeat:repeat; 
688
background-position:center; 
689
} 
690
691
.picset { 
692
float:left;
693
width:180px;
694
height:62px;
695
margin-left:25px; 
696
display:inline-block; 
697
overflow:hidden;
698
} 
699
700
.lyricset { 
701
margin-top:5px;
702
padding:10px 0px; 
703
border-top:14px double; 
704
}  
705
706
.hbox1, .hbox2, .hbox3, .hbox4 { overflow:hidden; }
707
.hbox1a, .hbox3a { word-spacing:-2px; }
708
.hbox1a p, .hbox3a p { word-spacing:-2px; }
709
.hbox2, .hbox3, .hbox4 { margin:0px; padding:0px; } 
710
711
.hbox1 { height:85px; width:180px; margin:0px 4px;  border:10px solid; }
712
.hbox2 { width:245px; height:300px; }
713
.hbox3 { height:145px; width:145px; }
714
.hbox4 { width:245px; height:300px;  border:10px solid; }
715
716
.hbox1a, .hbox2a, .hbox3a { 
717
overflow:hidden; 
718
text-align:justify;
719
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
720
filter: alpha(opacity=0);
721
opacity: 0;
722
-webkit-transition: all 1s ease-out 0s;
723
-moz-transition: all 1s ease-out 0s;
724
-ms-transition: all 1s ease-out 0s;
725
-o-transition: all 1s ease-out 0s;
726
transition: all 1s ease-out 0s;
727
}
728
729
.hbox1a { width:180px;height:85px;} 
730
.hbox3a { width:135px; height:135px; padding:5px; }
731
.hbox2a { width:235px; height:300px; padding:0px 5px; }   
732
733
.Hbox1a:hover, .Hbox2a:hover , .Hbox3a:hover      {
734
 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
735
filter: alpha(opacity=100);
736
opacity: 1;
737
overflow:auto;
738
}
739
740
.img3T {
741
float:right; 
742
width:170px; 
743
height:100px; 
744
overflow:none; 
745
text-align:right;  
746
margin:0px 10px 10px 0px;
747
}
748
749
.title1 {
750
margin:5px 0px 0px 5px;
751
width:275px;  
752
height:20px; 
753
line-height:20px;
754
border-width:0px 10px 10px 10px; 
755
border-style:solid; 
756
-moz-border-radius-topleft: 90px;
757
-webkit-border-top-left-radius: 90px;
758
 border-top-left-radius: 90px;
759
-moz-border-radius-topright: 90px;
760
-webkit-border-top-right-radius: 90px;
761
border-top-right-radius: 90px;
762
}
763
764
.img1, .img2, .img3, .img4, .img5, .img6, .img7, .img8a, .img8b, .img9a, .img9b, .img10, .img11, .img12  { 
765
overflow:hidden;
766
}
767
768
.img1 { width:50px; height:50px; border:2px solid; margin:5px; } 
769
.img2 { width:280px; height:200px; margin:10px; }
770
.img3 { float:left; width:100px; height:100px; margin:0px 0px 10px 10px; } 
771
.img4 { margin-top:10px; padding:0px 2px; border:double 4px ; }
772
.img5 { margin-top:100px; margin-left:25px; height:200px; width:200px; -webkit-border-radius: 180px; -moz-border-radius: 180px; border-radius: 180px; }
773
.img6 { float:right; margin:25px; height:200px; width:200px; -webkit-border-radius: 180px; -moz-border-radius: 180px; border-radius: 180px; }
774
.img7 { width:100px; height:100px; margin:15px 10px 5px 25px; border:5px solid; -webkit-box-shadow: -14px -14px 0px 0px rgba(0, 0, 0, 1); -moz-box-shadow: -14px -14px 0px 0px rgba(0, 0, 0, 1); box-shadow:  -14px -14px 0px 0px rgba(0, 0, 0, 1);}
775
.img8a, .img8b { width:50px; height:50px; border:5px solid; }
776
.img8a, .img9b {  margin: 5px 0px 5px 5px;}
777
.img8b, .img9a {  margin: 5px 5px 5px 0px;}
778
.img9a, .img9b { width:50px; height:190px; border:5px solid; }
779
.img10 { width:115px; height:115px;  margin:10px; border: 5px solid; }
780
.img11 { width:50px; height:50px; border:2px solid; -webkit-box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.75); box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.75); }
781
.img12 {  width:170px; height:70px; margin:10px; border:5px solid; } 
782
783
784-
.vicarious { COLOR PALETTE } 
784+
785
 
786-
.vicarious { Scrollbar } 
786+
.vicarious { COLOR PALETTE }
787
 
788-
::-webkit-scrollbar-thumb {background-color:f2f3e9;   border-color:000000 ;} 
788+
.vicarious { Scrollbar }
789
::-webkit-scrollbar-track {background-color:000000 ; border-color:000000 ;}  
790-
.vicarious { Dark text colors } 
790+
::-webkit-scrollbar-thumb {background-color:f2f3e9;   border-color:000000 ;}
791
 
792
.vicarious { Dark text colors }
793
a, a:link, a:active, a:visited, a:hover, td.text, table, tr, td, li, div, input, p  { color:1f1f1f; }
794
B, .B3, B3, em, a.second, a.second:link, a.second:active, a.second:visited, a.conn, a.conn:link, a.conn:active, a.conn:visited, .h1, h1, .h5, h5, .h9, h9, .h11, h11, .h13, h13 { color:000000;}
795-
.vicarious { Light text color } 
795+
796
 
797
.vicarious { Light text color }
798
.about3, .about3 p, .about4, .about4 p, .B2, B2,  .strong, strong, small, big,a.first, a.first:link, a.first:active, a.first:visited, a.second:hover, a.conn:hover, .lyric, lyric, .lyric2, lyric2, .lyric3, lyric3, .h2, h2, .h6, h6, .h7, h7, .h8, h8, .h10, h10, .h12, h12, .h14, h14 { color:f2f3e9; }
799-
.vicarious { Dark border colors } 
799+
800-
.vic_table, .about6Title,  .about6Text, .about7, .about8frame, .hbox4, .img4, .img7, .img12, a.conn, a.conn:link, a.conn:active, a.conn:visited, .h4, h4, .h5, h5, .h7, h7, .h8, h8, .h9, h9  { border-color: #000000; }
800+
801-
big { border-color: #333333; }
801+
.vicarious { Dark border colors }
802
.vic_table, .about6Title,  .about6Text, .about7, .about8frame, .hbox4, .img4, .img7, .img12, a.conn, a.conn:link, a.conn:active, a.conn:visited, .h4, h4, .h5, h5, .h7, h7,  .h9, h9  { border-color: #000000; }
803-
.vicarious { Light border color } 
803+
.h8, h8, big { border-color: #c80000; }
804
 
805
.vicarious { Light border color }
806
.about3, .about6,  .hbox1,  .lyricset, .title1, .img1, .img8a, .img8b, .img9a, .img9b, .img10, .img11, a.conn:hover, .h14, h14  { border-color: #f2f3e9 ; }
807
 
808-
.vicarious { Light background } 
808+
809
 
810
.vicarious { Light background }
811-
.vicarious { Dark background } 
811+
812-
.vic_table, .vicframe, .backcoloring, .TcapL, .TcapR, .BcapL, .BcapR, .about6, .about4, .B2, B2, .strong, strong, a.second:hover, a.conn:hover, small, big, .h2, h2, .h3, h3, .h6, h6, .h7, h7, .h10, h10, .h12, h12  { background-color:000000; }
812+
813
.vicarious { Dark background }
814-
.vicarious { Dark/Light mixed background. }   
814+
.vic_table, .vicframe, .backcoloring, .TcapL, .TcapR, .BcapL, .BcapR, .about6, .about4, .B2, B2, .strong, strong, a.second:hover, a.conn:hover, small, big, .h2, h2, .h3, h3, .h6, h6, .h7, h7, .h10, h10, .h12, h12  { background-color:c80000; }
815
 
816
.vicarious { Dark/Light mixed background. }  
817
.h8, h8 {
818-
background: -webkit-linear-gradient(65deg, rgb(242, 243, 233) 33%, rgb(0, 0, 0) 0%);
818+
819-
background: -o-linear-gradient(65deg, rgb(242, 243, 233) 33%, rgb(0, 0, 0) 0%);
819+
background: -moz-linear-gradient(65deg, rgb(242, 243, 233) 33%, rgb(200, 0, 0) 0%);
820-
background: -ms-linear-gradient(65deg, rgb(242, 243, 233) 33%, rgb(0, 0, 0) 0%);
820+
background: -webkit-linear-gradient(65deg, rgb(242, 243, 233) 33%, rgb(200, 0, 0) 0%);
821-
background: linear-gradient(155deg, rgb(242, 243, 233) 33%, rgb(0, 0, 0) 0%);
821+
background: -o-linear-gradient(65deg, rgb(242, 243, 233) 33%, rgb(200, 0, 0) 0%);
822
background: -ms-linear-gradient(65deg, rgb(242, 243, 233) 33%, rgb(200, 0, 0) 0%);
823
background: linear-gradient(155deg, rgb(242, 243, 233) 33%, rgb(200, 0, 0) 0%);
824
}
825
 
826
827
 .vicarious{ Hide Codes }
828
.profileInfo, .userProfileURL, .friendsComments, .blurbs, .blacktext12, .friendSpace, .contactTable, .extendedNetwork, .latestBlogEntry, .interestsAndDetails, .userprofiledetail, .userAlbums, 
829
830
.whitetext12, .orangetext15, .lightbluetext8, .navigationBar, .profile, table tr td[id='footerWarpper'] { display:none !important;visibility:hidden!important; }
831
table table table table td {width:0px;}
832
.contactTable td, table table td.text table td,table table table table table td {width:auto;}
833
div div select, div div form {display:none !important;}
834
select { visibility:hidden!important; WIDTH:0px!important;}
835
table div {display:none;}table table div {display:block;}
836
.navigationBar { display: none; }
837
div[id="googlebar"],div div select{opacity:0;filter:alpha(opacity=0);display:none !important;position:absolute !important; bottom:2000px !important;}
838
.profileInfo tr tr td { visibility:hidden; }
839
.profileInfo td.text { visibility:visible; }
840
.vicarious {Layouts available @ http://vicarious-hs.tumblr.com/}
841
</style>
842
 
843
</td></tr></table><table style="display:none"><tr><td>
844
 
845
 
846
847
-----------------------------LIKE TO MEET------------------------------
848
  
849
 </td></tr></table></td></tr></table><table class="viclike2meet_table"><tr><td valign="top" align="center"><table><tr><td>
850
851
<font class="cite">The above table marker MUST REMAIN where it is. </font>
852
853
854
</td></tr></table><table class="vic_table" style="border:0px; background-color:transparent;"><tr><td><div class="TCapL"></DIV>
855
856
</td></tr></table><table class="vic_table"><tr><td>
857
 
858
<img class="img2" src="http://i57.tinypic.com/sw74fl.jpg"><BR>
859
860
<img class="img3" src="http://i61.tinypic.com/34g7r4j.jpg">
861
862
 
863
864
<div class="img3T">
865
866
<font class="h3">Role Play Agenda</font>
867
868
<font class="h4"></font>
869
870
<div class="owes">  
871
 
872
<small>Starters » </small> Name here, Name here, Name here
873
<BR>
874
<small>Comments » </small> Name here, Name here, Name here
875
876
</div></div>
877
 
878
</td></tr></table><table class="vic_table"><tr><td>
879
880
<div class="about">
881
882
<p><img class="img7" src="http://i62.tinypic.com/2gum8fm.jpg" align=left> 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. 
883
884
<p>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. 
885
886
</div>
887
888
</td></tr></table><table class="vic_table"><tr><td> 
889
890
<font class="h9">Descending, unending and still I’m pretending</font>
891
892
<div class="wallpaper" style="background-image:url(http://i61.tinypic.com/2znub2f.jpg);">
893
894
<img class="img4" src="http://i57.tinypic.com/dcuxd.jpg">
895
<img class="img4" src="http://i57.tinypic.com/o08gzq.jpg">
896
<img class="img4" src="http://i60.tinypic.com/2uynhhk.jpg">
897
<img class="img4" src="http://i59.tinypic.com/3483wxu.jpg"> 
898
899
</div> 
900
901
</td></tr></table><table class="vic_table"><tr><td>
902
903
<font class="h8">Short Title Here</font> 
904
905
 
906
<div class="about2">
907
908
<p>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. 
909
910
<p>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.   
911
912
</div>
913
914
915
 
916
 
917
<img class="img1" style="float:left;" src="http://i61.tinypic.com/33x78ty.jpg"> 
918
 
919
<div class="about4">
920
921
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.Lorem ipsum dolor sit.
922
923
</div>
924
 
925
926
</td></tr></table><table class="vic_table"><tr><td> 
927
928
 <font class="h11">Butterflies in a Jar ● Clip Their Wings ● Snip-Snip</font> 
929
930
931
</td></tr></table><table class="vic_table"><tr><td> 
932
933
<div class="hbox3" style="float:left;margin-bottom:10px; background-image:url(http://i60.tinypic.com/auzebn.jpg);">  
934
935
<div class="hbox3a"> 
936
<font class="h12">Title or Name</font> 
937
<p>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.
938
939
</div></div>
940
941
<div class="hbox3" style="float:right; margin-bottom:10px;background-image:url(http://i60.tinypic.com/auzebn.jpg);">  
942
943
<div class="hbox3a"> 
944
<font class="h12">Title or Name</font> 
945
<p>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.
946
947
</div></div>
948
949
950
 
951
952
<div class="hbox3" style="float:left;background-image:url(http://i60.tinypic.com/auzebn.jpg);">
953
954
<div class="hbox3a"> 
955
<font class="h12">Title or Name</font> 
956
<p>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.
957
958
</div></div>
959
960
<div class="hbox3" style="float:right;background-image:url(http://i60.tinypic.com/auzebn.jpg);">
961
962
<div class="hbox3a"> 
963
<font class="h12">Title or Name</font> 
964
<p>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.
965
966
</div></div>
967
968
</td></tr></table><table class="vic_table"><tr><td> 
969
970
<font class="h1">Don’t they know I’m a predator?</font> 
971
 
972
973
<div class="about5"> 
974
975
<p>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. 
976
977
<p>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.   
978
979
</div>
980
981
<div class="colorize">
982
<font class="h2">Don’t they know they are the prey?</font>
983
</div>
984
985
</td></tr></table><table class="vic_table" style="border:0px; background-color:transparent;"><tr><td><div class="BCapL"></DIV> 
986
 
987
-----------------------------INTERESTS---------------------------------
988
989
</td></tr></table></td></tr></table><table class="vicinterests_table"><tr><td valign="top" align="center"><table><tr><td> 
990
991
<font class="cite">The above table marker MUST REMAIN where it is. </font>
992
993
</td></tr></table><table class="vic_table" style="border:0px; background-color:transparent;"><tr><td><div class="TCapR"></DIV> 
994
995
</td></tr></table><table class="vic_table"><tr><td>
996
997
<table><tr><td>
998
999
<img class="img8a" src="http://i57.tinypic.com/35i24gp.jpg"> 
1000
<img class="img8a" src="http://i57.tinypic.com/35i24gp.jpg">
1001
<img class="img8a" src="http://i57.tinypic.com/35i24gp.jpg">
1002
1003
</td><td><div class="about6">
1004
1005
<div class="about6Title">title goes here</div>
1006
1007
<div class="about6Text">
1008
<p>For pictures that are not marked with sizes, refer to the below:
1009
<p>The square images on the first and last text tables on the right side of the profile (swirls and strobes), the three images to the left of 'If I'm a danger to myself' and the same pic located under the 'Short Title Here' section are all 50px width by 50px height.
1010
<p>The small images of buildings on the first and last tables  on the right side of the profile are 50px width by 190px height; 
1011
<p>The area size for the image beneath "Living is a bloody business" is 180px width by 85px height.
1012
<p>The area size for the image above "The pestilence of decadence" is 170px width by 70px height. 
1013
<p>The image on the left sidebar (circle) is 200px width by 200px height. 
1014
1015
<p><B>Bold</b> <font class="b2">Bold2</font> <font class="b3">Bold3</font> <i>Italic</i> <font class="strong">Strong</font> <font class="u">Underline</font> 
1016
<font class="strike">Strike</font> I code for all sites.  If you are on a site like that allows for headers, special text, etc., you can use just the regular font tags with the < > around them instead of the 'font class' or simply leave them as they are.  They will work either way.
1017
1018
<p>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.
1019
1020
</div></div></td><td>
1021
1022
<img class="img9a" src="http://i62.tinypic.com/fbde8p.jpg">
1023
 
1024
</td></tr></table>
1025
1026
 
1027
1028
</td></tr></table><table class="vic_table"><tr><td>
1029
 
1030
<table><tr><td>
1031
1032
<img class="img10" src="http://i58.tinypic.com/14ihk41.jpg">  
1033
1034
</td><td>
1035
1036
<font class="h10">Living is a bloody business</font> 
1037
1038
<div class="hbox1" style="background-image:url(http://i61.tinypic.com/4uwi3d.jpg);">
1039
1040
<div class="hbox1a"> 
1041
<p>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.
1042
1043
</div></div>
1044
 
1045
<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20">
1046
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
1047-
    <param name="bgcolor" value="#000000" />
1047+
    <param name="bgcolor" value="#c80000" />
1048-
    <param name="FlashVars" value="mp3=http%3A//k007.kiwi6.com/hotlink/e9xqmhfr86/ht.mp3&autoplay=1&bgcolor=000000&loadingcolor=f2f3e9&buttoncolor=f2f3e9&slidercolor=f2f3e9" />
1048+
    <param name="FlashVars" value="mp3=http%3A//k007.kiwi6.com/hotlink/e9xqmhfr86/ht.mp3&autoplay=1&bgcolor=c80000&loadingcolor=f2f3e9&buttoncolor=f2f3e9&slidercolor=f2f3e9" />
1049
</object>
1050
1051
</td><td>
1052
1053
<img class="img10" src="http://i58.tinypic.com/14ihk41.jpg">  
1054
1055
</td></tr></table>
1056
 
1057
1058
</td></tr></table><table class="vic_table" style="border:0px; background-color:transparent!important;"><tr><td>
1059
1060
<div class="picset">
1061
1062
<img class="img11" src="http://i61.tinypic.com/33x78ty.jpg">
1063
<img class="img11" src="http://i61.tinypic.com/33x78ty.jpg">
1064
<img class="img11" src="http://i61.tinypic.com/33x78ty.jpg">
1065
1066
1067
</div>
1068
1069
<big>If I’m a danger to myself...</big>  
1070
<em>Just think what I could do to you</em>
1071
1072
</td></tr></table><table class="vic_table"><tr><td>
1073
1074
<table><tr><td><div class="mini">
1075
1076
<img class="img12" src="http://i61.tinypic.com/110m4qr.jpg">
1077
1078
<font class="h5">
1079
The pestilence of decadence
1080
<BR>I worship my emptiness
1081
<BR>I’m ravaged by the damages of this hell 
1082
1083
</font></div></td><td>
1084
1085
<div class="about3">
1086
1087
<p>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.
1088
 
1089
</div><div class="title1">
1090
1091
<font class="h6">a title goes here</font>
1092
1093
</div></td></tr></table>
1094
1095
 
1096
</td></tr></table><table class="vic_table"><tr><td>
1097
1098
<div class="lyricset">
1099
1100
<font class="lyric">Hush little baby don’t make a sound </font>
1101
<font class="lyric2">Hush little baby don't make a move</font>
1102
<font class="lyric3">This is gonna hurt me more than you</font>
1103
1104
</div>
1105
1106
1107
</td></tr></table><table class="vic_table"><tr><td>
1108
1109
<div class="about7">
1110
1111
<p>Lorem ipsum dolor sit amet,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.
1112
1113
<p>Lorem ipsum dolor sit amet,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.
1114
1115
</div>
1116
1117
<img class="img6" src="http://i61.tinypic.com/14ctafl.jpg">
1118
1119
1120
1121
</td></tr></table><table class="vic_table"><tr><td>
1122
 
1123
<font class="h13">Follow this simple rule:  Do it to them before they do it to you</font>
1124
 
1125
1126
</td></tr></table><table class="vic_table"><tr><td>
1127
1128
<div class="about8frame">
1129
1130
<div class="about8">
1131
1132
<p>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.
1133
1134
<p>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.
1135
1136
1137
</div></div>
1138
1139
1140
</td></tr></table><table class="vic_table"><tr><td>
1141
1142
<font class="h14">Just another lonely chapter in the book of lies</font>
1143
 
1144
1145
1146
</td></tr></table><table class="vic_table"><tr><td>
1147
 
1148
<table><tr><td>
1149
1150
<div class="hbox2" style="background-image:url(http://i61.tinypic.com/e5n5ad.jpg);">
1151
1152
<div class="hbox2a"> 
1153
<font class="h12">Title or Name</font> 
1154
<p>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.
1155
1156
1157
</div></div></td><td>
1158
1159
1160
<div class="hbox2" style="background-image:url(http://i57.tinypic.com/t66qzd.jpg);">
1161
1162
<div class="hbox2a"> 
1163
<font class="h12">Title or Name</font> 
1164
<p>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.
1165
1166
</div></div></td></tr></table>
1167
1168
1169
1170
1171
</td></tr></table><table class="vic_table"><tr><td>
1172
 
1173
<table><tr><td>
1174
1175
<img class="img9b" src="http://i60.tinypic.com/jjnz7q.jpg">
1176
 
1177
</td><td><div class="about6">
1178
1179
<div class="about6Title">title goes here</div>
1180
1181
<div class="about6Text">
1182
1183
<p>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. 
1184
1185
1186
</div></div></td><td>
1187
1188
<img class="img8b" src="http://i62.tinypic.com/23w2yrb.jpg"> 
1189
<img class="img8b" src="http://i62.tinypic.com/23w2yrb.jpg"> 
1190
<img class="img8b" src="http://i62.tinypic.com/23w2yrb.jpg"> 
1191
1192
</td></tr></table>
1193
 
1194
1195
</td></tr></table><table class="vic_table" style="border:0px; background-color:transparent;"><tr><td><div class="BCapR"></DIV> 
1196
1197
 
1198
-----------------------------MUSIC---------------------------------
1199
1200
  </td></tr></table><table><tr><td>  
1201
1202
<div class="backcoloring"></div><div class="vicframe"><div class="viccontrol">
1203
1204
1205
<a class="first" href="#pg1">I</a> 
1206
<a class="first" href="#pg2">II</a> 
1207
<a class="first" href="#pg3">III</a> 
1208
<a class="first" href="#pg4">IV</a> 
1209
1210
</div>
1211
1212
1213
<img class="img5" src="http://i62.tinypic.com/2vd038z.jpg">
1214
1215
1216
<div class="vicframeimg"><a id="pg1" href="#"><div class="stats">
1217
 
1218
<p><font class="h3">Personality</font>
1219
<BR><b>Traits:</b> Input Info
1220
<BR><b>Disorders:</b> Input Info
1221
<BR><b>Addictions:</b> Input Info
1222
<BR><b>Likes:</b> Input Info
1223
<BR><b>Dislikes:</b> Input Info
1224
<BR><b>Quirks:</b> Input Info
1225
1226
</div></a><a id="pg2" href="#"><div class="stats">
1227
1228
<p><font class="h3">Legal</font>
1229
<BR><b>NAME:</b> Input info
1230
<BR><b>NICKNAMES:</b> Input info
1231
<BR><b>ALIASES:</b> Input info
1232
<BR><b>DATE OF BIRTH:</b> Input info
1233
<BR><b>PLACE OF BIRTH:</b> Input info
1234
<BR><b>CURRENT RESIDENCE:</b> Input info
1235
 
1236
<p><font class="h3">Physical</font>
1237
<BR><b>ETHNICITY:</b> Input info
1238
<BR><b>HAIR COLOR:</b> Input info
1239
<BR><b>EYE COLOR:</b> Input info
1240
<BR><b>HEIGHT:</b> Input info
1241
<BR><b>WEIGHT:</b> Input info
1242
<BR><b>BIRTHMARKS/SCARS:</b> Input info
1243
1244
1245
</div></a><a id="pg3" href="#"><div class="stats">
1246
1247
<p><font class="h3">Family</font>
1248
<BR><b>MOTHER:</b> Input info
1249
<BR><b>FATHER:</b> Input info
1250
<BR><b>SISTER(S):</b> Input info
1251
<BR><b>BROTHER(S):</b> Input info
1252
<BR><b>Other Family:</b> Input info
1253
 
1254
<p><font class="h3">Relationships</font>
1255
<BR><b>SEXUAL ORIENTATION:</b> Input info
1256
<BR><b>RELATIONSHIP STATUS:</b> Input info
1257
<BR><b>CURRENT RELATIONSHIP(S):</b> Input info
1258
<BR><b>PAST RELATIONSHIP(S):</b> Input info
1259
1260
</div></a><a id="pg4" href="#"><div class="stats">
1261
1262
<p><font class="h3">Education</font>
1263
<BR><b>High School</b> Input Info
1264
<br><b>College</b> Input Info
1265
<br><b>Major</b> Input Info
1266
<br><b>Degree</b> Input Info
1267
 
1268
<p><font class="h3">Employment</font>
1269
<BR><b>OCCUPATION:</b> Input info
1270
<BR><b>JOB DESCRIPTION:</b> Input info
1271
<BR><b>EMPLOYER:</b> Input info
1272
<BR><b>SKILLSET:</b> Input info
1273
1274
1275
</div></a></div><div class="linkage"> 
1276
<a class="second" href="/logincomplete.php">H</a>
1277
<a class="second" href="/invite_friend.php?friend_id=xxxxxx">A</a>
1278
<a class="second" href="/send_message.php?member_id=xxxxxx">M</a>
1279
<a class="second" href="/add_testimonial.php?member_id=xxxxxx">C</a>
1280
<a class="second" href="/gallery.php?member_id=xxxxxx">P</a>
1281
<a class="second" href="/view_member_blog.php?member_id=xxxxxx">B</a>
1282
1283
</div></div>
1284
1285
 
1286
1287
-----------------------------MOVIES---------------------------------
1288
1289
 </td></tr></table></td></tr></table><table class="vicmovies_table"><tr><td valign="top" align="center"><table><tr><td> 
1290
1291
</td></tr></table><table><tr><td>   
1292
 
1293
<div class="hbox4" style="background-image:url(http://i58.tinypic.com/1y4bc9.jpg);">
1294
1295
<div class="hbox2a"> 
1296
<p>In the event that you want to put some straight links to connections somewhere on the layout (in one of the tables, in the hover boxes, etc, use this for the coding:
1297
1298
1299
<a class="conn" href="/#">Name here</a>
1300
<a class="conn" href="/#">Name here</a>
1301
<a class="conn" href="/#">Name here</a>
1302
<a class="conn" href="/#">Name here</a>
1303
 
1304
<p>***IMPORTANT*** Never put links inside a mock J-script treatment section (the black sidebar to the left of this layout) UNLESS you make a table to house those links.  For further instructions, refer back to the original coding.
1305
1306
</div></div>