"

From 2014.igem.org

/* -------------------------------------------------- Reveal Modals -------------------------------------------------- */

.reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0,0,0,.8); z-index: 100; display: none; top: 0; left: 0; }

.reveal-modal { visibility: hidden; top: 15%; left: 50%; margin-left: -25em; width: 50em; height: 70%; background: rgba(0,0,0,0.8); position: absolute; z-index: 101; padding: 2em 2em 2em; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); overflow-y:scroll; }

.reveal-modal .close-reveal-modal { font-size: 22px; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa; text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold; cursor: pointer; } /*

NOTES

Close button entity is ×

Example markup

*/