View difference between Paste ID: KKK8ckxe and aQ1cj7mm
SHOW: | | - or go back to the newest paste.
1
       				        !!!!!!!!!!!!Read It!!!!!!!!!!!!
2
 
3
                                                (⊙.⊙(☉_☉)⊙.⊙)
4
 
5
CAN'T EMPHASIZE THIS ENOUGH:  There are div ids/classes, tables (table, tr, td) and img classes in this layout.  Be VERY, VERY, VERY careful not to drop off any of the coding.   
6
7
............................
8
 
9
IMAGES
10
11
Image dimensions are located in Like to Meet
12
13
If you elect to keep the color scheme for pics, the psd is here:
14
 
15-
https://drive.google.com/file/d/0B79YHAkeE7SucWZ0VFJuQ2lSNnc
15+
https://drive.google.com/file/d/0B79YHAkeE7SuU243ZnE1V3BrMVk
16
 ............................
17
   
18
MUSIC PLAYER
19
 
20
REPLACE MY MUSIC PLAYER WITH YOUR OWN.  
21
22
Read the cited note under the music player for additional instructions.
23
 
24
............................
25
 
26
27
FOR ROLEPLAYER.ME USERS:
28
 
29
For the below text font classes and all of the headers (1, 2, 3, etc) and lyrics, please note the following:  
30
I code for ALL sites.  Not every website will allow headers to be placed as <h1>Header 1</h1>.  For that reason, I turn them into font classes with a period in front (.h1) in About Me and script them in the tables as I have done below.  
31
 
32
<font class="h1">Header 1</font>
33
 
34
If you are on a website like RPer.me that allows regular header, underline, strong, etc coding, you can just use regular header coding for all of the header, lyric, special text labels like so:
35
<h1>Header</h1> <strike>Strike</strike> etc..
36
 
37
OR just leave them as they are.  They will work for you either way.  
38
39
40
///////////////////////////////////////////////////
41
 
42
 
43
 
44
                        Don't forget to replace the XXXXX with your friend ID number.
45
 
46
                                                     (>‿◠)✌
47
 
48
 
49
                *****************************SAVE YOUR WORK AS YOU GO.*******************************
50
                                
51
 
52
DO NOT REMOVE THE .VICARIOUS MARKERS FROM ANY VICARIOUS LAYOUT.  
53
 
54
-----------------------------ABOUT ME-----------------------------
55
56-
<style type="text/css">
56+
 <style type="text/css">
