MediaWiki:Monobook.css

From The Birdhouse
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.
/* All CSS here will be loaded for users of the MonoBook skin */

/* header fonts */
@font-face {
  font-family: EpundaSlab;
  src: url(/resources/assets/fonts/EpundaSlab-Regular.ttf);
}
@font-face {
  font-family: EpundaSlab;
  src: url(/resources/assets/fonts/EpundaSlab-Italic.ttf);
  font-style: italic;
}
@font-face {
  font-family: EpundaSlab;
  src: url(/resources/assets/fonts/EpundaSlab-SemiBold.ttf);
  font-weight: bold;
}
@font-face {
  font-family: EpundaSlab;
  src: url(/resources/assets/fonts/EpundaSlab-SemiBoldItalic.ttf);
  font-weight: bold;
  font-style: italic;
}

.mw-heading { color: #2F66B3; font-weight: bold; }
h1 {
	font-family: "EpundaSlab";
	font-size: 2.5em;
	font-weight: bold;
	letter-spacing: 0.04em;
	color: #2F66B3;
	border-bottom: 1px solid #4676c0;
}
.mw-heading2 { border-bottom: 1px solid #4676c0; }

@media screen {
body {
	background: #c8dbff;
}
#globalWrapper {
	font-size: 15px;
}
.mw-footer {
	border-top: 1px solid #0000AA;
	border-bottom: 1px solid #0000AA;
}
a { color: #0000AA; }
a:visited { color: #AA00AA; }
a.new { color: #AA0000; }
ul { list-style: square; }
}

/* fixes big logo */
.mw-wiki-logo {
	background-size: contain;
}

/* top of page tabs */
body.skin--responsive #p-cactions li {
	border-color: #0000AA;
	padding: 0.5em 0 1em 0;
	background-color: #F8F8FF;
}
body.skin--responsive #p-cactions li a, body.skin--responsive #p-cactions li a:hover { background-color: #F8F8FF; }
body.skin--responsive #p-cactions li.selected { border-color: #AA0000; }
body.skin--responsive #p-cactions li.selected a { color: #AA0000; background-color: #F8F8FF; }

hr { background-color: #FF5555; }

body.skin--responsive .portlet h3 {
	font-weight: bold;
    color: #0000AA;
}
body.skin--responsive .mw-portlet > div, body.skin--responsive .pBody {
	border-color: #0000AA;
	background-color: #F8F8FF;
}

 body.skin--responsive #p-personal li a { color: #0000AA; }