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 */
body.page-Help_Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-view h1.firstHeading { display: none; }
div#content a.external[href ^="https://"] {
background-image: none;
padding-right: 0;
}
/* Add fonts */
@supports (font-variation-settings: normal) {
@font-face {
font-family: 'Open Sans';
src: url('/resources/assets/fonts/Open_Sans/OpenSans-VariableFont_wdth,wght.ttf') format("truetype supports variations"),
url('/resources/assets/fonts/Open_Sans/OpenSans-VariableFont_wdth,wght.ttf') format("truetype-variations");
font-weight: 300 800;
font-stretch: 75% 100%;
}
@font-face {
font-family: 'Raleway';
src: url('/resources/assets/fonts/Raleway/Raleway-VariableFont_wght.ttf') format("truetype supports variations"),
url('/resources/assets/fonts/Raleway/Raleway-VariableFont_wght.ttf') format("truetype-variations");
font-weight: 100 900;
}
}
/* MYRIAD colours */
:root {
--myriad-blue: #374CFF;
--myriad-purple: #8836EA;
--myriad-pink: #DB20D2;
--myriad-dkblue: #000091;
--myriad-yellow: #FFCE00;
--myriad-green: #5AE09A;
}
/* Clickable button */
.drg-button {
display: inline-block;
padding: .5em 1em;
text-align: center;
font-variant: small-caps;
border-radius: 7px;
background-color: var(--myriad-blue);
color: rgba(255, 255, 255, .8) !important;
transition: all 400ms;
text-decoration: none !important;
box-shadow: rgba(25, 128, 195, .3) 3px 3px 4px 0px;
}
/* FOOTER START */
/* #region */
footer#footer.footer {
padding: 0;
}
footer {
width: 100%;
padding: 1em;
font-size: .8rem;
background: linear-gradient(to right, #374cff 0%,#db20d2 100%);
color: rgba(255, 255, 255, .6);
min-height: 250px;
}
footer a {
color: white;
text-decoration: none; /* Optional: removes underline */
}