57
@import url(http://fonts.googleapis.com/css?family=Raleway:400,800,100,200,300,500,600,700,900|Oswald:300,400,700|Dynalight|Tangerine:400,700|Roboto+Condensed:400,700);
58
 
59
/* - -DO NOT PUT ANYTHING ABOVE THE @import LINE ABOVE - - */  
60
/* - -DO NOT REARRANGE MY CODING!! ORDER IS IMPORTANT! - - */
61
 
62
 
63
.vicarious { Structure }
64
 
65
body {
66
background-image:url();  
67-
background-color:b5ac95;
67+
background-color:e1b6bd;
68
background-repeat:repeat;
69
background-attachment:fixed;
70
background-position:center center;
71
}  
72
 
73
table, tr, td { background-color:transparent; border:0px; padding:0px; margin:0px; }
74
 
75
.vic-LEFT-SIDE_table, .vic-RIGHT-SIDE_table  {
76
visibility:visible;
77
z-index:2;
78
position:absolute;
79
top:0%;
80
left:50%;
81
border:0px;  
82
margin-top:160px;  
83
height:auto;
84
display:inline-block;
85
padding:0px;
86
}
87
 
88
.vic-LEFT-SIDE_table{ width:500px; height:auto; margin-left:-215px;  }
89
.vic-LEFT-SIDE_table tr { }
90
.vic-LEFT-SIDE_table td { margin:0px; max-width:500px;  }  
91
 
92
.vic-RIGHT-SIDE_table { width:300px; height:auto;  margin-left:295px;  }
93
.vic-RIGHT-SIDE_table tr { }
94
.vic-RIGHT-SIDE_table td { margin:0px; max-width:300px;   }
95
 
96
.vic_table {
97
width:100%;
98
margin-bottom:4px;
99
border:0px solid #;  
100-
background-color:;
100+
background-color:transparent;
101
overflow:hidden;
102
display:block;
103
-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
104
-moz-box-shadow:    1px 1px 5px 0px rgba(0, 0, 0, 0.75);
105
box-shadow:         1px 1px 5px 0px rgba(0, 0, 0, 0.75);
106
}
107
 
108
.vic_table tr { }
109
.vic_table td { width:100%;  }  
110
 
111
 .vicarious{ Google Chrome Scrollbar }
112
::-webkit-scrollbar {width: 10px;}
113
 
114
::-webkit-scrollbar-track {
115-
border: 1px solid #492710 ;
115+
border: 1px solid #34334a ;
116
background-color:transparent;}
117
 
118
::-webkit-scrollbar-thumb {
119-
border: 4px double #492710 ;
119+
border: 4px double #34334a ;
120-
background-color: 8f4830;
120+
background-color: 926f7e;
121
-moz-border-radius-topright: 90px;
122
-webkit-border-top-right-radius: 90px;
123
border-top-right-radius: 90px;
124
-moz-border-radius-bottomleft: 90px;
125
-webkit-border-bottom-left-radius: 90px;
126
border-bottom-left-radius: 90px;
127
}
128
 
129
.vicarious { General Text }
130
 
131
table, tr, td, li, p, div, .text, .btext, a, b, i {
132
font-family:tahoma;
133
font-size:7pt;
134
line-height:100%;
135-
color:492710 ;
135+
color:34334a ;
136
padding:0px;
137
margin:0px;
138
text-decoration:none;
139
text-transform:none;
140
text-align:left;
141
word-wrap: break-word;
142
}
143
 
144
p {
145
text-align:justify;
146
margin-top: 5px;
147
text-indent:10px;
148
word-wrap: break-word;
149
}
150
 
151
p::first-line {  }
152
p::first-letter {   }
153
 
154
b {
155
font-size:8pt;
156
text-transform:uppercase;
157
font-family: 'Roboto Condensed', sans-serif;
158
}  
159
 
160
i {
161
font-size:10pt;
162
color: ;
163
font-family: 'Dynalight', cursive;
164
}
165
 
166
.u, u {
167
text-decoration:underline;
168
}
169
 
170
.strike, strike {
171
text-decoration:line-through;
172
letter-spacing:1pt;
173
}
174
 
175
.strong, strong {
176
font-family: "Oswald", Helvetica, sans-serif;
177
font-size: 9pt;
178
text-transform:uppercase;
179
line-height:110%;
180
}
181
 
182
em {
183
font-family: 'Tangerine', cursive;
184
font-weight:700;
185
font-size:16pt;
186
}
187
 
188
.vicarious { Headers }
189
 
190
big, small, .h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6, .h7, h7, .h8, h8, .h9, h9, .h10, h10, .h11, h11, .h12, h12, .h13, h13, .h14, h14, .h15, h15, .one, one, .two, two, .three, three, .blockquote, blockquote {
191
margin:0px;
192
padding:0px;
193
display:block;
194
text-transform:none;
195
line-height:100%;  
196
}  
197
 
198
.h15, h15 {
199-
background-color:b1a992;
199+
background-color:e1b5bd;
200-
border-width:10px 10px 10px 165px;
200+
border-width:10px 10px 10px 10px;
201
border-style:solid;
202-
border-color: #492710;
202+
border-color: #34334a;
203-
width:325px;
203+
width:475px;
204
height:28px;
205
line-height:28px;
206
font-family: 'Dynalight', cursive;
207
font-size:22px;
208
display:block;
209
text-align:right;
210
padding-right:5px;
211
 
212
}
213
 
214
big {
215
font-family: 'Raleway', sans-serif;
216
font-size:14pt;
217
text-align:center;
218
text-transform:uppercase;
219
padding:5px;
220
}
221
 
222
small {
223
font-family: "Oswald", Helvetica, sans-serif;
224
text-transform:uppercase;
225
letter-spacing:2pt;
226-
background-color: 492710;
226+
background-color: 34334a;
227-
color:8f4830;
227+
color:926f7e;
228
text-align:right;
229
padding:5px;
230
}
231
 
232
.blockquote, blockquote {
233
height:auto;
234
text-align:justify;
235
margin:5px 5px 5px 10px;
236
padding: 5px 5px 5px 10px;
237
border-left:10px double # ;
238
background-color: ;
239
}
240
 
241
a.conn {
242
display:block;
243
text-decoration:none;
244
text-transform:uppercase;
245
font-family: 'Roboto Condensed', sans-serif;
246
font-size:9pt;
247
height:18px;
248
line-height:18px;
249
text-align:center;
250
padding:0px;
251
margin:0px;
252
letter-spacing:2pt;
253-
color:b5ac95;
253+
color:e1b6bd;
254-
background-color:492710;
254+
background-color:34334a;
255
border-width:1px 2px 1px 2px;
256-
border-color:8f4830;
256+
border-color:926f7e;
257
border-style:solid;
258
-webkit-transition: all 0.6s ease-in-out;
259
-moz-transition: all  0.6s ease-in-out;
260
-ms-transition: all  0.6s ease-in-out;
261
-o-transition: all  0.6s ease-in-out;
262
transition: all  0.6s ease-in-out;
263
}
264
 
265
a.conn:hover {
266
text-decoration:line-through;
267
font-size:7pt;
268
}
269
 
270
.cite {font-size:0px; color:transparent;display:block; height:0px;}
271
 
272
.vicarious { Divs }
273
 
274
/* Commons */
275
 
276
#topbar, #namefield, #Underlay, #SDback, #Underlay2, #sidebar {
277
visibility:visible;
278
position:fixed;
279
top:0%;
280
padding:0px;
281
}
282
 
283
 
284
/* Topbar */
285
 
286
#topbar {
287
z-index:4;
288
right:0%;  
289
margin-top:0px;
290
margin-right:0px;
291-
background-color:492710;
291+
background-color:34334a;
292
width:100%;
293
height:130px;
294
border-width:0px 0px 10px 0px;
295
border-style:double;
296-
border-color:8f4830;
296+
border-color:926f7e;
297
background-repeat:no-repeat;
298
background-size:125px 130px;
299
background-position:top right;
300
}
301
 
302
/* Connection Links */
303
 
304
.connsImg {
305
height:200px;
306-
background-color:492710;
306+
background-color:34334a;
307
}
308
 
309
.connsImg {
310
float:right;
311
width:100px;
312
overflow:hidden;
313
}
314
 
315
.conns {
316
float:left;
317
width:195px;
318
overflow:auto;
319
}
320
 
321
 
322
/* Name */
323
 
324
#namefield {
325
z-index:7;
326
left:50%;
327
margin-top:25px;  
328
margin-left:-220px;  
329
width:800px;
330
height:100px;  
331
line-height:100px;
332
font-size:80px;
333
text-align:left;
334
font-family: 'Roboto Condensed', sans-serif;
335-
color: 8f4830;
335+
color: 926f7e;
336
text-transform:uppercase;
337-
text-shadow:  -1px -1px 0 #3c2f1b, 1px -1px 0 #b3aa93, -1px 1px 0 #3c2f1b, 1px 1px 0 #b3aa93;
337+
text-shadow:  -1px -1px 0 #3c2f1b, 1px -1px 0 #e1b5bd, -1px 1px 0 #3c2f1b, 1px 1px 0 #e1b5bd;
338
}
339
 
340
#namefield i {  
341-
color: b3aa93;
341+
color: e1b5bd;
342
font-size:75px;
343
text-transform:none;
344
}  
345
 
346
#Underlay {
347
z-index:2;
348
left:0%;
349
margin-top:0px;
350
margin-left:0px;
351-
background-color:492710;
351+
background-color:34334a;
352
width:100%;  
353
height:150px;
354
}
355
 
356
/* Sidebar */
357
 
