Role Play Haven :: LAYOUT DESIGN 3 CODING

< Back

home | mail | rss | login

Roleplay Haven

Last Updated:

Post New Blog
Manage Blog
Email to a Friend

Gender:
Status: Married
Age: 44
Sign: Libra

Country: India
Signup Date: November 08, 2006

Who Gives Kudos:

My Subscriptions

10/18/2019

LAYOUT DESIGN 3 CODING
Category: Uncategorized

=====ABOUT ME SECTION====

@import url(http://fonts.googleapis.com/css?family=Arapey:400italic,400|Six+Caps|Tangerine:400,700);

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

.vicarious{ Background Properties }

body {

background-image: url(" ");

background-attachment:fixed;

background-repeat:no-repeat;

background-position:top left;

}

.vicarious { Table Properties }

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

table table {

background-color:transparent;

border-left:0px double #000000 ;

border-right:0px double #000000;

}

table table table { background-color:transparent; display: inline-table; border:0px; }

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

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

td.text table table {position:static;}

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

table table table { position:relative; top:xxpx; left:25px;}

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

.vic_table {

margin-bottom:5px;

border:1px solid; }

.vic_table tr { margin:0px; }

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

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

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; }

.vicarious{ Google Chrome Scrollbar }

::-webkit-scrollbar {width: 10px;}

::-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: brushscript mt;

text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);

}

EM {

font-size:11pt;

font-family: brushscript mt;

text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);

}

B, .B2 {

font-family:arial narrow;

font-size:7pt;

font-weight:bold;

text-transform:uppercase;

line-height:100%;

letter-spacing: 0pt;

}

.B2, .B3 {

display:block;

text-align:center;

margin:5px 0px;

}

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

font-family: courier new;

font-size:9pt;

text-align:center;

text-transform:uppercase;

letter-spacing:-1px;

display:block;

font-weight:bold;

text-decoration:none;

-webkit-transition: all 1.6s ease-out;

-moz-transition: all 1.6s ease-out;

-ms-transition: all 1.6s ease-out;

-o-transition: all 1.6s ease-out;

transition: all 1.6s ease-out;

margin-bottom:4px;

}

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

line-height:50px;

height:50px;

width:75px;

border:5px solid;

letter-spacing:2px;

transition:All 1s ease;

-webkit-transition:All 1s ease;

-moz-transition:All 1s ease;

-o-transition:All 1s ease;

transform: scale(1) ;

-webkit-transform: scale(1);

-moz-transform:scale(1) ;

-o-transform: scale(1);

-ms-transform: scale(1);

}

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

font-family: copperplate gothic light;

font-size:6pt;

text-shadow: 3px 3px 3px rgba(0, 0, 0, 1);

line-height:80%;

margin-bottom:2px;

}

a.first:hover {

transform: scale(0.67) ;

-webkit-transform: scale(0.67) ;

-moz-transform: scale(0.67) ;

-o-transform: scale(0.67) ;

-ms-transform: r scale(0.67) ;

}

a.second:hover {

letter-spacing:8px;

}

.h1, .h2, .h3, .h4, .h5, .h6, .h7, .h8, .h9 {

font-family: copperplate gothic light;

text-shadow: 3px 3px 3px rgba(0, 0, 0, 1);

text-transform:uppercase;

line-height:100%;

text-align:center;

display:block;

font-size: 11pt ;

}

.h1 {

font-family: 'Quattrocento', serif;

font-size: 20pt ;

margin:10px 0px;

letter-spacing:2pt;

border-top:5px solid;

border-bottom:4px double;

border-right:25px solid;

border-left:25px solid;

}

.h2 {

margin:10px 0px;

letter-spacing:4pt;

}

.h3 {

text-align:left;

padding-left:5px;

margin-top:5px;

font-size: 9pt ;

border-right:15px solid;

text-shadow: 3px 3px 3px rgba(0, 0, 0, 3);

}

.h4 {

text-align:center;

line-height:35%;

font-size: 22pt ;

}

.h5 {

font-size: 12pt ;

letter-spacing:1pt;

margin:10px 0px;

text-align:center;

border-top:5px solid;

border-bottom:4px double;

border-right:25px solid;

border-left:25px solid;

}

.h6 {

font-family: trajan pro;

color:3d2f2f;

font-size:16pt;

line-height:90%;

padding-top:5px;

padding-left:5px;

text-transform:uppercase;

text-align:left;

letter-spacing:-1pt;}

