Jump to content

MediaWiki:Common.css

From Webnigerians Wiki
Revision as of 11:09, 3 October 2025 by JoshuaAdedeji (talk | contribs) (Created page with "CSS placed here will be applied to all skins: Basic infobox styling & right alignment: .infobox { float: right; clear: right; margin: 0 0 1em 1em; space below & left: width: 22em; optional; adjust as you like: background: #f8f9fa; border: 1px solid #a2a9b1; border-collapse: collapse; font-size: 90%; } .infobox th, .infobox td { border: 1px solid #a2a9b1; padding: 0.2em 0.4em; } .infobox caption, .infobox .infobo...")
(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)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* CSS placed here will be applied to all skins */


/* Basic infobox styling & right alignment */
.infobox {
  float: right;
  clear: right;
  margin: 0 0 1em 1em;      /* space below & left */
  width: 22em;              /* optional; adjust as you like */
  background: #f8f9fa;
  border: 1px solid #a2a9b1;
  border-collapse: collapse;
  font-size: 90%;
}
.infobox th, .infobox td {
  border: 1px solid #a2a9b1;
  padding: 0.2em 0.4em;
}
.infobox caption,
.infobox .infobox-title {
  text-align: center;
  font-weight: bold;
  padding: 0.4em;
  background: #eaecf0;
}
/* On narrow screens, don’t float */
@media (max-width: 768px) {
  .infobox { float: none; margin: 0 auto 1em; }
}