358
#SDBack {
359
z-index:5;
360
left:50%;
361
margin-top:132.5px;
362
margin-left:-605px;
363
border-width:0px 10px 0px 10px;
364
border-style:double;
365-
border-color:8f4830;
365+
border-color:926f7e;
366-
background-color:492710;
366+
background-color:34334a;
367
width:350px;
368
height:100%;
369
-webkit-border-radius: 5px;
370
-moz-border-radius: 5px;
371
border-radius: 5px;
372
}
373
 
374
#Underlay2 {
375
z-index:3;  
376
left:50%;
377
border:0px;  
378
margin-top:132.5px;
379
margin-left:-615px;
380-
background-color:492710;
380+
background-color:34334a;
381
width:390px;
382
height:100%;  
383
}
384
 
385
#sidebar,
386
#sidebar .SBimg,
387
#sidebar:hover .SBimg,
388
#sidebar .mask,
389
#sidebar:hover .mask {
390
-webkit-transition: all 0.2s ease-in-out 0s;
391
-moz-transition: all  0.2s ease-in-out 0s;
392
-ms-transition: all  0.2s ease-in-out 0s;
393
-o-transition: all  0.2s ease-in-out 0s;
394
transition: all  0.2s ease-in-out 0s;
395
}  
396
 
397
#sidebar {
398
z-index:6;  
399
left:50%;  
400
margin-top:0px;
401
margin-left:-595px;
402-
background-color:492710;  
402+
background-color:34334a;  
403
width:350px;
404
height:100%;
405
}  
406
 
407
#sidebar .SBimg   {
408
z-index:4;
409
width: 300px;
410
height: 300px;
411
position:absolute;
412
margin-top:15px;
413
margin-left:15px;
414-
border:10px solid #b1a992;
414+
border:10px solid #e1b5bd;
415-
background-color:492710;  
415+
background-color:34334a;  
416
overflow: hidden;
417
text-align: center;  
418
-moz-border-radius-topleft: 90px;
419
-webkit-border-top-left-radius: 90px;
420
border-top-left-radius: 90px;  
421
}    
422
 
423
#sidebar .mask {
424
position:absolute;
425
top:0;
426
left:0;
427-
background-color:492710;    
427+
background-color:34334a;    
428
width: 300px;
429
height: 300px;
430
opacity:0;
431
-moz-border-radius-topleft: 80px;
432
-webkit-border-top-left-radius: 80px;
433
border-top-left-radius: 80px;  
434
}
435
 
436
#sidebar .notices {
437
margin:25px;
438
padding:5px;
439-
background-color:492710;    
439+
background-color:34334a;    
440
width: 240px;
441
height: 240px;  
442
overflow:auto;
443-
color:b5ac95;
443+
color:e1b6bd;
444
text-align:center;
445
}
446
 
447
.notices b, .notices p, .notices i, .notices .strong, .notices strong, .notices em {
448-
color:b5ac95;
448+
color:e1b6bd;
449
}
450
 
451
#sidebar:hover .mask {
452
opacity:1;
453
}
454
 
455
#sidebar big {
456
font-family: "Oswald", Helvetica, sans-serif;
457
font-size:12px;
458
height:15px;
459
line-height:15px;
460
text-align:right;
461
padding:5px;
462
margin:5px 0px 5px 0px;
463-
color:492710;
463+
color:34334a;
464-
border-left:15px solid #b1a992;
464+
border-left:15px solid #e1b5bd;
465-
background-color:b5ac95;  
465+
background-color:e1b6bd;  
466
}
467
 
468
#sidebar .music {
469
z-index:3;
470
position:absolute;
471
margin-top:-200px;
472
margin-left:75px;
473
width:200px;
474
height:20px;
475
opacity:0;
476
overflow:hidden;
477
-webkit-transition: all 0.6s ease-in-out 4.5s;
478
-moz-transition: all  0.6s ease-in-out 4.5s;
479
-ms-transition: all  0.6s ease-in-out 4.5s;
480
-o-transition: all  0.6s ease-in-out 4.5s;
481
transition: all  0.6s ease-in-out 4.5s;
482
}
483
 
484
#sidebar:hover .music {
485
opacity:1;
486
margin-top:360px;
487
}
488
 
489
 
490
#sidebar a {  
491
position:absolute;
492
text-decoration:none;
493
text-transform:uppercase;
494
font-family:arial narrow;
495
display:block;
496
font-size:10px;
497
width:23px;
498
height:23px;
499
line-height:23px;
500-
border:4px double #8f4830;
500+
border:4px double #926f7e;
501
outline:solid;
502
outline-offset:-10px;
503
outline-width:2px;  
504
padding:1px;
505
letter-spacing:0pt;
506-
color:b5ac95;
506+
color:e1b6bd;
507-
background-color:492710;
507+
background-color:34334a;
508
text-align:center;
509
opacity:0;
510
}
511
 
512
#sidebar a:hover {
513-
color:492710;
513+
color:34334a;
514-
background-color:b5ac95;
514+
background-color:e1b6bd;
515-
border:4px double #492710;
515+
border:4px double #34334a;
516
}  
517
 
518
#sidebar a.LK1, #sidebar a.LK3, #sidebar a.LK5, #sidebar a.LK7 {
519
margin-top:400px;
520
}
521
 
522
#sidebar a.LK2, #sidebar a.LK4, #sidebar a.LK6, #sidebar a.LK8 {
523
margin-top:420px;
524
}
525
 
526
#sidebar a.LK1 {margin-left:15px;}
527
#sidebar a.LK2 {margin-left:55px;}
528
#sidebar a.LK3 { margin-left:95px;}
529
#sidebar a.LK4 {margin-left:135px;}
530
#sidebar a.LK5 {margin-left:175px;}
531
#sidebar a.LK6 {margin-left:215px;}
532
#sidebar a.LK7 {margin-left:255px;}
533
#sidebar a.LK8 {margin-left:295px;}
534
 
