MediaWiki:Mobile.css

MediaWiki interface page
Revision as of 20:23, 7 June 2023 by AzNate (talk | contribs) (Created page with "→‎All CSS here will be loaded for users of the mobile site: →‎All CSS here will be loaded for users of the Citizen skin: →‎Full site CSS: :root { --color-primary__h: 41; --color-primary__s: 86%; --color-primary__l: 47%; --width-layout: 1280px; } →‎--- INFOBOXES ---: →‎infobox background (standard & portable): .infobox, .portable-infobox { background-color: var(--color-surface-2); border: 1px solid var(--border-color-base); border-radiu...")
(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.
/* All CSS here will be loaded for users of the mobile site */
/* All CSS here will be loaded for users of the Citizen skin */
/* Full site CSS */
:root {
	--color-primary__h: 41;
	--color-primary__s: 86%;
	--color-primary__l: 47%;
    --width-layout: 1280px;
}

/* --- INFOBOXES --- */

/* infobox background (standard & portable) */
.infobox, .portable-infobox {
    background-color: var(--color-surface-2);
    border: 1px solid var(--border-color-base);
    border-radius: 8px;
    padding: 4px;
    color: var(--color-base);
}

/* infobox title (standard & portable) */
.infobox .infobox-above, .infobox .infobox-title, .infobox caption, .pi-title {
    background: none !important;
    font-size: 20px !important;
    font-weight: bold;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 8px;
}

/* infobox images (standard & portable) */
.infobox-image a, .pi-image a {
    border-radius: 6px;
}

.infobox th {
   color: var(--color-base--emphasized)
}

/* remove border on portable infobox images and other stuff */
.pi-group {
    border: none;
}

/* add spacing below images on portable infoboxes */
.pi-group .pi-image {
    padding-bottom: 5px;
}