MediaWiki:Common.css: Difference between revisions
Import from wiki-src |
Import from wiki-src |
||
| Line 67: | Line 67: | ||
/* ---------------------------------------------------------- Message boxes */ | /* ---------------------------------------------------------- Message boxes */ | ||
.ambox { | |||
/* | /* flex + overflow:hidden starts a new formatting context, so the box | ||
shrinks to fit beside a floated infobox instead of dropping below it */ | |||
display: flex; | |||
align-items: center; | |||
gap: 0.7em; | |||
overflow: hidden; | |||
margin: 0 0 0.8em; | margin: 0 0 0.8em; | ||
padding: 0.35em 0.8em 0.35em 0.9em; | |||
border: 1px solid var(--border-color-base, #a2a9b1); | border: 1px solid var(--border-color-base, #a2a9b1); | ||
border-left: 10px solid #36c; | border-left: 10px solid #36c; | ||
background-color: var(--background-color-neutral-subtle, #fbfbfb); | background-color: var(--background-color-neutral-subtle, #fbfbfb); | ||
font-size: 95%; | |||
} | } | ||
.ambox .mbox-image { flex: 0 0 auto; } | |||
.ambox .mbox-image { | .ambox .mbox-text { flex: 1 1 auto; min-width: 0; } | ||
.ambox .mbox-text { | |||
.mbox-icon { | .mbox-icon { | ||
display: inline-block; width: 36px; height: 36px; line-height: 36px; | display: inline-block; width: 36px; height: 36px; line-height: 36px; | ||
| Line 86: | Line 89: | ||
background-color: #36c; | background-color: #36c; | ||
} | } | ||
.ambox-content { border-left-color: #f28500; } | |||
.ambox-content .mbox-icon { background-color: #f28500; } | |||
.ambox-style { border-left-color: #fc3; } | |||
.ambox-style .mbox-icon { background-color: #d9a400; } | |||
.ambox-delete { border-left-color: #b32424; } | |||
.ambox-delete .mbox-icon { background-color: #b32424; } | |||
/* Inline [citation needed] / [confirmation needed] */ | /* Inline [citation needed] / [confirmation needed] */ | ||
| Line 180: | Line 183: | ||
@media screen and (max-width: 720px) { | @media screen and (max-width: 720px) { | ||
.infobox { float: none; width: 100%; margin: 0 0 1em; } | .infobox { float: none; width: 100%; margin: 0 0 1em; } | ||
.navbox-group { white-space: normal; } | .navbox-group { white-space: normal; } | ||
} | } | ||