535
#sidebar:hover a.LK1, #sidebar:hover a.LK2, #sidebar:hover a.LK3, #sidebar:hover a.LK4, #sidebar:hover a.LK5, #sidebar:hover a.LK6, #sidebar:hover a.LK7, #sidebar:hover a.LK8 {
536
opacity:1;
537
margin-top:410px;
538
}
539
 
540
 
541
 
542
#sidebar a.LK1, #sidebar:hover a.LK8  {  
543
-webkit-transition: opacity 0.2s ease-out 4s, margin-top 0.2s linear 4.5s;
544
-moz-transition: opacity 0.2s ease-out 4s, margin-top 0.2s linear 4.5s;
545
-ms-transition:opacity 0.2s ease-out 4s, margin-top 0.2s linear 4.5s;
546
-o-transition: opacity 0.2s ease-out 4s, margin-top 0.2s linear 4.5s;
547
transition: opacity 0.2s ease-out 4s, margin-top 0.2s linear 4.5s;
548
}
549
 
550
#sidebar a.LK2, #sidebar:hover a.LK7 {
551
-webkit-transition: opacity 0.2s ease-out 3.5s, margin-top 0.2s linear 4.5s;
552
-moz-transition: opacity 0.2s ease-out 3.5s, margin-top 0.2s linear 4.5s;
553
-ms-transition:opacity 0.2s ease-out 3.5s, margin-top 0.2s linear 4.5s;
554
-o-transition: opacity 0.2s ease-out 3.5s, margin-top 0.2s linear 4.5s;
555
transition: opacity 0.2s ease-out 3.5s, margin-top 0.2s linear 4.5s;
556
}
557
 
558
#sidebar a.LK3, #sidebar:hover a.LK6 {
559
-webkit-transition: opacity 0.2s ease-out 3s, margin-top 0.2s linear 4.5s;
560
-moz-transition: opacity 0.2s ease-out 3s, margin-top 0.2s linear 4.5s;
561
-ms-transition:opacity 0.2s ease-out 3s, margin-top 0.2s linear 4.5s;
562
-o-transition: opacity 0.2s ease-out 3s, margin-top 0.2s linear 4.5s;
563
transition: opacity 0.2s ease-out 3s, margin-top 0.2s linear 4.5s;
564
}
565
 
566
#sidebar a.LK4, #sidebar:hover a.LK5 {
567
-webkit-transition: opacity 0.2s ease-out 2.5s, margin-top 0.2s linear 4.5s;
568
-moz-transition: opacity 0.2s ease-out 2.5s, margin-top 0.2s linear 4.5s;
569
-ms-transition:opacity 0.2s ease-out 2.5s, margin-top 0.2s linear 4.5s;
570
-o-transition: opacity 0.2s ease-out 2.5s, margin-top 0.2s linear 4.5s;
571
transition: opacity 0.2s ease-out 2.5s, margin-top 0.2s linear 4.5s;
572
}
573
 
574
#sidebar a.LK5, #sidebar:hover a.LK4 {
575
-webkit-transition: opacity 0.2s ease-out 2s, margin-top 0.2s linear 4.5s;
576
-moz-transition: opacity 0.2s ease-out 2s, margin-top 0.2s linear 4.5s;
577
-ms-transition:opacity 0.2s ease-out 2s, margin-top 0.2s linear 4.5s;
578
-o-transition: opacity 0.2s ease-out 2s, margin-top 0.2s linear 4.5s;
579
transition: opacity 0.2s ease-out 2s, margin-top 0.2s linear 4.5s;
580
}
581
 
582
#sidebar a.LK6, #sidebar:hover a.LK3 {
583
-webkit-transition: opacity 0.2s ease-out 1.5s, margin-top 0.2s linear 4.5s;
584
-moz-transition: opacity 0.2s ease-out 1.5s, margin-top 0.2s linear 4.5s;
585
-ms-transition:opacity 0.2s ease-out 1.5s, margin-top 0.2s linear 4.5s;
586
-o-transition: opacity 0.2s ease-out 1.5s, margin-top 0.2s linear 4.5s;
587
transition: opacity 0.2s ease-out 1.5s, margin-top 0.2s linear 4.5s;
588
}
589
 
590
#sidebar a.LK7, #sidebar:hover a.LK2 {
591
-webkit-transition: opacity 0.2s ease-out 1s, margin-top 0.2s linear 4.5s;
592
-moz-transition: opacity 0.2s ease-out 1s, margin-top 0.2s linear 4.5s;
593
-ms-transition:opacity 0.2s ease-out 1s, margin-top 0.2s linear 4.5s;
594
-o-transition: opacity 0.2s ease-out 1s, margin-top 0.2s linear 4.5s;
595
transition: opacity 0.2s ease-out 1s, margin-top 0.2s linear 4.5s;
596
}
597
 
598
#sidebar a.LK8, #sidebar:hover a.LK1 {  
599
-webkit-transition: opacity 0.2s ease-out .5s, margin-top 0.2s linear 4.5s;
600
-moz-transition: opacity 0.2s ease-out .5s, margin-top 0.2s linear 4.5s;
601
-ms-transition:opacity 0.2s ease-out .5s, margin-top 0.2s linear 4.5s;
602
-o-transition: opacity 0.2s ease-out .5s, margin-top 0.2s linear 4.5s;
603
transition: opacity 0.2s ease-out .5s, margin-top 0.2s linear 4.5s;
604
}
605
 
606
 
607
/* Connections Hover Pics */
608
 
609
 
610
.vicbox {
611
width: 300px;
612
height: 150px;
613
margin: 0px;
614
float: left;
615
overflow: hidden;
616
position: relative;
617
text-align: center;
618
}
619
 
620
 
621
.vicbox .mask  {
622
width: 300px;
623
height: 150px;
624
position: absolute;
625
overflow: hidden;
626
top: 0;
627
left: 0;
628
opacity: 1;
629
-webkit-transform: translateX(-300px);
630
-moz-transform: translateX(-300px);
631
-ms-transform: translateX(-300px);
632
-o-transform: translateX(-300px);
633
transform: translateX(-300px);
634
-webkit-transition: all 0.4s ease-in-out;
635
-moz-transition:all 0.4s ease-in-out;
636
-ms-transition:all 0.4s ease-in-out;
637
-o-transition: all 0.4s ease-in-out;
638
transition: all 0.4s ease-in-out;
639-
background-color:b5ac95;
639+
background-color:e1b6bd;
640
}
641
 
