MediaWiki:Common.css

From Beasts of Bermuda
Revision as of 08:33, 14 October 2024 by Stagiaire (talk | contribs)
Jump to: navigation, search

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

.mw-body {
  border-radius: 20px;
  background: var(--color-theme)!important;
  border: none!important;
}

body,
#mw-head {
    background: var(--color-bg);
}