.h7{

font-family: 'Six Caps', sans-serif;

color:4e454b;

font-size:11pt;

line-height:35%;

padding-right:5px;

text-transform:lowercase;

text-align:right;

letter-spacing:4pt;

}

.h8{

font-family:georgia;

color:4e454b;

font-size:14pt;

line-height:55%;

text-transform:lowercase;

text-align:left;

padding-left:5px;

}

.h9{

font-family:brushcript mt;

color:4e454b;

font-size:12pt;

line-height:75%;

padding-right:5px;

text-transform:lowercase;

text-align:right;

margin-bottom:8px;

}

.lyric, .lyric2, .lyric3, .lyric4, .lyric5, .lyric6, .lyric7 {

display:block;

text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);

}

.lyric {

font-family:brush script mt;

text-align:left;

font-size:12.75pt;

line-height:55%;

margin-top:5px;

padding-left:4px;

font-weight:light;

letter-spacing:3pt;}

.lyric2 {

font-family:courier new;

text-align:center;

font-size:12.25pt;

line-height:90%;

letter-spacing:2.5pt;}

.lyric3 {

font-family:courier new;

text-align:right;

padding-right:4px;

font-size:14pt;

line-height:35%; }

.lyric4 {

font-family: 'Arapey', serif;

font-size:12.5pt;

text-align:center;

line-height:75%;

letter-spacing:2pt;}

.lyric5 {

font-family: 'Six Caps', sans-serif;

font-size:12pt;

text-align:left;

padding-left:4px;

line-height:25%;

font-weight:light;

letter-spacing:7pt;}

.lyric6 {

font-family: 'Tangerine', cursive;

font-size:18pt;

text-align:center;

line-height:40%;

font-weight:light;

letter-spacing:1.25pt;}

.lyric7 {

font-family:times new roman;

font-size:11pt;

text-align:right;

padding-right:4px;

line-height:80%;

font-weight:light;

letter-spacing:1pt;}

.panel1 {

width:162px;

height:162px;

overflow:hidden;

}

.panel1a {

width:157px;

height:162px;

padding:0px 5px;

overflow:hidden;

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

filter: alpha(opacity=0);

opacity: 0;

-webkit-transition: all 1.6s ease-out;

-moz-transition: all 1.6s ease-out;

-ms-transition: all 1.6s ease-out;

-o-transition: all 1.6s ease-out;

transition: all 1.6s ease-out;

}

.panel1a:hover {

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

filter: alpha(opacity=100);

opacity: 1;

overflow:auto;

}

.about{

width:490px;

height:200px;

overflow:auto;

padding:0px 5px;

}

.about2{

width:260px;

height:125px;

overflow:auto;

padding:0px 5px;

}

.stats {

width:190px;

height:55px;

overflow:auto;

padding:0px 5px;

text-align:left;

}

.miscinfo {

width:190px;

height:180px;

overflow:auto;

padding:0px 5px;

}

.connlinks {

width:190px;

height:95px;

overflow:auto;

padding:0px 5px;

}

#links{

visibility:visible;

left:50%;

top:0%;

margin-right:0px;

margin-top:0px;

position:fixed;

z-index:1;

width:auto;

height:auto;

padding:10px;

margin-top:20px;

margin-left:-480px;

text-align:center;

}

.pers{

width:215px;

height:110px;

padding:0px 5px;

overflow:auto;

}

.vicarious{ Color Palette}

body { background-color:000000; }

::-webkit-scrollbar-track {background-color:000000 ; border-color:000000 ;}

::-webkit-scrollbar-thumb {background-color:333333; border-color:000000 ;}

a, a:link, a:active, a:visited, a:hover, td, .text, table, tr, td, li, div, input, p, i, b, em { color:333131; }

I { color:888888; }

EM { color:b5b5b5; }

B {color:420807;}

.B2{color:000000; background-color:b7b7b7; }

.B3{ color:000000; background-color:430f0e; }

