Cardigan

This layout was made by Edits By M (/1631904). Do not remove any credit, claim this layout as your own, or use this on an account that has not asked for it. Thank you SO much for wanting to use this layout. You are wonderful.

<!--about me-->
<style>
#footerWarpper, .friendsComments, .friendSpace, .orangetext15, table.blurbs, table.latestBlogEntry, table.contactTable, .userProfileURL, .userProfileDetail, #Groups, .interestsAndDetails, div#googlebar, #topnav, table.profileInfo table tr:last-child, div td{
display:none;
}

body{
background-image:url('https://i.imgur.com/kplzf86.png');
}

#profileV1main{
margin-top:30px;
}

.topBar{
width: 799px;
height: 30px;
background: #839a92;
position: fixed;
top: 0;
left: 0;
right: 0;
margin: auto;
text-align:right;
}

a.topLineLink:link, a.topLineLink:visited {
background-color: #839a92;
color: white;
padding: 9px 13px;
text-align: center;
text-decoration: none;
display: inline-block;
font-family: Georgia;
font-size: 10px;
text-transform: uppercase;
width: 59px;
}

a.topLineLink:hover, a.topLineLink:active {
color: #839a92;
}

.veryFirstInsta{
width:110px;
height:110px;
background:#000;
display:inline-block;
vertical-align:top;
}

.firstRowNotFirstBlock{
width:110px;
height:110px;
background:#000;
display:inline-block;
vertical-align:top;
margin-left:10px;
}

.otherRowFirstBlock{
width:110px;
height:110px;
background:#000;
display:inline-block;
vertical-align:top;
margin-top:10px;
}

.otherRowOtherBlocks{
width:110px;
height:110px;
background:#000;
display:inline-block;
vertical-align:top;
margin-left:10px; margin-top:10px;
}


#owesList{
display:none;
}

#owesList:target{
display:block;
background:#fff;
width:400px;
height:auto;
margin-top:20px;
overflow:auto;
font-family:Georgia;
font-size:11px;
text-align:justify;
color:#828282;
}

#biography{
display:none;
}

#biography:target{
display:block;
background:#fff;
width:400px;
height:200px;
margin-top:20px;
overflow:auto;
font-family:Georgia;
font-size:11px;
text-align:justify;
color:#828282;
}

#connections{
display:none;
}

#connections:target{
display:block;
background:#fff;
width:298px;
overflow:auto;
font-family:Georgia;
font-size:11px;
text-align:justify;
color:#828282;
margin-top:-30px;
}


#loveinterest{
display:none;
}

#loveinterest:target{
display:block;
background:#fff;
width:298px;
overflow:auto;
font-family:Georgia;
font-size:11px;
text-align:justify;
color:#828282;
margin-top:-30px;
}


#hobbies{
display:none;
}

#hobbies:target{
display:block;
background:#fff;
width:298px;
overflow:auto;
font-family:Georgia;
font-size:11px;
text-align:justify;
color:#828282;
margin-top:-30px;
}


#textMessages{
display:none;
}

#textMessages:target{
display:block;
background:#fff;
width:298px;
overflow:auto;
font-family:Georgia;
font-size:11px;
text-align:justify;
color:#828282;
margin-top:-30px;
}

h1{
width: 100%;
text-align: center;
background: #839a92;
color: #fff;
padding-top: 5px;
padding-bottom: 5px;
margin: 0;
margin-bottom: 10px;
}

.connectionHolder{
width:280px;
height:100px;
border-radius:25px;
background:#e5e5e5;
margin-top:10px;
}

.connectionImage{
margin-top: 10px;
margin-left: 10px;
border-radius: 25px;
}

.connectionInnerBox{
width: 158px;
height: 70px;
margin-top: 10px;
margin-left: 10px;
display: inline-block;
vertical-align: top;
overflow: auto;
padding: 5px;
border-radius: 25px;
font-family:Georgia;
font-size:11px;
text-align:justify;
color:#828282;
}

b{
color:#1e2320;
}

i{
color:#839a92;
}



.abtstats {
width: 290px;
height: 185px;
margin-left: 0px;
}


     .answer span,.convo li {
    margin:0 0 5px;
    border-radius:1em;
    padding:.5em 10px;
    max-width:75%;
    clear:both;
    position:relative;
}
.user_1 {
    float:left;
    background:#ccd1cb;
    color:#949494;
    left:3px;
    text-align:justify;
font:12px 'Arial';
color:#fff;
}
.me::after,.user_1::after {
    content:"";
    position:absolute;
    left:-.5em;
    bottom:0;
    width:.5em;
    height:1em;
    border-right:.5em solid #ccd1cb;
    border-bottom-right-radius:1em .5em;
}


.me,.user_2 {
    right:3px;
    float:right;
    background-color:#839a92;
     text-align:justify;
font:12px 'Arial';
color:#fff;
}
.user_2::after {
    content:"";
    position:absolute;
    right:-.5em;
    bottom:0;
    width:.5em;
    height:1em;
    border-left:.5em solid #839a92;
    border-bottom-left-radius:1em .5em;
}

        .convo {
            overflow: hidden;
            list-style-type: none;
            padding: 0;
            margin: 7;
        }


