Pure CSS Modal

modal.md

#modal {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    transform: translate(-50%, -50%);
}

<div id="modal">
    <!-- YOUR CONTENT HERE (seriously, it's just one div) -->
</div>

Demo: http://jsfiddle.net/HUZYN/9/light/ Source: http://www.backalleycoder.com/2012/05/31/a-modal-cure-in-pure-css-no-wrappers-no-javascript-no-bs/