MediaWiki:Common.css
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.
/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');
a {
text-decoration: none;
color: #36c;
background: none
}
a:not([href]) {
cursor: pointer
}
a:visited {
color: #36c;
}
a:active {
color: #36c;
}
a:hover,a:focus {
text-decoration: underline
}
a:lang(ar),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur) {
text-decoration: none
}
:link.new {
color: #D7452A;
}
.layered.box {
box-shadow:
0 1px 1px hsl(0deg 0% 0% / 0.075),
0 2px 2px hsl(0deg 0% 0% / 0.075),
0 4px 4px hsl(0deg 0% 0% / 0.075),
0 8px 8px hsl(0deg 0% 0% / 0.075),
0 16px 16px hsl(0deg 0% 0% / 0.075)
;
}
body {
font-family: 'Lato';
}
.mw-body h1, h1, .mw-heading {font-family: 'Merriweather';}
pre {font-family: 'Roboto Mono';}
.mw-collapsible .mw-collapsible-toggle {
float:right;
margin-left:0;
margin-right:1em;
padding-top: 0.7em;
}
.sol-tlm-hdr {
font-size: 1.6em;
font-weight: 500;
color: #fff;
padding-left: 0.6em;
padding-top: 0.3em;
padding-bottom: 0.3em;
margin-bottom: 0.5em;
background-color: #58585A;
}
.sol-tlm-bdy {
padding: 0.5em 0.8em 1.4em;
font-size: 1.4em;
}
.sol-tlm-bdy img {margin-bottom: 1em;}
.sol-tlm-bdy .mw-halign-left img {padding-right: 1em;}
.sol-rounded {
border-radius: 4px;
}
.sol-img-ext img {
max-height: 300px;
width: auto;
}
.sol-img-right img {
float:right;
margin-left: 1em;
}
.sol-img-left img {
float:left;
margin-right: 1em;
}
.sol-spoiler {
margin: 0;
padding: 0;
}
ul.sol-spoiler {
list-style-type: none;
list-style-image: none;
}
.sol-tlm-bdy ul.sol-spoiler {
margin: 0;
}
.sol-tlm-bdy ul.sol-spoiler span {
font-size: 1em;
}