MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
m modal test |
Tag: Undo |
||
Line 44: | Line 44: | ||
} | } | ||
.modalDialog:target { | .modalDialog:target { | ||
opacity:1; | opacity:1; | ||
pointer-events: auto; | pointer-events: auto; | ||
Line 52: | Line 52: | ||
position: relative; | position: relative; | ||
width: 50%; | width: 50%; | ||
height: auto; | height: auto; | ||
margin: 10% auto; | margin: 10% auto; | ||
padding: 5px | padding: 5px 20px 13px 20px; | ||
border-radius: | border-radius: 10px; | ||
background: #fff; | |||
background: linear-gradient(#fff, #999); | |||
} | } | ||
Line 66: | Line 68: | ||
background: #606061; | background: #606061; | ||
color: #fff; | color: #fff; | ||
line-height: | line-height: 25px; | ||
position: absolute; | position: absolute; | ||
right: -12px; | right: -12px; | ||
Line 74: | Line 76: | ||
text-decoration: none; | text-decoration: none; | ||
font-weight: bold; | font-weight: bold; | ||
border-radius: 12px; | |||
box-shadow: 1px 1px 3px #000; | |||
} | } | ||
Revision as of 15:26, 30 October 2024
/* CSS placed here will be applied to all skins */ img.forty-percent-width { width: 40%; height: auto; } img.eighty-percent-width { width: 80%; height: auto; } img.full-width { width: 100%; height: auto; } .wrath-table-header { background-color: #eee; } .wrath-table-cell { background-color: #f8f8f8; } .text-center { text-align: center; } /* Modal Start */ .modalDialog { position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; opacity:0; transition: opacity 400ms ease-in; pointer-events: none; } .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: 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; } /* Modal End */ /* Remove the [edit|edit source] links next to each section */ .mw-editsection { display:none; }