Jump to content

MediaWiki:Common.css: Difference between revisions

From Cult of Flight Wiki
light/dark mode testing
No edit summary
 
(10 intermediate revisions by the same user not shown)
Line 1: Line 1:
.ambox {
.pi-tab-link {
  display: flex;
    white-space: normal !important;
  align-items: flex-start;
  gap: 12px;
  margin: 0.5em 0;
  padding: 9px 13px;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  font-size: 0.875em;
  line-height: 1.5;
  background-color: var(--background-color-base);
  border-color: var(--border-color-base);
  color: var(--color-base);
}
}
.ambox-image { min-width: 28px; text-align: center; flex-shrink: 0; }
table.ambox {
.ambox-text  { flex: 1; }
    width: 90%;
    margin: 0 auto 2px;
    border: 1px solid #a2a9b1;
    border-left: 10px solid #3680b0;
    background-color: #f8f9fa;
    box-sizing: border-box;
    border-collapse: separate;
    font-size: 0.875em;
    line-height: 1.5;
    color: #202122;
}
table.ambox + table.ambox { margin-top: -1px; }


/* === Type variants === */
.ambox td              { border: none; vertical-align: middle; }
.ambox-notice    { background: var(--background-color-progressive-subtle); border-color: var(--color-progressive); }
.ambox td.mbox-image  { padding: 6px 0 6px 10px; text-align: center; width: 52px; }
.ambox-content    { background: var(--background-color-warning-subtle);     border-color: var(--color-warning);     }
.ambox td.mbox-text    { padding: 0.35em 0.6em; width: 100%; color: #202122; }
.ambox-style      { background: var(--background-color-warning-subtle);     border-color: var(--color-warning);     }
.ambox td.mbox-text a  { color: #0645ad; }
.ambox-speedy,
 
.ambox-delete    { background: var(--background-color-destructive-subtle); border-color: var(--color-destructive); }
table.ambox-notice    { border-left-color: #3680b0; background-color: #eaf3fb; }
.ambox-move      { background: var(--background-color-progressive-subtle); border-color: var(--border-color-interactive); }
table.ambox-content    { border-left-color: #c7a600; background-color: #fef6e7; }
.ambox-protection { background: var(--background-color-neutral);           border-color: var(--border-color-muted); }
table.ambox-style      { border-left-color: #b08c00; background-color: #fefce8; }
table.ambox-speedy     { border-left-color: #b32424; background-color: #fee7e6; }
table.ambox-delete    { border-left-color: #b32424; background-color: #fff0f0; }
table.ambox-move      { border-left-color: #7f4db5; background-color: #f3eeff; }
table.ambox-protection { border-left-color: #72777d; background-color: #f8f9fa; }
 
.ambox.mbox-small-left {
    margin: 4px 1em 4px 0;
    width: 238px;
    font-size: 88%;
    line-height: 1.25em;
}
.compact-ambox table.ambox {
    border: none;
    background: transparent;
    margin: 0 0 0 1.6em;
    padding: 0;
    width: auto;
}
.compact-ambox td.mbox-image,
.compact-ambox td.mbox-imageright,
.compact-ambox td.mbox-empty-cell { display: none; }
.compact-ambox td.mbox-text      { padding: 0; color: #202122; }
.hide-when-compact                { display: none; }

Latest revision as of 08:01, 2 April 2026

.pi-tab-link {
    white-space: normal !important;
}
table.ambox {
    width: 90%;
    margin: 0 auto 2px;
    border: 1px solid #a2a9b1;
    border-left: 10px solid #3680b0;
    background-color: #f8f9fa;
    box-sizing: border-box;
    border-collapse: separate;
    font-size: 0.875em;
    line-height: 1.5;
    color: #202122;
}
table.ambox + table.ambox { margin-top: -1px; }

.ambox td              { border: none; vertical-align: middle; }
.ambox td.mbox-image   { padding: 6px 0 6px 10px; text-align: center; width: 52px; }
.ambox td.mbox-text    { padding: 0.35em 0.6em; width: 100%; color: #202122; }
.ambox td.mbox-text a  { color: #0645ad; }

table.ambox-notice     { border-left-color: #3680b0; background-color: #eaf3fb; }
table.ambox-content    { border-left-color: #c7a600; background-color: #fef6e7; }
table.ambox-style      { border-left-color: #b08c00; background-color: #fefce8; }
table.ambox-speedy     { border-left-color: #b32424; background-color: #fee7e6; }
table.ambox-delete     { border-left-color: #b32424; background-color: #fff0f0; }
table.ambox-move       { border-left-color: #7f4db5; background-color: #f3eeff; }
table.ambox-protection { border-left-color: #72777d; background-color: #f8f9fa; }

.ambox.mbox-small-left {
    margin: 4px 1em 4px 0;
    width: 238px;
    font-size: 88%;
    line-height: 1.25em;
}
.compact-ambox table.ambox {
    border: none;
    background: transparent;
    margin: 0 0 0 1.6em;
    padding: 0;
    width: auto;
}
.compact-ambox td.mbox-image,
.compact-ambox td.mbox-imageright,
.compact-ambox td.mbox-empty-cell { display: none; }
.compact-ambox td.mbox-text       { padding: 0; color: #202122; }
.hide-when-compact                 { display: none; }