Facebook CSS

<!DOCTYPE html>
<html>
    <head>
        <style>
            * { margin: 0; padding: 0; }
            #box { border-radius: 15%; height: 200px; position: relative; width: 200px; }
            #box div { position: absolute; }
            #box > div {
                height: 85%;
                left: 45%;
                top: 15%;
                width: 85%;
            }

            #box, #top > div, #horizontal > div { background-color: #359; }

            #top, #topbar, #vertical, #horizontal { background-color: #FFF; }

            #top {
                border-top-left-radius: 100%;
                height: 20%;
                left: 15%;
                width: 20%;
            }

            #top > div {
                border-top-left-radius: 100%;
                bottom: 0;
                height: 25%;
                right: 0;
                width: 25%;
            }

            #topbar {
                height: 15%;
                left: 35%;
                width: 15%;
            }

            #vertical {
                height: 75%;
                left: 15%;
                top: 20%;
                width: 15%;
            }

            #horizontal {
                height: 15%;
                top: 27.5%;
                width: 52.5%;
            }

            #horizontal > div {
                height: 110%;
                left: 95%;
                -webkit-transform: rotate(8deg);
                width: 10%;
            }
        </style>
    </head>
    <body>
        <div id="box">
            <div id="half">
                <div id="top"><div></div></div>
                <div id="topbar"></div>
                <div id="vertical"></div>
                <div id="horizontal"><div></div></div>
            </div>
        </div>
    </body>
</html>