Codes, Codes, and More Codes

<style type="text/css">

#profile { border: hidden; background-color: transparent; }

.pfor {display:none;}

body{
background-color:#F9F7FA;
background-image:url(http://i261.photobucket.com/albums/ii58/FARMMR/claudiaragebg.png);
background-position:bottom right;
background-repeat:no-repeat;
background-attachment:fixed;
}

#pins{
position:absolute;
top:90px;
right:35%;
width: 615px;
height: 615px;
}


#fragile{
position:absolute;
top: 0px;
left: 0px;
width: 300px;
height: 300px;
overflow: hidden;
background-color:#E8E3E3;
border: 5px solid #D4C8C8;
border-radius: 50px 50px 0px 50px;
}

#wings{
position:absolute;
top: 305px;
left: 305px;
width: 300px;
height: 300px;
overflow: hidden;
background-color:#E8E3E3;
border: 5px solid #D4C8C8;
border-radius: 0px 50px 50px 50px;
}

#needles{
position:absolute;
top:15px;
left:20px;
width: 200px;
height: 260px;
overflow: hidden;
}

#stakes{
position:absolute;
top:15px;
right:20px;
width: 200px;
height: 260px;
overflow: hidden;
}

#one, #two, #three, #four{
width: 200px;
height: 260px;
overflow: auto;
color:#A5919B;
font-size: 11px;
text-align: justify;
font-family: times new roman;
}

#torn {
top:230px;
right: 230px;
position:absolute;
width:150px;
height:150px;
overflow:hidden;
background-color:#DCF1F7;
background-Image:url('http://i261.photobucket.com/albums/ii58/FARMMR/claduihead-1.png');
border: 3px solid #A79493;
-webkit-border-radius: 500px;
border-radius: 500px;
}


#slant1 {
position:absolute;
left: 325px;
top: 235px;
-webkit-transform: rotate(-55deg);
-moz-transform: rotate(-55deg);
}

#slant1 .b1{
position:absolute;
left: 0px;
top: 0px;
}

#slant2 {
position:absolute;
left: 345px;
top: 250px;
-webkit-transform: rotate(-55deg);
-moz-transform: rotate(-55deg);
}

#slant2 .b1{
position:absolute;
left: 0px;
top: 0px;
}

#slant3 {
position:absolute;
left: 265px;
top: 365px;
-webkit-transform: rotate(125deg);
-moz-transform: rotate(125deg);
}

#slant3 .b1{
position:absolute;
left: 0px;
top: 0px;
}

#slant4 {
position:absolute;
left: 285px;
top: 380px;
-webkit-transform: rotate(125deg);
-moz-transform: rotate(125deg);
}

#slant4 .b1{
position:absolute;
left: 0px;
top: 0px;
}

h1{
height:10;
width: 45px;
background-color:#E0BCD3;
overflow:hidden;
-webkit-border-radius: 0px 25px 25px 0px;
border-radius: 0px 25px 25px 05px;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}

h1:hover{
background-color:#BDD3A0;
width: 95px;
text-indent: 45px;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}


i {
font-weight: italics;
color: #B1729F;
text-transform: lowercase;
letter-spacing: 0.5px;
}

b {
color: #488036;
text-transform: uppercase;
letter-spacing: 0.5px;
}

a, a:visited {
text-decoration: none;
font-weight: bold;
font-family: dimini;
font-size: 12px;
letter-spacing: 0.8px;
color: #CE8C2F;
}

a:hover {
color: #BCAFB8;
}

::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-thumb:vertical {
height: 10px;background-color: #B5AAA4;border: 3px solid #E8E3E3 ;}
::-webkit-scrollbar-thumb:horizontal {
height: 10px;background-color: #B5AAA4;border: 0px ;width: 15px;}

</style>

<div id="pins">
<div id="fragile">
<div id="needles">
<div id="one">
 Bluuuck and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit and party and bullshit


</div>
<div id="two">

Yerk

</div>
</div>

</div>


<div id="wings">
<div id="stakes">
<div id="three">

<i> Italics</i> <b>Bold</b> <a href="link.me">Link</a>


</div>
<div id="four">




</div>
</div>
</div>
<div id="slant1">
<div class="b1">
<a title="One" href="#one"><h1></h1></a>
</div>
</div>

<div id="slant2">
<div class="b1">
<a title="two" href="#two"><h1></h1></a>
</div>
</div>

<div id="slant3">
<div class="b1">
<a title="Three" href="#three"><h1></h1></a>
</div>
</div>

<div id="slant4">
<div class="b1">
<a title="Four" href="#four"><h1></h1></a>
</div>
</div>

<div id="torn">
<div style="position:absolute;bottom:20px;left:10px;">
<img src="http://i261.photobucket.com/albums/ii58/FARMMR/claudiasig-1.png" width="100">
</div>
</div>
</div>