Jump to content

MediaWiki:Common.css: Difference between revisions

From Cult of Flight Wiki
please dont break please dont break i didnt test this please dont break i just picked random colors please dont break
 
No edit summary
 
(11 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
.pi-tab-link {
.ambox {
    white-space: normal !important;
  margin: 0.5em 10%;
  border: 1px solid #aaa;
  background-color: #f9f9f9;
  display: flex;
  align-items: center;
  padding: 0.5em;
  font-size: 0.9em;
}
}
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-image {
.ambox td              { border: none; vertical-align: middle; }
  min-width: 52px;
.ambox td.mbox-image   { padding: 6px 0 6px 10px; text-align: center; width: 52px; }
  text-align: center;
.ambox td.mbox-text    { padding: 0.35em 0.6em; width: 100%; color: #202122; }
  padding-right: 0.5em;
.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 {
.ambox-text {
    border: none;
  flex: 1;
    background: transparent;
    margin: 0 0 0 1.6em;
    padding: 0;
    width: auto;
}
}
 
.compact-ambox td.mbox-image,
.ambox-speedy  { border-color: #b32424; background: #fee; }
.compact-ambox td.mbox-imageright,
.ambox-delete  { border-color: #b32424; background: #fee; }
.compact-ambox td.mbox-empty-cell { display: none; }
.ambox-content  { border-color: #f28500; background: #fef6e7; }
.compact-ambox td.mbox-text      { padding: 0; color: #202122; }
.ambox-style    { border-color: #f28500; background: #fef6e7; }
.hide-when-compact                { display: none; }
.ambox-notice  { border-color: #36c;    background: #eef3fa; }
.ambox-move    { border-color: #9932cc; background: #f9effe; }
.ambox-protection { border-color: #bcc; background: #eee; }

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; }