Модуль:Message box/ambox.css: различия между версиями
Перейти к навигации
Перейти к поиску
[отпатрулированная версия] | [отпатрулированная версия] |
Содержимое удалено Содержимое добавлено
Putnik (обсуждение | вклад) попробуем побороть стили по умолчанию в тёмной теме |
Putnik (обсуждение | вклад) аналогично для других типов сообщений, по возможности с переменными |
||
Строка 40: | Строка 40: | ||
} |
} |
||
.ambox-speedy |
.ambox-speedy, |
||
.ambox.ambox-speedy:not(.notheme) { |
|||
/* @noflip */ |
/* @noflip */ |
||
border-left: 10px solid #b32424; |
border-left: 10px solid var(--border-color-error, #b32424) !important; /* Red */ |
||
background-color: #fee7e6; |
background-color: var(--background-color-error-subtle, #fee7e6) !important; /* Pink */ |
||
} |
} |
||
.ambox-delete |
.ambox-delete, |
||
.ambox.ambox-delete:not(.notheme) { |
|||
/* @noflip */ |
/* @noflip */ |
||
border-left: 10px solid #b32424; |
border-left: 10px solid var(--border-color-error, #b32424) !important; /* Red */ |
||
} |
} |
||
.ambox-content |
.ambox-content, |
||
.ambox.ambox-content:not(.notheme) { |
|||
/* @noflip */ |
/* @noflip */ |
||
border-left: 10px solid #f28500; |
border-left: 10px solid #f28500 !important; /* Orange */ |
||
} |
} |
||
Строка 59: | Строка 62: | ||
.ambox.ambox-style:not(.notheme) { |
.ambox.ambox-style:not(.notheme) { |
||
/* @noflip */ |
/* @noflip */ |
||
border-left: 10px solid var(--color-warning, #edab00) !important; |
border-left: 10px solid var(--color-warning, #edab00) !important; /* Yellow */ |
||
} |
} |
||
.ambox-good |
.ambox-good, |
||
.ambox.ambox-good:not(.notheme) { |
|||
/* @noflip */ |
/* @noflip */ |
||
border-left: 10px solid #66cc44; |
border-left: 10px solid #66cc44 !important; |
||
} |
} |
||
.ambox-discussion |
.ambox-discussion, |
||
.ambox.ambox-discussion:not(.notheme) { |
|||
/* @noflip */ |
/* @noflip */ |
||
border-left: 10px solid #339966; |
border-left: 10px solid #339966 !important; |
||
} |
} |
||
.ambox-merge |
.ambox-merge, |
||
.ambox.ambox-merge:not(.notheme) { |
|||
/* @noflip */ |
/* @noflip */ |
||
border-left: 10px solid #9932cc; |
border-left: 10px solid #9932cc !important; |
||
} |
} |
||
.ambox-move |
.ambox-move, |
||
.ambox.ambox-move:not(.notheme) { |
|||
/* @noflip */ |
/* @noflip */ |
||
border-left: 10px solid #9932cc; /* Purple */ |
border-left: 10px solid #9932cc !important; /* Purple */ |
||
} |
} |
||
.ambox-protection |
.ambox-protection, |
||
.ambox.ambox-protection:not(.notheme) { |
|||
/* @noflip */ |
/* @noflip */ |
||
border-left: 10px solid #a2a9b1; |
border-left: 10px solid #a2a9b1 !important; /* Gray-gold */ |
||
} |
} |
||
Версия от 11:50, 18 мая 2024
/* Скопировано из [[:en:Module:Message box/ambox.css]] с изменениями */
.ambox {
border: 1px solid #a2a9b1;
/* @noflip */
border-left: 10px solid #36c; /* Default "notice" blue */
background-color: #f8f9fa;
box-sizing: border-box;
margin: 0 10%;
}
/* Не ухудшаем стили для Минервы */
html body.mediawiki.skin-minerva .ambox {
border-width: 0 0 0 4px;
}
/* Single border between stacked boxes. Take into account base templatestyles,
* user styles, and Template:Dated maintenance category.
* remove link selector when T200206 is fixed
*/
.ambox + link + .ambox,
.ambox + link + style + .ambox,
.ambox + link + link + .ambox,
/* TODO: raise these as "is this really that necessary???". the change was Dec 2021 */
.ambox + .mw-empty-elt + link + .ambox,
.ambox + .mw-empty-elt + link + style + .ambox,
.ambox + .mw-empty-elt + link + link + .ambox {
margin-top: -1px;
}
/* For the "small=left" option. */
/* must override .ambox + .ambox styles above */
html body.mediawiki .ambox.mbox-small-left {
/* @noflip */
margin: 4px 1em 4px 0;
overflow: hidden;
width: 238px;
border-collapse: collapse;
font-size: 88%;
line-height: 1.25em;
}
.ambox-speedy,
.ambox.ambox-speedy:not(.notheme) {
/* @noflip */
border-left: 10px solid var(--border-color-error, #b32424) !important; /* Red */
background-color: var(--background-color-error-subtle, #fee7e6) !important; /* Pink */
}
.ambox-delete,
.ambox.ambox-delete:not(.notheme) {
/* @noflip */
border-left: 10px solid var(--border-color-error, #b32424) !important; /* Red */
}
.ambox-content,
.ambox.ambox-content:not(.notheme) {
/* @noflip */
border-left: 10px solid #f28500 !important; /* Orange */
}
.ambox-style,
.ambox.ambox-style:not(.notheme) {
/* @noflip */
border-left: 10px solid var(--color-warning, #edab00) !important; /* Yellow */
}
.ambox-good,
.ambox.ambox-good:not(.notheme) {
/* @noflip */
border-left: 10px solid #66cc44 !important;
}
.ambox-discussion,
.ambox.ambox-discussion:not(.notheme) {
/* @noflip */
border-left: 10px solid #339966 !important;
}
.ambox-merge,
.ambox.ambox-merge:not(.notheme) {
/* @noflip */
border-left: 10px solid #9932cc !important;
}
.ambox-move,
.ambox.ambox-move:not(.notheme) {
/* @noflip */
border-left: 10px solid #9932cc !important; /* Purple */
}
.ambox-protection,
.ambox.ambox-protection:not(.notheme) {
/* @noflip */
border-left: 10px solid #a2a9b1 !important; /* Gray-gold */
}
.ambox .mbox-text {
border: none;
/* @noflip */
padding: 0.25em 0.5em;
width: 100%;
}
.ambox .mbox-image {
border: none;
/* @noflip */
padding: 2px 0 2px 0.5em;
text-align: center;
}
.ambox .mbox-imageright {
border: none;
/* @noflip */
padding: 2px 0.5em 2px 0;
text-align: center;
}
/* An empty narrow cell */
.ambox .mbox-empty-cell {
border: none;
padding: 0;
width: 1px;
}
.ambox .mbox-image-div {
width: 52px;
}
/* Хак, TODO: посмотреть, как оно на самом деле работает */
.ambox .mbox-textsmall-div {
font-size: 90%;
}
/* Hack around MobileFrontend being opinionated */
html.client-js body.skin-minerva .mbox-text-span {
margin-left: 23px !important;
}
/* Стили нотификаций для ноутбуков */
@media (max-width: 1366px) {
.ambox {
margin-left: 6%;
margin-right: 6%;
}
}
/* Стили нотификаций для мобильного устройсва */
@media (max-width: 719px) {
.ambox {
margin-left: 0;
margin-right: 0;
}
}
/* [[Категория:Модули:Подстраницы CSS]] */