MediaWiki:Common.css
From Bondix Wiki
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=Jost:wght@300&family=Roboto&display=swap'); /* Top bar font modernization */ #mw-header *, #mw-site-navigation h, #mw-related-navigation h { font-family: 'Roboto','Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif } #mw-header-container { background-color: #1F2C3B; color: #FFFFFF; } #mw-content-container { } #mw-site-navigation, #mw-related-navigation, #mw-content-block, #mw-content-container { background-color: #EFE9E1; } #mw-related-navigation, #site-tools { display: none; } /* Avoid cutting off letters with descenders: g,j,p,q,y */ #personal h2 span { height: 1.5em; position:relative; bottom:0.1em } /* Triangle position patch */ #personal h2::after { position: relative; bottom: 0.5em; } /* Header: Site title font */ #p-logo-text a { font-family: 'Roboto','Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif; text-transform: uppercase; font-size: 2em; line-height: 1.5em !important; text-align: left; color: #D6B285; } h1, h2, h3, h4, h5, h6 { font-family: 'Roboto'; } #firstHeading { font-family: 'Roboto'; color: #1F2C3B; padding: 0px 0px 15px 0px; border-bottom: solid 2px #D6B285; } #bodyContent { font-family: 'Jost'; font-size: 1.1em; } #p-navigation, #p-tb, #p-cactions, #p-pagemisc { font-family: 'Jost'; } #searchInput { margin: auto; } .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Roboto' !important; } #mw-header-hack.color-bar { } .color-middle, .color-left, .color-right { background: #1F2C3B; }