MediaWiki:Common.css: Difference between revisions

Import from wiki-src
Import from wiki-src
Line 67: Line 67:


/* ---------------------------------------------------------- Message boxes */
/* ---------------------------------------------------------- Message boxes */
table.ambox {
.ambox {
   /* auto width lets the box sit beside a floated infobox instead of dropping below it */
   /* flex + overflow:hidden starts a new formatting context, so the box
   width: auto;
    shrinks to fit beside a floated infobox instead of dropping below it */
   max-width: 100%;
   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;
  border-collapse: collapse;
   background-color: var(--background-color-neutral-subtle, #fbfbfb);
   background-color: var(--background-color-neutral-subtle, #fbfbfb);
  font-size: 95%;
}
}
table.ambox td { padding: 0.25em 0.5em; }
.ambox .mbox-image { flex: 0 0 auto; }
.ambox .mbox-image { width: 52px; text-align: center; padding: 2px 0 2px 0.9em; }
.ambox .mbox-text { flex: 1 1 auto; min-width: 0; }
.ambox .mbox-text { font-size: 95%; }
.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;
}
}
table.ambox-content { border-left-color: #f28500; }
.ambox-content { border-left-color: #f28500; }
table.ambox-content .mbox-icon { background-color: #f28500; }
.ambox-content .mbox-icon { background-color: #f28500; }
table.ambox-style  { border-left-color: #fc3; }
.ambox-style  { border-left-color: #fc3; }
table.ambox-style .mbox-icon { background-color: #d9a400; }
.ambox-style .mbox-icon { background-color: #d9a400; }
table.ambox-delete  { border-left-color: #b32424; }
.ambox-delete  { border-left-color: #b32424; }
table.ambox-delete .mbox-icon { background-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; }
  table.ambox { width: 100%; }
   .navbox-group { white-space: normal; }
   .navbox-group { white-space: normal; }
}
}