You are on page 1of 11

<style type="text/css">

@import url(http://fonts.googleapis.com/css?family=Tangerine:400,700|
Raleway:400,300|Yanone+Kaffeesatz:400,700);

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

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

/* - -DO NOT REARRANGE MY CODING. ORDER IS IMPORTANT. - - */

.vicarious{Background Properties // BODY COLOR IS IN THE COLOR PALETTE SECTION}


body {
background-image:url( );
background-repeat:repeat;
background-position: top center;
background-attachment:fixed;
}

.vicarious{ Google Chrome Scrollbar }


::-webkit-scrollbar {width: 15px;}
::-webkit-scrollbar-track {border: 1px solid ;}
::-webkit-scrollbar-thumb {border: 1px solid ;}

.vicarious { Font Styles }

a, a:link, a:active, a:visited, a:hover, td, .text, table, tr, td, li, div, input,
p, i, b, em {
font-family: tahoma;
font-size: 8pt ;
line-height: 90% ;
text-decoration:none;
}

P { text-align:justify; }
I { font-size:12pt;font-family: Tangerine; text-shadow: 1px 1px 2px rgba(0, 0, 0,
1); }
EM {font-size:13pt; font-family: times new roman; text-shadow: 1px 1px 2px rgba(0,
0, 0, 1); display:block; text-align:center;}

B {
font-family: arial narrow;
font-size:8pt;
font-weight:bold;
text-transform:uppercase;
line-height:100%;
letter-spacing: 0pt;
}

a.first, a.first:link, a.first:active, a.first:visited, a.second, a.second:link,


a.second:active, a.second:visited {
font-family: arial narrow;
font-size:9pt;
text-align:center;
text-transform:uppercase;
line-height:50px;
height:50px;
font-weight:bold;
text-decoration:none;
-webkit-transition: all 1s ease-out 0s;
-moz-transition: all 1s ease-out 0s;
-ms-transition: all 1s ease-out 0s;
-o-transition: all 1s ease-out 0s;
transition: all 1s ease-out 0s;
margin-right:20px;

a.second, a.second:link, a.second:active, a.second:visited {


font-size:8pt;
letter-spacing:0pt;
line-height:10px;
height:10px;
display:block;
margin-right:0px;

.h1, .h2, .h3, .h4, .h5 {


text-transform:uppercase;
line-height:100%;
text-align:center;
display:block;
font-size: 11pt ;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

.h1 {font-family: copperplate gothic light;font-size: 30px ; }


.h2 {font-family: 'Yanone Kaffeesatz', sans-serif;font-size: 18px ; height:20px;
line-height:20px;}
.h3 {font-family: 'Raleway', sans-serif; font-size: 10pt ;margin:5px 0px;letter-
spacing:2pt;}
.h4 {font-family: 'Raleway', sans-serif; font-size: 20px ; letter-
spacing:0pt;height:30px; line-height:30px;}
.h5 {font-family: copperplate gothic light;font-size: 7.5pt ; letter-spacing:0pt;
text-shadow: 0px 0px 0px rgba(0, 0, 0, 1);}

.lyric, .lyric2, .lyric3, .lyric4 {


font-family:georgia;
display:block;
text-align:center;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

.lyric {
text-align:left;
font-size:16.75pt;
line-height:75%;
margin-top:10px;
padding-left:4px;
font-weight:light;
letter-spacing:3pt;}

.lyric2 {
font-family:courier new;
font-size:11pt;
line-height:95%;
letter-spacing:0pt;
text-align:right;
padding-right:4px;}

.lyric3 {
font-family:courier new;
font-size:14pt;
line-height:100%;
padding-left:4px;
text-align:left; }

.lyric4 {
font-size: 14pt ;
letter-spacing:1pt;
line-height:75%;

text-transform:uppercase; }

.vicarious { Div IDS/Class Styles }

.vlinks {
width:100%;
height:50px;
right:0%;
bottom:0%;
position:fixed;
overflow:hidden;
z-index:2;
margin-right:0px;
margin-bottom:0px;
text-align:right;
}

.vname {-webkit-transform: rotate(270deg);-moz-transform: rotate(270deg);-o-


transform: rotate(270deg);writing-mode: lr-tb;}
.vname2, .vname3, .vname4 {-webkit-transform: rotate(90deg);-moz-transform:
rotate(90deg);-o-transform: rotate(90deg);writing-mode: rl-tb;}
.vname { width:760px; height:50px; margin-left:-910px; margin-top:405px; }
.vname2, .vname3, .vname4 { width:250px; height:50px; margin-left:160px;margin-
left:435px; }

.vname2 { margin-top:150px; }
.vname3 { margin-top:405px; }
.vname4 { margin-top:660px; }

.v250w250h_a, .v250w250h_b, .v250w250h_c { width:250px; height:250px; margin-


left:-500px; background-repeat:no-repeat;}
.v250w250h_a { margin-top:50px; background-position: top center; }
.v250w250h_b { margin-top:305px; background-position: center center; }
.v250w250h_c { margin-top:560px; background-position: bottom center; }

.v500w250h { width:500px; height:250px; margin-left:-245px; margin-top:50px; }

.vname, .vname2, .vname3, .vname4, .v250w250h_a, .v250w250h_b, .v250w250h_c, .v500w


250h, .v_personality, .v_aboutme, .v_tunes, .lyrics, .v500w200h, .connections, .v27
0h250w_a, .v270h250w_b {
left:50%;
top:0%;
position:absolute;
z-index:1;
-webkit-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.75);
box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.75);
text-align:left;
}

.vname, .vname2, .vname3, .vname4, .lyrics {


overflow:hidden;
}

.v250w250h_a, .v250w250h_b, .v250w250h_c, .v500w250h, .v_personality, .v_aboutme,


.v_tunes, .v500w200h, .connections, .v270h250w_a, .v270h250w_b {
overflow:auto;
}

.v_personality { width:190px; height:215px; margin-left:-245px; margin-top:305px;


border:5px solid;}
.v_tunes { width:200px; height:20px; margin-left:-245px; margin-top:535px; }
.v_aboutme { width:375px; height:240px; margin-left:-40px; margin-
top:305px;border:5px solid;}
.connections { width:180px; height:250px; margin-left:350px; margin-top:305px;
overflow:auto; }

.lyrics { width:500px;height:45px;margin-left:-245px;margin-top:560px; }
.v500w200h { width:500px; height:200px; margin-left:-245px; margin-top:610px; }

.v270h250w_a, .v270h250w_b { width:270px; height:250px; margin-left:260px }


.v270h250w_a { margin-top:50px; }
.v270h250w_b { margin-top:560px; }

.Hbox1, .Hbox2, .Hbox3, .Hbox4, .Hbox5a {


-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
overflow:hidden;
text-align:left;
-webkit-transition: all 1s ease-out 0s;
-moz-transition: all 1s ease-out 0s;
-ms-transition: all 1s ease-out 0s;
-o-transition: all 1s ease-out 0s;
transition: all 1s ease-out 0s;
}

.Hbox1:hover, .Hbox2:hover, .Hbox3:hover, .Hbox4:hover, .Hbox5a:hover {


-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
overflow:auto;
}

.Hbox1 { width:250px; height:250px; }


.Hbox2 { width:500px; height:250px; }
.Hbox3 { width:500px; height:200px; }
.Hbox4 { width:270px; height:250px; }
.Hbox5 { width:160px; height:60px; margin-top:2px;}
.Hbox5a { width:160px; height:60px; }

.bottom {
width:100%;
height:50px;
margin-top:815px;
margin-left:0px;
left:0%;
top:0%;
position:absolute;
z-index:1;
background-color:transparent;
}

.vicarious{ Color Palette}


body{ background-color:181818; }
::-webkit-scrollbar-track {background-color:000000 ; border-color:171717;}
::-webkit-scrollbar-thumb {background-color:292929;; border-color:171717 ;}
a, a:link, a:active, a:visited, a:hover, td, .text, table, tr, td, li, div, input,
p, i, b, em { color:333333; }
I { color:4c4c4c; }
EM { color:323030; }
B { color:363636; }
a.first, a.first:link, a.first:active, a.first:visited { color:333333; background-
color: transparent; }
a.first:hover { color:222222; }
a.second, a.second:link, a.second:active, a.second:visited { color:444444;
background-color: 272525; }
a.second:hover { color:434141; background-color: 251616; }
.h1, .h4 { color:333030; background-color: 1e1c1c; }
.h2 { color:46413a; background-color: 251616; }
.h3 { color:43403b; background-color: 1a1919; }
.h5 { color:444444; background-color: 272525; }
.lyric, .lyric3 { color:46413a}
.lyric2, .lyric4 { color:3a3733}

.Hbox1:hover, .Hbox2:hover, .Hbox3:hover, .Hbox4:hover, .Hbox5a:hover


{ background-color: 121212 }

.vname, .vname2, .vname3, .vname4, .v250w250h_a, .v250w250h_b, .v250w250h_c, .v500w


250h, .v_personality, .v_aboutme, .v_tunes, .lyrics, .v500w200h, .connections, .v27
0h250w_a, .v270h250w_b { background-color:121212; }
.vlinks { background-color: 1e1c1c; }
.v_personality, .v_aboutme {border-color:251616;}

/* - - CSS!! NO TOUCHY!!! - - */

img {border:0px;}
table, tr, td {background:transparent; border:0px;}
img, .contactTable { display:none; }
.vicholder img, .comt img { display:inline; }
table div, td td td, table div div { visibility:hidden; }
font, a, .vicsc a { visibility:hidden; }
.hidenav {display:none}
div.profileWidth {margin-top: -30px !important;}
div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}
div.profileWidth div.clearfix, hidenav hidenav hidenav,
div.profileWidth div div {filter:none; opacity:0.9999}
div.profileWidth div.clearfix {position:relative; top:30px}
table table embed {display:block; width:202px; height:35px; position:absolute;
top:0px; left:0px; visibility:visible;}
table table table embed, .vicholder div embed {position:static !important;
width:auto; height:auto; }
.text, table table table table a,table table table table div,table table table
table div a {visibility:visible;}
.vicsc { display:none; }
.text, td.text td.text table, .contactTable, .lightbluetext8 {display:none;}
table table, table table td {padding:0px; height:0px;}
marquee { z-index:8; }
table div, span, td td td, table div div { visibility:hidden !important; }
.vicholder div, .vicholder div font, .vicholder div a, .vicholder div
div, .vicholder font a, .vicholder span, .vicholder div table a, .vicholder div
table img, .vicholder div

table font, .vicholder div table, .vicholder div table td, .comt, .comt td, .comt
span, .comt a, .comt div {visibility:visible !important;}
.vicDiv {content:"Layouts available @ http://vicarious-hs.tumblr.com";}
/* - - - - - - - */

.vicarious{ Hide Codes }


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

</style>

<div style="display:none;"><table><tr><td><table><tr><td><table><tr><td>

-----------------------------LIKE TO MEET---------------------------------

</td></tr></table></td></tr></table></td></tr></table></div><DIV
class="vicholder">
<div class="vname">
<font class="h1">Portia Paris</font>
<font class="h2">All holes at once please</font>
</div>

<div class="v250w250h_a"
style="background-image:url(https://i.ibb.co/ZK8rVCx/6e7f0250-cee9-11ec-842e-
bc764e200cb0-250x760.jpg);">
<div class="Hbox1">

<p><font class="h3">Legal</font>
<BR><b>NAME:</b> Portia Paris
<BR><b>NICKNAMES:</b> Input info
<BR><b>ALIASES:</b> Input info
<BR><b>DATE OF BIRTH:</b> November 30th
<BR><b>PLACE OF BIRTH:</b> New Zealnad
<BR><b>CURRENT RESIDENCE:</b> Input info

<p><font class="h3">Physical</font>
<BR><b>ETHNICITY:</b> Caucasian
<BR><b>HAIR COLOR:</b> Blonde
<BR><b>EYE COLOR:</b> Green
<BR><b>HEIGHT:</b> 5'4
<BR><b>WEIGHT:</b> 106
<BR><b>Measurements:</b> 32G-26-32

<p>
<p>
</div></div>

<div class="v250w250h_b"
style="background-image:url(https://i.ibb.co/ZK8rVCx/6e7f0250-cee9-11ec-842e-
bc764e200cb0-250x760.jpg);">
<div class="Hbox1">

