API tools faq
paste
View difference between Paste ID: U1ptbQ3C and PRnGFMxw
SHOW: | | - or go back to the newest paste.
1
 					!!!!!!!!!!!!Read It!!!!!!!!!!!!
2
3
                                                (⊙.⊙(☉_☉)⊙.⊙)
4
5
There are div ids/classes, img classes and tables (<table><tr><td>) in this layout.  Be VERY, VERY, VERY careful not to drop off any of the coding.
6
7
//Music Player// Replace my music player near the top of LIKE TO MET with your own.
8
9
There is a blank table at the bottom of Interests and one at the bottom of Like to Meet. It is the endcap effect.  Do not fill them with any info.  Just leave them there, blank.     

10
                 

11
 

12
                        Don't forget to replace the XXXXX with your friend ID number.

13
 

14
                                                     (>‿◠)✌

15
 

16
 

17
                *****************************SAVE YOUR WORK AS YOU GO.*******************************

18
 

19
 

20
21
				

22
23
DO NOT REMOVE THE .VICARIOUS MARKERS FROM ANY VICARIOUS LAYOUT.  

24
25
-----------------------------ABOUT ME---------------------------------

26
<style type="text/css">

27
 

28
@import url(http://fonts.googleapis.com/css?family=Varela+Round:400);

29
 

30
/* DO NOT PUT ANYTHING ABOVE THE @import LINE ABOVE*/

31
 

32
.vicarious {BE RESPECTFUL TO THE LAYOUT CODER/CREATOR.  DO NOT REMOVE THE .VICARIOUS CREDIT!  Layouts available @ http://vicarious-hs.tumblr.com/}

33
34
/* DO NOT REARRANGE MY CODING.  ORDER IS IMPORTANT*/ 

35
36
.vicarious{ Background Properties }

37
body {

38
background-color:000000;

39
background-image: url();

40
background-attachment: fixed;

41
background-position: center bottom;

42
background-repeat: no-repeat;

43
visibility:visible;

44
left:50%;

45
top:0%;

46
margin-left:-375px;

47
margin-top:0px;

48
position:absolute;  }

49
 

50
 

51
.vicarious{ Google Chrome Scrollbar }

52
::-webkit-scrollbar { width: 12px;}

53
 

54
::-webkit-scrollbar-track {

55
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

56
    -webkit-border-radius: 10px;

57
    border-radius: 10px;}

58
 

59
::-webkit-scrollbar-thumb {

60
-webkit-border-radius: 5px;

61
border-radius: 5px;

62
background: rgb(0, 0, 0);

63
background: -moz-linear-gradient(180deg, rgb(0,0,0) 54%, rgb(0,81,0) 100%);

64
background: -webkit-linear-gradient(180deg, rgb(0,0,0) 54%, rgb(0,81,0) 100%);

65-
background: -moz-linear-gradient(180deg, rgb(0, 0, 0) 54%, rgb(60, 43, 8) 100%);

65+
background: -o-linear-gradient(180deg, rgb(0,0,0) 54%, rgb(0,81,0) 100%);

66-
background: -webkit-linear-gradient(180deg, rgb(0, 0, 0) 54%, rgb(60, 43, 8) 100%);

66+
background: -ms-linear-gradient(180deg, rgb(0,0,0) 54%, rgb(0,81,0) 100%);

67-
background: -o-linear-gradient(180deg, rgb(0, 0, 0) 54%, rgb(60, 43, 8) 100%);

67+
background: linear-gradient(270deg, rgb(0,0,0) 54%, rgb(0,81,0) 100%);

68-
background: -ms-linear-gradient(180deg, rgb(0, 0, 0) 54%, rgb(60, 43, 8) 100%);

68+
69-
background: linear-gradient(270deg, rgb(0, 0, 0) 54%, rgb(60, 43, 8) 100%);

69+
70
::-webkit-scrollbar-thumb:window-inactive {

71
background: rgb(0,0,0);

72
background: -moz-linear-gradient(180deg, rgb(0,0,0) 54%, rgb(0,81,0) 100%);

73
background: -webkit-linear-gradient(180deg, rgb(0,0,0) 54%, rgb(0,81,0) 100%);

74-
background: -moz-linear-gradient(180deg, rgb(0, 0, 0) 54%, rgb(60, 43, 8) 100%);

74+
background: -o-linear-gradient(180deg, rgb(0,0,0) 54%, rgb(0,81,0) 100%);

75-
background: -webkit-linear-gradient(180deg, rgb(0, 0, 0) 54%, rgb(60, 43, 8) 100%);

75+
background: -ms-linear-gradient(180deg, rgb(0,0,0) 54%, rgb(0,81,0) 100%);

76-
background: -o-linear-gradient(180deg, rgb(0, 0, 0) 54%, rgb(60, 43, 8) 100%);

76+
background: linear-gradient(270deg, rgb(0,0,0) 54%, rgb(0,81,0) 100%);}

77-
background: -ms-linear-gradient(180deg, rgb(0, 0, 0) 54%, rgb(60, 43, 8) 100%);

77+
78-
background: linear-gradient(270deg, rgb(0, 0, 0) 54%, rgb(60, 43, 8) 100%);}

78+
79
.vicarious { Table Properties }

80
table, tr, td { background-color:transparent; border:0;}

81
table table {

82
background-color:transparent;

83
border-left:8px solid #;

84-
background-color:000203;

84+
border-right:15px solid #;

85-
border-left:8px solid #000203;

85+
86-
border-right:15px solid #000203;

86+
87
 

88
.vic_table { 

89
margin:0px;

90
background-color:transparent;

91
border:0px solid #; }

92
.vic_table tr { margin:0px; }

93
.vic_table td { margin:0px; width:100%; }  

94
 

95
.vicarious{Like To Meet Tables Placement (Up/Down/Left/Right) Codes}

96
td.text table {position:relative; top:-9px; left:3px;  }

97
td.text object, td.text embed, td.text table table {position:static;}

98
 

99
.vicarious{Interests Tables Placement (Up/Down/Left/Right) Codes}

100
object, embed, table table table { position:relative; top:xxpx; left:0px;}

101
table table table table{border:0px; position:static;}

102
 

103
 .vicarious { Additional Table Properties.  Do not adjust. }

104
table table table td img { display:inline; }table td td{ width:0; } table { width:500px; } table table { width:auto; } table table td { padding:3px; } table table table td { padding:0; } table table table { width:auto!important; height:0; } td.text td a img { width:auto!important; } table table table table table, table table table table table td { width:0!important; padding:0!important; } td.text a img { width:100px!important; } td.text td.text a img { width:35px!important; } td td td div strong { width:auto!important; display:block; }  table table td img, td.text td.text .orangetext15, td.text td.text table table div { display:none; }

105
 

106
107
.vicarious { Stylesheet / Shared Styles Between Markers }

108
109
.vicimg3 , #victb3 {

110
-moz-border-radius-topleft: 90px;

111
-webkit-border-top-left-radius: 90px;

112
 border-top-left-radius: 90px;

113
-moz-border-radius-topright: 5px;

114
-webkit-border-top-right-radius: 5px;

115
border-top-right-radius: 5px;

116
-moz-border-radius-bottomright: 5px;

117
-webkit-border-bottom-right-radius: 5px;

118
border-bottom-right-radius: 5px;

119
-moz-border-radius-bottomleft: 5px;

120
-webkit-border-bottom-left-radius: 5px;

121
border-bottom-left-radius: 5px;

122
}

123
124
.vicimg2, #victb2 {

125
-moz-border-radius-topleft: 5px;

126
-webkit-border-top-left-radius: 5px;

127
 border-top-left-radius: 5px;

128
-moz-border-radius-topright: 90px;

129
-webkit-border-top-right-radius: 90px;

130
border-top-right-radius: 90px;

131
-moz-border-radius-bottomright: 5px;

132
-webkit-border-bottom-right-radius: 5px;

133
border-bottom-right-radius: 5px;

134
-moz-border-radius-bottomleft: 5px;

135
-webkit-border-bottom-left-radius: 5px;

136
border-bottom-left-radius: 5px;

137
} 

138
139
big, a.first {

140
background: rgb(0,0,0);

141
background: -moz-linear-gradient(270deg, rgb(0,0,0) 37%, rgb(0,81,0) 100%);

142
background: -webkit-linear-gradient(270deg, rgb(0,0,0) 37%,rgb(0,81,0) 100%);

143-
background: -moz-linear-gradient(270deg, rgb(0, 0, 0) 37%, rgb(38, 25, 20) 100%);

143+
background: -o-linear-gradient(270deg, rgb(0,0,0) 37%, rgb(0,81,0) 100%);

144-
background: -webkit-linear-gradient(270deg, rgb(0, 0, 0) 37%,rgb(38, 25, 20) 100%);

144+
background: -ms-linear-gradient(270deg, rgb(0,0,0) 37%, rgb(0,81,0) 100%);

145-
background: -o-linear-gradient(270deg, rgb(0, 0, 0) 37%, rgb(38, 25, 20) 100%);

145+
background: linear-gradient(0deg, rgb(0,0,0) 37%, rgb(0,81,0) 100%);

146-
background: -ms-linear-gradient(270deg, rgb(0, 0, 0) 37%, rgb(38, 25, 20) 100%);

146+
147-
background: linear-gradient(0deg, rgb(0, 0, 0) 37%, rgb(38, 25, 20) 100%);

147+
148
a.first, .vic2I {

149
padding:4px;

150
margin:5px; 

151
-webkit-box-shadow: 0px 0px 30px rgba(0, 176, 0,  1);

152
-moz-box-shadow:    0px 0px 30px rgba(0, 176, 0,  1);

153-
-webkit-box-shadow: 0px 0px 30px rgba(71, 41, 29,  1);

153+
box-shadow:         0px 0px 30px rgba(0, 176, 0,  1);

154-
-moz-box-shadow:    0px 0px 30px rgba(71, 41, 29,  1);

154+
155-
box-shadow:         0px 0px 30px rgba(71, 41, 29,  1);

155+
156
border-radius: 90px;

157
}

158
159
160
.vicarious { Font Styles }

161
 

162
a, a:link, a:active, a:visited, a:hover, td, .text, table, tr, td, li, div, input, p  {

163
font-family: palatino linotype;

164
font-size: 6.5pt ;

165
line-height: 90% ;

166
color:32322b;

167-
color:3b2e28;

167+
168
 

169
P {

170
text-align:justify;

171
}

172
 

173
I {

174
font-family:  tahoma;

175
font-size: 6.5pt ;

176
style: italic ;

177
line-height: 90% ;

178
color: 687665;

179-
color: 635651;

179+
180
 

181
B {

182
font-family: arial;

183
font-size: 6.0pt ;

184
font-weight:bold ;

185
line-height: 90% ;

186
color:4a5a4a;

187-
color:584944 ;

187+
188
 

189
Em {

190
font-family:  tahoma;

191
font-size: 6.5pt ;

192
line-height: 90% ;

193
color: 7d8a7b;

194-
color: 7c6d68;

194+
195
}

196
 

197
 

198
.vicarious {Shared Styles for Headers }

199
big, small, .h1, .h2, .h3, .h4, .h5, .h6, .h7, .h8, .h9,  .h10, .h11, .h12, .one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .ten, .eleven, .twelve, .lyric, .lyric2, .lyric3, .lyric4, .lyric5, .lyric6, .lyric7, .lyric8, a.first, a.second, a.third, .name {

200
display:block;

201
text-decoration: none ;

202
 }

203
204
.vicarious { Headers }

205
  

206
big {

207
font-family: 'Varela Round', sans-serif;

208
font-size:16pt ;

209
line-height: 90% ;

210
color:5b6459;

211-
color:5f4e47;

211+
212
padding:5px 0px 0px 10px;

213
text-transform: lowercase;

214
letter-spacing: -1pt;

215
border-bottom:2px solid #3b513d;

216-
border-bottom:2px solid #0f0b11;

216+
217
-webkit-box-shadow: 0px 0px 7px rgba(71, 41, 29,  .75);

218
-moz-box-shadow:    0px 0px 7px rgba(71, 41, 29,  .75);

219
box-shadow:         0px 0px 7px rgba(71, 41, 29,  .75);

220
}

221
 

222
small {

223
font-family: copperplate gothic bold;

224
font-size:5pt ;

225
line-height: 20px ;

226
height:20px;

227
color: 4a5234;

228-
color: 58514e;

228+
229
background-color:1c2300;

230-
background-color:140d0a;

230+
231
text-transform: uppercase;

232
}

233
234
 

235
 

236
.h1 {

237
font-family: georgia ;

238
font-size:6pt ;

239-
color:503c34;

239+
240-
background-color:1e1612;

240+
color:5c5d4e;

241
background-color:141b00;

242
text-align: center;

243
padding: 3px ;

244
margin-bottom:2px;

245
text-transform: uppercase ;

246-
border-top:1px solid #372923;

246+
247-
border-bottom:1px solid #372923;

247+
border-top:1px solid #415013;

248
border-bottom:1px solid #415013;

249
}

250
 

251
  

252
.h2 {

253
font-family: georgia ;

254-
color:483e3a;

254+
255
line-height: 90% ;

256
color:53573a;

257-
border-bottom: 1px dotted #5d4c45;

257+
258
background-color:transparent;

259
border-bottom: 1px dotted #4b5d45;

260
margin: 0px 5px 0px 250px ;

261
text-transform: uppercase ;

262
letter-spacing: 2pt;

263
}

264
 

265
  

266
267
.vicarious{Profile Link Codes}

268
a.first, a.first:link, a.first:active, a.first:visited {

269
font-family: courier new ;

270-
color:5d4c45;

270+
271
width: 65px ;

272
line-height: 65px ;

273
height: 65px ;

274
color:6e7057;

275
text-align: center;

276
text-transform: uppercase ;

277
letter-spacing: 2pt;

278
margin-bottom:7px;

279
-webkit-transition: all 0.6s ease-out;

280
-moz-transition: all 0.6s ease-out;

281
-ms-transition: all 0.6s ease-out;

282
-o-transition: all 0.6s ease-out;

283
transition: all 0.6s ease-out;  

284
}    

285
 

286
a.first:hover {

287
-webkit-transform: rotate(720deg) scale(.5);

288
-moz-transform: rotate(720deg) scale(.5);

289
-o-transform: rotate(720deg) scale(.5);

290
-ms-transform: rotate(720deg) scale(.5);

291
transform: rotate(720deg) scale(.5);

292
 }

293
 

294
.vicarious{Connection Link Codes}

295-
color:5f4e47;

295+
296-
background-color:140d0a;

296+
297
font-size:5pt ;

298
line-height: 80% ;

299
color:4a5c47;

300
background-color:0a140a;

301
text-align: center;

302
text-transform: uppercase ;

303
letter-spacing: 2pt;

304
margin-bottom:2px;

305
-webkit-transition: all 0.6s ease-out;

306
-moz-transition: all 0.6s ease-out;

307
-ms-transition: all 0.6s ease-out;

308
-o-transition: all 0.6s ease-out;

309
transition: all 0.6s ease-out;  

310-
color: 140d0a ;

310+
311-
background-color:5f4e47;

311+
312
 

313
a.second:hover {

314
color:0a140a;

315
background-color:4a5c47;

316
}

317
318
.vicarious { IMG Style Classes }

319
320
 .vicimg1 { 

321
width:500px;

322
height:100px;

323
overflow:hidden;

324
border:0px;

325
}  

326
 

327
 .vicimg2 { 

328
box-shadow: 5px 5px 2px #000203;

329
overflow:hidden;

330
border:0px;

331
}  

332
 

333
.vicimg3 { 

334
box-shadow: 5px 5px 2px #000203;

335
overflow:hidden;

336
border:0px;

337
}

338
 

339
340
.vicarious { Div Classes / Shared Styles }

341-
background-color:0f0a08;

341+
342
.vicAbout, .vic2T,  .vicHorT, .vicHorB, .vicConL {

343
padding:4px;

344
margin:5px;

345
background-color:061600;

346
overflow:auto;

347
}

348
349
.vicarious-box small, .vicarious-box .vicinfo {  

350
-webkit-transition: all 0.2s ease-in-out;

351
-moz-transition: all 0.2s ease-in-out;

352
-o-transition: all 0.2s ease-in-out;

353
-ms-transition: all 0.2s ease-in-out;

354
transition: all 0.2s ease-in-out;

355
} 

356
 

357
358
.vicarious { Div Style Classes }

359
360
.vicAbout{  

361
width:486px;

362
height:114px;

363
} 

364
365
.vicHorT {  

366
width:281px;

367
height:143px;

368
}

369
 

370
 .vicHorB {  

371
width:281px;

372
height:25px;

373
} 

374
 

375
.vic2T{  

376
width:150px;

377
height:150px;

378
} 

379
380
.vicConL {

381
padding:0px;

382
margin:2.5px;

383
width:168px;

384
height:55px;

385
}

386
387
.vicariousbody {

388
width: 160px;

389
height: 200px;

390
margin-left:3px;

391
margin-right:2px;

392
overflow: hidden;

393
position: relative;}

394
395
.vicarious-box img {

396
display: block;

397
}

398
 

399
.vicarious-box .mask {

400
width: 160px;

401
height: 200px;

402-
background-color: rgba(38, 11, 0, 0.9);

402+
403
overflow: hidden;

404
top: 0;

405
left: 0;

406
background-color: rgba(15,58,0, 0.9);

407
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

408
filter: alpha(opacity=0);

409
opacity: 0;

410
-webkit-transform: translate(200px, -100px) rotate(180deg);

411
-moz-transform: translate(200px, -100px) rotate(180deg);

412
-o-transform: translate(200px, -100px) rotate(180deg);

413
-ms-transform: translate(200px, -100px) rotate(180deg);

414
transform: translate(200px, -100px) rotate(180deg);

415
-webkit-transition: all 0.2s 0.4s ease-in-out;

416
-moz-transition: all 0.2s 0.4s ease-in-out;

417
-o-transition: all 0.2s 0.4s ease-in-out;

418
-ms-transition: all 0.2s 0.4s ease-in-out;

419
transition: all 0.2s 0.4s ease-in-out; 

420
}

421
422
.vicarious-box:hover .mask {

423
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

424
filter: alpha(opacity=100);

425
opacity: 1;

426
-webkit-transition-delay: 0s;

427
-moz-transition-delay: 0s;

428
-o-transition-delay: 0s;

429
-ms-transition-delay: 0s;

430
transition-delay: 0s;

431
-webkit-transform: translate(0px, 0px);

432
-moz-transform: translate(0px, 0px);

433
-o-transform: translate(0px, 0px);

434
-ms-transform: translate(0px, 0px);

435
transform: translate(0px, 0px);

436
}

437
 

438
.vicarious-box small {

439
-webkit-transform: translateY(-100px);

440
-moz-transform: translateY(-100px);

441
-o-transform: translateY(-100px);

442
-ms-transform: translateY(-100px);

443
transform: translateY(-100px);

444
}

445
446
.vicarious-box:hover small {

447
-webkit-transform: translateY(0px);

448
-moz-transform: translateY(0px);

449
-o-transform: translateY(0px);

450
-ms-transform: translateY(0px);

451
transform: translateY(0px);

452
-webkit-transition-delay: 0.5s;

453
-moz-transition-delay: 0.5s;

454
-o-transition-delay: 0.5s;

455
-ms-transition-delay: 0.5s;

456
transition-delay: 0.5s;

457
}

458
  

459
.vicarious-box .vicinfo {  

460
width:150px;

461
height:165px;

462
margin:3px;

463
padding:2px;

464
position: relative;

465
overflow:auto;

466
-webkit-transform: translateX(200px) rotate(90deg);

467
-moz-transform: translateX(200px) rotate(90deg);

468
-o-transform: translateX(200px) rotate(90deg);

469
-ms-transform: translateX(200px) rotate(90deg);

470
transform: translateX(200px) rotate(90deg); 

471
} 

472
473
.vicarious-box:hover .vicinfo {

474
-webkit-transform: translateX(0px) rotate(0deg);

475
-moz-transform: translateX(0px) rotate(0deg);

476
-o-transform: translateX(0px) rotate(0deg);

477
-ms-transform: translateX(0px) rotate(0deg);

478
transform: translateX(0px) rotate(0deg);

479
-webkit-transition-delay: 0.4s;

480
-moz-transition-delay: 0.4s;

481
-o-transition-delay: 0.4s;

482
-ms-transition-delay: 0.4s;

483
transition-delay: 0.4s;

484-
color:907b72;

484+
485
486
.vicarious-box p,

487
.vicarious-box:hover p  {

488
color:7d8a7b;

489
font-size:7.5pt;

490
text-shadow: 2px 2px #000000;

491
} 

492
493
.vicarious { Div IDs / Shared Styles }

494
495
496-
background: -moz-linear-gradient(90deg, rgb(0, 0, 0) 37%, rgb(38, 25, 20) 100%);

496+
497-
background: -webkit-linear-gradient(90deg, rgb(0, 0, 0) 37%, rgb(38, 25, 20) 100%);

497+
498-
background: -o-linear-gradient(90deg, rgb(0, 0, 0) 37%, rgb(38, 25, 20) 100%);

498+
499-
background: -ms-linear-gradient(90deg, rgb(0, 0, 0) 37%, rgb(38, 25, 20) 100%);

499+
background: rgb(0,0,0);

500-
background: linear-gradient(180deg, rgb(0, 0, 0) 37%, rgb(38, 25, 20) 100%);

500+
background: -moz-linear-gradient(90deg, rgb(0,0,0) 37%, rgb(0,81,0) 100%);

501
background: -webkit-linear-gradient(90deg, rgb(0,0,0) 37%, rgb(0,81,0) 100%);

502
background: -o-linear-gradient(90deg, rgb(0,0,0) 37%, rgb(0,81,0) 100%);

503
background: -ms-linear-gradient(90deg, rgb(0,0,0) 37%, rgb(0,81,0) 100%);

504
background: linear-gradient(180deg, rgb(0,0,0) 37%, rgb(0,81,0) 100%);

505
-webkit-box-shadow: 0px 0px 7px rgba(71, 41, 29,  .75);

506
-moz-box-shadow:    0px 0px 7px rgba(71, 41, 29,  .75);

507
box-shadow:         0px 0px 7px rgba(71, 41, 29,  .75);

508
}

509
510
.vicarious { Div IDs}

511
512
#victb4 { 

513
margin-bottom:0px;

514
}

515
516
#victb5 {

517
height:50PX;

518
width:500PX;

519
-moz-border-radius-topleft: 5px;

520
-webkit-border-top-left-radius: 5px;

521
 border-top-left-radius: 5px;

522
-moz-border-radius-topright: 5px;

523
-webkit-border-top-right-radius: 5px;

524
border-top-right-radius: 5px;

525
-moz-border-radius-bottomright: 90px;

526
-webkit-border-bottom-right-radius: 90px;

527
border-bottom-right-radius: 90px;

528
-moz-border-radius-bottomleft: 5px;

529
-webkit-border-bottom-left-radius: 5px;

530
border-bottom-left-radius: 5px;

531
}

532
533
#victb6 {

534
height:50PX;

535
width:350PX;

536
-moz-border-radius-topleft: 5px;

537
-webkit-border-top-left-radius: 5px;

538
 border-top-left-radius: 5px;

539
-moz-border-radius-topright: 5px;

540
-webkit-border-top-right-radius: 5px;

541
border-top-right-radius: 5px;

542
-moz-border-radius-bottomright: 5px;

543
-webkit-border-bottom-right-radius: 5px;

544
border-bottom-right-radius: 5px;

545
-moz-border-radius-bottomleft: 90px;

546
-webkit-border-bottom-left-radius: 90px;

547
border-bottom-left-radius: 90px;

548
}

549
550
#links {

551
width: auto ;

552
height: auto ;

553
left: 50% ;

554
top: 0% ;

555
overflow:none;

556
margin-left: -490px ;

557
margin-top: 20px ;

558
position: fixed ;

559
z-index: 9 ;

560
}

561
 

562
 

563
.vicarious{ Hide Codes }

564
 

565
.userProfileURL, .profileInfo, .friendsComments, .friendSpace, .blurbs, .contactTable, .latestBlogEntry, .extendedNetwork, .interestsAndDetails, .userprofiledetail, .userAlbums, .whitetext12, .orangetext15, .lightbluetext8, .navigationBar, .profile, table tr td[id='footerWarpper'] { display:none !important;visibility:hidden!important; }

566
table table table table td {width:0px;}

567
.contactTable td, table table td.text table td,table table table table table td {width:auto;}

568
div div select, div div form {display:none !important;}

569
select { visibility:hidden!important; WIDTH:0px!important;}

570
table div {display:none;}table table div {display:block;}

571
.navigationBar { display: none; }

572
div[id="googlebar"],div div select{opacity:0;filter:alpha(opacity=0);display:none !important;position:absolute !important; bottom:2000px !important;}

573
.fx{Effects based on tutorials by Atzeni}

574
.vicarious{Misc Codes}

575
p.breakhere { page-break-after: always }

576
br{line-height:10px!important;}

577
 

578
.vicarious {Layouts available @ http://vicarious-hs.tumblr.com/}

579
</style>

580
 

581
.vicarious{Second Hide Blurbs Code}

582
</td></tr></table><table style="display:none"><tr><td>

583-
</div></td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="left" style="width:500px; display:block; word-wrap:break-word"><div id="victb2">

583+
584
585
-----------------------------LIKE TO MEET--------------------------------- 

586
587
  </div></td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="left" style="width:500px; display:block; word-wrap:break-word"><div id="victb2">

588
 

589
<table><tr><td valign="top"><div class="vicHorT">

590
 

591
 

592
<p><font class="h1">Legal</font>

593
<BR><b>NAME:</b> Input info

594
<BR><b>NICKNAMES:</b> Input info

595
<BR><b>ALIASES:</b> Input info

596
<BR><b>DATE OF BIRTH:</b> Input info

597
<BR><b>PLACE OF BIRTH:</b> Input info

598
<BR><b>CURRENT RESIDENCE:</b> Input info

599
600
<p><font class="h1">Physical</font>

601
<BR><b>ETHNICITY:</b> Input info

602
<BR><b>HAIR COLOR:</b> Input info

603
<BR><b>EYE COLOR:</b> Input info

604
<BR><b>HEIGHT:</b> Input info

605
<BR><b>WEIGHT:</b> Input info

606
<BR><b>BIRTHMARKS/SCARS:</b> Input info

607
608
<p><font class="h1">Personality</font>

609
<br><b>Traits:</b> Input Info

610
<BR><b>Disorders:</b> Input Info

611
<BR><b>Addictions:</b> Input Info

612
<BR><b>Likes:</b> Input Info

613
<BR><b>Dislikes:</b> Input Info

614
<BR><b>Quirks:</b> Input Info

615
 

616
<p><font class="h1">Family</font>

617
<BR><b>MOTHER:</b> Input info

618
<BR><b>FATHER:</b> Input info

619
<BR><b>SISTER(S):</b> Input info

620
<BR><b>BROTHER(S):</b> Input info

621
<BR><b>Other Family:</b> Input info

622
623
<p><font class="h1">Relationships</font>

624
<BR><b>SEXUAL ORIENTATION:</b> Input info

625
<BR><b>RELATIONSHIP STATUS:</b> Input info

626
<BR><b>CURRENT RELATIONSHIP(S):</b> Input info

627
<BR><b>PAST RELATIONSHIP(S):</b> Input info

628
 

629
<p><font class="h1">Education</font>

630
<BR><b>High School</b> Input Info

631
<br><b>College</b> Input Info

632
<br><b>Major</b> Input Info

633
<br><b>Degree</b> Input Info 

634
 

635
<p><font class="h1">Employment</font>

636
<BR><b>OCCUPATION:</b> Input info

637
<BR><b>JOB DESCRIPTION:</b> Input info

638
<BR><b>EMPLOYER:</b> Input info

639
<BR><b>SKILLSET:</b> Input info 

640
641
</div><div class="vicHorB">

642
643-
<img class="vicimg2" src="http://i.imgbox.com/abj0WNfI.jpg">

643+
644
 

645-
</td></tr></table> 

645+
646
 

647
<img class="vicimg2" src="http://i.imgbox.com/adrhvGf0.jpg">

648
 

649
</td></tr></table>

650
 

651
 

652
653
654-
<img class="vicimg1" src="http://i.imgbox.com/adcp1eE5.jpg">

654+
655
656
<big>Your Name Here</big>

657
658
</td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="left" style="width:500px; display:block; word-wrap:break-word"><div id="victb1">

659
660
<img class="vicimg1" src="http://i.imgbox.com/ablW816m.jpg">

661
<div class="vicAbout">

662
663
<p><font class="h2">Origins/History</font>

664
665
<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.

666-
<img class="vicimg1" src="http://i.imgbox.com/adcp1eE5.jpg">

666+
667
668
</div>

669
670
</td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="left" style="width:500px; display:block; word-wrap:break-word"><div id="victb1">

671
672
<img class="vicimg1" src="http://i.imgbox.com/ablW816m.jpg">

673
674
<div class="vicAbout">

675
676
<p><font class="h2">Present Day</font>

677
678-
</div></td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="left" style="width:500px; display:block; word-wrap:break-word"><div id="victb1">

678+
679
 

680
681
</div> 

682
 

683-
<img src="http://i.imgbox.com/abmpzwny.jpg">

683+
684
 

685
 </div></td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="left" style="width:500px; display:block; word-wrap:break-word"><div id="victb1">

686
 

687
688
689
<table><tr>

690
691
<td valign="top"> <div class="vicariousbody vicarious-box">

692
<img src="http://i.imgbox.com/acgWbQVC.jpg">

693-
<img src="http://i.imgbox.com/abmpzwny.jpg">

693+
694
<small>Title or Name</small> 

695
<div class="vicinfo">

696
<p>This is box 1.  Put your info here.  Leave the paragraph break.

697
</div>

698
 

699
</div></div></td>

700
<td valign="top"> <div class="vicariousbody vicarious-box">

701
<img src="http://i.imgbox.com/acgWbQVC.jpg">

702
<div class="mask">  

703-
<img src="http://i.imgbox.com/abmpzwny.jpg">

703+
704
<div class="vicinfo">

705
<p>This is box 2.  Put your info here.  Leave the paragraph break.

706
</div>

707
  

708
</div></div></td>

709
710
<td valign="top"> <div class="vicariousbody vicarious-box">

711
<img src="http://i.imgbox.com/acgWbQVC.jpg">

712
<div class="mask">  

713
<small>Title or Name</small>  

714
<div class="vicinfo">

715
<p>This is box 3.  Put your info here.  Leave the paragraph break.

716
</div>

717
 

718
</div></div></td>

719
720
721
 

722
</tr></table>

723-
<img class="vicimg3" src="http://i.imgbox.com/adbsq7G5.png"> 

723+
724
 </div></td></tr></table></td></tr></table><table class="vic_table" title="vicarious-hs.tumblr.com/" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="left" style="width:500px; display:block; word-wrap:break-word"><div id="victb5">

725
 

726
 

727
-----------------------------INTERESTS---------------------------------

728
729
  

730
 </div></td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="left" style="width:350px; display:block; word-wrap:break-word"><div id="victb3">

731
 

732
 

733
<img class="vicimg3" src="http://i.imgbox.com/adkzoC6a.jpg"> 

734-
<img class="vic2I" src="http://i.imgbox.com/abot4YN1.jpg">

734+
735
 

736
</td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="left" style="width:350px; display:block; word-wrap:break-word"><div id="victb4">

737
 

738
<big>Title or Name</big>

739
740
</td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="left" style="width:350px; display:block; word-wrap:break-word"><div id="victb1"> 

741
 

742
<table><tr><td valign="top">

743
 

744
<img class="vic2I" src="http://i.imgbox.com/acduwjrT.jpg">

745
 

746
</div></td><td valign="top"><div class="vic2T">

747
 

748
<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.

749
 

750
<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.

751
752
 

753
 

754
</div></td> </tr></table>

755-
<img class="vic2I" src="http://i.imgbox.com/abot4YN1.jpg">

755+
756
</td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="left" style="width:350px; display:block; word-wrap:break-word"><div id="victb4">

757
 

758
<big>Title or Name</big>

759
 

760
</td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="left" style="width:350px; display:block; word-wrap:break-word"><div id="victb1">

761
 

762
 

763
<table><tr><td valign="top">

764
765
<img class="vic2I" src="http://i.imgbox.com/acduwjrT.jpg">

766
 

767
</td><td valign="top"><div class="vic2T">

768
 

769
<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.

770
 

771
<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.

772
 

773
 

774
</div></td> </tr></table>

775
 

776-
<img class="vic2I" src="http://i.imgbox.com/abot4YN1.jpg">

776+
777
</td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="left" style="width:350px; display:block; word-wrap:break-word"><div id="victb4">

778
 

779
<big>Title or Name</big>

780
 

781
</td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="left" style="width:350px; display:block; word-wrap:break-word"><div id="victb1">

782
 

783
 

784
<table><tr><td valign="top">

785
786
<img class="vic2I" src="http://i.imgbox.com/acduwjrT.jpg">

787
 

788
</td><td valign="top"><div class="vic2T">

789
 

790
<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.

791
 

792
<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.

793
 

794
 

795
</div></td> </tr></table>

796
 

797
798
799
</td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="left" style="width:350px; display:block; word-wrap:break-word"><div id="victb4">

800
 

801
<big>Connections</big>

802
803
</td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="left" style="width:350px; display:block; word-wrap:break-word"><div id="victb1">

804
 

805
<table><tr><td valign="top"><div class="vicConL">

806
 

807
<a class="second" href="FRIEND LINK">Connection Name</a>

808
<a class="second" href="FRIEND LINK">Connection Name</a>

809
<a class="second" href="FRIEND LINK">Connection Name</a>

810
<a class="second" href="FRIEND LINK">Connection Name</a>

811
<a class="second" href="FRIEND LINK">Connection Name</a>

812
<a class="second" href="FRIEND LINK">Connection Name</a>

813
<a class="second" href="FRIEND LINK">Connection Name</a>

814
<a class="second" href="FRIEND LINK">Connection Name</a>

815
<a class="second" href="FRIEND LINK">Connection Name</a>

816
 

817
 

818
</div></td><td valign="top"><div class="vicConL">

819
 

820
<a class="second" href="FRIEND LINK">Connection Name</a>

821
<a class="second" href="FRIEND LINK">Connection Name</a>

822
<a class="second" href="FRIEND LINK">Connection Name</a>

823
<a class="second" href="FRIEND LINK">Connection Name</a>

824
<a class="second" href="FRIEND LINK">Connection Name</a>

825
<a class="second" href="FRIEND LINK">Connection Name</a>

826
<a class="second" href="FRIEND LINK">Connection Name</a>

827
<a class="second" href="FRIEND LINK">Connection Name</a>

828
<a class="second" href="FRIEND LINK">Connection Name</a>

829
 

830
</div></td></tr></table>

831
 

832
833
</div></td></tr></table></td></tr></table><table title="vicarious-hs.tumblr.com/" class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="left" style="width:350px; display:block; word-wrap:break-word"><div id="victb6"></div>

834
835
836
 

837
838
-----------------------------MUSIC---------------------------------

839
840
841
 </td></tr></table></td></tr></table><table cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="left" style="word-wrap:break-word">

842
 

843
<div id="links">

844
 

845
<a href="/logincomplete.php"class="first">Home</a>

846
<a href="/invite_friend.php?friend_id=xxxxxx"class="first">Add</a>

847
<a href="/add_testimonial.php?member_id=xxxxxx"class="first">Comment</a>

848
<a href="/send_message.php?member_id=xxxxxx"class="first">Message</a>

849
<a href="/gallery.php?member_id=xxxxxx"class="first">Photos</a>

850
<a href="/view_member_blog.php?member_id=xxxxxx"class="first">Blogs</a>

851
 

852
</div>
        

    


            


                                


        

            



                
    

        Public Pastes
    

    
            

    

                    

        

    





    


    
    
    
    
    
    
    
    




    


    



                

            We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.             OK, I Understand
        

    
                

            

                
                    
                
            

            

                Not a member of Pastebin yet?

                Sign Up, it unlocks many cool features!