MediaWiki:Monobook.css

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

body {
  background-color: white;
}

/* Fonts */
body, #content, .portlet { font-family: fedra, fallback-fonts; }
body b, #content b, .portlet b, b, strong, big { font-family: fedra-bold; }
body i, #content i, .portlet i, i, em { font-family: fedra-italic; }
h1, h2, h3, h4, h5, h6  { font-family: neohellenic-bold, fallback-fonts; }
 
@font-face {
    font-family: 'fedra';
    src: url('skins/monobook/FedraSans-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'fedra-bold';
    src: url('skins/monobook/FedraSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'fedra-italic';
    src: url('skins/monobook/FedraSans-LightItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'neohellenic';
    src: url('skins/monobook/gfsneohellenic.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'neohellenic-bold';
    src: url('skins/monobook/gfsneohellenicbold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'neohellenic-italic';
    src: url('skins/monobook/gfsneohellenicit.otf') format('opentype');
    font-weight: normal;
    font-style: italic;
}

/* Page body */
#column-content {
  margin: 4.9em 0 .6em -12.2em;
}

#content {
  border-left: 2px solid #ccc;
  padding-left: 1.2em;
  padding-top: 0;
}

/* Logo */
#p-logo,
#p-logo a,
#p-logo a:hover {
  width: 9.5em;
  margin-bottom: 2em;
}

/* Article heading */
h1#firstHeading {
  padding-top: 0;
  border-bottom: 1px solid #ccc;
}

/* Article menu */
#p-cactions {
  width: 80%;
}

#p-cactions .pBody {
  position: absolute;
  top: 7.3em;
  right: 0em;
  z-index: 100;
  margin-left: 2em;
}

#p-cactions li a:hover {
	text-decoration: underline;
}

/* Search */
#p-search {
  position: absolute;
  top: 2em;
  left: 12em;
  width: auto;
}

#p-search .pBody {
  padding: 0;
  text-align: left;
}

#searchInput, #searchGoButton {
  margin: 0;
  font-size: .8em;
  background-color: white;
}

#searchInput {
  width: 36em;
  height: 2.2em;
  padding: .2em;
  border: 1px solid #aaa;
  -moz-border-radius: .3em;
  border-radius: .3em;
}

#searchGoButton {
  width: 2em;
  height: 28px;
  align: center;
  font-weight: normal;
  border: 0;
}

#p-search #mw-searchButton {
  display: none !important;
}

/* Search Suggest box */
.os-suggest {
  border: 1px solid #aaa;
  -moz-border-radius: .3em;
  border-radius: .3em;
  border-top: 0;
  padding-top: 2px;
}

.os-suggest-result {
  background-color: white;
}

.os-suggest-result, .os-suggest-result-hl, .os-suggest-result-hl-webkit {
  font-family: fedra;
} 

/* Top/personal menu */
#p-personal .pBody {
  position: absolute;
  right: 1em;
  top: 2.4em;
}

#p-personal ul {
  font-size: 0.9em;
  text-transform: none;
  text-align: left;
}

li#pt-mytalk, li#pt-watchlist, li#pt-mycontris, li#pt-anontalk, li#pt-anonuserpage {
  display: none !important;
}

/* Article menu */
li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
  margin-left: 0;
}

li#ca-purge {
  display: none !important;
}

#p-cactions li, #p-cactions ul  {
  margin: 0;
}

#p-cactions li a, #p-cactions .new a {
  color: #0645ad; 
  background: none;
  margin: 0;
  padding: 0 .4em .3em;
  text-transform: none;
}

li#ca-talk {
  margin-right: 1.6em;
}

/* Navigation, Toolbox*/
#p-navigation ul, #p-tb ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0.9em;
  line-height: 1.6em;
}

#p-navigation h5, #p-search h5, #p-tb h5 {
    display: none !important;
}

#p-navigation a, #p-tb a, #p-personal a, #p-personal li a, #p-personal a.new {
  color: #0645ad;
}

/* Search results */
#mw-search-top-table #powerSearchText, #mw-search-top-table #searchText, #mw-search-top-table input:nth-of-type(5),
#mw-searchoptions, 
.mw-search-formheader li:nth-of-type(3), .mw-search-formheader li:nth-of-type(5) {
    display: none !important;
}

/* Login form */
.page-Special_UserLogin h1.firstHeading, .page-Special_UserLogin li#ca-nstab-special {
    display: none !important;
}

div#userloginForm form,
div#userlogin form {
  width: 100%;
}

div#userloginForm form h2,
div#userlogin form#userlogin2 h2 {
  padding-top: 0;
  border-bottom: 1px solid #ccc;
  margin-bottom: .1em;
  line-height: 1.2em;
  padding-bottom: 0;
  font-family: neohellenic-bold;
  font-weight: bold;
  font-size: 200%;
}

div#userloginForm form,
div#userlogin form#userlogin2,
div#userloginForm table,
div#userlogin form#userlogin2 table {
  background-color: white;
  border: 0;
  padding: 0;
}

div#userlogin .captcha,
div#userloginForm .captcha {
  margin-bottom: 1em;
}

/* Footer */

#footer, #f-list {
  padding-left: 0;
  margin-left: 0;
  font-family: fedra;
}