MediaWiki:Gadget-Modal.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* Modal */
.modal {
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.4);
}
/* Modal Content */
.modal-content {
background: #4240bc;
background-image: url(https://jojowiki.com/customizations/DiamondBG.png);
margin: 5% auto;
padding: 10px;
max-width: 90vw;
width: max-content;
border: 3px ridge #403077;
}
.modal-header {
padding: 0 10px 5px;
font-weight: bold;
color: white;
text-shadow: 1px 1px black;
}
.modal-body {
padding: 10px 16px;
background-color: white;
border: 1px solid black;
margin: 5px 0 0;
}
/* The Close Button */
.close {
color: #aaa;
float: right;
font-size: 18px;
font-weight: bold;
line-height: 0;
}
.close:hover,
.close:focus {
color: white;
text-decoration: none;
cursor: pointer;
}
.modal-body .twentytwenty-container {
max-width: 100%;
}
