MediaWiki:Gadget-QDmodal.css
Перейти к навигации
Перейти к поиску
Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
- Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
- Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
- Opera: Нажмите Ctrl+F5.
/* CSS for [[MediaWiki:Gadget-QDmodal.js]] */
.qdmodal-no-scroll {
overflow: hidden;
}
.qdmodal-container {
background-color: hsla(0, 0%, 0%, 0.4);
font-size: 14px;
line-height: 22px;
display: flex;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 101; /* #p-personal has z-index of 100 */
}
.qdmodal {
color: #fff;
background-color: #000;
border-radius: 3px;
display: flex;
flex-direction: column;
max-height: calc(100% - 50px);
max-width: calc(100% - 50px);
overflow: hidden;
}
@media (max-height: 500px) {
.qdmodal {
max-height: 100%;
}
}
@media (max-width: 500px) {
.qdmodal {
max-width: 100%;
}
}
.qdmodal > section {
flex-grow: 1;
padding: 20px;
min-height: 40px;
overflow-y: auto;
-webkit-overflow-scrolling: touch; /* enable inertia scrolling on mobile */
}
.qdmodal > header,
.qdmodal > footer {
display: flex;
background-color: #221214;
}
.qdmodal > header {
min-height: 22px;
padding: 12px 20px;
}
.qdmodal > footer {
align-items: center;
flex-direction: row-reverse;
min-height: 27px;
padding: 9px;
}
.qdmodal > header > h3 {
flex-grow: 1;
color: inherit;
font-size: 1.3em;
font-weight: bold;
margin: 0;
padding: 0;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.qdmodal .diff-addedline,
.qdmodal .diff-deletedline,
.qdmodal .diff-context {
font-size: 90%;
}
.qdmodal-close {
width: 28px;
height: 28px;
min-width: 28px;
margin: -12px -20px;
margin-left: 0;
padding: 9px;
}
.qdmodal-button {
border: 1px solid #e2dbc8;
border-radius: 3px;
color: inherit;
font-size: 0.9em;
line-height: 1;
cursor: default;
white-space: nowrap;
display: block;
height: 1em;
margin-left: 12px;
padding: 6px 12px;
}
.qdmodal-button[href] {
cursor: pointer;
}
.qdmodal-button:visited {
color: inherit;
}
.qdmodal-button[disabled] {
opacity: 0.6;
pointer-events: none;
}
.qdmodal-close,
.qdmodal-button {
transition: background-color 0.2s;
}
.qdmodal-close:hover,
.qdmodal-button:hover {
background-color: #330b0b;
border-color: #777;
text-decoration: none;
}
/* remove [ and ] brackets from rollback button */
.qdmodal .mw-rollback-link::before,
.qdmodal .mw-rollback-link::after {
content: '';
}
/* dark mode */
.wgl-darkmode .qdmodal {
color: #cbd9f4;
background: #172136;
}
.wgl-darkmode .qdmodal > header,
.wgl-darkmode .qdmodal > footer {
background: #11192a;
}
.wgl-darkmode .qdmodal .mw-ajax-loader {
filter: invert(1);
}
.wgl-darkmode .qdmodal-button {
border-color: #596e96;
}
.wgl-darkmode .qdmodal-close:hover,
.wgl-darkmode .qdmodal-button:hover {
background: #222e45;
border-color: #596e96;
}