<p><font class="h3">Education</font>
<BR><b>High School</b> Input Info
<br><b>College</b> Input Info
<br><b>Major</b> Input Info
<br><b>Degree</b> Input Info

<p><font class="h3">Employment</font>
<BR><b>OCCUPATION:</b> Input info
<BR><b>JOB DESCRIPTION:</b> Input info
<BR><b>EMPLOYER:</b> Input info
<BR><b>SKILLSET:</b> Input info

</div></div>

<div class="v250w250h_c"
style="background-image:url(https://i.ibb.co/ZK8rVCx/6e7f0250-cee9-11ec-842e-
bc764e200cb0-250x760.jpg);">
<div class="Hbox1">

<p><font class="h3">Family</font>
<BR><b>MOTHER:</b> Input info
<BR><b>FATHER:</b> Input info
<BR><b>SISTER(S):</b> Input info
<BR><b>BROTHER(S):</b> Input info
<BR><b>Other Family:</b> Input info

<p><font class="h3">Relationships</font>
<BR><b>SEXUAL ORIENTATION:</b> Input info
<BR><b>RELATIONSHIP STATUS:</b> Input info
<BR><b>CURRENT RELATIONSHIP(S):</b> Input info
<BR><b>PAST RELATIONSHIP(S):</b> Input info

