View difference between Paste ID: ip72Uq3a 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
785
.vicarious { COLOR PALETTE } 
786
787-
::-webkit-scrollbar-track {background-color:000000 ; border-color:000000 ;}  
787+
788-
::-webkit-scrollbar-thumb {background-color:f2f3e9;   border-color:000000 ;} 
788+
::-webkit-scrollbar-track {background-color:3c2c2e ; border-color:3c2c2e ;}  
789
::-webkit-scrollbar-thumb {background-color:b9a3a6;   border-color:3c2c2e ;} 
790
791
.vicarious { Dark text colors } 
792-
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;}
792+
793-
.about6Title { color:1b1b1b; }
793+
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:1d1415;}
794
.about6Title { color:251e1f; }
795
796-
.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; }
796+
797-
 .h3, h3 {color:d6d6d6;}
797+
.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:b9a2a5; }
798
.h3, h3 {color:cabdbf;}
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+
.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: #3b2d2f }
802
big { border-color: #3c2c2e; }
803
804-
.about3, .about6,  .hbox1,  .lyricset, .title1, .img1, .img8a, .img8b, .img9a, .img9b, .img10, .img11, a.conn:hover, .h14, h14  { border-color: #f2f3e9 ; }
804+
805
.about3, .about6,  .hbox1,  .lyricset, .title1, .img1, .img8a, .img8b, .img9a, .img9b, .img10, .img11, a.conn:hover, .h14, h14  { border-color: #a47d83; }
806
807
808
809-
 body, .vicframeimg a, .vicframeimg > a, .about, .about2, .about5, .about6Title,  .about6Text,  .about7, .about8, .about8frame, .mini, .colorize, .wallpaper, .hbox1a, .hbox2a, .hbox3a, .img3T, .img4, a.second, a.second:link, a.second:active, a.second:visited, a.conn, a.conn:link, a.conn:active, a.conn:visited,  .h1, h1, .h9, h9, .h11, h11, .h13, h13 { background-color:f2f3e9; }  
809+
810
 body, .vicframeimg a, .vicframeimg > a, .about, .about2, .about5, .about6Title,  .about6Text,  .about7, .about8, .about8frame, .mini, .colorize, .wallpaper, .hbox1a, .hbox2a, .hbox3a, .img3T, .img4, a.second, a.second:link, a.second:active, a.second:visited, a.conn, a.conn:link, a.conn:active, a.conn:visited,  .h1, h1, .h9, h9, .h11, h11, .h13, h13 { background-color:d3cacb; }  
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
.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:584346; }
814
 
815
.vicarious { Dark/Light mixed background. }   
816-
background: rgb(242, 243, 233);
816+
817
background: rgb(235, 224, 225);
818-
background: -webkit-linear-gradient(65deg, rgb(242, 243, 233) 33%, rgb(0, 0, 0) 0%);
818+
background: -moz-linear-gradient(65deg, rgb(235, 224, 225) 33%, rgb(35, 27, 28) 0%);
819-
background: -o-linear-gradient(65deg, rgb(242, 243, 233) 33%, rgb(0, 0, 0) 0%);
819+
background: -webkit-linear-gradient(65deg, rgb(235, 224, 225) 33%, rgb(35, 27, 28) 0%);
820-
background: -ms-linear-gradient(65deg, rgb(242, 243, 233) 33%, rgb(0, 0, 0) 0%);
820+
background: -o-linear-gradient(65deg, rgb(235, 224, 225) 33%, rgb(35, 27, 28) 0%);
821-
background: linear-gradient(155deg, rgb(242, 243, 233) 33%, rgb(0, 0, 0) 0%);
821+
background: -ms-linear-gradient(65deg, rgb(235, 224, 225) 33%, rgb(35, 27, 28) 0%);
822
background: linear-gradient(155deg, rgb(235, 224, 225) 33%, rgb(35, 27, 28) 0%);
823
}
824
 
825
826
 .vicarious{ Hide Codes }
827
.profileInfo, .userProfileURL, .friendsComments, .blurbs, .blacktext12, .friendSpace, .contactTable, .extendedNetwork, .latestBlogEntry, .interestsAndDetails, .userprofiledetail, .userAlbums, 
828
829
.whitetext12, .orangetext15, .lightbluetext8, .navigationBar, .profile, table tr td[id='footerWarpper'] { display:none !important;visibility:hidden!important; }
830
table table table table td {width:0px;}
831
.contactTable td, table table td.text table td,table table table table table td {width:auto;}
832
div div select, div div form {display:none !important;}
833
select { visibility:hidden!important; WIDTH:0px!important;}
834
table div {display:none;}table table div {display:block;}
835
.navigationBar { display: none; }
836
div[id="googlebar"],div div select{opacity:0;filter:alpha(opacity=0);display:none !important;position:absolute !important; bottom:2000px !important;}
837
.profileInfo tr tr td { visibility:hidden; }
838
.profileInfo td.text { visibility:visible; }
839
.vicarious {Layouts available @ http://vicarious-hs.tumblr.com/}
840
</style>
841
 
842
</td></tr></table><table style="display:none"><tr><td>
843
 
844
 
845
846
-----------------------------LIKE TO MEET------------------------------
847
  
848
 </td></tr></table></td></tr></table><table class="viclike2meet_table"><tr><td valign="top" align="center"><table><tr><td>
849
850
<font class="cite">The above table marker MUST REMAIN where it is. </font>
851
852
853
</td></tr></table><table class="vic_table" style="border:0px; background-color:transparent;"><tr><td><div class="TCapL"></DIV>
854
855
</td></tr></table><table class="vic_table"><tr><td>
856
 
857
<img class="img2" src="http://i57.tinypic.com/sw74fl.jpg"><BR>
858
859
<img class="img3" src="http://i61.tinypic.com/34g7r4j.jpg">
860
861
 
862
863
<div class="img3T">
864
865
<font class="h3">Role Play Agenda</font>
866
867
<font class="h4"></font>
868
869
<div class="owes">  
870
 
871
<small>Starters » </small> Name here, Name here, Name here
872
<BR>
873
<small>Comments » </small> Name here, Name here, Name here
874
875
</div></div>
876
 
877
</td></tr></table><table class="vic_table"><tr><td>
878
879
<div class="about">
880
881
<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. 
882
883
<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. 
884
885
</div>
886
887
</td></tr></table><table class="vic_table"><tr><td> 
888
889
<font class="h9">Descending, unending and still I’m pretending</font>
890
891
<div class="wallpaper" style="background-image:url(http://i61.tinypic.com/2znub2f.jpg);">
892
893
<img class="img4" src="http://i57.tinypic.com/dcuxd.jpg">
894
<img class="img4" src="http://i57.tinypic.com/o08gzq.jpg">
895
<img class="img4" src="http://i60.tinypic.com/2uynhhk.jpg">
896
<img class="img4" src="http://i59.tinypic.com/3483wxu.jpg"> 
897
898
</div> 
899
900
</td></tr></table><table class="vic_table"><tr><td>
901
902
<font class="h8">Short Title Here</font> 
903
904
 
905
<div class="about2">
906
907
<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. 
908
909
<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.   
910
911
</div>
912
913
914
 
915
 
916
<img class="img1" style="float:left;" src="http://i61.tinypic.com/33x78ty.jpg"> 
917
 
918
<div class="about4">
919
920
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.
921
922
</div>
923
 
924
925
</td></tr></table><table class="vic_table"><tr><td> 
926
927
 <font class="h11">Butterflies in a Jar ● Clip Their Wings ● Snip-Snip</font> 
928
929
930
</td></tr></table><table class="vic_table"><tr><td> 
931
932
<div class="hbox3" style="float:left;margin-bottom:10px; background-image:url(http://i60.tinypic.com/auzebn.jpg);">  
933
934
<div class="hbox3a"> 
935
<font class="h12">Title or Name</font> 
936
<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.
937
938
</div></div>
939
940
<div class="hbox3" style="float:right; margin-bottom:10px;background-image:url(http://i60.tinypic.com/auzebn.jpg);">  
941
942
<div class="hbox3a"> 
943
<font class="h12">Title or Name</font> 
944
<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.
945
946
</div></div>
947
948
949
 
950
951
<div class="hbox3" style="float:left;background-image:url(http://i60.tinypic.com/auzebn.jpg);">
952
953
<div class="hbox3a"> 
954
<font class="h12">Title or Name</font> 
955
<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.
956
957
</div></div>
958
959
<div class="hbox3" style="float:right;background-image:url(http://i60.tinypic.com/auzebn.jpg);">
960
961
<div class="hbox3a"> 
962
<font class="h12">Title or Name</font> 
963
<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.
964
965
</div></div>
966
967
</td></tr></table><table class="vic_table"><tr><td> 
968
969
<font class="h1">Don’t they know I’m a predator?</font> 
970
 
971
972
<div class="about5"> 
973
974
<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. 
975
976
<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.   
977
978
</div>
979
980
<div class="colorize">
981
<font class="h2">Don’t they know they are the prey?</font>
982
</div>
983
984
</td></tr></table><table class="vic_table" style="border:0px; background-color:transparent;"><tr><td><div class="BCapL"></DIV> 
985
 
986
-----------------------------INTERESTS---------------------------------
987
988
</td></tr></table></td></tr></table><table class="vicinterests_table"><tr><td valign="top" align="center"><table><tr><td> 
989
990
<font class="cite">The above table marker MUST REMAIN where it is. </font>
991
992
</td></tr></table><table class="vic_table" style="border:0px; background-color:transparent;"><tr><td><div class="TCapR"></DIV> 
993
994
</td></tr></table><table class="vic_table"><tr><td>
995
996
<table><tr><td>
997
998
<img class="img8a" src="http://i57.tinypic.com/35i24gp.jpg"> 
999
<img class="img8a" src="http://i57.tinypic.com/35i24gp.jpg">
1000
<img class="img8a" src="http://i57.tinypic.com/35i24gp.jpg">
1001
1002
</td><td><div class="about6">
1003
1004
<div class="about6Title">title goes here</div>
1005
1006
<div class="about6Text">
1007
<p>For pictures that are not marked with sizes, refer to the below:
1008
<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.
1009
<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; 
1010
<p>The area size for the image beneath "Living is a bloody business" is 180px width by 85px height.
1011
<p>The area size for the image above "The pestilence of decadence" is 170px width by 70px height. 
1012
<p>The image on the left sidebar (circle) is 200px width by 200px height. 
1013
1014
<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> 
1015
<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.
1016
1017
<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.
1018
1019
</div></div></td><td>
1020
1021
<img class="img9a" src="http://i62.tinypic.com/fbde8p.jpg">
1022
 
1023
</td></tr></table>
1024
1025
 
1026
1027
</td></tr></table><table class="vic_table"><tr><td>
1028
 
1029
<table><tr><td>
1030
1031
<img class="img10" src="http://i58.tinypic.com/14ihk41.jpg">  
1032
1033
</td><td>
1034
1035
<font class="h10">Living is a bloody business</font> 
1036
1037
<div class="hbox1" style="background-image:url(http://i61.tinypic.com/4uwi3d.jpg);">
1038
1039
<div class="hbox1a"> 
1040
<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.
1041
1042
</div></div>
1043
 
1044
<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20">
1045
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
1046
    <param name="bgcolor" value="#584346" />
1047-
    <param name="bgcolor" value="#000000" />
1047+
    <param name="FlashVars" value="mp3=http%3A//k007.kiwi6.com/hotlink/e9xqmhfr86/ht.mp3&autoplay=1&bgcolor=584346&loadingcolor=d9d3d4&buttoncolor=d9d3d4&slidercolor=d9d3d4" />
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+
1049
1050
</td><td>
1051
1052
<img class="img10" src="http://i58.tinypic.com/14ihk41.jpg">  
1053
1054
</td></tr></table>
1055
 
1056
1057
</td></tr></table><table class="vic_table" style="border:0px; background-color:transparent!important;"><tr><td>
1058
1059
<div class="picset">
1060
1061
<img class="img11" src="http://i61.tinypic.com/33x78ty.jpg">
1062
<img class="img11" src="http://i61.tinypic.com/33x78ty.jpg">
1063
<img class="img11" src="http://i61.tinypic.com/33x78ty.jpg">
1064
1065
1066
</div>
1067
1068
<big>If I’m a danger to myself...</big>  
1069
<em>Just think what I could do to you</em>
1070
1071
</td></tr></table><table class="vic_table"><tr><td>
1072
1073
<table><tr><td><div class="mini">
1074
1075
<img class="img12" src="http://i61.tinypic.com/110m4qr.jpg">
1076
1077
<font class="h5">
1078
The pestilence of decadence
1079
<BR>I worship my emptiness
1080
<BR>I’m ravaged by the damages of this hell 
1081
1082
</font></div></td><td>
1083
1084
<div class="about3">
1085
1086
<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.
1087
 
1088
</div><div class="title1">
1089
1090
<font class="h6">a title goes here</font>
1091
1092
</div></td></tr></table>
1093
1094
 
1095
</td></tr></table><table class="vic_table"><tr><td>
1096
1097
<div class="lyricset">
1098
1099
<font class="lyric">Hush little baby don’t make a sound </font>
1100
<font class="lyric2">Hush little baby don't make a move</font>
1101
<font class="lyric3">This is gonna hurt me more than you</font>
1102
1103
</div>
1104
1105
1106
</td></tr></table><table class="vic_table"><tr><td>
1107
1108
<div class="about7">
1109
1110
<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.
1111
1112
<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.
1113
1114
</div>
1115
1116
<img class="img6" src="http://i61.tinypic.com/14ctafl.jpg">
1117
1118
1119
1120
</td></tr></table><table class="vic_table"><tr><td>
1121
 
1122
<font class="h13">Follow this simple rule:  Do it to them before they do it to you</font>
1123
 
1124
1125
</td></tr></table><table class="vic_table"><tr><td>
1126
1127
<div class="about8frame">
1128
1129
<div class="about8">
1130
1131
<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.
1132
1133
<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.
1134
1135
1136
</div></div>
1137
1138
1139
</td></tr></table><table class="vic_table"><tr><td>
1140
1141
<font class="h14">Just another lonely chapter in the book of lies</font>
1142
 
1143
1144
1145
</td></tr></table><table class="vic_table"><tr><td>
1146
 
1147
<table><tr><td>
1148
1149
<div class="hbox2" style="background-image:url(http://i61.tinypic.com/e5n5ad.jpg);">
1150
1151
<div class="hbox2a"> 
1152
<font class="h12">Title or Name</font> 
1153
<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.
1154
1155
1156
</div></div></td><td>
1157
1158
1159
<div class="hbox2" style="background-image:url(http://i57.tinypic.com/t66qzd.jpg);">
1160
1161
<div class="hbox2a"> 
1162
<font class="h12">Title or Name</font> 
1163
<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.
1164
1165
</div></div></td></tr></table>
1166
1167
1168
1169
1170
</td></tr></table><table class="vic_table"><tr><td>
1171
 
1172
<table><tr><td>
1173
1174
<img class="img9b" src="http://i60.tinypic.com/jjnz7q.jpg">
1175
 
1176
</td><td><div class="about6">
1177
1178
<div class="about6Title">title goes here</div>
1179
1180
<div class="about6Text">
1181
1182
<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. 
1183
1184
1185
</div></div></td><td>
1186
1187
<img class="img8b" src="http://i62.tinypic.com/23w2yrb.jpg"> 
1188
<img class="img8b" src="http://i62.tinypic.com/23w2yrb.jpg"> 
1189
<img class="img8b" src="http://i62.tinypic.com/23w2yrb.jpg"> 
1190
1191
</td></tr></table>
1192
 
1193
1194
</td></tr></table><table class="vic_table" style="border:0px; background-color:transparent;"><tr><td><div class="BCapR"></DIV> 
1195
1196
 
1197
-----------------------------MUSIC---------------------------------
1198
1199
  </td></tr></table><table><tr><td>  
1200
1201
<div class="backcoloring"></div><div class="vicframe"><div class="viccontrol">
1202
1203
1204
<a class="first" href="#pg1">I</a> 
1205
<a class="first" href="#pg2">II</a> 
1206
<a class="first" href="#pg3">III</a> 
1207
<a class="first" href="#pg4">IV</a> 
1208
1209
</div>
1210
1211
1212
<img class="img5" src="http://i62.tinypic.com/2vd038z.jpg">
1213
1214
1215
<div class="vicframeimg"><a id="pg1" href="#"><div class="stats">
1216
 
1217
<p><font class="h3">Personality</font>
1218
<BR><b>Traits:</b> Input Info
1219
<BR><b>Disorders:</b> Input Info
1220
<BR><b>Addictions:</b> Input Info
1221
<BR><b>Likes:</b> Input Info
1222
<BR><b>Dislikes:</b> Input Info
1223
<BR><b>Quirks:</b> Input Info
1224
1225
</div></a><a id="pg2" href="#"><div class="stats">
1226
1227
<p><font class="h3">Legal</font>
1228
<BR><b>NAME:</b> Input info
1229
<BR><b>NICKNAMES:</b> Input info
1230
<BR><b>ALIASES:</b> Input info
1231
<BR><b>DATE OF BIRTH:</b> Input info
1232
<BR><b>PLACE OF BIRTH:</b> Input info
1233
<BR><b>CURRENT RESIDENCE:</b> Input info
1234
 
1235
<p><font class="h3">Physical</font>
1236
<BR><b>ETHNICITY:</b> Input info
1237
<BR><b>HAIR COLOR:</b> Input info
1238
<BR><b>EYE COLOR:</b> Input info
1239
<BR><b>HEIGHT:</b> Input info
1240
<BR><b>WEIGHT:</b> Input info
1241
<BR><b>BIRTHMARKS/SCARS:</b> Input info
1242
1243
1244
</div></a><a id="pg3" href="#"><div class="stats">
1245
1246
<p><font class="h3">Family</font>
1247
<BR><b>MOTHER:</b> Input info
1248
<BR><b>FATHER:</b> Input info
1249
<BR><b>SISTER(S):</b> Input info
1250
<BR><b>BROTHER(S):</b> Input info
1251
<BR><b>Other Family:</b> Input info
1252
 
1253
<p><font class="h3">Relationships</font>
1254
<BR><b>SEXUAL ORIENTATION:</b> Input info
1255
<BR><b>RELATIONSHIP STATUS:</b> Input info
1256
<BR><b>CURRENT RELATIONSHIP(S):</b> Input info
1257
<BR><b>PAST RELATIONSHIP(S):</b> Input info
1258
1259
</div></a><a id="pg4" href="#"><div class="stats">
1260
1261
<p><font class="h3">Education</font>
1262
<BR><b>High School</b> Input Info
1263
<br><b>College</b> Input Info
1264
<br><b>Major</b> Input Info
1265
<br><b>Degree</b> Input Info
1266
 
1267
<p><font class="h3">Employment</font>
1268
<BR><b>OCCUPATION:</b> Input info
1269
<BR><b>JOB DESCRIPTION:</b> Input info
1270
<BR><b>EMPLOYER:</b> Input info
1271
<BR><b>SKILLSET:</b> Input info
1272
1273
1274
</div></a></div><div class="linkage"> 
1275
<a class="second" href="/logincomplete.php">H</a>
1276
<a class="second" href="/invite_friend.php?friend_id=xxxxxx">A</a>
1277
<a class="second" href="/send_message.php?member_id=xxxxxx">M</a>
1278
<a class="second" href="/add_testimonial.php?member_id=xxxxxx">C</a>
1279
<a class="second" href="/gallery.php?member_id=xxxxxx">P</a>
1280
<a class="second" href="/view_member_blog.php?member_id=xxxxxx">B</a>
1281
1282
</div></div>
1283
1284
 
1285
1286
-----------------------------MOVIES---------------------------------
1287
1288
 </td></tr></table></td></tr></table><table class="vicmovies_table"><tr><td valign="top" align="center"><table><tr><td> 
1289
1290
</td></tr></table><table><tr><td>   
1291
 
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>