Difference between revisions of "MediaWiki:Common.css"
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* 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'); | @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); | ||
:root { | :root { | ||
--font: montserrat; | --font: montserrat; | ||
+ | --color-bg: #0e2126; | ||
+ | --color-link: #4a7e8b; | ||
} | } | ||
Line 19: | Line 25: | ||
font: 16px/1.6 var(--font)!important; | font: 16px/1.6 var(--font)!important; | ||
text-align: justify; | text-align: justify; | ||
+ | box-sizing: border-box; | ||
} | } | ||
+ | |||
img { | img { | ||
max-height: 100%; | max-height: 100%; | ||
Line 33: | Line 41: | ||
a { | a { | ||
font-weight: bold; | font-weight: bold; | ||
+ | color: var(--color-link)!important; | ||
} | } | ||
i, | i, | ||
em { | em { | ||
letter-spacing: .5px; | 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: #17373f; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | body, | ||
+ | #mw-head { | ||
+ | background: var(--color-bg); | ||
} | } |
Revision as of 08:27, 14 October 2024
/* 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-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: #17373f;
border: none;
}
body,
#mw-head {
background: var(--color-bg);
}