642
.vicbox img {
643
display: block;
644
position: relative;
645
-webkit-transition: all 0.3s ease-in-out;
646
-moz-transition:all 0.3s ease-in-out;
647
-ms-transition:all 0.3s ease-in-out;
648
-o-transition: all 0.3s ease-in-out;
649
transition: all 0.3s ease-in-out;
650
}
651
 
652
.vicbox big {
653
font-family: "Oswald", Helvetica, sans-serif;
654-
background-color:492710;
654+
background-color:34334a;
655
text-align: center;
656
position: relative;
657
margin:10px;
658
font-size: 15px;
659
line-height:15px;
660
padding: 10px;    
661
transition-delay: 0.1s;
662-
color:b5ac95;
662+
color:e1b6bd;
663
}
664
 
665
.vicbox .about {
666
position: relative;
667
margin:0px 10px 10px 10px;
668
width: 270px;
669
height: 75px;
670
padding: 5px;
671
overflow:auto;
672
text-align: justify;
673
-webkit-transition: all 0.2s linear;
674
-moz-transition:all 0.2s linear;
675
-ms-transition:all 0.2s linear;
676
-o-transition: all 0.2s linear;
677
transition: all 0.2s linear;
678
}
679
 
680
.vicbox:hover .mask {
681
-webkit-transform: translateX(0px);
682
-moz-transform: translateX(0px);
683
-ms-transform: translateX(0px);
684
-o-transform: translateX(0px);
685
transform: translateX(0px);
686
}    
687
 
688
                 
689
.vicbox:hover img {
690
-webkit-transform: translateX(300px);
691
-moz-transform: translateX(300px);
692
-ms-transform: translateX(300px);
693
-o-transform: translateX(300px);
694
transform: translateX(300px);
695
transition-delay: 0.1s;
696
}
697
 
698
.vicbox:hover .about, .vicbox big {
699
transition-delay: 0.4s;
700
}
701
 
702
/* 500 x 300 Hover Images */
703
 
704
.InfoImg {
705
position:relative;
706
overflow:hidden;
707
width:500px;
708
height:300px;
709
background-size:500px 300px
710
background-position:center center;
711
background-repeat:no-repeat;
712
}
713
 
714
.InfoText {
715
position: absolute;
716
overflow: hidden;
717
top: 0;
718
left: 0;
719-
background-color:492710;
719+
background-color:34334a;
720
width:500px;
721
height:300px;
722
opacity:0;
723
overflow:hidden;
724
-webkit-transition: all 0.2s linear .5s;
725
-moz-transition: all  0.2s linear .5s;
726
-ms-transition: all  0.2s linear .5s;
727
-o-transition: all  0.2s linear .5s;
728
transition: all  0.2s linear .5s;
729
}
730
 
731
.InfoText:hover {
732
opacity:1;
733
}
734
 
735
.The411 {
736-
background-color:b5ac95;
736+
background-color:e1b6bd;
737
width:205px;
738
height:250px;
739
padding:5px;
740
overflow:auto;
741
}
742
 
743
.The411-L {
744
float:left;
745
margin:20px 10px 20px 20px;
746
}
747
 
748
.The411-R {
749
float:right;
750
margin:20px 20px 20px 10px;
751
}
752
 
753
.The411 big {
754
font-weight:900;
755
font-size:15px;
756
line-height:100%;
757
margin-top:5px;
758
text-align:right;
759
padding-right:15px;
760-
border-bottom:2px solid #492710;
760+
border-bottom:2px solid #34334a;
761
}
762
 
763
.The411 small{
764
letter-spacing:1pt;
765
font-size:9px;
766
line-height:100%;
767
padding:5px;
768
margin-top:5px;
769
text-align:center;
770-
background-color:492710;
770+
background-color:34334a;
771-
color: b5ac95;
771+
color: e1b6bd;
772-
border-top:2px solid #8f4830;
772+
border-top:2px solid #926f7e;
773
}
774
 
775
 
776
/* Tabs Area */
777
 
778
.tabset {
779
width:500px;
780
height:325px;
781
overflow:hidden;
782-
background-color:492710;
782+
background-color:34334a;
783
}
784
 
785
.card1, .card2 {
786
position:absolute;
787
width:400px;
788
height:250px;
789
overflow:hidden;
790
}
791
 
792
.card1 {
793
margin-top:25px;
794
margin-left:25px;
795-
background-color:b1a992;
795+
background-color:e1b5bd;
796
}
797
 
798
.card2 {
799
margin-top:50px;
800
margin-left:75px;
801-
background-color: 8f4830;
801+
background-color: 926f7e;
802-
outline-color:b1a992;
802+
outline-color:e1b5bd;
803-
color:b1a992;
803+
color:e1b5bd;
804
outline:solid;
805
outline-offset:-10px;
806
outline-width:2px;
807
}
808
 
809
.card2 .about1 {
810-
background-color:492710;
810+
background-color:34334a;
811-
color:b1a992;
811+
color:e1b5bd;
812
padding:10px;
813
margin:15px;
814
width:350px;
815
height:200px;
816
overflow:auto;
817
text-align:justify;
818
}  
819
 
820
.tab1, .tab2, .tab3, .tab4 {
821
position:absolute;
822
margin-left:50px;
823-
background-color:492710;
823+
background-color:34334a;
824
width:25px;
825
height:25px;
826
overflow:hidden;
827
z-index:3;
828
-webkit-transition: all 0.2s linear .5s;
829
-moz-transition: all  0.2s linear .5s;
830
-ms-transition: all  0.2s linear .5s;
831
-o-transition: all  0.2s linear .5s;
832
transition: all  0.2s linear .5s;
833
}
834
 
835
.tab1 {margin-top:75px;}
836
.tab2 {margin-top:125px;}
837
.tab3 {margin-top:175px;}
838
.tab4 {margin-top:225px;}  
839
 
