Jump to content

MediaWiki:Common.css

From MukeWiki

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.
/*
  2025-06, MediaWiki 1.43
  All CSS here will be loaded for users of the Vector skin

  https://design.wikimedia.org/style-guide/visual-style_colors.html
*/

/* preformatted text element */
pre {
    font-size: 95%;
    line-height: 1.5em;
    border: 2px solid #eaecf0; /* default: 1px solid #eaecf0; (#eaecf0 = base80) */
    border-radius: 5px;
    padding: 0.75em;
}

/* keyboard input element */
/* https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/kbd */
kbd {
    background-color: #eee;
    border-radius: 4px;
    border: 1px solid #b4b4b4;
    box-shadow: 0 2px 2px rgb(0 0 0 / 0.5);
    color: #333;
    display: inline-block;
    font-size: 85%;
    font-weight: bold;
    line-height: 1;
    padding: 2px 4px;
    white-space: nowrap;
}

/* consistent size for sub/sup */
.mw-body sub,
.mw-body sup {
    font-size: 80%;
}

/*
  remove Discussion tab
  https://www.mediawiki.org/wiki/Manual:Removing_tabs
*/
#ca-talk { display: none !important; }

/* hide the Main_Page title */
/* body.page-Main_Page h1.firstHeading { display: none; } */

/*
  https://www.mediawiki.org/wiki/Manual:Collapsible_elements#Move_toggle_link_to_the_left
  Collapsible elements. Toggle-link moved to left.

.mw-collapsible span.mw-collapsible-toggle {
    float:left;
    margin-left:0;
    margin-right:1em;
}
*/

/*
  https://en.wikipedia.org/wiki/MediaWiki:Common.css
  required for option "showhide=left" in [[Template:Hidden]]
  https://en.wikipedia.org/wiki/Template:Hidden
*/
.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
    float: left;
}

/*
code {
    background-color: #EAEAFF;
    padding: 0.12em;
    margin: 0.12em;
}

pre, div.mw-geshi {
    background-color: #F5F5FF;
    border: 1px solid #CCCCFF;
    padding: 0.72em;
}

div.mw-geshi {
    padding: 1.50em;
    margin: 0.75em 0;
}
*/