MediaWiki:Monobook.css
From IdleOn MMO Wiki
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)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* ------ MONOBOOK ------ */
.skin-monobook {
background: var(--base-0);
color: var(--contrast-1);
background: var(--page-background);
}
#content.mw-body {
background: var(--base-1);
border-color: var(--contrast-3);
color: var(--contrast-1);
}
.mw-footer {
background: var(--sidebar-base);
color: var(--contrast-1);
border-color: var(--contrast-3);
}
.mw-footer li#lastmod {
display: block;
}
@media screen and (min-width: 551px) {
.mw-footer {
padding: .5em 0;
}
.mw-footer ul {
margin: 0;
}
.mw-footer li {
line-height: 30px;
}
.mw-footer li#lastmod {
display: inline;
}
body.skin--responsive #f-poweredbyico, body.skin--responsive #f-copyrightico {
top: 0;
}
}
/* NAVIGATION */
.skin-monobook #p-personal .pBody li a,
.skin-monobook #p-cactions .pBody li a {
color: var(--link);
}
.skin-monobook #p-personal .pBody li a:hover,
.skin-monobook #p-cactions .pBody li a:hover {
color: var(--link-hover);
}
.skin-monobook #p-personal .pBody li:not(.oo-ui-widget) a:hover {
background: transparent;
}
.skin-monobook #p-cactions .pBody li,
.skin-monobook #p-cactions-mobile .pBody li{
background: transparent;
border-color: var(--contrast-3);
}
.skin-monobook #p-cactions .pBody li a,
.skin-monobook #p-cactions-mobile .pBody li a{
background-color: var(--base-0);
}
.skin-monobook #p-cactions .pBody li a:hover,
.skin-monobook #p-cactions-mobile .pBody li a:hover{
background-color: var(--base-1);
}
.skin-monobook #p-cactions .pBody li.selected,
.skin-monobook #p-cactions-mobile .pBody li.selected {
border-color: var(--contrast-2);
}
.skin-monobook #p-cactions .pBody li.selected a,
.skin-monobook #p-cactions-mobile .pBody li.selected a{
background-color: var(--base-1);
}
#column-one .menu-toggle {
background-color: var(--base-1);
border-color: var(--contrast-2);
}
#sidebar .pBody {
background: var(--sidebar-base);
border-color: var(--contrast-3);
color: var(--contrast-1);
}
#column-one #menus-cover {
background: var(--modal-overlay);
opacity: 1;
}
#column-one .mobile-menu-active {
background: var(--base-1);
border-color: var(--contrast-3);
}
#p-cactions.mobile-menu-active .pBody li a {
background-color: transparent;
}
.portlet h3 {
font-family: 'Idleon';
font-weight: normal;
font-size: 16px;
}
#sidebar #searchBody {
border-color: var(--contrast-3);
background: var(--base-1);
}
/* FORMATTING */
h1, h2, h3, h4, h5, h6 {
color: var(--contrast-1);
}
h1,
h2 {
border-color: var(--contrast-3);
}
.mw-wiki-logo {
background-size: cover;
}
#mw-toc-heading {
font-family: inherit;
}
.catlinks {
background: var(--base-1);
border-color: var(--contrast-3);
color: var(--contrast-1);
}
#siteNotice {
padding: 0;
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
box-shadow: none;
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
border-color: transparent;
}
.oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button{
background: var(--base-2);
}