::-webkit-scrollbar-thumb:vertical {height:12px; background:#11130f; border-top:10px solid #e5e5e5; border-bottom:10px solid #e5e5e5;}
::-webkit-scrollbar-thumb:horizontal {background-color:#11130f;}
::-webkit-scrollbar {width:5px; height:7px;}

</style>












<!--like to meet-->
</table> </td> </tr> </table> <br /> <table bordercolor="white" cellspacing="0" cellpadding="0" width="400" bgcolor="white" border="0" style="margin-top:-30px;"> <tr> <td class="text" valign="" align="left" width="400" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="400" align="" bgcolor="white" border="0"> <td valign="top" align="" width="400" bgcolor="white" style="word-wrap:break-word">
<div class="topBar">
<a href="/home.php" class="topLineLink">home</a>
<a href="/send_message.php?member_id=" class="topLineLink">message</a>
<a href="/add_comment.php?member_id=" class="topLineLink">comment</a>
<a href="/status_stream.php?member_id=" class="topLineLink">stream</a>
<a href="/view_member_blog.php?member_id=" class="topLineLink">blog</a>
<a href="/1631904" class="topLineLink">credit</a>
</div>
<img src="https://i.imgur.com/wu5BtMM.png">
<center>
<div class="veryFirstInsta">
<a href="#biography" title="about me"><img src="https://i.imgur.com/H6kKKKs.png"></a>
</div>

<div class="firstRowNotFirstBlock">
<a href="#connections" title="connections"><img src="https://i.imgur.com/yxogpwC.png"></a>
</div>

<div class="firstRowNotFirstBlock">
<a href="#loveinterest" title="love interest"><img src="https://i.imgur.com/tKCvQwH.png"></a>
</div>
<br>
<div class="otherRowFirstBlock">
<a href="#owesList" title="owes list"><img src="https://i.imgur.com/IbgbuHO.png"></a>
</div>

<div class="otherRowOtherBlocks">
<a href="#hobbies" title="hobbies"><img src="https://i.imgur.com/n7270hE.png"></a>
</div>

<div class="otherRowOtherBlocks">
<a href="#textMessages" title="text messages"><img src="https://i.imgur.com/xtVAVa6.png"></a>
</div>


<div id="biography">
<h1>title goes here</h1>
<div style="width: 380px; padding: 10px; height: 100px; overflow: auto; text-align: justify; letter-spacing: 1px; color:#828282;">
talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here. talk about everything here.
</div>
</div>

<div id="owesList">
<div style="width:175px; height:116px; vertical-align:top; display:inline-block; padding:10px;"><h1>I owe you</h1>
<b>name</b> - <i>starter/reply</i> - 00/00 <br>
<b>name</b> - <i>starter/reply</i> - 00/00 <br>
<b>name</b> - <i>starter/reply</i> - 00/00 <br>
<b>name</b> - <i>starter/reply</i> - 00/00 <br>
<b>name</b> - <i>starter/reply</i> - 00/00 <br>
</div>
<div style="width:175px; height:116px; vertical-align:top; display:inline-block; padding:10px;"><h1>You owe me</h1>
<b>name</b> - <i>starter/reply</i> - 00/00 <br>
<b>name</b> - <i>starter/reply</i> - 00/00 <br>
<b>name</b> - <i>starter/reply</i> - 00/00 <br>
<b>name</b> - <i>starter/reply</i> - 00/00 <br>
<b>name</b> - <i>starter/reply</i> - 00/00 <br>
</div>
<center>
<h2>
last updated: 00/00
</h2>
</center>
</div>






<!--interests-->
</table> </td> </tr> </table> <br /> <table bordercolor="white" cellspacing="0" cellpadding="0" width="300" bgcolor="white" border="0"> <tr> <td class="text" valign="" align="left" width="300" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="300" align="" bgcolor="white" border="0"> <td valign="top" align="" width="300" bgcolor="white" style="word-wrap:break-word">


<div id="connections">

<div class="connectionHolder">
<img src="https://i.imgur.com/8FtSOFG.png" class="connectionImage">
<div class="connectionInnerBox">
<b>Monica Geller</b> / <i>best friend</i> <br>
write about your connection with your friend here so you're able to show them how much they mean to you. write about your connection with your friend here so you're able to show them how much they mean to you. write about your connection with your friend here so you're able to show them how much they mean to you. write about your connection with your friend here so you're able to show them how much they mean to you. write about your connection with your friend here so you're able to show them how much they mean to you. write about your connection with your friend here so you're able to show them how much they mean to you. write about your connection with your friend here so you're able to show them how much they mean to you. write about your connection with your friend here so you're able to show them how much they mean to you.
</div>
</div>


<div class="connectionHolder">
<img src="https://i.imgur.com/qSQ8WNs.png" class="connectionImage">
<div class="connectionInnerBox">
<b>Phoebe Buffay</b> / <i>best friend</i> <br>
write about your connection with your friend here so you're able to show them how much they mean to you. write about your connection with your friend here so you're able to show them how much they mean to you. write about your connection with your friend here so you're able to show them how much they mean to you. write about your connection with your friend here so you're able to show them how much they mean to you. write about your connection with your friend here so you're able to show them how much they mean to you. write about your connection with your friend here so you're able to show them how much they mean to you. write about your connection with your friend here so you're able to show them how much they mean to you. write about your connection with your friend here so you're able to show them how much they mean to you.
</div>
</div>
</div>




<div id="loveinterest">
<img src="https://i.imgur.com/p2YevEv.png" style="width: 287px; margin-top: 10px; margin-bottom:5px;">
<br>
<b>status</b> here. <br>
<b>since</b> here. <br>
<b>to whom</b> here. <br>
<b>comments</b> here.
</div>











<div id="hobbies">
<h1>Hobbies</h1>
plants, fashion, you know the basic things.
</div>

<div id="textMessages">
<div class="abtstats">
<ul class="convo">
<li class="user_2">Sequin smile, black lipstick Sensual politics</li>
<li class="user_1">When you are young, they assume you know nothing</li>
<li class="user_2">But I knew you</li>
<li class="user_1">Dancin' in your Levi's Drunk under a streetlight</li>
</ul>
</div>
</div>