Posted on Mon 14th Jun 2010 · rand() · 5 Comments
I give up.
<style type="text/css">
* {
border: 0px;
padding: 0px;
margin: 0px;
}
#wrapper {
width: 500px;
margin: 100px auto 20px auto;
}
#head {
border: 10px solid #000000;
-moz-border-radius: 1000px;
min-height: 150px;
width: 180px;
}
#eye1 {
background-color: #fc4303;
border: 10px solid #fc4303;
width: 10px;
height: 10px;
-moz-border-radius: 1000px;
margin: 40px 0 20px 30px;
float: left;
}
#eye2 {
background-color: #fc4303;
border: 10px solid #fc4303;
width: 10px;
height: 10px;
-moz-border-radius: 1000px;
margin: 40px 0 20px 60px;
float: left;
}
#mouth {
border-bottom: 10px solid #000000;
border-left: 10px solid #000000;
border-right: 10px solid #000000;
-moz-border-radius: 0 0 400px 400px;
clear: both;
width: 100px;
margin: 0 0 0 30px;
min-height: 15px;
}
#body {
border-bottom: 10px solid #000000;
border-left: 10px solid #000000;
border-right: 10px solid #000000;
clear: both;
min-height: 200px;
width: 130px;
margin: -25px 0 0 25px;
-moz-border-radius: 125px 125px 1000px 1000px;
float: left;
}
#arm1 {
float: left;
border-left: 10px solid #000000;
min-height: 80px;
-moz-border-radius: 125px 125px 1000px 1000px;
}
</style>
<div id="wrapper">
<div id="ball"></div>
<div id="bent">
</div>
<div id="spike">
</div>
<div id="head">
<div id="eye1">
</div>
<div id="eye2">
</div>
<div id="mouth">
</div>
</div>
<div id="arm1">
</div>
<div id="body">
</div>
<div id="arm2">
</div>
</div>
