Jump to content

MediaWiki:Common.css: Difference between revisions

From Cult of Flight Wiki
Newer edit →
Corrin (talk | contribs)
Bureaucrats, Interface administrators, Administrators
104 edits
please dont break please dont break i didnt test this please dont break i just picked random colors please dont break
 
light/dark mode testing
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
.ambox {
.ambox {
  margin: 0.5em 10%;
  border: 1px solid #aaa;
  background-color: #f9f9f9;
   display: flex;
   display: flex;
   align-items: center;
   align-items: flex-start;
   padding: 0.5em;
  gap: 12px;
   font-size: 0.9em;
   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; }
.ambox-text  { flex: 1; }


.ambox-image {
/* === Type variants === */
  min-width: 52px;
.ambox-notice    { background: var(--background-color-progressive-subtle); border-color: var(--color-progressive); }
  text-align: center;
.ambox-content    { background: var(--background-color-warning-subtle);     border-color: var(--color-warning);     }
  padding-right: 0.5em;
.ambox-style      { background: var(--background-color-warning-subtle);    border-color: var(--color-warning);     }
}
.ambox-speedy,
 
.ambox-delete    { background: var(--background-color-destructive-subtle); border-color: var(--color-destructive); }
.ambox-text {
.ambox-move      { background: var(--background-color-progressive-subtle); border-color: var(--border-color-interactive); }
  flex: 1;
.ambox-protection { background: var(--background-color-neutral);            border-color: var(--border-color-muted); }
}
 
.ambox-speedy  { border-color: #b32424; background: #fee; }
.ambox-delete  { border-color: #b32424; background: #fee; }
.ambox-content  { border-color: #f28500; background: #fef6e7; }
.ambox-style    { border-color: #f28500; background: #fef6e7; }
.ambox-notice  { border-color: #36c;    background: #eef3fa; }
.ambox-move    { border-color: #9932cc; background: #f9effe; }
.ambox-protection { border-color: #bcc; background: #eee; }

Revision as of 05:56, 2 April 2026

.ambox {
  display: flex;
  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; }
.ambox-text  { flex: 1; }

/* === Type variants === */
.ambox-notice     { background: var(--background-color-progressive-subtle); border-color: var(--color-progressive); }
.ambox-content    { background: var(--background-color-warning-subtle);     border-color: var(--color-warning);     }
.ambox-style      { background: var(--background-color-warning-subtle);     border-color: var(--color-warning);     }
.ambox-speedy,
.ambox-delete     { background: var(--background-color-destructive-subtle); border-color: var(--color-destructive);  }
.ambox-move       { background: var(--background-color-progressive-subtle); border-color: var(--border-color-interactive); }
.ambox-protection { background: var(--background-color-neutral);            border-color: var(--border-color-muted); }
Retrieved from "https://wiki.cultofflight.org/index.php?title=MediaWiki:Common.css&oldid=91"