Green Camo Div

ABOUT ME:

{THIS LAYOUT WAS CREATED BY Maggie @ Cerulean Sins . DO NOT COPY, REDISTRIBUTE OR CLAIM CREDIT IN ANY WAY. LEAVE CREDIT ON LAYOUT AS WELL. THIS LAYOUT WORKS BEST ON GOOGLE CHROME.
SPECIAL THANKS TO SKYE@SWEETNER HERE TUTORIALS AND PRIMA @HIGH TIMES FOR HER CODES FOR WITHOUT THIS WITHOUT THIS LAYOUT WOULDN'T BE POSSIBLE]



<style>
{GOOGLE FONTS}
<link href="https://fonts.googleapis.com/css?family=Bellota&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Pacifico&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Archivo+Narrow&display=swap" rel="stylesheet">
</style>

<style>
.Cerulean Sins  { H I D E C O D E S }
.lightbluetext8 {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;}
.profileInfo{display:none;}
.extendednetwork{display:none;}
.blurbs{display:none;}
.userprofileurl{display:none;}
.userprofiledetail{display:none;}
.interestsanddetails{display:none;}
.latestblogentry{display:none;}
.mslogo{display:none;}
.friendscomments{display:none;}
.friendspace{display:none;}
.contacttable{display:none;}
.lightbluetext8{display:none;}
.Do Not Hide The Profile Ads{display:none;}
.userAlbums{display:none;}
td.text table {position:relative; top: 15px;}
td.text table table {position:static;}
.lightbluetext8 {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 td {display:none;} table {top:-6px; position:relative;}
table table {top:0px; position:relative;}
.clearfix {display:none !important;position:absolute!important;}
#footerWarpper{display:none;}
</style>



<style>
.southbound { B A C K G R O U N D P R O P E R T I E S }
table, tr, td { background-color:transparent; border:none; border-width:0;}


body {
background:url(https://i.postimg.cc/FztBrwYP/camo-background.png);
background-color:#;
}


.Cerulean Sins  { T A B L E P R O P E R T I E S }
td.text table {position:relative; top: 200px;}
td.text table table {position:static;}
table table { border: 0px }
table table table table{border:0px}
table table table {
border:transparent;
background-color:transparent;
padding:1px;}
</style>


<style>
.Cerulean Sins  { T E X T P R O P E R T I E S }
table, tr, td, li, p, div {
font-family: sans-serif;
color:#000;
font-size:10px;
line-height:10px;}

<Style>

.Cerulean Sins {LINK PROPTERITES}


a:active, a:visited, a:link {
color:#8f985f;
font-size: 15px;
font-family:'Lobster', cursive;
text-decoration:none;
font-weight:lighter;
letter-spacing:-2px;
padding: 2px;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
text-shadow:15px 0px transparent, -15px 0px transparent;}

a:hover {
color: #8f985f;
font-size: 15px;
text-transform:none;
font-weight: lighter;
letter-spacing:-2px;
padding: 2px;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;text-shadow: 0px 0px, 0px 0px ;}

a.second, a.second:link, a.second:active, a.second:visited {
   font-family:georgia;
   font-size:20px;
   line-height: 15px;
   width:145;
   height:18px!important;
   text-transform: uppercase;
   letter-spacing: 2px;
   font-weight: lighter;
   color: #273223;
   text-decoration: none;
   background:#d5d58d;
   text-align: center;
   margin-bottom:2px;
   display: block;
   padding: 2px;
   -webkit-transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
   -o-transition: all .5s ease-in-out; }

a.second:hover {
   color: #d5d58d;
   letter-spacing: 2.5px;
   background-color:#273223;}




</style>

<style>
.Cerulean Sins  {TEXT STYLE PROPERTIES}


I{
font: italic 8px georgia;
text-transform:none;
color:#8f985f;
line-height:6px;}

B {
font: bold 12px vrinda;
text-transform:uppercase;
color:#2f3a2a;
line-height:6px;
letter-spacing:1px;}

STRONG {
font: bold 15px vrinda;
text-transform:uppercase;
color:#283426;
line-height:6px;
letter-spacing:1px;}



blockquote{
font:times new roman;
color:#535f47;
font-weight:lighter;
text-transformation: uppercase;
letter-spacing:1.5px;
text-align:center;
background-color:#transparent;
border-left: 2px solid;
border-color: #535f47;
border-right: 2px solid;
border-color: #535f47;
margin:10px;
padding:10px;
line-height:9px;}

h1 {
font-family: 'Bellota', cursive;;
font-size: 30px;
color:#d5d58d ;
background-color:#Transparent;
line-height: 20px;
letter-spacing: -3px;
text-align: right;
font-style: italic;
font-weight: bold;
display: block;
margin-bottom: 0px;
text-shadow: 3px 2px #283426;}



h2 {
font-family: 'Pacifico', cursive;;
font-size: 18px;
color:#d5d58d ;
background-color:#283426;
line-height: 20px;
letter-spacing: 3px;
text-align: center;
font-style: italic;
font-weight: bold;
display: block;
margin-bottom: 0px;}

h3 {
font-family:'Archivo Narrow', sans-serif;;
font-size: 22px;
color:#8f985f;
background-color:#transparent;
line-height: 20px;
letter-spacing: -3px;
text-align: center;
font-style: italic;
font-weight: bold;
display: block;
margin-bottom: 0px;}


</style>
{SCROLLBAR PROPERTIES}
<style type="text/css">
::-webkit-scrollbar-thumb:vertical{ background:#535f47; border:2px solid #535f47; }
::-webkit-scrollbar-thumb:horizontal{ background:#535f47; border:2px solid #535f47; }
::-webkit-scrollbar{ width:7px;height:1px; border:3px solid #535f47; background-color:#535f47; }
 ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
display:block; height:1px; width:7px; background:#535f47; }
::selection { background:#535f47}
::-moz-selection { background:#535f47; }
::-webkit-selection { background:#535f47; }
</style>

<style>
.Cerulean Sins  { D I V B O X E S }

.container {
width:780px;
height:800px;
top:-30px;
left:-200px;
position:absolute;
overflow:none;
background:#000;
padding:3px;
border: 2px solid #d5d58d;}

.navpic {
width:140px;
height:137px;
top:5px;
left:250px;
position:absolute;
overflow:none;
background:#d5d58d;
padding:3px;
border: 2px solid #d5d58d;}

.navie {
a.second, a.second:link, a.second:active, a.second:visited {
display:block;
width:145px;
height:140px;
line-height:15px;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
transition: all .3s linear;}

a.second:hover { }

width:145px;
height:140px;
top:5px;
left:400px;
position:absolute;
overflow:none;
background:#d5d58d;
font-family:georgia;
font-size:20px;
color:#273223;
line-height: 15px;
letter-spacing: -20px;
font-style: italic;
font-weight: bold;
padding:5px;
border:0px;
border-color:#transparent;
padding:3px;
text-shadow:2px #d5d58d;

}


.mainpic {
width:400px;
height:400px;
top:5px;
left:-190px;
position:absolute;
overflow:none;
background:#d5d58d;
padding:3px;
border: 2px solid #283426;}

.bio {
width:400px;
height:200px;
top:420px;
left:-190px;
position:absolute;
overflow:auto;
background:#d5d58d;
padding:3px;
border: 2px solid #283426;}

.basicpic{
width:300px;
height:150px;
top:170px;
left:250px;
position:absolute;
overflow:auto;
background:#d5d58d;
padding:3px;
border: 2px solid #283426;}

.basics{
width:305px;
height:300px;
top:340px;
left:250px;
position:absolute;
overflow:auto;
background:#d5d58d;
border: 2px solid #283426;}

.connectionpic {
width:250px;
height:120px;
top:630px;
left:-190px;
position:absolute;
overflow:none;
background:#d5d58d;
padding:3px;
border: 2px solid #283426;}


.connectionlinks {
width:140px;
height:120px;
top:630px;
left:70px;
position:absolute;
overflow:auto;
background:#d5d58d;
padding:3px;
border: 2px solid #283426;}


.lipic{
width:150px;
height:100px;
top:650px;
left:250px;
position:absolute;
overflow:none;
background:#d5d58d;
padding:3px;
border: 2px solid #283426;}


.liinfo{
width:140px;
height:100px;
top:650px;
left:410px;
position:absolute;
overflow:auto;
background:#d5d58d;
padding:3px;
border: 2px solid #283426;}

<style>
table table br {line-height:3px}
table table table br {line-height:10px;}
div div select, div div form {display:none !important;}
select { visibility:hidden!important; WIDTH:0px!important;}
.info {tables UP}
td.text table {position:relative; top: 30px;}
td.text table table {position:static;}</style>






<style type="text/css">a.text, table div font a, table div div {visibility:hidden;}</style>

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


WHO I'D LIKE TO MEET:

</td></tr></table></td></tr></table><br /><table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="500" bgcolor="ffffff" border="0"><tr><td class="text" valign="left" align="left" width="500" bgcolor="ffffff" height="0" style="word-wrap:break-word"></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="500" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="500" bgcolor="ffffff" style="word-wrap:break-word">

<div class="container">
</div>

'
<div class="navpic">
<img src="https://place-hold.it/140x137/283426/d5d58d">

</div>



<div class="navie">
<a href="/home.php" class="SECOND">Home</a>
<a href="/send_message.php?member_id=XXXXXX" class="SECOND">Mess</a>
<a href="/add_testimonial.php?member_id=XXXXXX" class="SECOND">Cmt</a>
<a href="/gallery.php?member_id=XXXXXX" class="SECOND">Pics</a>
<a href="/blog.php?member_id=XXXXXX" class="SECOND">Blog</a>
<a href="/1551539" class="SECOND">Credit</a>
</div>

<div class="mainpic"><img src="https://place-hold.it/400x400/283426/d5d58d"> </div>

<div class="bio"><fielset style="border:2px; overflow:Auto; width:250px; Height:200; padding:3px;  text-indent:25px;">
<h1> First middle last</h1>
<h3> a quote here maybe</h3>
<h2> Bio</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vitae lacus euismod, auctor nisi et, iaculis lorem. Sed at nisl vel enim venenatis maximus. Mauris condimentum nunc sem, sit amet iaculis lectus elementum ut. Pellentesque in placerat nisl, sed tincidunt nunc. Aenean feugiat dui sed odio scelerisque, nec dictum dolor dictum. Vivamus sit amet mollis urna. Aliquam viverra sollicitudin leo, tristique lacinia leo volutpat eu. Fusce convallis turpis nisi, semper consequat odio hendrerit eu. Nullam quis fringilla lorem. Praesent porta neque eu lectus euismod, iaculis lacinia magna accumsan. Donec pretium et libero ut rhoncus. Suspendisse imperdiet erat purus, a tristique sapien interdum placerat. In vel lacus placerat, vehicula enim at, tristique urna.</p>

<p>Cras pulvinar neque nulla, nec commodo augue fringilla ut. Nulla eget risus congue, finibus ex et, pellentesque ante. Nullam a rhoncus ante. Cras egestas nulla sit amet posuere vulputate. Etiam elementum consequat metus, non rhoncus lectus maximus vel. Mauris rhoncus nisi ut sapien ultricies, sed maximus sapien dignissim. In lobortis mi magna, at placerat dolor consectetur eget. Fusce non porta justo. Ut convallis, lacus in placerat accumsan, velit lectus mattis metus, eget dignissim quam ipsum vel urna. Mauris eget ante at magna ornare volutpat non vitae dolor. Donec sed condimentum quam.</p>

<p>Donec ut cursus quam, at condimentum lorem. Donec odio velit, maximus congue accumsan non, molestie semper erat. Maecenas efficitur, eros eu rutrum pulvinar, ipsum sem ultrices felis, sed faucibus erat mi a urna. Praesent at ultrices massa. Maecenas vehicula finibus eleifend. Nulla nec laoreet tellus. Sed hendrerit risus non ante porta, eu tincidunt urna tempus. Proin ut nulla arcu. Suspendisse est metus, ultrices at enim et, fringilla malesuada elit. Ut elementum ante sit amet elit mattis vestibulum.</p>
</fieldset></div>

<div class="basicpic"><img src="https://place-hold.it/300x150/283426/d5d58d"> </div>

<div class="basics">
<fielset style="border:2px; overflow:Auto; width:350px;
px; Height:300px; padding:3px;">

<h2> Basic information:</h2><br><br>

<p>
<b> bold looks like this</b> <Strong> Strong looks like this</strong><I> Italics looks like this</i> <Blockquote> Blockquote looks like this</blockquote>
<br>

<p>
<strong>Full Name</strong> info here <br>
<strong>Pronunciation</strong>  info here <br>
<strong>Nickname/Alias</strong>info here <br>
<strong>Meaning</strong>info here  <br>
<strong>Origin</strong> info here <br>
<strong>Title</strong>  info here <br>
<strong>Pet Name</strong> info here<br>
<strong>Signature</strong> info here<br>
<strong>Gender</strong> info here <br>
<strong>Gender Role</strong> info here <br>
<strong>Orientation</strong> info here <br>
<strong>Real Age</strong> info here <br>
<strong>Age Appearance</strong> info here <br>
<strong>Birthday</strong> info here <br>
<strong>Status</strong> info here <br>

<fieldset style="margin:20px;">
<strong>Personality</strong> Consetetur sadipscing elitr, sed diam <i>nonumy</i> eirmod tempor invidunt ut labore et <u>dolore</u> magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd <i>gubergren</i>, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem <u>ipsum</u> dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <i>tempor</i> invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur <u>sadipscing</u> elitr, sed diam nonumy eirmod tempor invidunt ut <i>labore</i> et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur <u>sadipscing</u> elitr, sed diam nonumy eirmod tempor invidunt ut <i>labore</i> et dolore magna aliquyam erat, sed diam voluptua.
</fieldset>

<strong>Birthplace</strong>info here <br>
<strong>Zodiac Sign</strong>info here <br>



<strong>Species</strong> info here <br>
<strong>Ethnicity</strong>info here <br>
<strong>Blood Type</strong> info here <br>
<strong>Preferred Hand</strong> info here <br>
<strong>Facial Type</strong> info here<br>
<strong>Eye Color</strong> info here  <br>
<strong>Hair Color</strong> info here <br>
<strong>Build</strong> info here<br>
<strong>Height</strong> info here<br>
<strong>Weight</strong> info here<br>
<strong>Birthmarks/scars</strong> info here<br>
<strong>Distinguishing Features</strong>info here<br>
<strong>Allergies</strong> info here<br>
<strong>Occupation</strong> info here<br>
<strong>Education</strong> info here<br>




</div>

<div class="connectionpic">

<img src="https://place-hold.it/250x120/283426/d5d58d">

</div>

<div class="connectionlinks">
<h2> Connections</h2><br>

<a href="/">Name here</a><br>
<a href="/">Name here</a><br>
<a href="/">Name here</a><br>
<a href="/">Name here</a><br>
<a href="/">Name here</a><br>
<a href="/">Name here</a><br>
<a href="/">Name here</a><br>
<a href="/">Name here</a><br>
<a href="/">Name here</a><br>
<a href="/">Name here</a><br>
<a href="/">Name here</a><br>
<a href="/">Name here</a><br>
<a href="/">Name here</a><br>
<a href="/">Name here</a><br>
<a href="/">Name here</a><br>
<a href="/">Name here</a><br>



</div>


<div class="lipic"><img src="https://place-hold.it/150x100/283426/d5d58d"></div>

<div class="liinfo">


<h2> Love Intrest</h2><br><br>

<b>Status: </b> <br>
<b> Who:</b> <a href="/">link here</a><BR>
<B>Dated:</b><br>
<b>Engaged:</b><br>
<b>Married:</b><br>
<b>Childen:</b><br>
<b>Song:</b><Br>
<b>Comments:</b>Cras pulvinar neque nulla, nec commodo augue fringilla ut. Nulla eget risus congue, finibus ex et, pellentesque ante. Nullam a rhoncus ante. Cras egestas nulla sit amet posuere vulputate. Etiam elementum consequat metus, non rhoncus lectus maximus vel. Mauris rhoncus nisi ut sapien ultricies, sed maximus sapien dignissim. In lobortis mi magna, at placerat dolor consectetur eget. Fusce non porta justo. Ut convallis, lacus in placerat accumsan, velit lectus mattis metus, eget dignissim quam ipsum vel urna. Mauris eget ante at magna ornare volutpat non vitae dolor. Donec sed condimentum quam.</p>

<p>Donec ut cursus quam, at condimentum lorem. Donec odio velit, maximus congue accumsan non, molestie semper erat. Maecenas efficitur, eros eu rutrum pulvinar, ipsum sem ultrices felis, sed faucibus erat mi a urna. Praesent at ultrices massa. Maecenas vehicula finibus eleifend. Nulla nec laoreet tellus. Sed hendrerit risus non ante porta, eu tincidunt urna tempus. Proin ut nulla arcu. Suspendisse est metus, ultrices at enim et, fringilla malesuada elit. Ut elementum ante sit amet elit mattis vestibulum.</p><br>


</div>