MediaWiki:Common.css

From WhyAskWhy.org Wiki
Revision as of 20:25, 3 August 2012 by Deoren (talk | contribs) (Testing nginx wiki body style)
Jump to: navigation, search

Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will be applied to all skins */

/* 
 * Using images included with MediaWiki installation, but
 * using some ideas gained from http://www.mediawiki.org/wiki/MediaWiki:Common.css

 * Selector chaining tip from http://stackoverflow.com/questions/558721/css-classes-subclasses
 * specifically, http://stackoverflow.com/a/558778
 */

.callout {
    padding: 1em 1em 1em 3em;
    min-height: 28px;
    display: inline-block;
    color: black;
    margin: 1em;
    font: normal bold larger sans-serif;
}

.callout.info {
    background: #F0F0E7  url(/skins/common/images/info-32.png) no-repeat 0.5em 1em;
}

.callout.warning {
    background: #F0CF69  url(/skins/common/images/warning-32.png) no-repeat 0.5em 1em;
}

.callout.error {
    background: black url(/skins/common/images/critical-32.png) no-repeat 0.5em 1em;
    color: white;
}

/* Testing how the wiki will look with a style similar to the nginx wiki */
body {
    color: #555;
    font: 9pt/10pt "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Verdana, sans-serif;
}