a.first, a.first:link, a.first:active, a.first:visited {color:424242; background-color:171717;border-color: #430f0e; }

a.first:hover{color:333333;background-color:191919; border-color:#630200;}

a.second, a.second:link, a.second:active, a.second:visited { color:b5b5b5; background-color:630200;}

a.second:hover{color:333333;background-color:191919; }

.h1,.h5 {background-color:111111; border-top-color: #222222; border-bottom-color:#222222;border-left-color:#430f0e; border-right-color:#430f0e; }

.h1, .h2 { color:7a7a7a; }

.h3 { color:555555; background-color:191919; border-color: #121212; }

.h4{ color:c6c6c6; background-color:630200; }

.h5 { color:6d6d6d; }

.h6 { color:710000; }

.h8 { color:5c5c5c; }

.h7 { color:c4c4c4; }

.h9 { color:830000; }

.lyric { color:a9a9a9;}

.lyric2 {color:474242;}

.lyric3 {color:c5c5c5; }

.lyric4 {color:6b0200; }

.lyric5 {color:a3a3a3; }

.lyric6 {color:504d4d; }

.lyric7 {color:700200; }

.about, .about2, .miscinfo, .pers, .connlinks, .panel1a, .panel2a, .stats { background-color:11130e;border-color:312b33; }

.line1, .line2 { background-color:201524; border-left-color:a49e8f; border-right-color:a49e8f; border-top-color:#201922}

#links, .vic_table{background-color:121212; border-color:222222; }

.vicarious{ Hide Codes }

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

.hidethem {visibility:hidden; display:none;}

/*This HELPS to hide the namefield, default and url.*/

.nametext { display: none; }

.txt_label { display: none; }

td td td.text {display:none;}

td td td td.label { display:none; }

/*This hides Friends AND Comments.*/

.friendsComments { 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;}

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

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

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

.navigationBar { display: none; }

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

.vicarious{Misc Codes}

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

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

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

</style>

.vicarious{Second Hide Blurbs Code}

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

====================LIKE TO MEET SECTION=========

</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="center" style="width:500px; display:block; word-wrap:break-word">

<font class="h1">Roleplay Haven</font>

</font>

<font class="h6">That Roleplay Life</font>

<font class="h7">is for those</font>

<font class="h8">who didn't get it right</font>

<font class="h9">the first time </font>

<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

<p>Personality details here. 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></td><td valign="top">

<p><font class="h5">Novella</font>

<p><b>Bold</b> <i>Italic</i> <em>Emphasized</em> 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>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>

<p><font class="h5">Character</font>

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

<font class="h4">Text Title</font>

<font class="lyric">my tongue is battered and bruised</font>

<font class="lyric2">from all these attitudes</font>

<font class="lyric3">sinner</font>

<font class="lyric4">so teach me the magic of your sacred poems</font>

<font class="lyric5">conjuring a voice of signs and omens</font>

<font class="lyric6">prophecies guide the breeze</font>

<font class="lyric7">with syllables symbols breed</font>

=================INTEREST=============

<p><font class="h5">Haven Layouts</font>

<p><font class="b3">Notations</font>

<BR>Multi-para Only

<BR>Messages=OOC ; Comments=Roleplay

</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:200px; display:block; word-wrap:break-word">

<font class="h3">Family</font>

<BR><b>MOTHER:</b>

<BR><b>FATHER:</b>

<BR><b>SISTER(S):</b>

<BR><b>BROTHER(S):</b>

<BR><b>Other Family:</b>

</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:200px; display:block; word-wrap:break-word">

<font class="h3">Relationships</font>

<BR><b>SEXUAL ORIENTATION:</b> Sexual

<BR><b>RELATIONSHIP STATUS:</b> Taken

<BR><b>CURRENT RELATIONSHIP(S):</b> None

<BR><b>PAST RELATIONSHIP(S):</b> None

</div>

<p><font class="b3">Writer</font>

</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:200px; display:block; word-wrap:break-word">

<font class="h3">Physical</font>

<b>ETHNICITY:</b> Input info

<BR><b>ETHNICITY:</b> Demon

<BR><b>HAIR COLOR:</b> Black

<BR><b>EYE COLOR:</b> black

<BR><b>HEIGHT:</b> 5.8

<BR><b>WEIGHT:</b> 150

<BR><b>BIRTHMARKS:</b> All Over

<BR><b>SCARS:</b> None

</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:200px; display:block; word-wrap:break-word">

<font class="h2">Demonic</font>

</div>

=====================MUSIC SECTION======

</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="center" style="width:200px; display:block; word-wrap:break-word">

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

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

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

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

08: PM 0 Comments (Add Comment) | 0 Kudos

Back to Blog List