Eclipse - DIV Layout

Sinful Misfortune Resources - Layouts - Eclipse.

- Do not remove credits from the code.
- Do not redistribute the codes.
- Do not share the codes with friends, just have them add me.

If you're going to alter the stylesheet, please have a basic understanding of HTML/CSS. I will not walk you through it step by step, simply because I don't have enough time to do so for everyone and keep up with updates. You do need a basic understanding of how stylesheets work in order to use these codes. Please do not ask me for help unless you are extremely confused. It's all pretty easy to figure out if you look at the page while you go through and edit it. Remember to put each code in the designated area.

Thank you for choosing Sinful Misfortune.
Sincerely, Cryptic.


----------------------------------------aboutme----------------------------------------

</td></tr></table></td></tr></table></td></tr></table>
<style>

{ S P E C I A L  F O N T S - - C R Y P T I C }

@import url(https://fonts.googleapis.com/css?family=);
@font-face {font-family:slkscrn;src: url('http://static.tumblr.com/jtvmcoc/baIn9f1ea/slkscr.ttf');}
@import url(https://fonts.googleapis.com/css?family=);
@font-face {font-family:litf;src: url('https://static.tumblr.com/blzkhux/1n5purbos/thelightfont.ttf');}
@import url(https://fonts.googleapis.com/css?family=);
@font-face {font-family:lovbas;src: url('https://static.tumblr.com/blzkhux/B0Mpurc6v/lonely_basket.ttf');}

{ B A S I C  C O D I N G -- C R Y P T I C }

body {
background-color:#181212;
background-image:url("");
background-attachment:fixed;
background-repeat:no-repeat;
background-position:bottom left;
margin-top: 0px;
overflow:auto;
}

.mainimg{
left: 0%;
top: 0%;
Z-index:2!important;
background-color:#2b1313;
position: absolute;
Width:150px;
height:300px;
top:300px;
Margin-left:450px;
text-align: right;
Opacity:1;
Border: 10px solid #452020;
}

.navv{
left: 0%;
top: 0%;
Z-index:2!important;
background-color:#2b1313;
position: absolute;
Width:500px;
height:20px;
top:300px;
Margin-left:630px;
text-align: center;
Opacity:1;
Padding:0px;
Border: 10px solid #452020;
}

.biobox{
left: 0%;
top: 0%;
Z-index:2!important;
background-color:#2b1313;
position: absolute;
Width:200px;
height:250px;
top:350px;
Margin-left:630px;
text-align: right;
Opacity:1;
Border: 10px solid #452020;
}

.imgtwo{
left: 0%;
top: 0%;
Z-index:2!important;
background-color:#2b1313;
position: absolute;
Width:100px;
height:250px;
top:350px;
Margin-left:860px;
text-align: right;
Opacity:1;
Border: 10px solid #452020;
}

.linksbox{
left: 0%;
top: 0%;
Z-index:2!important;
Background-color:transparent;
position: absolute;
Width:100px;
Height:250px;
top:360px;
Margin-left:870px;
text-align: right;
Opacity:0;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}

.linksbox:hover{
top:450px;
Margin-left:875px;
Width:90px;
Height:50px;
Opacity:1}

.detailsbox{
left: 0%;
top: 0%;
Z-index:2!important;
background-color:#2b1313;
position: absolute;
Width:140px;
height:250px;
top:350px;
Margin-left:990px;
text-align: right;
Opacity:1;
Border: 10px solid #452020;
}

.click{
Top:0;
Left:0;
Z-index:1!important;
Position:absolute;
width:140px;
height:0px;
Padding:0px;
background-color:#2b1313;
Text-align:none;
Margin-left:1000px!important;
Margin-top:360px;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
filter:alpha(opacity=0);
opacity:0;
Overflow:hidden;}


.click:target {
Z-index:2!important;
filter:alpha(opacity=1);
Opacity:1;
Overflow:none;
Height:250px;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}

.contact{
Top:0;
Left:0;
Z-index:1!important;
Position:absolute;
width:120px;
height:0px;
Padding:0px;
background-color:#2b1313;
Text-align:none;
Margin-left:475px!important;
Margin-top:440px;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
filter:alpha(opacity=0);
opacity:0;
Overflow:hidden;}


.contact:target {
Z-index:2!important;
filter:alpha(opacity=1);
Opacity:1;
Overflow:none;
Height:50px;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}

.creditt{
left: 10px;
top: 95%;
Z-index:2!important;
Background-color:transparent;
position: absolute;
Height:20px;
Width:20px;
text-align: right;
Opacity:1;
Border: 5px solid #452020;
margin-Bottom:5px;
margin-Right:5px;
}




{ TEXT EFFECTS // CRYPTIC}

p, div, table, tr, td, font, br {
Font:9px consolas;
line-height:10px;
letter-spacing:1px;
Text-transform:none;
color:#573737;
Font-weight:normal; }

b {
    Font-family:litf;
    font-size: 10px;
    color:#683131;
    letter-spacing: 0px;
    text-transform:lowercase;
    font-weight:normal;
    letter-spacing: 0px;
    line-height:10px;}

I {
    font: 10px litf;
    text-transform:lowercase;
    font-weight:normal;
    color:#825b5b;
    line-height:10px;
    letter-spacing: 0px;
    }

u {
    Font-family:litf;
    font-size: 10px;
    color:#614444;
    letter-spacing: 0px;
    text-transform:lowercase;
    font-weight:normal;
    letter-spacing: 0px;
    line-height:10px;
    Text-decoration:none;}


a:link, a:active, a:visited, a:link b, a:active b, a:visited b {
font-family:litf;
font-size:9px;
line-height:9px;
letter-spacing:3px;
font-weight:normal;
text-transform:lowercase;
text-decoration:none;
color:#806363;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
text-shadow:10px 0px transparent, -10px 0px transparent;}

a:hover, a:hover b {
text-decoration:none;
Letter-spacing:1px;
color:#683131;
}

a.nav:link, a.nav:active, a.nav:visited, a.nav:link b, a.nav:active b, a.nav:visited b {
Font-family:litf;
font-size:10px;
line-height:20px;
letter-spacing:2px;
font-weight:normal;
Display:inline-block;
Text-transform:uppercase;
Margin:0px;
Padding:0px;
Width:97px;
text-decoration:none;
color:#806363;
Text-align:center;
Background-color:#2a1212;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}

a.nav:hover, a.nav:hover b, a.nav:focus, a.nav:active {
text-decoration:none;
Background-color:#683131;
}



a.credit:link, a.credit:active, a.credit:visited, a.credit:link b, a.credit:active b, a.credit:visited b {
Font-family:litf;
font-size:10px;
line-height:20px;
letter-spacing:2px;
font-weight:normal;
Display:inline-block;
Text-transform:uppercase;
Margin:0px;
Padding:0px;
Width:20px;
text-decoration:none;
color:#806363;
Text-align:center;
Background-color:#2a1212;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}

a.credit:hover, a.credit:hover b, a.credit:focus, a.credit:active {
text-decoration:none;
Background-color:#683131;
}


a.first, a.first:link, a.first:active, a.first:visited {
font-family:litf;
font-size:10px;
line-height:15px;
font-weight: normal;
color:#806363;
width:100%;
Background-color:#2a1212;
text-decoration:none;
text-transform:uppercase;
letter-spacing:0px;
Text-align:center;
display:block;
border-bottom-style:none;
margin-bottom:1px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}

a.first:hover {
Background-color:#683131;
Letter-spacing:0px;
}


h1 {
Font-family:litf;
font-size:15px;
line-height:14px;
Margin:0px;
letter-spacing:2px;
font-weight:normal;
Font-style:italic;
Margin-bottom:5px;
Text-align:left;
text-decoration:none;
Text-transform:uppercase;
color:#806363;
Margin-top:5px;
Padding-left:5px;
Border-bottom: 3px solid #683131;
}


{ M I S C  C O D I N G -- C R Y P T I C }

::-webkit-scrollbar-thumb {
height:auto;
background-color: #683131;
border:3px solid #2b1313;
}

::-webkit-scrollbar {
height:9px;
width:7px;
background-color: #2a1212;
border:3px solid #2b1313;
}

a span.av, a:hover span.sm{display: inline;}
a:hover span.av, a span.sm{display: none;}
a:hover {visibility:visible;}


{ H I D E  C O D E S -- C R Y P T I C }

table table div form {display:inline !important;}
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
table div div{visibility:hidden;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
body div div form {display:none !important;}div div div select {position:absolute !important;  margin-left:-1800px !important; left:0px !important; display:none !important; }div div table div {display:none;} div div table div {display:none;} div form,
.mslogo, div ul {display:none!important;}
div div, div td {background-color:transparent; background-image:none!important;}
div.profileWidth {margin-top: -30px !important;}div.profileWidth div {filter:alpha(opacity=0); opacity:0.2e2e2e1}div.profileWidth div.clearfix, i i i,
div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:absolute; top:30px}
div div select, div div form {display:none !important;}div div table div {display:none;} .clearfix table div div {display:block;}
.profile, div ul {display:none !important;}
.friendSpace { display:none; }
.profileInfo { display:none; }
.clearfix { display: none; }

</style>



----------------------------------------liketomeet----------------------------------------
</td></tr></table></td></tr></table></td></tr></table>

<div class="mainimg">
<img src="https://i.imgur.com/tb9HfVG.png">
</div>

<div class="contact" id="contact">
<div style="padding:5px; overflow:auto;height:40px;width:110px;">
<i>discord: fill in here</i><br>
<u>other: fill in here</u><br>
<b>you can also include a small message here if you'd like! nothing too long though or it'll be hard to scroll.</b>
</div>
</div>

<div class="navv">
<a href="" class="nav">home</a>
<a href="" class="nav">message</a>
<a href="" class="nav">comment</a>
<a href="" class="nav">gallery</a>
<a href="#contact" class="nav">contact</a>

</div>

<div class="biobox">
<h1>biography</h1>
<div style="width:190px; height:210px; padding:5px; overflow:auto;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean suscipit odio vel suscipit varius. Mauris non rutrum ipsum. Sed arcu nisl, pulvinar ac euismod nec, commodo sed risus. Aenean eleifend erat a augue finibus sagittis. Nulla odio purus, sodales vel nibh at, sollicitudin tincidunt erat. Fusce at mattis nisl. Suspendisse potenti. Curabitur nec eros et libero vehicula consequat. Curabitur a bibendum nisl. Etiam non purus a metus maximus mattis id non felis. Donec auctor metus vel lorem pretium, cursus blandit elit varius. Etiam metus sapien, consectetur eu semper in, consequat eu lectus. Aliquam ultricies, neque sit amet sollicitudin dictum, leo libero feugiat mauris, vel lacinia nulla nibh vitae velit. Proin tincidunt lobortis dui at sollicitudin. Cras in finibus arcu. Sed imperdiet non tortor et elementum.

Cras eget massa elementum, vulputate tellus ut, viverra arcu. Aliquam ac mattis dolor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque tempus, nunc ut sollicitudin convallis, mi diam euismod ante, semper mattis nunc ante quis diam. Nam vitae molestie purus. Aenean imperdiet dui ut tellus finibus gravida. Curabitur sit amet sapien et augue cursus maximus. Nam vulputate tincidunt viverra. Vestibulum id pulvinar magna. Sed malesuada eget sapien vestibulum elementum. Curabitur vel accumsan nunc. Proin bibendum varius nunc, et efficitur risus rutrum et. In non nunc tortor. Duis vehicula vehicula congue. Morbi posuere felis et nisi imperdiet, quis pretium nulla ullamcorper. Maecenas nunc mi, dignissim ut varius eu, rutrum et risus.

Aliquam sed commodo ex. Fusce faucibus nulla eu turpis molestie lobortis. Aenean interdum, magna eu cursus auctor, elit velit vehicula ante, sit amet suscipit nisl odio vel turpis. Ut placerat risus in ipsum venenatis, et finibus enim molestie. Aliquam erat volutpat. Duis ante orci, egestas ornare luctus non, facilisis maximus augue. In posuere sapien ut lacus sodales, sed tincidunt arcu pulvinar. Vivamus eget metus ex. Cras ante lorem, imperdiet ac felis sit amet, pulvinar efficitur metus. Cras fringilla libero in tincidunt scelerisque. Nam posuere lorem quis consequat convallis. Donec ac libero nunc. Mauris imperdiet sed felis eu ultrices. Suspendisse a eros at mauris aliquet pulvinar sit amet sit amet sem. Donec dolor nunc, gravida ut nunc at, sodales imperdiet quam.
</div>
</div>

<div class="imgtwo">
<img src="https://i.imgur.com/RAbDgct.png">
</div>

<div class="detailsbox">
<h1>details</h1>
<div style="width:130px; height:210px; padding:5px; overflow:auto;">
<b>Name:</b>Lorem ipsum dolor<br>
<i>age:</i> sit amet<br>
<b>consectetur:</b> adipiscing elit<br>
<i>Aenean:</i> suscipit odio vel suscipit varius. Mauris non rutrum ipsum. Sed arcu nisl, pulvinar ac euismod nec, commodo sed risus. Aenean eleifend erat a augue finibus sagittis. <br>
<b>Nulla odio:</b> purus, sodales vel nibh at, sollicitudin tincidunt erat<br>
<i>Aliquam sed commodo:</i> ex. Fusce faucibus nulla eu turpis molestie lobortis. Aenean interdum, magna eu cursus auctor, elit velit vehicula ante, sit amet suscipit nisl odio vel turpis. Ut placerat risus in ipsum venenatis, et finibus enim molestie. Aliquam erat volutpat. Duis ante orci, egestas ornare luctus non.<br>
<b>consectetur:</b> adipiscing elit<br>
<i>Aenean:</i> suscipit odio vel suscipit varius. Mauris non rutrum ipsum. Sed arcu nisl, pulvinar ac euismod nec, commodo sed risus. Aenean eleifend erat a augue finibus sagittis. <br>
<b>Nulla odio:</b> purus, sodales vel nibh at, sollicitudin tincidunt erat<br>
<i>Aliquam sed commodo:</i> ex. Fusce faucibus nulla eu turpis molestie lobortis. Aenean interdum, magna eu cursus auctor, elit velit vehicula ante, sit amet suscipit nisl odio vel turpis. Ut placerat risus in ipsum venenatis, et finibus enim molestie. Aliquam erat volutpat. Duis ante orci, egestas ornare luctus non.<br>
<b>consectetur:</b> adipiscing elit<br>
<i>Aenean:</i> suscipit odio vel suscipit varius. Mauris non rutrum ipsum. Sed arcu nisl, pulvinar ac euismod nec, commodo sed risus. Aenean eleifend erat a augue finibus sagittis. <br>
<b>Nulla odio:</b> purus, sodales vel nibh at, sollicitudin tincidunt erat<br>
<i>Aliquam sed commodo:</i> ex. Fusce faucibus nulla eu turpis molestie lobortis. Aenean interdum, magna eu cursus auctor, elit velit vehicula ante, sit amet suscipit nisl odio vel turpis. Ut placerat risus in ipsum venenatis, et finibus enim molestie. Aliquam erat volutpat. Duis ante orci, egestas ornare luctus non.<br>
</div>
</div>

<div class="linksbox">
<a href="#friend" class="first">friends</a>
<a href="#enemy" class="first">enemies</a>
<a href="#love" class="first">love life</a>
<a href="#" class="first">✖</a>
</div>

<div class="click" id="friend">
<h1>friends</h1>
<div style="width:130px; height:210px; padding:5px; overflow:auto;">
<a href="">name here.</a><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean suscipit odio vel suscipit varius. Mauris non rutrum ipsum. Sed arcu nisl, pulvinar ac euismod nec, commodo sed risus. Aenean eleifend erat a augue finibus sagittis. Nulla odio purus, sodales vel nibh at, sollicitudin tincidunt erat. Fusce at mattis nisl. Suspendisse potenti. Curabitur nec eros et libero vehicula consequat. Curabitur a bibendum nisl. Etiam non purus a metus maximus mattis id non felis. Donec auctor metus vel lorem pretium, cursus blandit elit varius. Etiam metus sapien, consectetur eu semper in, consequat eu lectus. Aliquam ultricies, neque sit amet sollicitudin dictum, leo libero feugiat mauris, vel lacinia nulla nibh vitae velit. Proin tincidunt lobortis dui at sollicitudin. Cras in finibus arcu. Sed imperdiet non tortor et elementum.
<br><br>
<a href="">name here.</a><br>
Cras eget massa elementum, vulputate tellus ut, viverra arcu. Aliquam ac mattis dolor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque tempus, nunc ut sollicitudin convallis, mi diam euismod ante, semper mattis nunc ante quis diam. Nam vitae molestie purus. Aenean imperdiet dui ut tellus finibus gravida. Curabitur sit amet sapien et augue cursus maximus. Nam vulputate tincidunt viverra. Vestibulum id pulvinar magna. Sed malesuada eget sapien vestibulum elementum. Curabitur vel accumsan nunc. Proin bibendum varius nunc, et efficitur risus rutrum et. In non nunc tortor. Duis vehicula vehicula congue. Morbi posuere felis et nisi imperdiet, quis pretium nulla ullamcorper. Maecenas nunc mi, dignissim ut varius eu, rutrum et risus.
<br><br>
<a href="">name here.</a><br>
Aliquam sed commodo ex. Fusce faucibus nulla eu turpis molestie lobortis. Aenean interdum, magna eu cursus auctor, elit velit vehicula ante, sit amet suscipit nisl odio vel turpis. Ut placerat risus in ipsum venenatis, et finibus enim molestie. Aliquam erat volutpat. Duis ante orci, egestas ornare luctus non, facilisis maximus augue. In posuere sapien ut lacus sodales, sed tincidunt arcu pulvinar. Vivamus eget metus ex. Cras ante lorem, imperdiet ac felis sit amet, pulvinar efficitur metus. Cras fringilla libero in tincidunt scelerisque. Nam posuere lorem quis consequat convallis. Donec ac libero nunc. Mauris imperdiet sed felis eu ultrices. Suspendisse a eros at mauris aliquet pulvinar sit amet sit amet sem. Donec dolor nunc, gravida ut nunc at, sodales imperdiet quam.
</div>
</div>

<div class="click" id="enemy">
<h1>enemies</h1>
<div style="width:130px; height:210px; padding:5px; overflow:auto;">
<a href="">name here.</a><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean suscipit odio vel suscipit varius. Mauris non rutrum ipsum. Sed arcu nisl, pulvinar ac euismod nec, commodo sed risus. Aenean eleifend erat a augue finibus sagittis. Nulla odio purus, sodales vel nibh at, sollicitudin tincidunt erat. Fusce at mattis nisl. Suspendisse potenti. Curabitur nec eros et libero vehicula consequat. Curabitur a bibendum nisl. Etiam non purus a metus maximus mattis id non felis. Donec auctor metus vel lorem pretium, cursus blandit elit varius. Etiam metus sapien, consectetur eu semper in, consequat eu lectus. Aliquam ultricies, neque sit amet sollicitudin dictum, leo libero feugiat mauris, vel lacinia nulla nibh vitae velit. Proin tincidunt lobortis dui at sollicitudin. Cras in finibus arcu. Sed imperdiet non tortor et elementum.
<br><br>
<a href="">name here.</a><br>
Cras eget massa elementum, vulputate tellus ut, viverra arcu. Aliquam ac mattis dolor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque tempus, nunc ut sollicitudin convallis, mi diam euismod ante, semper mattis nunc ante quis diam. Nam vitae molestie purus. Aenean imperdiet dui ut tellus finibus gravida. Curabitur sit amet sapien et augue cursus maximus. Nam vulputate tincidunt viverra. Vestibulum id pulvinar magna. Sed malesuada eget sapien vestibulum elementum. Curabitur vel accumsan nunc. Proin bibendum varius nunc, et efficitur risus rutrum et. In non nunc tortor. Duis vehicula vehicula congue. Morbi posuere felis et nisi imperdiet, quis pretium nulla ullamcorper. Maecenas nunc mi, dignissim ut varius eu, rutrum et risus.
<br><br>
<a href="">name here.</a><br>
Aliquam sed commodo ex. Fusce faucibus nulla eu turpis molestie lobortis. Aenean interdum, magna eu cursus auctor, elit velit vehicula ante, sit amet suscipit nisl odio vel turpis. Ut placerat risus in ipsum venenatis, et finibus enim molestie. Aliquam erat volutpat. Duis ante orci, egestas ornare luctus non, facilisis maximus augue. In posuere sapien ut lacus sodales, sed tincidunt arcu pulvinar. Vivamus eget metus ex. Cras ante lorem, imperdiet ac felis sit amet, pulvinar efficitur metus. Cras fringilla libero in tincidunt scelerisque. Nam posuere lorem quis consequat convallis. Donec ac libero nunc. Mauris imperdiet sed felis eu ultrices. Suspendisse a eros at mauris aliquet pulvinar sit amet sit amet sem. Donec dolor nunc, gravida ut nunc at, sodales imperdiet quam.
</div>
</div>

<div class="click" id="love">
<h1>love life</h1>
<div style="width:130px; height:210px; padding:5px; overflow:auto;">
<u>partner in crime:</u> <a href="">lover</a>
<b>since: 00/00/0000</b><br>
<i>engaged: 00/00/0000</i><br>
<b>married: 00/00/0000</b><br><br>
<u>love notes:</u>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean suscipit odio vel suscipit varius. Mauris non rutrum ipsum. Sed arcu nisl, pulvinar ac euismod nec, commodo sed risus. Aenean eleifend erat a augue finibus sagittis. Nulla odio purus, sodales vel nibh at, sollicitudin tincidunt erat. Fusce at mattis nisl. Suspendisse potenti. Curabitur nec eros et libero vehicula consequat. Curabitur a bibendum nisl. Etiam non purus a metus maximus mattis id non felis. Donec auctor metus vel lorem pretium, cursus blandit elit varius. Etiam metus sapien, consectetur eu semper in, consequat eu lectus. Aliquam ultricies, neque sit amet sollicitudin dictum, leo libero feugiat mauris, vel lacinia nulla nibh vitae velit. Proin tincidunt lobortis dui at sollicitudin. Cras in finibus arcu. Sed imperdiet non tortor et elementum.
</div>
</div>

<div class="creditt">
<a href="/sinfulmisfortune" class="credit">♕</a>
</div>