</div></div>

<div class="v500w250h"
style="background-image:url(https://i.ibb.co/Qd1S8sS/brazzers-naked-wife-portia-
paris-fuck-in-vagina-xvideos-2-1-500x250.jpg);">
<div class="Hbox2">

<font class="h1">Header 1</font>


<font class="h2">Header 2</font>
<font class="h3">Header 3</font>
<font class="h4">Header 4</font>
<font class="h5">Header 5</font>

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

<p><em>Emphasized text goes here</em>

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

</div></div>

<div class="v_personality">

<p><font class="h3">Personality</font>
<BR><b>Traits:</b> Input Info
<BR><b>Disorders:</b> Input Info
<BR><b>Addictions:</b> Input Info
<BR><b>Likes:</b> Input Info
<BR><b>Dislikes:</b> Input Info
<BR><b>Quirks:</b> Input Info
</div>

<div class="v_aboutme">

<font class="h2">Header 2</font>


<font class="h5">Header 5</font>
<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.

<p><em>Emphasized text goes here</em>

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

</div>

<div class="lyrics">
<font class="lyric">A man who won't die for something</font>
<font class="lyric2"> is not fit to live.</font>
</div>

<div class="v500w200h" style="background-image:url(https://i.ibb.co/3hGc6fy/Portia-


