ABT ME


<style type="text/css">
 
.douchebag { BACKGROUND  P R O P E R T I E S }
body {
background:url(https://imgur.com/dFrc8VR.png) #3c4a6b;
background-attachment:fixed;
background-size:100%;
background-repeat:no-repeat;
background-position:center;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;}
 
.douchebag { MAIN T E X T PROPERTIES }
.text, table, tr, td, p, div, li {
font-family:times;
font-size:10px;
line-height:10px;
color:#fff;}
 
 
h1 {
text-align:center;
font-family:times;
font-size:25px;
font-style:italic;
font-weight:lighter;
text-transform:lowercase;
margin:5px 5px 10px 5px;
}
 
h2 {
text-align:center;
font-family:times;
font-size:8px;
letter-spacing:3px;
text-transform:uppercase;
margin:0px 5px 0px 5px;
}
 
 
h3 {
text-align:center;
font-family:times;
font-size:25px;
font-style:italic;
font-weight:lighter;
text-transform:lowercase;
margin:5px 5px 0px 5px;
}
 
b {
text-align:center;
font-family:times;
font-size:8px;
letter-spacing:1px;
text-transform:uppercase;
color:#3c4a6b;
}
 
bl {
text-align:center;
font-family:times;
font-size:8px;
font-weight:bolder;
letter-spacing:3px;
color:#3c4a6b;
text-transform:uppercase;
}
 
.douchebag { DIV  B O X E S }
 
.container {
background:#000000;
border:5px solid #3c4a6b;
position:fixed;
bottom:30px;
left:10px;
width:800px;
height:270px;
}
 
.navo {
position:absolute;
height:30x;
width:1000px;
top:-40px;
left:-10px;
}
 
 
.quote {
position:absolute;
left:20px;
top:-15px;
font-style:italic;
text-transform: uppercase;
font-family:georgia;
font-weight:light;
font-size:10px;
letter-spacing:5px;
color:#fff;}
 
 
.forever {
position:absolute;
right:60px;
top:-40px;
text-shadow:-1px -1px 0px #756159;
font-style:italic;
font-family:times;
font-weight:bold;
font-size:55px;
letter-spacing:-1px;
color:#fff;}
 
.game {
position:absolute;
left:330px;
top:115px;
font-style:italic;
text-transform: uppercase;
font-family:georgia;
text-align:center;
font-weight:light;
font-size:10px;
letter-spacing:5px;
color:#fff;
z-index:99;}
 
 
 
.douchebag { DIV T A B S - THANKS 2 PRIMA <3 }
 
.tabs{
position:absolute;
bottom:5px;
right:5px;
border:5px solid #3c4a6b;;
float:left;
width:250px;
height:250px;}
 
.tabs1{
position:absolute;
bottom:5px;
right:270px;
border:5px solid #3c4a6b;;
float:left;
width:250px;
height:250px;}
 
.tabs2{
position:absolute;
bottom:5px;
left:5px;
border:5px solid #3c4a6b;;
float:left;
width:250px;
height:250px;}
 
 
.tab {
width:250px;
background:#3c4a6b;
padding:0px; }
 
.tab1 {
width:250px;
background:#3c4a6b;
padding:0px; }
 
 
.tab label {
color:#000000;
font-family: times;
font-size:10px;
font-weight:lighter;
text-align:center;
line-height:15px;
letter-spacing:1.5px;
background:#3c4a6b;;
text-transform:uppercase;
padding:4px 0px 0px 0px;
height:16px;
width:125px;
margin:0px;
position:relative;
float:left;
top:230px;
-webkit-transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
transition:all 0.6s ease;
}
 
 
.tab1 label {
color:#000000;
font-family: times;
font-size:10px;
font-weight:lighter;
text-align:center;
line-height:15px;
letter-spacing:1.5px;
background:#3c4a6b;;
text-transform:uppercase;
padding:4px 0px 0px 0px;
height:16px;
width:250px;
margin:0px;
position:relative;
float:left;
top:215px;
-webkit-transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
transition:all 0.6s ease;
}
 
 
.tab [type=radio] { display: none; }
 
 
.background {
position:absolute;
top:0px;
left:0px;
height:230px;
width:250px;
background: #000000;
}
 
.background1 {
position:absolute;
top:0px;
right:0px;
height:230px;
width:250px;
background: #000000;
}
 
 
.content1 {
top:0px;
left:0px;
position:absolute;
height:230px;
width:250px;
background:url(https://imgur.com/wQTzt2N.png) #000000; <!-- left box -->
text-align:justify;
-webkit-transition:all 0 ease;
-moz-transition:all 0 ease;
transition:all 0 ease;
}
 
.content1 > * {
opacity: 0;
-webkit-transition:all 0 ease;
-moz-transition:all 0 ease;
transition:all 0 ease;}
 
.content2 {
top:0px;
left:0px;
position:absolute;
height:231px;
width:250px;
background:url(https://imgur.com/QvqqyJ8.png) #000000; <!-- center box -->
text-align:justify;
-webkit-transition:all 0 ease;
-moz-transition:all 0 ease;
transition:all 0 ease;
}
 
.content2 > * {
opacity: 0;
-webkit-transition:all 0 ease;
-moz-transition:all 0 ease;
transition:all 0 ease;}
 
 
.content {
top:0px;
left:0px;
position:absolute;
height:230px;
width:250px;
background:url(https://imgur.com/IuemNi1.png) #000000; <!-- right box -->
text-align:justify;
-webkit-transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
transition:all 0.6s ease;
}
 
.content > * {
opacity: 0;
-webkit-transition:all 0 ease;
-moz-transition:all 0 ease;
transition:all 0 ease;}
 
 
[type=radio]:checked ~ label {
background:#3c4a6b;;
color:#e0d88f;
z-index: 2;}
 
[type=radio]:checked ~ label ~ .content { z-index: 1;
}
 
[type=radio]:checked ~ label ~ .content > * {
opacity:1;
}
 
[type=radio]:checked ~ label ~ .content1 { z-index: 1;
}
 
[type=radio]:checked ~ label ~ .content1 > * {
opacity:1;
}
 
 
.douchebag { CONNECTION L I N K S }
 
 
.navo a, navo a:link, navo a:active, navo a:visited {
text-decoration:none;
text-transform:lowercase;
font-family:times;
background:#2d3853;
color:#2d3853;
text-align:center;
float:left;
font-size:10px;
line-height:20px;
width:25px;
height:20px;
margin:0px 0px 0px 30px;
border-radius:50%;
-webkit-transition: all 0.6s linear;
-moz-transition: all 0.6s linear;
transition: all 0.6s linear;        
}
 
 
a.one, a.one:link, a.one:active, a.one:visited{
text-decoration:none;
width:233px;
height:20px;
float:left;
text-align:center;
letter-spacing:1px;
font-family:times;
font-style:italic;
font-size:10px;
line-height:20px;
color:#fff;
background:#000000;
text-transform: lowercase;
-webkit-transition-duration: 0.9s;
-moz-transition-duration:0.9s;        
}
 
a.two, a.two:link, a.two:active, a.two:visited{
text-decoration:none;
width:233px;
height:20px;
float:left;
text-align:center;
letter-spacing:1px;
font-family:times;
font-style:italic;
font-size:10px;
line-height:20px;
color:#fff;
background:#3c4a6b;
text-transform: lowercase;
-webkit-transition-duration: 0.6s;
-moz-transition-duration:0.6s;          
}
 
a.lover, a.lover:link, a.lover:active, a.lover:visited {
text-decoration:none;
width:112px;
float:left;
text-align:center;
letter-spacing:0px;
font-weight:light;
font-size:10px;
font-family:times;
color:#fff;
margin-top:25px;
-webkit-transition: all 0.6s linear;
-moz-transition: all 0.6s linear;
transition: all 0.6s linear;
}
 
 
.douchebag { H O V E R S }
 
.navo a:hover {
background:#000000;
color:#000000;
}
 
.tab label:hover {
letter-spacing:2.5;
}
 
a.one:hover {
letter-spacing:10px;
}
 
a.two:hover {
letter-spacing:5px;
}
 
a.lover:hover {
letter-spacing:3px;
color:#b09788;
}
 
 
.douchebag { MUSIC P L A Y E R - THANKS PRIMA <3 }
 
.music {
bottom:10px;
right:-32px;
width:32px;
height:30px;
position:fixed!important;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-o-transition: all .3s linear;}
 
.music:hover {
right:10px; }
 
.ghost {
width:32px;
height:30px;
overflow:hidden; }
 
.player {
margin-left:-10px;
margin-top:-11px;  }
 
 
.douchebag { WEBKIT S C R O L L }
::-webkit-scrollbar {
    width: 4px;
background-color:transparent;
}
::-webkit-scrollbar-thumb {
background:#3c4a6b;;
}
 
.douchebag { RPER.ME H I D E CODES }
table, tr, td { background-color:transparent; }
.profileInfo { display:none; }
.clearfix { display: none; }
.lightbluetext8 { display:none; }
.contacttable { display:none; }
.whitetext12 { display:none; }
.interestsanddetails { display:none; }
.userProfiledetail { display:none; }
.friendSpace { display:none; }
.friendsComments { display:none; }
.latestBlogEntry { display:none; }
.orangetext15 { display:none; }
.userProfileURL { display:none; }
.extendedNetwork { display:none; }
.blurbs { display:none; }
.userAlbums { display:none; }
#footerWarpper { display:none; }
</style>

LIKE TO MEET

<div class="container">
<div class="tabs2">
   
   <div class="tab">
       <input type="radio" id="tab-1" name="tab-group-1">
       <label for="tab-1">BASIC</label>
 
       <div class="content">
 <div class="background">
 
<div style="width:225px; height:103px; float:left; margin:5px 5px 0px 5px; padding:5px; overflow-x:hidden; overflow-y:hidden; border:3px solid #3c4a6b;;">
 
<h1> Can't help but to hear</h1>
<h2> an exchanging of words </h2>
 
<div style="position:absolute; width:112px; height:70px; text-align:justify; float:left; overflow-x:hidden; overflow-y:auto;">
<b>Name:</b> name here <br>
<b>Age:</b> age here <br>
<b>D.O.B:</b> 00/00/00<br>
<b>Status:</b> alive/deceased  <br>
<b>Species:</b> vampire/human <br>
<b>Mother:</b> name here <br>
<b>Father:</b> name here <br>
<b>Sibling(s):</b> name here <br>
<b>Aunt(s):</b> name here <br>
<b>Uncle(s):</b> name here <br>
<b>Cous):</b> name here <br>
<b>Granparent(s):</b> name here<br>
<b>Personality:</b> Lorem ipsum dolor sit amet, consectetur adipiscing 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. Lorem ipsum dolor sit amet, consectetur adipiscing 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.
</div>
 
<div style="position:absolute; width:112px; height:70px; text-align:justify; right:7px; overflow-x:hidden; overflow-y:auto;">
<b>Height:</b> midget <br>
<b>Type:</b> Petite <br>
<b>Hair:</b> Blonde <br>
<b>Eyes:</b> blue/green<br>
<b>Sexuality:</b> Hetero <br>
<b>Religion:</b> none <br>
<b>Description:</b> Lorem ipsum dolor sit amet, consectetur adipiscing 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. Lorem ipsum dolor sit amet, consectetur adipiscing 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. <br>
</div></div>
 
<img style="height:90px; width:235px; float:left; margin:5px 5px 5px 5px; border:3px solid #3c4a6b;;" src="https://imgur.com/g7Uqmla.png">  </div></div></div>
 
   <div class="tab">
       <input type="radio" id="tab-2" name="tab-group-1">
       <label for="tab-2">LOVE LIFE</label>
       
       <div class="content1">
 <div class="background">
 
<img style="float:left; height:100px; width:100px; border:3px solid #3c4a6b;; margin:5px 5px 10px 5px;" src="https://imgur.com/Iu7eZ3y.png">
 
<div style="width:119px; height:96px; padding:5px; float:left; margin:5px 5px 10px 0px; overflow-x:hidden; overflow-y:hidden;"> <img style="width:112px; height:30px; float:left; margin:-5px 0px -25px 0px;" src="https://i.imgur.com/w0ehSqz.png">
 
<b><a class="lover" href="/url"> name here</a></b></br>
<center><bl>since:</bl> 00/00/00<br>
<b>engaged:</b> 00/00/00<br>
<b>married:</b> 00/00/00<br></center>
 
<img style="width:112px; height:30px; float:left; margin:-3px 0px 0px 0px;" src="https://i.imgur.com/p9xY0lv.png"></div>
 
<h1> our marriage is saved</h1>
<h2> well, this calls for a toast. </h2>
 
<div style="width:223px; overflow-x:hidden; overflow-y:auto; text-align:justify; height:54px; padding:5px; float:left; border:3px solid #3c4a6b;; margin:5px 5px 0px 5px;"> <b>comments:</b> Lorem ipsum dolor sit amet, consectetur adipiscing 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. Lorem ipsum dolor sit amet, consectetur adipiscing 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. Lorem ipsum dolor sit amet, consectetur adipiscing 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></div></div>
 
<div class="tabs">
   
   <div class="tab">
       <input type="radio" id="tab-3" name="tab-group-1">
       <label for="tab-3">BIOGRAPHY</label>
 
       <div class="content">
<div class="background1">
 
 <div style="width:225px; height:73px; float:left; margin:5px 5px 0px 5px; border:3px solid #3c4a6b;; padding:5px; overflow-x:hidden; overflow-y:auto; text-align:justify;"> Lorem ipsum dolor sit amet, consectetur adipiscing 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. Lorem ipsum dolor sit amet, consectetur adipiscing 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. <br><br>
 
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing 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>
 
<img style="height:30px; width:235px; float:left; margin:5px 5px 0px 5px; border:3px solid #3c4a6b;;" src="https://imgur.com/Q5YGww7.png">
 
 <div style="width:225px; height:71px; float:left; margin:5px 5px 0px 5px; border:3px solid #3c4a6b;; padding:5px; overflow-x:hidden; overflow-y:auto; text-align:justify;"> Lorem ipsum dolor sit amet, consectetur adipiscing 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 
<br><br>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. Lorem ipsum dolor sit amet, consectetur adipiscing 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>  </div>
   
   <div class="tab">
       <input type="radio" id="tab-4" name="tab-group-1">
       <label for="tab-4">FAMILY</label>
       
       <div class="content">
<div class="background1">
<img style="float:left; height:50px; width:111px; border:3px solid #3c4a6b;; margin:5px 0px 15px 5px;" src="https://imgur.com/XW2FuFs.png">
<img style="float:left; height:50px; width:111px; border:3px solid #3c4a6b;; margin:5px 5px 15px 5px;" src="https://imgur.com/b9tVvtw.png">
 
<h1> havent you people ever</h1>
<h2>heard of closing a goddamn door. </h2>
 
 <div style="width:232px; padding:1px; height:105px; float:left; margin:5px 5px 5px 5px; border:3px solid #3c4a6b;; overflow-y:auto; overflow-x:hidden;">
 
<a class="one" href="/url"> name here </a>
<a class="two" href="/url"> name here </a>
<a class="one" href="/url"> name here </a>
<a class="two" href="/url"> name here </a>
<a class="one" href="/url"> name here </a>
<a class="two" href="/url"> name here </a>
<a class="one" href="/url"> name here </a>
<a class="two" href="/url"> name here </a>
<a class="one" href="/url"> name here </a>
<a class="two" href="/url"> name here </a>
<a class="one" href="/url"> name here </a>
<a class="two" href="/url"> name here </a>
<a class="one" href="/url"> name here </a></div>
 
 </div>
   </div>
  </div>
</div>
 
 
<div class="game">  
With a sense <br>
<h3>of poise</h3> 
<br>and rationality
</div>
 
 
<div class="tabs1">
   <div class="tab1">
       <input type="radio" id="tab-5" name="tab-group-1" checked>
       <label for="tab-5">- x -</label>
       
       <div class="content2">
 
       </div>
   </div>
   </div>
 
 
<div class="quote"> Fear is Truth. </div>
<div class="forever"> Kai Anderson </div>
 
 
<div class="navo">
<a href="/home.php" title="home"> h </a>
<a href="/send_message.php?member_id=NUMBERS" title="message"> m </a>
<a href="/add_comment.php?member_id=NUMBERS" title="comment"> c </a>
<a href="/albums.php?member_id=NUMBERS" title="gallery"> g </a>
<a href="/url" title="extra"> e </a>
<a href="/44274" title="credit"> c </a> </div>
 
 
<div class="music">
<div style="position:absolute; overflow:visible; top:2px; left:-35px; height:30px; width:30px; font-size:33px; color:#0b260e;; line-height:25px;">♫</div>
<div class="ghost">
<div class="player">
<audio autoplay controls loop>
 <source src="https://dl.dropbox.com/s/d8hiuidlywnet6f/Hollywood%20Undead%20-%20Wild%20In%20These%20Streets%20%5BLyrics%20Video%5D%20%281%29.mp3?dl=0">
</audio>
</div>
</div>
</div>
 
<object  width= "0" height="0"><param name="wmode" value="transparent"></param><param name="movie" value="https://www.youtube.com/v/5mIxJ_Qockk?version=3&autoplay=1&loop=1&playlist=5mIxJ_Qockk"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed  wmode="transparent" src="https://www.youtube.com/v/5mIxJ_Qockk?version=3&autoplay=1&loop=1&playlist=glfdnUB6ux0" type="application/x-shockwave-flash" allowfullscreen="true" width="0" height="0" allowscriptaccess="always"></embed></object>
 
</div>