840
 
841
.tab1:hover, .tab2:hover, .tab3:hover, .tab4:hover {
842
margin-top:65px;
843
margin-left:90px;
844
width:370px;
845
height:220px;
846
z-index:4;
847
-webkit-transition: all 0.6s linear .5s;
848
-moz-transition: all  0.6s linear .5s;
849
-ms-transition: all  0.6s linear .5s;
850
-o-transition: all  0.6s linear .5s;
851
transition: all  0.6s linear .5s;
852
}
853
 
854
.stats {
855-
background-color:492710;  
855+
background-color:34334a;  
856-
border:2px solid #b1a992;
856+
border:2px solid #e1b5bd;
857-
color:b1a992;
857+
color:e1b5bd;
858
padding:10px;
859
margin:15px;
860
width:315px;
861
height:165px;
862
opacity:0;
863
overflow:hidden;
864
-webkit-transition: all 0.2s ease-in-out .3s;
865
-moz-transition: all  0.2s ease-in-out .3s;
866
-ms-transition: all  0.2s ease-in-out .3s;
867
-o-transition: all  0.2s ease-in-out .3s;
868
transition: all  0.2s ease-in-out .3s;
869
}
870
 
871-
.about1 p, .about1 b, .stats p, .stats b {color:b1a992;}
871+
.about1 p, .about1 b, .stats p, .stats b {color:e1b5bd;}
872
 
873
.about1 big, .stats big {
874
font-size:10pt;
875
text-align:left;
876-
color:b1a992;
876+
color:e1b5bd;
877
margin:10px 0px 5px 0px;
878
padding:0px 0px 2px 0px;
879
letter-spacing:1pt;
880-
border-bottom:2px solid #b1a992;
880+
border-bottom:2px solid #e1b5bd;
881
}
882
 
883
.tab1:hover .stats, .tab2:hover .stats, .tab3:hover .stats, .tab4:hover .stats {  
884
opacity:1;
885
overflow:auto;  
886
-webkit-transition: all 0.6s ease-in-out .8s;
887
-moz-transition: all  0.6s ease-in-out .8s;
888
-ms-transition: all  0.6s ease-in-out .8s;
889
-o-transition: all  0.6s ease-in-out .8s;
890
transition: all  0.6s ease-in-out .8s;
891
}
892
 
893
 
894
 .vicarious{ Hide Codes }
