/*
    Demo snippet for My super-groovy 3D fly-out download box..

    THIS IS A DEMO SNIPPET - NOT THE FULL STYLE SHEET!!!

    See: 3d fly-out download box.css

    ;o)

    (c) 2013->tomorrow! ~ cor + corz.org ;o)

    This stylesheet is freely released under the creative commons license:
    <http://creativecommons.org/licenses/by-nc-sa/1.0/>
*/


.box-logo-transform-simple {
    width: 9.6rem;
    height: 9.6rem;
    -webkit-transform: perspective(20rem) rotateY(40deg) skew(0,-4.5deg);
    transform: perspective(20rem) rotateY(40deg) skew(0,-4.5deg);
}

.box-logo-transform-fancy {
    width: 9.6rem;
    height: 9.6rem;
    /* this creates a tiny inset border - looks neat, like embossing - the colors are based on parcel brown */
    box-shadow: .1rem .1rem .1rem .01rem #f5f5ef,  -.1rem -.1rem .1rem .01rem #6d7043;
    -webkit-transform: perspective(20rem) rotateY(40deg) skew(0,-4.5deg);
    transform: perspective(20rem) rotateY(40deg) skew(0,-4.5deg);
    -khtml-opacity: 0.75;
    opacity: 0.75;
}