MediaWiki:Common.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 be applied to all skins */
/*** GENERAL APPEARANCE ***/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root {
--font: montserrat;
--color-bg: #0e2126;
--color-bg-darker: #0c181b;
--color-theme: #17373f;
--color-link: #4a7e8b;
}
*,
*:before,
*:after {
box-sizing: border-box;
word-break: break-word;
text-wrap: pretty;
transition: all .16s ease;
}
html,
body {
margin: 0;
font: 16px/1.6 var(--font)!important;
text-align: justify;
box-sizing: border-box;
}
img {
max-height: 100%;
max-width: 100%;
object-fit: cover;
}
a,
u,
strike {
text-decoration-thickness: 2px;
text-underline-offset: 3px;
}
a {
font-weight: bold;
color: var(--color-link)!important;
}
i,
em {
letter-spacing: .5px;
}
h1, h2, h3, h4, h5, h6 {
font-family: var(--font) !important;
font-weight: 600;
}
/*** CSS ***/
@media screen {
h1, h2, h3, h4, h5, h6 {
border-bottom: 3px solid;
}
}
body, #mw-head{
background: var(--color-bg)!important;
}
#mw-head li {
background: var(--color-bg-darker)!important;
}
#left-navigation div.vectorTabs li.selected, #right-navigation div.vectorTabs li.selected {
background-image: linear-gradient(var(--color-link) 0,var(--color-bg-darker) 10%)!important;
}
#left-navigation div.vectorTabs, #right-navigation div.vectorTabs {
border-radius: 20px 20px 0 0;
overflow: hidden;
background: transparent !important;
}
.mw-body {
background: var(--color-theme)!important;
margin-right: 2%;
border-radius: 20px;
border: none!important;
}