|
layout
</td></tr></table></td></tr></table></td></tr></table></div> <style type="text/css"> @import url(http://fonts.googleapis.com/css?family=Raleway:400,300|Yanone+Kaffeesatz:400,700); /* - -DO NOT PUT ANYTHING ABOVE THE @import LINE ABOVE - - */ .vicarious { CSS/DIV Layout 130 // 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); } 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:0px; padding:0px; display:block; letter-spacing:0pt; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); }
a.first, a.first:link, a.first:active, a.first:visited{width:165px; } a.second, a.second:link, a.second:active, a.second:visited {font-size:8pt;line-height:19px;height:19px; } a.first:hover, a.second:hover { text-shadow: 0px 0px 0px rgba(0, 0, 0, 1);} .h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6 { text-transform:uppercase; line-height:100%; text-align:center; display:block; font-size: 11pt ; } .h1, h1 { font-size:50px; font-family: trajan pro; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); text-decoration:none; line-height:60%; padding:0px; margin-top:10px; display:block; } .h2, h2 { font-size:30px; font-family: georgia; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); text-decoration:none; line-height:45%; padding:0px; margin:0px; display:block; letter-spacing:3pt; } .h3, h3 { font-size:12px; font-family: georgia; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); text-decoration:none; line-height:100%; padding:0px; margin:0px; display:block; } .h4, h4 { font-size:55px; font-family: times new roman; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); text-decoration:none; line-height:85%; padding:0px; margin:0px; display:block; letter-spacing:1pt; } .h5, h5 { font-family: 'Raleway', sans-serif; font-size: 12pt ; line-height:125%; letter-spacing:1pt; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); } .h6, h6 { font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 14pt ; margin:10px 0px; padding:10px 0px; letter-spacing:2pt; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); } .vicarious { Div IDS/Class Styles } .top, .vbanner, .vlinks, .v200w485h, .connlinks, .music, .titleA, .titleB, .titleC, .titleD, .titleE, .titleF, .v290w145h, .v500w355h, .v290w125h_a, .v290w125h_b, .v290w125h_c, .personality, .about, .copyright, .line1, .line2, .bottom { left:50%; top:0%; position:absolute; overflow:hidden; z-index:1; } .top, .bottom, .vbanner {width:1000px;margin-left:-500px; } .top { height:20px; margin-top:0px; } .bottom { height:50px; margin-top:1185px; } .vbanner { height:350px; margin-top:25px; } .vlinks {width:1000px;height:50px;margin-left:-500px;margin-top:380px; } .personality, .about, .connlinks, .copyright { overflow:auto; } .personality {width:195px; height:190px;margin-left:0px;margin-top:830px; } .about {width:300px;height:190px;margin-left:200px;margin-top:830px;} .connlinks {width:200px;height:180px;margin-left:-500px;margin-top:1000px; } .copyright {width:500px;height:95px;margin-left:0px;margin-top:1085px; } .v200w485h, .Hbox1 {width:200px;height:485px;} .v200w485h {margin-left:-500px;margin-top:435px; } .music {width:200px;height:20px;margin-left:-500px;margin-top:925px; } .v290w145h, .Hbox3 {width:290px;height:145px;} .v290w145h { margin-left:-295px;margin-top:540px; } .v500w355h, .Hbox2 {width:500px;height:355px;} .v500w355h { margin-left:0px;margin-top:435px; } .v290w125h_a, .v290w125h_b, .v290w125h_c, .Hbox4 {width:290px;height:125px;} .v290w125h_a {margin-left:-295px;margin-top:795px; } .v290w125h_b {margin-left:-295px;margin-top:925px; } .v290w125h_c {margin-left:-295px;margin-top:1055px; } .titleA, .titleB {width:290px;height:100px;margin-left:-295px;} .titleA { margin-top:435px; } .titleB { margin-top:690px; } .titleC, .titleD, .titleE, .titleF { text-align:center;display:block text-decoration:none;text-transform:uppercase;text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);font-family: 'Yanone Kaffeesatz', sans-serif;} .titleC { width:500px;height:50px;margin-left:0px; margin-top:1030px; line-height:50px; height:50px;font-size:45px; } .titleD { width:200px;height:45px;margin-left:-500px;margin-top:950px; line-height:45px; height:45px;font-size:40px; } .titleE { width:195px;height:30px;height:190px;margin-left:0px;margin-top:795px; line-height:30px; height:30px;font-size:25px; } .titleF { width:300px;height:30px;height:190px;margin-left:200px;margin-top:795px; line-height:30px; height:30px;font-size:25px; }
.Hbox1, .Hbox2, .Hbox3, .Hbox4 { -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 { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; overflow:auto; }
.line1, .line2 {width:50px;height:100%;margin-top:0px; position:fixed; } .line1 { margin-left:-570px;border-left:15px solid ;} .line2 { margin-left:505px;border-right:15px solid;}
.vicarious{ Color Palette}
body{ background-color:0c1724; }
::-webkit-scrollbar-track {background-color:000000 ; border-color:171717;} ::-webkit-scrollbar-thumb {background-color:212933; border-color:171717 ;}
.vbanner, .vlinks, .v200w485h, .connlinks, .music, .v290w145h, .v500w355h, .v290w125h_a, .v290w125h_b, .v290w125h_c, .personality, .about, .copyright, .Hbox1, .Hbox2, .Hbox3, .Hbox4 {background-color: 161e28; }
.bottom, .top, .titleA, .titleB, .titleC, .titleD, .titleE, .titleF { background: rgb(12, 23, 36); background: -moz-linear-gradient(90deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%); background: -webkit-linear-gradient(90deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%); background: -o-linear-gradient(90deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%); background: -ms-linear-gradient(90deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%); background: linear-gradient(180deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%); }
.titleC, .titleD, .titleE, .titleF { color:54555a; }
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:979797; } EM { color:555555; } B { color:383b3e; }
.h1, h1 { color:484e54; } .h2, h2 { color:7d8287; } .h3, h3 { color:60656a; } .h4, h4 { color:60656a; } .h5, h5 { color:7a7a7a; background-color:293038; }
.h6, h6, a.first, a.first:link, a.first:active, a.first:visited, a.second, a.second:link, a.second:active, a.second:visited { color:54555a; background: rgb(12, 23, 36); background: -moz-linear-gradient(90deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%); background: -webkit-linear-gradient(90deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%); background: -o-linear-gradient(90deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%); background: -ms-linear-gradient(90deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%); background: linear-gradient(180deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%); }
a.first:hover, a.second:hover { color:222222; background: rgb(12, 23, 36); background: -moz-linear-gradient(270deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%); background: -webkit-linear-gradient(270deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%); background: -o-linear-gradient(270deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%); background: -ms-linear-gradient(270deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%); background: linear-gradient(0deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%); } .line1, .line2 {border-color: 0c131b; } .line1 { border-color: 0c131b; background: rgb(12, 23, 36); background: -moz-linear-gradient(0deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%); background: -webkit-linear-gradient(0deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%); background: -o-linear-gradient(0deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%); background: -ms-linear-gradient(0deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%); background: linear-gradient(90deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%); }
.line2 { border-color: 0c131b; background: rgb(12, 23, 36); background: -moz-linear-gradient(180deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%); background: -webkit-linear-gradient(180deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%); background: -o-linear-gradient(180deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%); background: -ms-linear-gradient(180deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%); background: linear-gradient(270deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%); }
/* - - 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> ////////////////////////////////////////////
</td></tr></table></td></tr></table></td></tr></table></div><DIV class="vicholder"><div class="top"></div><div class="line1"></div><div class="line2"></div> <div class="vbanner" style="background-image:url(https://i.imgur.com/vy8IPRe.jpg);"></div> <div class="vlinks"><table><tr> <TD><a class="first" href="/logincomplete.php">HOME</a></TD> <TD><a class="first" href="/invite_friend.php?friend_id=15202">ADD</a></TD> <TD><a class="first" href="/send_message.php?member_id=15202">MESSAGE</a></TD> <TD><a class="first" href="/add_testimonial.php?member_id=15202">COMMENT</a></TD> <TD><a class="first" href="/gallery.php?member_id=15202">PHOTOS</a></TD> <TD><a class="first" href="/view_member_blog.php?member_id=15202">BLOGS</a></TD> </tr></table></div> <div class="v200w485h" style="background-image:url(https://i.imgur.com/jhQIv7F.jpg);"> <div class="Hbox1"> <font class="h6">STATISTICAL</font> <p><font class="h3">Legal</font> <BR><b>NAME:</b> Alondra Monstar <BR><b>NICKNAMES:</b> N/a <BR><b>ALIASES:</b> Coming soon <BR><b>DATE OF BIRTH:</b> 17th century <BR><b>PLACE OF BIRTH:</b> Rhode Island <BR><b>CURRENT RESIDENCE:</b> Kingdom of Ravens <p><font class="h3">Physical</font> <BR><b>ETHNICITY:</b> Caucasian, Scottish/Irish <BR><b>HAIR COLOR:</b> Platinum Blonde <BR><b>EYE COLOR:</b> Heaven blue/ Blood red <BR><b>HEIGHT:</b> 5'7 <BR><b>WEIGHT:</b> n/a <BR><b>BIRTHMARKS/SCARS:</b> None <p><font class="h3">Education</font> <BR><b>High School</b> secret <br><b>College</b> secret <br><b>Major</b> secret <br><b>Degree</b> many <p><font class="h3">Employment</font> <BR><b>OCCUPATION:</b> Princess <BR><b>JOB DESCRIPTION:</b> Few <BR><b>EMPLOYER:</b> self <BR><b>SKILLSET:</b> many things <p><font class="h3">Family</font> <BR><b>MOTHER:</b> secret <BR><b>FATHER:</b> secret <BR><b>SISTER(S):</b> unknown <BR><b>BROTHER(S):</b> unknown <BR><b>Other Family:</b> Adam Blackheart, Thalia, Fluer and Luxor <p><font class="h3">Relationships</font> <BR><b>SEXUAL ORIENTATION:</b> very straight <BR><b>RELATIONSHIP STATUS:</b> single <BR><b>CURRENT RELATIONSHIP(S):</b> none <BR><b>PAST RELATIONSHIP(S):</b> none </div></div> <div class="titleA"> <font class="h1">Warm</font> <font class="h2">Sweet</font> <font class="h4">Blood</font> </div> <div class="v290w145h" style="background-image:url(https://i.imgur.com/VVOwbdA.jpg);"> <div class="Hbox3"> <font class="h5">ALONDRA MOONSTAR</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. </div></div> <div class="v500w355h" style="background-image:url(https://i.imgur.com/OHritpJ.jpg);"> <div class="Hbox2"> <font class="h6">Title</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. </div></div> <div class="music"> <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="0"> <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" /> <param name="bgcolor" value="#12161a" /> <param name="FlashVars" value="mp3=http%3A//k002.kiwi6.com/hotlink/3lt62lz882/crazier.mp3&autoplay=1&bgcolor=12161a&loadingcolor=54555a&buttoncolor=54555a&slidercolor=54555a" /> </object> </div> <div class="titleD">CONNECTIONS</div> <div class="connlinks"> <a class="second" href="/FriendId">Connection Name</a> <a class="second" href="/FriendId">Connection Name</a> <a class="second" href="/FriendId">Connection Name</a> <a class="second" href="/FriendId">Connection Name</a> <a class="second" href="/FriendId">Connection Name</a> <a class="second" href="/FriendId">Connection Name</a> <a class="second" href="/FriendId">Connection Name</a> <a class="second" href="/FriendId">Connection Name</a> <a class="second" href="/FriendId">Connection Name</a> </div> <div class="titleB"> <font class="h1">The</font> <font class="h2">Dinner</font> <font class="h4">Guests</font> </div> <div class="v290w125h_a" style="background-image:url(https://i.imgur.com/2Wmn3Gp.jpg);"><div class="Hbox4"> <font class="h5">Title or Name</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. </div></div> <div class="v290w125h_b" style="background-image:url(https://i.imgur.com/7byEpLN.jpg);"><div class="Hbox4"> <font class="h5">Title or Name</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. </div></div> <div class="v290w125h_c" style="background-image:url(https://i.imgur.com/C4NeaS6.jpg);"><div class="Hbox4"> <font class="h5">Title or Name</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. </div></div> <div class="titleE"> Personality </div> <div class="personality"> <p><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>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="titleF"> Title Goes Here </div> <div class="about"> <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="titleC">Copyright & Disclaimer</div> <div class="copyright"> <b>COPYRIGHT 2013. ALL RIGHTS RESERVED.</b> <p>This page contains material protected under International and Federal Copyright Laws and Treaties. Any unauthorized reprint or use of this material is prohibited. No part of this page may be reproduced or transmitted in any form or by any means, electronic or mechanical, including photocopying, recording, or by any information storage and retrieval system without express written permission from the author. <p>I am not the person in the photographs. This profile is for creative purposes only. </div> <div class="bottom"></div></div><div class="ficsc"><table><tr><td><table><tr><td><table><tr><td> ////////////////////////////////
|