Paris-1-500x200.jpg);">
<div class="Hbox3">

<font class="h1">Header 1</font>


<font class="h2">Header 2</font>
<font class="h3">Header 3</font>
<font class="h4">Header 4</font>
<font class="h5">Header 5</font>

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

<p><em>Emphasized text goes here</em>

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

<font class="lyric">You can use these for lyrics</font>


<font class="lyric2">or to emphasize text</font>
<font class="lyric3">Add in a quote if you want</font>
<font class="lyric4">or some lines from a song</font>
</div></div>
<div class="vname2">
<font class="h4">Title Goes Here</font>
<font class="h2">Secondary Title</font>
</div>

<div class="v270h250w_a"
style="background-image:url(https://i.ibb.co/MSHBYpN/254251144-xphejgpivsrtko-
270x250.jpg);">
<div class="Hbox4">

You can put a special connection here or other info. The title for this section is
above.

</div></div>

<div class="vname3">
<font class="h4">Main Connections</font>
<font class="h2">The Special Ones</font>
</div>
<div class="connections"><center>

<div class="Hbox5" style="background-image:url();">


<div class="Hbox5a">
<a class="second" href="/FriendID">Connection Name</a>
<p>Info about connection here. THE CONNECTION IMAGE IS 160PX WIDTH BY 60PX HEIGHT.
</div></div>

<div class="Hbox5" style="background-image:url();">


<div class="Hbox5a">
<a class="second" href="/FriendID">Connection Name</a>
<p>Info about connection here. THE CONNECTION IMAGE IS 160PX WIDTH BY 60PX HEIGHT.
</div></div>

<div class="Hbox5" style="background-image:url(http://i.imgur.com/3sXlbrt.png);">


<div class="Hbox5a">
<a class="second" href="/FriendID">Connection Name</a>
<p>Info about connection here. THE CONNECTION IMAGE IS 160PX WIDTH BY 60PX HEIGHT.
</div></div>

<div class="Hbox5" style="background-image:url();">


<div class="Hbox5a">
<a class="second" href="/FriendID">Connection Name</a>
<p>Info about connection here. THE CONNECTION IMAGE IS 160PX WIDTH BY 60PX HEIGHT.
</div></div>

<div class="Hbox5" style="background-image:url();">


<div class="Hbox5a">
<a class="second" href="/FriendID">Connection Name</a>
<p>Info about connection here. THE CONNECTION IMAGE IS 160PX WIDTH BY 60PX HEIGHT.
</div></div>

<div class="Hbox5" style="background-image:url();">


<div class="Hbox5a">
<a class="second" href="/FriendID">Connection Name</a>
<p>Info about connection here. THE CONNECTION IMAGE IS 160PX WIDTH BY 60PX HEIGHT.
</div></div>

</center></div>

<div class="vname4">
<font class="h4">Title Goes Here</font>
<font class="h2">Secondary Title</font>
</div>

<div class="v270h250w_b" style="background-image:url(https://i.ibb.co/HqvgDVL/e-


YOEPh-X8g-Os-270x250.jpg);">
<div class="Hbox4">

You can put a special connection here or other info. The title for this section is
above.
</div></div>

<div class="bottom"></div>
</div><div class="ficsc"><table><tr><td><table><tr><td><table><tr><td>

You might also like