MediaWiki:Common.css: Difference between revisions

Latest revision as of 13:00, 1 June 2023

/* 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 {
	border-bottom: solid 1px #D6B285;
}
#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;
   font-size: 25px;
   text-transform: uppercase;
   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,
#p-Categories{
   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;
}

#mw-footer-container {
   font-family: 'Jost';
   font-size: 0.8em;
   background-color: #EFE9E1;
   color: #000000;
}

#mw-footer-container a {
	color: #1F2C3B;
	font-style: italic;
}

.mw-tpl-colorbox {
	color: #000000;
    font-size: 1.2em;
    background: #F6DDCC;
    border: solid #eaecf0;
    border-width: 1px 1px 0.2em;
    padding: 1.25em 1.75em;
    box-shadow: 0 1px 2px 1px rgb(0 0 0 / 2%);
}