895
.profileInfo, .userProfileURL, .friendsComments, .blurbs, .friendSpace, .contactTable, .extendedNetwork, .latestBlogEntry, .interestsAndDetails, .userProfiledetail,  .userAlbums, .whitetext12, .orangetext15, .lightbluetext8, .blacktext12, .navigationBar, .btext, .redlink, .redtext, .blacktext10,  tr#groups,  .navigationBar, .profile, table tr td[id='footerWarpper'] { display:none !important;visibility:hidden!important; }
896
table table table table td {width:0px;}
897
.contactTable td, table table td.text table td,table table table table table td {width:auto;}
898
div div select, div div form {display:none !important;}
899
select { visibility:hidden!important; WIDTH:0px!important;}
900
table div {display:none;}
901
table table div {display:block;}
902
.clearfix {display:none !important;position:absolute!important;}
903
div[id="googlebar"],div div select{opacity:0;filter:alpha(opacity=0);display:none !important;position:absolute !important; bottom:2000px !important;}
904
.profileInfo tr tr td { visibility:hidden; }
905
.profileInfo td.text { visibility:visible; }
906
.vicarious {Layouts available @ http://vicarious-hs.tumblr.com/}
907
</style></td></tr></table><table style="display:none"><tr><td>
908
909
910
  
911
-----------------------------LIKE TO MEET-------------------------
912
 
913
<font class="cite">
914
915
===Image sizes===
916
917
Sidebar:  
918
300px width by 300px height
919
920-
Spider + Target / 125px width by 130px height
920+
921
Small image Top Right Corner / 125px width by 130px height
922
923
Left Side of Profile:
924
2 Images/ 500px width by 300px height 
925
926
Right Side of Profile:
927
Gif / 300px width by 165px height (height doesn't matter)
928-
Black Widow (Drawing) / 100px width by 200px height
928+
929
Image next to connection links/ 100px width by 200px height
930
931-
</font>  
931+
932
</font>    
933
934
-----------------------------INTERESTS----------------------------
935-
 </td></tr></table></td></tr></table></td></tr></table><table  cellspacing="0" cellpadding="0"><tr><td valign="top" padding="0"><table cellspacing="0" cellpadding="0" "><tr><td>
935+
936
  </td></tr></table></td></tr></table></td></tr></table><table  cellspacing="0" cellpadding="0"><tr><td valign="top" padding="0"><table cellspacing="0" cellpadding="0" "><tr><td>
937
 
938
<div id="underlay"></div><div id="underlay2"></div>
939-
<div id="topbar" style="background-image:url(http://i57.tinypic.com/zukvg4.jpg);"></div>   
939+
940
<div id="topbar" style="background-image:url(http://i61.tinypic.com/t8w07p.jpg);"></div>   
941
942
<div id="SDBack"></div><div id="sidebar">
943
944-
<div class="SBimg" style="background-image:url(http://i62.tinypic.com/v8f0ch.jpg);">
944+
945
<div class="SBimg" style="background-image:url(http://i62.tinypic.com/b6y3p0.jpg);">
946
947
<div class="mask"><div class="notices">
948
949
<big>Verses</big>
950
Verse- Verse - Verse - Verse
951
952
<big>Writing Style</big>
953
Multi-para to Novella
954
955
<big>Dues</big>
956
Comments (0) Starters (0) Messages (0)
957
958
<big>Contact</big>
959
AOL: CONTACTINFO
960
961
</div></div></div>
962
963
964
<div class="music">
965
<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20">
966-
    <param name="bgcolor" value="#492710" />
966+
967
    <param name="bgcolor" value="#34334a" />
968-
    <param name="FlashVars" value="mp3=http%3A//k007.kiwi6.com/hotlink/qj4hcm5rx5/FF_HOFAH.mp3&autoplay=1&bgcolor=492710&loadingcolor=8f4830&buttoncolor=8f4830&slidercolor=8f4830" />
968+
969
    <param name="FlashVars" value="mp3=http%3A//k007.kiwi6.com/hotlink/yb8pr8lg5k/A_LS_BP.mp3
970
&autoplay=1&bgcolor=34334a&loadingcolor=926f7e&buttoncolor=926f7e&slidercolor=926f7e" />
971
</object>
972
 
973
974
<font class="cite">You will note a line of code that starts with param name="wmode" above.  The normal player that you add from flash-mp3-player.net does not contain this.  If you are replacing the full player, make sure to add it into your code.  Firefox can be buggy with flash players. The extra code will keep it hidden until the sidebar has been hovered over.</font>
975
976
</div>
977
   
978
979
<a class="lk1" href="/logincomplete.php">H</a>   
980
<a class="lk2" href="/add_testimonial.php?member_id=xxxxxx">C</a>
981
<a class="lk3" href="/send_message.php?member_id=xxxxxx">M</a>
982
<a class="lk4" href="/gallery.php?member_id=xxxxxx">P</a> 
983
<a class="lk5" href="/view_member_blog.php?member_id=xxxxxx">B</a> 
984
<a class="lk6" href="/invite_friend.php?friend_id=xxxxxx">A</a> 
985
<a class="lk7" href="/#">X</a> 
986
<a class="lk8" href="/#">X</a> 
987
988
</div> 
989-
<div id="namefield"><i>Black</i> Widow</div>
989+
990
991
<div id="namefield"><i>Mackenzie</i> Malikov</div>
992
 
993
-----------------------------MUSIC-------------------------------- 
994-
 </td></tr></table></td></tr></table></td></tr></table><table class="vic-LEFT-SIDE_table" cellspacing="0" cellpadding="0"><tr><td valign="top" padding="0"><table cellspacing="0" cellpadding="0"  style="width:500px;"><tr><td>
994+
995
  </td></tr></table></td></tr></table></td></tr></table><table class="vic-LEFT-SIDE_table" cellspacing="0" cellpadding="0"><tr><td valign="top" padding="0"><table cellspacing="0" cellpadding="0"  style="width:500px;"><tr><td>
996
 
997
<font class="cite">
998
999
Left column of profile.
1000
1001
The above table code must remain at the top.  FULL tables below can be rearranged.</font>  
1002
1003
  
1004
</td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td> 
1005
1006-
<div class="InfoImg" style="background-image:url(http://i61.tinypic.com/2j5gg8l.jpg);">
1006+
1007
<div class="InfoImg" style="background-image:url(http://i61.tinypic.com/24ci26x.jpg);">
1008
1009
<div class="InfoText">
1010
1011
<div class="The411 The411-L">
1012
<big>Title</big>
1013
<small>Title or Quote</small>
1014
1015
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
1016
1017
1018
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
1019
1020
</div><div class="The411 The411-R">
1021
<big>Title</big>
1022
<small>Title or Quote</small>
1023
1024
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
1025
1026
1027
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
1028
1029
1030
</div></div></div>
1031
1032
1033
1034
</td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>
1035
1036
<div class="tabset"><div class="card1"></div><div class="card2">
1037
1038
<div class="about1">
1039
<big>About</big> 
1040
1041
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
1042
1043
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
1044
 
1045
1046
</div></div>
1047
1048
1049
<div class="tab1"><div class="stats">
1050
 
1051
<big>Personality</big> 
1052
1053
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat
1054
1055
1056
</div></div><div class="tab2"><div class="stats">
1057
1058
<big>Legal</big>
1059
<B>Name:</B> Input Info
1060
<BR><B>Nicknames:</B> Input Info
1061
<BR><B>Aliases:</B> Input Info
1062
<BR><B>Date Of Birth:</B> Input Info
1063
<BR><B>Place Of Birth:</B> Input Info
1064
<BR><B>Current Residence:</B> Input Info
1065
 
1066
<big>Physical</big>
1067
<B>Ethnicity:</B> Input Info
1068
<BR><B>Hair Color:</B> Input Info
1069
<BR><B>Eye Color:</B> Input Info
1070
<BR><B>Height:</B> Input Info
1071
<BR><B>Weight:</B> Input Info
1072
<BR><B>Birthmarks/Scars:</B> Input Info
1073
  
1074
1075
</div></div><div class="tab3"><div class="stats">
1076
 
1077
 
1078
<big>Family</big>
1079
<B>Mother:</B> Input Info
1080
<BR><B>Father:</B> Input Info
1081
<BR><B>Sister(S):</B> Input Info
1082
<BR><B>Brother(S):</B> Input Info
1083
<BR><B>Other Family:</B> Input Info
1084
 
1085
<big>Relationships</big>
1086
<B>Sexual Orientation:</B> Input Info
1087
<BR><B>Relationship Status:</B> Input Info
1088
<BR><B>Current Relationship(S):</B> Input Info
1089
<BR><B>Past Relationship(S):</B> Input Info 
1090
 
1091
1092
</div></div><div class="tab4"><div class="stats"> 
1093
 
1094
<big>Education</big>
1095
<B>High School</B> Input Info
1096
<BR><B>College</B> Input Info
1097
<BR><B>Major</B> Input Info
1098
<BR><B>Degree</B> Input Info
1099
 
1100
<big>Employment</big>
1101
<B>Occupation:</B> Input Info
1102
<BR><B>Job Description:</B> Input Info
1103
<BR><B>Employer:</B> Input Info
1104
<BR><B>Skillset:</B> Input Info
1105
 
1106
1107
</div></div></div>
1108
1109
1110
</td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>
1111
 
1112
1113-
This is just like Budapest all over again.
1113+
1114
You'd be surprised how many of my transactions involve power tools.
1115
</font> 
1116
1117
 
1118
1119
</td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td> 
1120-
<div class="InfoImg" style="background-image:url(http://i62.tinypic.com/2ain30n.jpg);">
1120+
1121
<div class="InfoImg" style="background-image:url(http://i61.tinypic.com/2w4ickn.jpg);">
1122
1123
<div class="InfoText">
1124
1125
<div class="The411 The411-L">
1126
<big>Title</big>
1127
<small>Title or Quote</small>
1128
1129
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
1130
1131
1132
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
1133
1134
</div><div class="The411 The411-R">
1135
<big>Title</big>
1136
<small>Title or Quote</small>
1137
1138
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
1139
1140
1141
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
1142
1143
1144
</div></div></div>
1145
 
1146
  
1147
 
1148
1149
1150
-----------------------------MOVIES-------------------------------
1151
  
1152
</td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td> 
1153
1154
<big>Left Side Extra table</big>
1155
<small>Create what you want in this space</small>
1156
1157
<div style="height: 150px; padding:5px; margin:5px; overflow:auto;">
1158
1159
<em>Emphasized</em>
1160
<b>Bold</b>
1161
<i>Italics</i>
1162
<font class="u">underline</font>
1163
<font class="strike">strike</font>
1164
<font class="strong">strong</font>
1165
1166
<p>You can duplicate the table and do whatever you want with it. 
1167
1168
 <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
1169
1170
</div></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td> 
1171
1172
<big>Left Side Extra table</big>
1173
<small>Create what you want in this space</small>
1174
1175
<div style="height: 150px; padding:5px; margin:5px; overflow:auto;">
1176
1177
<p>You can duplicate the table and do whatever you want with it. 
1178
1179
 <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
1180
1181
</div>
1182-
</td></tr></table></td></tr></table></td></tr></table><table cellspacing="0" cellpadding="0" class="vic-RIGHT-SIDE_table"><tr><td valign="top"><table cellspacing="0" cellpadding="0"  style="width:300px;"><tr><td>
1182+
1183
-----------------------------TV---------------------------
1184
1185
 </td></tr></table></td></tr></table></td></tr></table><table cellspacing="0" cellpadding="0" class="vic-RIGHT-SIDE_table"><tr><td valign="top"><table cellspacing="0" cellpadding="0"  style="width:300px;"><tr><td>
1186
 
1187
<font class="cite">
1188
1189
Right column of profile.
1190
1191
The above table code must remain at the top.  FULL tables below can be rearranged.
1192
</font>
1193-
<img src="http://i58.tinypic.com/wtejyo.jpg">
1193+
1194
</td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>
1195
1196
<img src="http://i61.tinypic.com/124k1ue.jpg">
1197
1198
 
1199
</td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>
1200-
<img src="http://i58.tinypic.com/9prm8y.jpg">
1200+
1201
 
1202
<div class="vicbox">
1203
<img src="http://i58.tinypic.com/288a6pi.jpg">
1204
<div class="mask">  
1205
1206
<big>Connection Name 1</big>
1207
1208
<div class="about">
1209
1210
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
1211
</div></div></div>
1212
1213
1214
</td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>
1215-
<img src="http://i57.tinypic.com/24vmslg.jpg">
1215+
1216
 
1217
<div class="vicbox">
1218
<img src="http://i59.tinypic.com/a1rgon.jpg">
1219
<div class="mask">  
1220
1221
<big>Connection Name 2</big>
1222
1223
<div class="about">
1224
1225
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
1226
1227
</div></div></div>
1228
1229
1230
</td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>
1231-
<img src="http://i60.tinypic.com/1ze8qbm.jpg">
1231+
1232
 
1233
<div class="vicbox">
1234
<img src="http://i57.tinypic.com/amlj7.jpg">
1235
<div class="mask">  
1236
1237
<big>Connection Name 3</big>
1238
1239
<div class="about">
1240
1241
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
1242
1243
</div></div></div>
1244
 
1245
1246
1247
</td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>
1248-
<img src="http://i59.tinypic.com/rsh4b8.jpg">
1248+
1249
 
1250
<div class="vicbox">
1251
<img src="http://i59.tinypic.com/2hydhzd.jpg">
1252
<div class="mask">  
1253
1254
<big>Connection Name 4</big>
1255
1256
<div class="about">
1257
1258
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
1259
1260
</div></div></div>
1261
 
1262
 
1263
 </td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>
1264-
<img src="http://i58.tinypic.com/2wg5g0p.jpg">
1264+
1265
<div class="connsImg">
1266
1267
<img src="http://i59.tinypic.com/2j0kqo7.jpg">
1268
1269
</div><div class="conns">
1270
1271
<a class="conn" href="/#">Name Here</a>
1272
<a class="conn" href="/#">Name Here</a>
1273
<a class="conn" href="/#">Name Here</a>
1274
<a class="conn" href="/#">Name Here</a>
1275
<a class="conn" href="/#">Name Here</a>
1276
<a class="conn" href="/#">Name Here</a>
1277
<a class="conn" href="/#">Name Here</a>
1278
<a class="conn" href="/#">Name Here</a>
1279
<a class="conn" href="/#">Name Here</a>
1280
<a class="conn" href="/#">Name Here</a>
1281
1282
</div>
1283
1284
 
1285
-----------------------------BOOKS--------------------------------
1286
1287
</td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td> 
1288
1289
<big>Right Side Extra table</big>
1290
<small>Create what you want in this space</small>
1291
1292
<div style="height: 150px; padding:5px; margin:5px; overflow:auto;">
1293
1294
<em>Emphasized</em>
1295
<b>Bold</b>
1296
<i>Italics</i>
1297
<font class="u">underline</font>
1298
<font class="strike">strike</font>
1299
<font class="strong">strong</font>
1300
1301
<p>You can duplicate the table and do whatever you want with it. 
1302
1303
 <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
1304
1305
</div>
1306
1307
-----------------------------HEROES-------------------------------
1308
1309
</td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td> 
1310
1311
<big>Right Side Extra table</big>
1312
<small>Create what you want in this space</small>
1313
1314
<div style="height: 150px; padding:5px; margin:5px; overflow:auto;">
1315
1316
<p>You can duplicate the table and do whatever you want with it. 
1317
1318
 <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
1319
1320
</div>