MediaWiki:Gadget-Modal.css

/* CSS Modal for Mediawiki * * @author: Keenan Payne * current version crafted together by User:Christharp. * Added scroll bar for inside div and changed some elements for better viewing inside a Mediawiki. */

.modalDialog { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999; opacity:0; transition: opacity 400ms ease-in; pointer-events: none; margin-left: 10%; }

.modalDialog:target { opacity:1; pointer-events: auto; }

.modalDialog > div { position: relative; width: 50%; height:auto; margin: 10% auto; padding: 5px 20px 13px 20px; border-radius: 10px; background: #fff; background: -moz-linear-gradient(#fff, #999); background: -webkit-linear-gradient(#fff, #999); background: -o-linear-gradient(#fff, #999); background: linear-gradient(#fff, #999); }

.modalDialog img { width:100%; height:auto; }

.close { background: #606061; color: #fff; line-height: 25px; position: absolute; right: -12px; text-align: center; top: -10px; width: 24px; text-decoration: none; font-weight: bold; border-radius: 12px; box-shadow: 1px 1px 3px #000; }

.close:hover { background: #00d9ff; }