MediaWiki:Monobook.css
From Inedible Food 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)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* All CSS here will be loaded for users of the MonoBook skin */
/* WARNING: MOBILE VIEW IS FUCKED BEYOND REPAIR! PLEASE DON'T USE THIS THEME IF YOU ARE A MOBILE USER (OTHERWISE USE MINERVA OR SOMETHING) */
body {
font-size: x-small;
background: url("https://static.miraheze.org/frankfrankultimatewiki/1/13/FFUClouds.png"); /* Replace this link */
background-size: cover;
color: #000;
direction: ltr;
unicode-bidi: embed;
}
body.skin--responsive #p-personal ul {
border: 0;
border-radius: 7px;
line-height: 1.4em;
padding: 0.2em;
padding-right: 1.5em;
margin: 0.1;
float: right;
list-style-type: none;
list-style-image: none;
z-index: 0;
background: #ffffffb0;
cursor: default;
box-sizing: border-box;
max-width: 100%;
}
.mw-body {
padding: 1em;
position: relative;
z-index: 2;
background: #ffffffac;
color: #000;
line-height: 1.5em;
border-radius: 10px;
border: transparent;
backdrop-filter: blur(50px);
}
body.skin--responsive #p-cactions li.selected {
border-color: #00000000;
font-weight: 700;
border-radius: 5px
}
body.skin--responsive #p-cactions li {
display: inline;
border: 0px solid transparent;
border-bottom: 0;
margin: 0 .5em 0 0;
padding: 0 0 1em;
overflow: visible;
background: #ffffff99;
border-radius: 5px;
}
body.skin--responsive #p-cactions li a {
padding-top: 0.12em;
background-color: transparent;
color: black;
position: relative;
z-index: 0;
border-width: 0px;
border-style: initial;
border-color: initial;
border-image: initial;
padding: 0px 0.8em 0.3em;
margin: 0px;
text-decoration: none;
Border-radius: 5px
}
body.skin--responsive #p-cactions li.selected a {
z-index: 3;
background-color: #00000000;
border-radius: 5pd;
}
body.skin--responsive .mw-portlet>div, body.skin--responsive .pBody {
background-color: #ffffffaa;
border: #00000000;
border-radius: 9px;
}
body.skin--responsive .mw-portlet, body.skin--responsive .portlet {
background-color: #00000000;
border: 0;
margin: 0 0 .5em;
padding: 0 3px 0 0;
float: none;
width: 11.6em;
}
body:not(.monobook-capitalize-all-nouns) .portlet h3, body:not(.monobook-capitalize-all-nouns) #p-personal ul, body:not(.monobook-capitalize-all-nouns) #p-cactions ul li a {
color: white;
text-shadow: 0 0 3px black;
text-transform: none;
}
.mw-footer {
background-color: #ffffff77;
border-top: 0;
border-bottom: 0;
border-bottom: 0;
overflow: hidden;
padding: 0.4em 0 0.3em 0;
text-align: center;
font-size: 90%;
backdrop-filter: blur(50px);
border-radius: 9px;
}
body.skin--responsive #p-cactions .pBody {
font-size: 1em;
background-color: transparent;
color: inherit;
border-collapse: inherit;
border: 0;
padding: 0;
margin-top: 15px;
}
body.skin--responsive .mw-body {
margin: 3.8em 0 0 12.2em;
border-right: 0;
}
body.skin--responsive #p-personal li a {
color: #ffffff;
text-decoration: none;
padding-bottom: 0.2em;
}
body.skin--responsive li#pt-userpage, body.skin--responsive li#pt-anonuserpage {
background-image: url("https://static.wikitide.net/frankfrankultimatewiki/b/bb/MicrosoftFluentPerson.png");
background-size: contain;
background-repeat: no-repeat;
padding-left: 20px;
}
h1 {
font-weight: 220px;
}
h2, h3 {
font-weight: 300px;
}
.toc, .toccolours {
background-color: #ffffff;
border: 1px solid #0000;
padding: 5px;
font-size: 95%;
border-radius: 7px;
}
button, input, optgroup, select, textarea {
margin: 0;
border-radius: 6px;
border: 0px solid #0000;
background-color: #ffffffaa;
}