User:KurwaAntics/modal.css

.greyout { background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; z-index: 9999999; position: fixed; transition-duration: 0.25s; } .mymodal { position: fixed; z-index: 9999999; background: white; transform: translate(-50%, -50%); top: 50%; left: 50%; box-shadow: 0 5px 30px rgba(0,0,0,0.5); transition-duration: 0.25s; font-size: 14px; } .mymodal-content { padding: 10px; } .mymodal h2 { border-bottom: 1px solid #ddd; background: #f8f8f8; padding: 10px 15px; } .close-modal { float: right; color: white; font-size: 30px; margin: 32px; line-height: 24px; font-weight: bold; font-family: arial; width: 24px; text-align: center; cursor: pointer; transition-duration: 0.25s; } .close-modal:hover { text-shadow: 0 0 10px white; }