Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- !!!!!!!!!!!!Read It!!!!!!!!!!!!
- (⊙.⊙(☉_☉)⊙.⊙)
- CAN'T EMPHASIZE THIS ENOUGH: There are div ids/classes, tables (table, tr, td) and img classes in this layout. Be VERY, VERY, VERY careful not to drop off any of the coding.
- ............................
- IMAGES
- Image dimensions are located in Like to Meet
- If you elect to keep the color scheme for pics, the psd is here:
- https://drive.google.com/file/d/0B79YHAkeE7SuU243ZnE1V3BrMVk
- ............................
- MUSIC PLAYER
- REPLACE MY MUSIC PLAYER WITH YOUR OWN.
- Read the cited note under the music player for additional instructions.
- ............................
- FOR ROLEPLAYER.ME USERS:
- For the below text font classes and all of the headers (1, 2, 3, etc) and lyrics, please note the following:
- I code for ALL sites. Not every website will allow headers to be placed as <h1>Header 1</h1>. For that reason, I turn them into font classes with a period in front (.h1) in About Me and script them in the tables as I have done below.
- <font class="h1">Header 1</font>
- If you are on a website like RPer.me that allows regular header, underline, strong, etc coding, you can just use regular header coding for all of the header, lyric, special text labels like so:
- <h1>Header</h1> <strike>Strike</strike> etc..
- OR just leave them as they are. They will work for you either way.
- ///////////////////////////////////////////////////
- Don't forget to replace the XXXXX with your friend ID number.
- (>‿◠)✌
- *****************************SAVE YOUR WORK AS YOU GO.*******************************
- DO NOT REMOVE THE .VICARIOUS MARKERS FROM ANY VICARIOUS LAYOUT.
- -----------------------------ABOUT ME-----------------------------
- <style type="text/css">
- @import url(http://fonts.googleapis.com/css?family=Raleway:400,800,100,200,300,500,600,700,900|Oswald:300,400,700|Dynalight|Tangerine:400,700|Roboto+Condensed:400,700);
- /* - -DO NOT PUT ANYTHING ABOVE THE @import LINE ABOVE - - */
- /* - -DO NOT REARRANGE MY CODING!! ORDER IS IMPORTANT! - - */
- .vicarious { Structure }
- body {
- background-image:url();
- background-color:e1b6bd;
- background-repeat:repeat;
- background-attachment:fixed;
- background-position:center center;
- }
- table, tr, td { background-color:transparent; border:0px; padding:0px; margin:0px; }
- .vic-LEFT-SIDE_table, .vic-RIGHT-SIDE_table {
- visibility:visible;
- z-index:2;
- position:absolute;
- top:0%;
- left:50%;
- border:0px;
- margin-top:160px;
- height:auto;
- display:inline-block;
- padding:0px;
- }
- .vic-LEFT-SIDE_table{ width:500px; height:auto; margin-left:-215px; }
- .vic-LEFT-SIDE_table tr { }
- .vic-LEFT-SIDE_table td { margin:0px; max-width:500px; }
- .vic-RIGHT-SIDE_table { width:300px; height:auto; margin-left:295px; }
- .vic-RIGHT-SIDE_table tr { }
- .vic-RIGHT-SIDE_table td { margin:0px; max-width:300px; }
- .vic_table {
- width:100%;
- margin-bottom:4px;
- border:0px solid #;
- background-color:transparent;
- overflow:hidden;
- display:block;
- -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
- -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
- box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
- }
- .vic_table tr { }
- .vic_table td { width:100%; }
- .vicarious{ Google Chrome Scrollbar }
- ::-webkit-scrollbar {width: 10px;}
- ::-webkit-scrollbar-track {
- border: 1px solid #34334a ;
- background-color:transparent;}
- ::-webkit-scrollbar-thumb {
- border: 4px double #34334a ;
- background-color: 926f7e;
- -moz-border-radius-topright: 90px;
- -webkit-border-top-right-radius: 90px;
- border-top-right-radius: 90px;
- -moz-border-radius-bottomleft: 90px;
- -webkit-border-bottom-left-radius: 90px;
- border-bottom-left-radius: 90px;
- }
- .vicarious { General Text }
- table, tr, td, li, p, div, .text, .btext, a, b, i {
- font-family:tahoma;
- font-size:7pt;
- line-height:100%;
- color:34334a ;
- padding:0px;
- margin:0px;
- text-decoration:none;
- text-transform:none;
- text-align:left;
- word-wrap: break-word;
- }
- p {
- text-align:justify;
- margin-top: 5px;
- text-indent:10px;
- word-wrap: break-word;
- }
- p::first-line { }
- p::first-letter { }
- b {
- font-size:8pt;
- text-transform:uppercase;
- font-family: 'Roboto Condensed', sans-serif;
- }
- i {
- font-size:10pt;
- color: ;
- font-family: 'Dynalight', cursive;
- }
- .u, u {
- text-decoration:underline;
- }
- .strike, strike {
- text-decoration:line-through;
- letter-spacing:1pt;
- }
- .strong, strong {
- font-family: "Oswald", Helvetica, sans-serif;
- font-size: 9pt;
- text-transform:uppercase;
- line-height:110%;
- }
- em {
- font-family: 'Tangerine', cursive;
- font-weight:700;
- font-size:16pt;
- }
- .vicarious { Headers }
- big, small, .h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6, .h7, h7, .h8, h8, .h9, h9, .h10, h10, .h11, h11, .h12, h12, .h13, h13, .h14, h14, .h15, h15, .one, one, .two, two, .three, three, .blockquote, blockquote {
- margin:0px;
- padding:0px;
- display:block;
- text-transform:none;
- line-height:100%;
- }
- .h15, h15 {
- background-color:e1b5bd;
- border-width:10px 10px 10px 10px;
- border-style:solid;
- border-color: #34334a;
- width:475px;
- height:28px;
- line-height:28px;
- font-family: 'Dynalight', cursive;
- font-size:22px;
- display:block;
- text-align:right;
- padding-right:5px;
- }
- big {
- font-family: 'Raleway', sans-serif;
- font-size:14pt;
- text-align:center;
- text-transform:uppercase;
- padding:5px;
- }
- small {
- font-family: "Oswald", Helvetica, sans-serif;
- text-transform:uppercase;
- letter-spacing:2pt;
- background-color: 34334a;
- color:926f7e;
- text-align:right;
- padding:5px;
- }
- .blockquote, blockquote {
- height:auto;
- text-align:justify;
- margin:5px 5px 5px 10px;
- padding: 5px 5px 5px 10px;
- border-left:10px double # ;
- background-color: ;
- }
- a.conn {
- display:block;
- text-decoration:none;
- text-transform:uppercase;
- font-family: 'Roboto Condensed', sans-serif;
- font-size:9pt;
- height:18px;
- line-height:18px;
- text-align:center;
- padding:0px;
- margin:0px;
- letter-spacing:2pt;
- color:e1b6bd;
- background-color:34334a;
- border-width:1px 2px 1px 2px;
- border-color:926f7e;
- border-style:solid;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- a.conn:hover {
- text-decoration:line-through;
- font-size:7pt;
- }
- .cite {font-size:0px; color:transparent;display:block; height:0px;}
- .vicarious { Divs }
- /* Commons */
- #topbar, #namefield, #Underlay, #SDback, #Underlay2, #sidebar {
- visibility:visible;
- position:fixed;
- top:0%;
- padding:0px;
- }
- /* Topbar */
- #topbar {
- z-index:4;
- right:0%;
- margin-top:0px;
- margin-right:0px;
- background-color:34334a;
- width:100%;
- height:130px;
- border-width:0px 0px 10px 0px;
- border-style:double;
- border-color:926f7e;
- background-repeat:no-repeat;
- background-size:125px 130px;
- background-position:top right;
- }
- /* Connection Links */
- .connsImg {
- height:200px;
- background-color:34334a;
- }
- .connsImg {
- float:right;
- width:100px;
- overflow:hidden;
- }
- .conns {
- float:left;
- width:195px;
- overflow:auto;
- }
- /* Name */
- #namefield {
- z-index:7;
- left:50%;
- margin-top:25px;
- margin-left:-220px;
- width:800px;
- height:100px;
- line-height:100px;
- font-size:80px;
- text-align:left;
- font-family: 'Roboto Condensed', sans-serif;
- color: 926f7e;
- text-transform:uppercase;
- text-shadow: -1px -1px 0 #3c2f1b, 1px -1px 0 #e1b5bd, -1px 1px 0 #3c2f1b, 1px 1px 0 #e1b5bd;
- }
- #namefield i {
- color: e1b5bd;
- font-size:75px;
- text-transform:none;
- }
- #Underlay {
- z-index:2;
- left:0%;
- margin-top:0px;
- margin-left:0px;
- background-color:34334a;
- width:100%;
- height:150px;
- }
- /* Sidebar */
- #SDBack {
- z-index:5;
- left:50%;
- margin-top:132.5px;
- margin-left:-605px;
- border-width:0px 10px 0px 10px;
- border-style:double;
- border-color:926f7e;
- background-color:34334a;
- width:350px;
- height:100%;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- }
- #Underlay2 {
- z-index:3;
- left:50%;
- border:0px;
- margin-top:132.5px;
- margin-left:-615px;
- background-color:34334a;
- width:390px;
- height:100%;
- }
- #sidebar,
- #sidebar .SBimg,
- #sidebar:hover .SBimg,
- #sidebar .mask,
- #sidebar:hover .mask {
- -webkit-transition: all 0.2s ease-in-out 0s;
- -moz-transition: all 0.2s ease-in-out 0s;
- -ms-transition: all 0.2s ease-in-out 0s;
- -o-transition: all 0.2s ease-in-out 0s;
- transition: all 0.2s ease-in-out 0s;
- }
- #sidebar {
- z-index:6;
- left:50%;
- margin-top:0px;
- margin-left:-595px;
- background-color:34334a;
- width:350px;
- height:100%;
- }
- #sidebar .SBimg {
- z-index:4;
- width: 300px;
- height: 300px;
- position:absolute;
- margin-top:15px;
- margin-left:15px;
- border:10px solid #e1b5bd;
- background-color:34334a;
- overflow: hidden;
- text-align: center;
- -moz-border-radius-topleft: 90px;
- -webkit-border-top-left-radius: 90px;
- border-top-left-radius: 90px;
- }
- #sidebar .mask {
- position:absolute;
- top:0;
- left:0;
- background-color:34334a;
- width: 300px;
- height: 300px;
- opacity:0;
- -moz-border-radius-topleft: 80px;
- -webkit-border-top-left-radius: 80px;
- border-top-left-radius: 80px;
- }
- #sidebar .notices {
- margin:25px;
- padding:5px;
- background-color:34334a;
- width: 240px;
- height: 240px;
- overflow:auto;
- color:e1b6bd;
- text-align:center;
- }
- .notices b, .notices p, .notices i, .notices .strong, .notices strong, .notices em {
- color:e1b6bd;
- }
- #sidebar:hover .mask {
- opacity:1;
- }
- #sidebar big {
- font-family: "Oswald", Helvetica, sans-serif;
- font-size:12px;
- height:15px;
- line-height:15px;
- text-align:right;
- padding:5px;
- margin:5px 0px 5px 0px;
- color:34334a;
- border-left:15px solid #e1b5bd;
- background-color:e1b6bd;
- }
- #sidebar .music {
- z-index:3;
- position:absolute;
- margin-top:-200px;
- margin-left:75px;
- width:200px;
- height:20px;
- opacity:0;
- overflow:hidden;
- -webkit-transition: all 0.6s ease-in-out 4.5s;
- -moz-transition: all 0.6s ease-in-out 4.5s;
- -ms-transition: all 0.6s ease-in-out 4.5s;
- -o-transition: all 0.6s ease-in-out 4.5s;
- transition: all 0.6s ease-in-out 4.5s;
- }
- #sidebar:hover .music {
- opacity:1;
- margin-top:360px;
- }
- #sidebar a {
- position:absolute;
- text-decoration:none;
- text-transform:uppercase;
- font-family:arial narrow;
- display:block;
- font-size:10px;
- width:23px;
- height:23px;
- line-height:23px;
- border:4px double #926f7e;
- outline:solid;
- outline-offset:-10px;
- outline-width:2px;
- padding:1px;
- letter-spacing:0pt;
- color:e1b6bd;
- background-color:34334a;
- text-align:center;
- opacity:0;
- }
- #sidebar a:hover {
- color:34334a;
- background-color:e1b6bd;
- border:4px double #34334a;
- }
- #sidebar a.LK1, #sidebar a.LK3, #sidebar a.LK5, #sidebar a.LK7 {
- margin-top:400px;
- }
- #sidebar a.LK2, #sidebar a.LK4, #sidebar a.LK6, #sidebar a.LK8 {
- margin-top:420px;
- }
- #sidebar a.LK1 {margin-left:15px;}
- #sidebar a.LK2 {margin-left:55px;}
- #sidebar a.LK3 { margin-left:95px;}
- #sidebar a.LK4 {margin-left:135px;}
- #sidebar a.LK5 {margin-left:175px;}
- #sidebar a.LK6 {margin-left:215px;}
- #sidebar a.LK7 {margin-left:255px;}
- #sidebar a.LK8 {margin-left:295px;}
- #sidebar:hover a.LK1, #sidebar:hover a.LK2, #sidebar:hover a.LK3, #sidebar:hover a.LK4, #sidebar:hover a.LK5, #sidebar:hover a.LK6, #sidebar:hover a.LK7, #sidebar:hover a.LK8 {
- opacity:1;
- margin-top:410px;
- }
- #sidebar a.LK1, #sidebar:hover a.LK8 {
- -webkit-transition: opacity 0.2s ease-out 4s, margin-top 0.2s linear 4.5s;
- -moz-transition: opacity 0.2s ease-out 4s, margin-top 0.2s linear 4.5s;
- -ms-transition:opacity 0.2s ease-out 4s, margin-top 0.2s linear 4.5s;
- -o-transition: opacity 0.2s ease-out 4s, margin-top 0.2s linear 4.5s;
- transition: opacity 0.2s ease-out 4s, margin-top 0.2s linear 4.5s;
- }
- #sidebar a.LK2, #sidebar:hover a.LK7 {
- -webkit-transition: opacity 0.2s ease-out 3.5s, margin-top 0.2s linear 4.5s;
- -moz-transition: opacity 0.2s ease-out 3.5s, margin-top 0.2s linear 4.5s;
- -ms-transition:opacity 0.2s ease-out 3.5s, margin-top 0.2s linear 4.5s;
- -o-transition: opacity 0.2s ease-out 3.5s, margin-top 0.2s linear 4.5s;
- transition: opacity 0.2s ease-out 3.5s, margin-top 0.2s linear 4.5s;
- }
- #sidebar a.LK3, #sidebar:hover a.LK6 {
- -webkit-transition: opacity 0.2s ease-out 3s, margin-top 0.2s linear 4.5s;
- -moz-transition: opacity 0.2s ease-out 3s, margin-top 0.2s linear 4.5s;
- -ms-transition:opacity 0.2s ease-out 3s, margin-top 0.2s linear 4.5s;
- -o-transition: opacity 0.2s ease-out 3s, margin-top 0.2s linear 4.5s;
- transition: opacity 0.2s ease-out 3s, margin-top 0.2s linear 4.5s;
- }
- #sidebar a.LK4, #sidebar:hover a.LK5 {
- -webkit-transition: opacity 0.2s ease-out 2.5s, margin-top 0.2s linear 4.5s;
- -moz-transition: opacity 0.2s ease-out 2.5s, margin-top 0.2s linear 4.5s;
- -ms-transition:opacity 0.2s ease-out 2.5s, margin-top 0.2s linear 4.5s;
- -o-transition: opacity 0.2s ease-out 2.5s, margin-top 0.2s linear 4.5s;
- transition: opacity 0.2s ease-out 2.5s, margin-top 0.2s linear 4.5s;
- }
- #sidebar a.LK5, #sidebar:hover a.LK4 {
- -webkit-transition: opacity 0.2s ease-out 2s, margin-top 0.2s linear 4.5s;
- -moz-transition: opacity 0.2s ease-out 2s, margin-top 0.2s linear 4.5s;
- -ms-transition:opacity 0.2s ease-out 2s, margin-top 0.2s linear 4.5s;
- -o-transition: opacity 0.2s ease-out 2s, margin-top 0.2s linear 4.5s;
- transition: opacity 0.2s ease-out 2s, margin-top 0.2s linear 4.5s;
- }
- #sidebar a.LK6, #sidebar:hover a.LK3 {
- -webkit-transition: opacity 0.2s ease-out 1.5s, margin-top 0.2s linear 4.5s;
- -moz-transition: opacity 0.2s ease-out 1.5s, margin-top 0.2s linear 4.5s;
- -ms-transition:opacity 0.2s ease-out 1.5s, margin-top 0.2s linear 4.5s;
- -o-transition: opacity 0.2s ease-out 1.5s, margin-top 0.2s linear 4.5s;
- transition: opacity 0.2s ease-out 1.5s, margin-top 0.2s linear 4.5s;
- }
- #sidebar a.LK7, #sidebar:hover a.LK2 {
- -webkit-transition: opacity 0.2s ease-out 1s, margin-top 0.2s linear 4.5s;
- -moz-transition: opacity 0.2s ease-out 1s, margin-top 0.2s linear 4.5s;
- -ms-transition:opacity 0.2s ease-out 1s, margin-top 0.2s linear 4.5s;
- -o-transition: opacity 0.2s ease-out 1s, margin-top 0.2s linear 4.5s;
- transition: opacity 0.2s ease-out 1s, margin-top 0.2s linear 4.5s;
- }
- #sidebar a.LK8, #sidebar:hover a.LK1 {
- -webkit-transition: opacity 0.2s ease-out .5s, margin-top 0.2s linear 4.5s;
- -moz-transition: opacity 0.2s ease-out .5s, margin-top 0.2s linear 4.5s;
- -ms-transition:opacity 0.2s ease-out .5s, margin-top 0.2s linear 4.5s;
- -o-transition: opacity 0.2s ease-out .5s, margin-top 0.2s linear 4.5s;
- transition: opacity 0.2s ease-out .5s, margin-top 0.2s linear 4.5s;
- }
- /* Connections Hover Pics */
- .vicbox {
- width: 300px;
- height: 150px;
- margin: 0px;
- float: left;
- overflow: hidden;
- position: relative;
- text-align: center;
- }
- .vicbox .mask {
- width: 300px;
- height: 150px;
- position: absolute;
- overflow: hidden;
- top: 0;
- left: 0;
- opacity: 1;
- -webkit-transform: translateX(-300px);
- -moz-transform: translateX(-300px);
- -ms-transform: translateX(-300px);
- -o-transform: translateX(-300px);
- transform: translateX(-300px);
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition:all 0.4s ease-in-out;
- -ms-transition:all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- background-color:e1b6bd;
- }
- .vicbox img {
- display: block;
- position: relative;
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition:all 0.3s ease-in-out;
- -ms-transition:all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .vicbox big {
- font-family: "Oswald", Helvetica, sans-serif;
- background-color:34334a;
- text-align: center;
- position: relative;
- margin:10px;
- font-size: 15px;
- line-height:15px;
- padding: 10px;
- transition-delay: 0.1s;
- color:e1b6bd;
- }
- .vicbox .about {
- position: relative;
- margin:0px 10px 10px 10px;
- width: 270px;
- height: 75px;
- padding: 5px;
- overflow:auto;
- text-align: justify;
- -webkit-transition: all 0.2s linear;
- -moz-transition:all 0.2s linear;
- -ms-transition:all 0.2s linear;
- -o-transition: all 0.2s linear;
- transition: all 0.2s linear;
- }
- .vicbox:hover .mask {
- -webkit-transform: translateX(0px);
- -moz-transform: translateX(0px);
- -ms-transform: translateX(0px);
- -o-transform: translateX(0px);
- transform: translateX(0px);
- }
- .vicbox:hover img {
- -webkit-transform: translateX(300px);
- -moz-transform: translateX(300px);
- -ms-transform: translateX(300px);
- -o-transform: translateX(300px);
- transform: translateX(300px);
- transition-delay: 0.1s;
- }
- .vicbox:hover .about, .vicbox big {
- transition-delay: 0.4s;
- }
- /* 500 x 300 Hover Images */
- .InfoImg {
- position:relative;
- overflow:hidden;
- width:500px;
- height:300px;
- background-size:500px 300px
- background-position:center center;
- background-repeat:no-repeat;
- }
- .InfoText {
- position: absolute;
- overflow: hidden;
- top: 0;
- left: 0;
- background-color:34334a;
- width:500px;
- height:300px;
- opacity:0;
- overflow:hidden;
- -webkit-transition: all 0.2s linear .5s;
- -moz-transition: all 0.2s linear .5s;
- -ms-transition: all 0.2s linear .5s;
- -o-transition: all 0.2s linear .5s;
- transition: all 0.2s linear .5s;
- }
- .InfoText:hover {
- opacity:1;
- }
- .The411 {
- background-color:e1b6bd;
- width:205px;
- height:250px;
- padding:5px;
- overflow:auto;
- }
- .The411-L {
- float:left;
- margin:20px 10px 20px 20px;
- }
- .The411-R {
- float:right;
- margin:20px 20px 20px 10px;
- }
- .The411 big {
- font-weight:900;
- font-size:15px;
- line-height:100%;
- margin-top:5px;
- text-align:right;
- padding-right:15px;
- border-bottom:2px solid #34334a;
- }
- .The411 small{
- letter-spacing:1pt;
- font-size:9px;
- line-height:100%;
- padding:5px;
- margin-top:5px;
- text-align:center;
- background-color:34334a;
- color: e1b6bd;
- border-top:2px solid #926f7e;
- }
- /* Tabs Area */
- .tabset {
- width:500px;
- height:325px;
- overflow:hidden;
- background-color:34334a;
- }
- .card1, .card2 {
- position:absolute;
- width:400px;
- height:250px;
- overflow:hidden;
- }
- .card1 {
- margin-top:25px;
- margin-left:25px;
- background-color:e1b5bd;
- }
- .card2 {
- margin-top:50px;
- margin-left:75px;
- background-color: 926f7e;
- outline-color:e1b5bd;
- color:e1b5bd;
- outline:solid;
- outline-offset:-10px;
- outline-width:2px;
- }
- .card2 .about1 {
- background-color:34334a;
- color:e1b5bd;
- padding:10px;
- margin:15px;
- width:350px;
- height:200px;
- overflow:auto;
- text-align:justify;
- }
- .tab1, .tab2, .tab3, .tab4 {
- position:absolute;
- margin-left:50px;
- background-color:34334a;
- width:25px;
- height:25px;
- overflow:hidden;
- z-index:3;
- -webkit-transition: all 0.2s linear .5s;
- -moz-transition: all 0.2s linear .5s;
- -ms-transition: all 0.2s linear .5s;
- -o-transition: all 0.2s linear .5s;
- transition: all 0.2s linear .5s;
- }
- .tab1 {margin-top:75px;}
- .tab2 {margin-top:125px;}
- .tab3 {margin-top:175px;}
- .tab4 {margin-top:225px;}
- .tab1:hover, .tab2:hover, .tab3:hover, .tab4:hover {
- margin-top:65px;
- margin-left:90px;
- width:370px;
- height:220px;
- z-index:4;
- -webkit-transition: all 0.6s linear .5s;
- -moz-transition: all 0.6s linear .5s;
- -ms-transition: all 0.6s linear .5s;
- -o-transition: all 0.6s linear .5s;
- transition: all 0.6s linear .5s;
- }
- .stats {
- background-color:34334a;
- border:2px solid #e1b5bd;
- color:e1b5bd;
- padding:10px;
- margin:15px;
- width:315px;
- height:165px;
- opacity:0;
- overflow:hidden;
- -webkit-transition: all 0.2s ease-in-out .3s;
- -moz-transition: all 0.2s ease-in-out .3s;
- -ms-transition: all 0.2s ease-in-out .3s;
- -o-transition: all 0.2s ease-in-out .3s;
- transition: all 0.2s ease-in-out .3s;
- }
- .about1 p, .about1 b, .stats p, .stats b {color:e1b5bd;}
- .about1 big, .stats big {
- font-size:10pt;
- text-align:left;
- color:e1b5bd;
- margin:10px 0px 5px 0px;
- padding:0px 0px 2px 0px;
- letter-spacing:1pt;
- border-bottom:2px solid #e1b5bd;
- }
- .tab1:hover .stats, .tab2:hover .stats, .tab3:hover .stats, .tab4:hover .stats {
- opacity:1;
- overflow:auto;
- -webkit-transition: all 0.6s ease-in-out .8s;
- -moz-transition: all 0.6s ease-in-out .8s;
- -ms-transition: all 0.6s ease-in-out .8s;
- -o-transition: all 0.6s ease-in-out .8s;
- transition: all 0.6s ease-in-out .8s;
- }
- .vicarious{ Hide Codes }
- .profileInfo, .userProfileURL, .friendsComments, .blurbs, .friendSpace, .contactTable, .extendedNetwork, .latestBlogEntry, .interestsAndDetails, .userProfiledetail, .userAlbums, .whitetext12, .orangetext15, .lightbluetext8, .blacktext12, .navigationBar, .btext, .redlink, .redtext, .blacktext10, tr#groups, .navigationBar, .profile, table tr td[id='footerWarpper'] { display:none !important;visibility:hidden!important; }
- 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;}
- .clearfix {display:none !important;position:absolute!important;}
- div[id="googlebar"],div div select{opacity:0;filter:alpha(opacity=0);display:none !important;position:absolute !important; bottom:2000px !important;}
- .profileInfo tr tr td { visibility:hidden; }
- .profileInfo td.text { visibility:visible; }
- .vicarious {Layouts available @ http://vicarious-hs.tumblr.com/}
- </style></td></tr></table><table style="display:none"><tr><td>
- -----------------------------LIKE TO MEET-------------------------
- <font class="cite">
- ===Image sizes===
- Sidebar:
- 300px width by 300px height
- Topbar:
- Small image Top Right Corner / 125px width by 130px height
- Left Side of Profile:
- 2 Images/ 500px width by 300px height
- Right Side of Profile:
- Gif / 300px width by 165px height (height doesn't matter)
- 4 Connection Images / 300px width by 150px height
- Image next to connection links/ 100px width by 200px height
- </font>
- -----------------------------INTERESTS----------------------------
- </td></tr></table></td></tr></table></td></tr></table><table cellspacing="0" cellpadding="0"><tr><td valign="top" padding="0"><table cellspacing="0" cellpadding="0" "><tr><td>
- <div id="underlay"></div><div id="underlay2"></div>
- <div id="topbar" style="background-image:url(http://i61.tinypic.com/t8w07p.jpg);"></div>
- <div id="SDBack"></div><div id="sidebar">
- <div class="SBimg" style="background-image:url(http://i62.tinypic.com/b6y3p0.jpg);">
- <div class="mask"><div class="notices">
- <big>Verses</big>
- Verse- Verse - Verse - Verse
- <big>Writing Style</big>
- Multi-para to Novella
- <big>Dues</big>
- Comments (0) Starters (0) Messages (0)
- <big>Contact</big>
- AOL: CONTACTINFO
- </div></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="20">
- <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
- <param name="bgcolor" value="#34334a" />
- <param name="wmode" value="opaque" />
- <param name="FlashVars" value="mp3=http%3A//k007.kiwi6.com/hotlink/yb8pr8lg5k/A_LS_BP.mp3
- &autoplay=1&bgcolor=34334a&loadingcolor=926f7e&buttoncolor=926f7e&slidercolor=926f7e" />
- </object>
- <font class="cite">You will note a line of code that starts with param name="wmode" above. The normal player that you add from flash-mp3-player.net does not contain this. If you are replacing the full player, make sure to add it into your code. Firefox can be buggy with flash players. The extra code will keep it hidden until the sidebar has been hovered over.</font>
- </div>
- <a class="lk1" href="/logincomplete.php">H</a>
- <a class="lk2" href="/add_testimonial.php?member_id=xxxxxx">C</a>
- <a class="lk3" href="/send_message.php?member_id=xxxxxx">M</a>
- <a class="lk4" href="/gallery.php?member_id=xxxxxx">P</a>
- <a class="lk5" href="/view_member_blog.php?member_id=xxxxxx">B</a>
- <a class="lk6" href="/invite_friend.php?friend_id=xxxxxx">A</a>
- <a class="lk7" href="/#">X</a>
- <a class="lk8" href="/#">X</a>
- </div>
- <div id="namefield"><i>Mackenzie</i> Malikov</div>
- -----------------------------MUSIC--------------------------------
- </td></tr></table></td></tr></table></td></tr></table><table class="vic-LEFT-SIDE_table" cellspacing="0" cellpadding="0"><tr><td valign="top" padding="0"><table cellspacing="0" cellpadding="0" style="width:500px;"><tr><td>
- <font class="cite">
- Left column of profile.
- The above table code must remain at the top. FULL tables below can be rearranged.</font>
- </td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>
- <div class="InfoImg" style="background-image:url(http://i61.tinypic.com/24ci26x.jpg);">
- <div class="InfoText">
- <div class="The411 The411-L">
- <big>Title</big>
- <small>Title or Quote</small>
- <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
- <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
- </div><div class="The411 The411-R">
- <big>Title</big>
- <small>Title or Quote</small>
- <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
- <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
- </div></div></div>
- </td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>
- <div class="tabset"><div class="card1"></div><div class="card2">
- <div class="about1">
- <big>About</big>
- <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
- <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
- </div></div>
- <div class="tab1"><div class="stats">
- <big>Personality</big>
- <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat
- </div></div><div class="tab2"><div class="stats">
- <big>Legal</big>
- <B>Name:</B> Input Info
- <BR><B>Nicknames:</B> Input Info
- <BR><B>Aliases:</B> Input Info
- <BR><B>Date Of Birth:</B> Input Info
- <BR><B>Place Of Birth:</B> Input Info
- <BR><B>Current Residence:</B> Input Info
- <big>Physical</big>
- <B>Ethnicity:</B> Input Info
- <BR><B>Hair Color:</B> Input Info
- <BR><B>Eye Color:</B> Input Info
- <BR><B>Height:</B> Input Info
- <BR><B>Weight:</B> Input Info
- <BR><B>Birthmarks/Scars:</B> Input Info
- </div></div><div class="tab3"><div class="stats">
- <big>Family</big>
- <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
- <big>Relationships</big>
- <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="tab4"><div class="stats">
- <big>Education</big>
- <B>High School</B> Input Info
- <BR><B>College</B> Input Info
- <BR><B>Major</B> Input Info
- <BR><B>Degree</B> Input Info
- <big>Employment</big>
- <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>
- </td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>
- <font class="h15">
- You'd be surprised how many of my transactions involve power tools.
- </font>
- </td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>
- <div class="InfoImg" style="background-image:url(http://i61.tinypic.com/2w4ickn.jpg);">
- <div class="InfoText">
- <div class="The411 The411-L">
- <big>Title</big>
- <small>Title or Quote</small>
- <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
- <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
- </div><div class="The411 The411-R">
- <big>Title</big>
- <small>Title or Quote</small>
- <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
- <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
- </div></div></div>
- -----------------------------MOVIES-------------------------------
- </td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>
- <big>Left Side Extra table</big>
- <small>Create what you want in this space</small>
- <div style="height: 150px; padding:5px; margin:5px; overflow:auto;">
- <em>Emphasized</em>
- <b>Bold</b>
- <i>Italics</i>
- <font class="u">underline</font>
- <font class="strike">strike</font>
- <font class="strong">strong</font>
- <p>You can duplicate the table and do whatever you want with it.
- <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
- </div></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>
- <big>Left Side Extra table</big>
- <small>Create what you want in this space</small>
- <div style="height: 150px; padding:5px; margin:5px; overflow:auto;">
- <p>You can duplicate the table and do whatever you want with it.
- <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
- </div>
- -----------------------------TV---------------------------
- </td></tr></table></td></tr></table></td></tr></table><table cellspacing="0" cellpadding="0" class="vic-RIGHT-SIDE_table"><tr><td valign="top"><table cellspacing="0" cellpadding="0" style="width:300px;"><tr><td>
- <font class="cite">
- Right column of profile.
- The above table code must remain at the top. FULL tables below can be rearranged.
- </font>
- </td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>
- <img src="http://i61.tinypic.com/124k1ue.jpg">
- </td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>
- <div class="vicbox">
- <img src="http://i58.tinypic.com/288a6pi.jpg">
- <div class="mask">
- <big>Connection Name 1</big>
- <div class="about">
- <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
- </div></div></div>
- </td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>
- <div class="vicbox">
- <img src="http://i59.tinypic.com/a1rgon.jpg">
- <div class="mask">
- <big>Connection Name 2</big>
- <div class="about">
- <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
- </div></div></div>
- </td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>
- <div class="vicbox">
- <img src="http://i57.tinypic.com/amlj7.jpg">
- <div class="mask">
- <big>Connection Name 3</big>
- <div class="about">
- <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
- </div></div></div>
- </td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>
- <div class="vicbox">
- <img src="http://i59.tinypic.com/2hydhzd.jpg">
- <div class="mask">
- <big>Connection Name 4</big>
- <div class="about">
- <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
- </div></div></div>
- </td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>
- <div class="connsImg">
- <img src="http://i59.tinypic.com/2j0kqo7.jpg">
- </div><div class="conns">
- <a class="conn" href="/#">Name Here</a>
- <a class="conn" href="/#">Name Here</a>
- <a class="conn" href="/#">Name Here</a>
- <a class="conn" href="/#">Name Here</a>
- <a class="conn" href="/#">Name Here</a>
- <a class="conn" href="/#">Name Here</a>
- <a class="conn" href="/#">Name Here</a>
- <a class="conn" href="/#">Name Here</a>
- <a class="conn" href="/#">Name Here</a>
- <a class="conn" href="/#">Name Here</a>
- </div>
- -----------------------------BOOKS--------------------------------
- </td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>
- <big>Right Side Extra table</big>
- <small>Create what you want in this space</small>
- <div style="height: 150px; padding:5px; margin:5px; overflow:auto;">
- <em>Emphasized</em>
- <b>Bold</b>
- <i>Italics</i>
- <font class="u">underline</font>
- <font class="strike">strike</font>
- <font class="strong">strong</font>
- <p>You can duplicate the table and do whatever you want with it.
- <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
- </div>
- -----------------------------HEROES-------------------------------
- </td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>
- <big>Right Side Extra table</big>
- <small>Create what you want in this space</small>
- <div style="height: 150px; padding:5px; margin:5px; overflow:auto;">
- <p>You can duplicate the table and do whatever you want with it.
- <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement