Shield

by alinktothepast

HTML

<div class="transbox">
</div>
<div class="transbox2">
</div>

CSS

div.transbox
{
    background-color: #909090;
    width: 200px;
    height: 260px;
    border: dotted 3px #E1E1E1;
    border-radius: 80px 80px 80px 400px;
    -moz-border-radius: 80px 80px 10px 400px;
    -webkit-border-radius: 80px 80px 10px 400px;
    box-shadow: inset 10px 6px 5px #E1E1E1, 2px 6px 100px #333;
    -moz-box-shadow: inset 10px 6px #E1E1E1, 2px 6px 100px #333;
    -webkit-box-shadow: inset 10px 6px #E1E1E1, 2px 6px 100px #333;
}
div.transbox2
{
    position: absolute;
    left: 50px;
    top: 50px;
    opacity:0.4;
    filter:alpha(opacity=40);
    background-color: #E13100;
    width: 75px;
    height: 75px;
    border: solid 4px #FFFBEB;
    border-radius: 400px 400px 400px 400px;
    -moz-border-radius: 400px 400px 400px 400px;
    -webkit-border-radius: 400px 400px 400px 400px;
    box-shadow: 2px 6px 5px #E1E1E1;
    -moz-box-shadow: 2px 6px #E1E1E1;
    -webkit-box-shadow: 2px 6px #E1E1E1;
}
div.transbox3
{
    position: absolute;
    left: 0px;
    top: 0px;
    backgroundcolor: #FFFFFF;