MediaWiki:Common.css

From AsteroidOS
Revision as of 13:49, 15 December 2024 by MagneFire (talk | contribs) (Created page with "→‎CSS placed here will be applied to all skins: table.feature-colors td.feature, .cargoTable td.feature, .feature { text-align: center; } table.feature-colors td.feature-yes, .cargoTable td.feature-yes, .feature-yes { background: #CFFFBF !important; } table.feature-colors td.feature-partial, .cargoTable td.feature-partial, .feature-partial { background: #FFCFA5 !important; } table.feature-colors td.feature-unavailable, .cargoTable td.feature-unavailable, .featur...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */
table.feature-colors td.feature, .cargoTable td.feature, .feature {
  text-align: center;
}
table.feature-colors td.feature-yes, .cargoTable td.feature-yes, .feature-yes {
  background: #CFFFBF !important;
}
table.feature-colors td.feature-partial, .cargoTable td.feature-partial, .feature-partial {
  background: #FFCFA5 !important;
}
table.feature-colors td.feature-unavailable, .cargoTable td.feature-unavailable, .feature-unavailable {
  background: #E1E1E1 !important;
}

/* Make cargo tables nicer */
table.cargoTable td,
table.cargoTable th {
  border: 1px solid #a2a9b1;
  padding: 0.2em 0.4em;
}
table.cargoTable th {
  background: #eaecf0;
}
table.cargoTable td {
  white-space: nowrap;
}
table.cargoTable td.odd,
table.cargoTable td.even {
  background: #f8f9fa;
}

/* Responsive image on front page */
.res-img img {
	max-width:100%;
	height:auto;
}

/* Infobox template style */
.infobox {
    border: 1px solid #a2a9b1;
    border-spacing: 3px;
    background-color: #f8f9fa;
    color: black;
    /* @noflip */
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    /* @noflip */
    float: right;
    /* @noflip */
    clear: right;
    font-size: 88%;
    line-height: 1.5em;
}
.infobox caption {
    font-size: 125%;
    font-weight: bold;
    padding: 0.2em;
    text-align: center;
}
.infobox td,
.infobox th {
    vertical-align: top;
    /* @noflip */
    text-align: left;
}
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #a2a9b1;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}

.infobox.sisterproject {
    width: 20em;
    font-size: 90%;
}

.infobox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
    border: 1px solid #c0c090;
}

/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
    border: 0;
    border-top: 1px solid #a2a9b1;
    /* @noflip */
    border-right: 1px solid #a2a9b1;
}

.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
    border: 0;
    /* @noflip */
    border-right: 1px solid #a2a9b1;
}

/* Styles for geography infoboxes, eg countries,
   country subdivisions, cities, etc.            */
.infobox.geography {
    border-collapse: collapse;
    line-height: 1.2em;
    font-size: 90%;
}

.infobox.geography  td,
.infobox.geography  th {
    border-top: 1px solid #a2a9b1;
    padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
    border-top: 1px solid #a2a9b1;
    padding: 0.4em 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
    border: 0;
    padding: 0 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
    border-top: 0;
    border-bottom: 1px solid #a2a9b1;
    padding: 0 0.6em 0.4em 0.6em;
}

.infobox.geography .maptable td,
.infobox.geography .maptable th {
    border: 0;
    padding: 0;
}