MediaWiki:Common.css

From Bondix Wiki
Revision as of 14:02, 13 December 2022 by Red (talk | contribs)

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