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; }