Work is being done on the wiki's appearance.
If things appear broken or out of place for over a day, and a hard refresh does not fix it, let Toomai know.

MediaWiki:Monobook.css

From Jiggywikki, a Banjo-Kazooie wiki
Jump to navigationJump to search

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 affect users of the MonoBook skin */

/* page background */
.mw-body {
    background:var(--colour-page);
    border:1px solid var(--colour-border);
}

/* image thumbnail */
figure[typeof~="mw:File/Thumb"],
figure[typeof~="mw:File/Frame"],
figure[typeof~="mw:File/Thumb"] > figcaption,
figure[typeof~="mw:File/Frame"] > figcaption {
    background:var(--colour-page-lighter);
    border-color:var(--colour-border);
}

/* table of contents */
.toc {
    background:var(--colour-page-lighter);
    border:1px solid var(--colour-border);
}

/* tabs */
body.skin--responsive #p-cactions li {
    background:var(--colour-page-darker);
    border-top-left-radius:50px;
    border-top-right-radius:50px;
    border-right:2px solid var(--colour-border);
    border-top:none;
    border-bottom:none;
    border-left:none;
    padding:0.25em;
}
body.skin--responsive #p-cactions li:hover {
    background:var(--colour-page);
}
body.skin--responsive #p-cactions li.selected {
    background:var(--colour-page);
    border-right:2px solid var(--colour-border);
}
/* needs separation because there's a default #fff here */
body.skin--responsive #p-cactions li a,
body.skin--responsive #p-cactions li a:hover,
body.skin--responsive #p-cactions li.selected a {
    background:none;
}

/* category bar */
.catlinks {
    background:var(--colour-page-lighter);
    border:1px solid var(--colour-border);
}

/* sidebar boxes */
#sidebar > * > .pBody {
    background:var(--colour-page);
    border:1px solid var(--colour-border);
}
.portlet h3,
body.skin--responsive .portlet h3 {
    background:var(--colour-page);
    border-top-left-radius:1em;
    border-top-right-radius:1em;
    border-top-left-radius:50px;
    border-top-right-radius:50px;
    border-right:2px solid var(--colour-border);
    padding:0 1em 0.1em 1em;
}

/* footer box */
.mw-footer {
    background:var(--colour-page);
    border:1px solid var(--colour-border);
}