MediaWiki:Common.css: Difference between revisions

From Bondix Wiki
No edit summary
No edit summary
 
(74 intermediate revisions by 2 users not shown)
Line 5: Line 5:
/* Top bar font modernization */
/* Top bar font modernization */
#mw-header *,
#mw-header *,
#mw-site-navigation *,
#mw-site-navigation h,
#mw-related-navigation * {  
#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
font-family: 'Roboto','Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;
}
}
#mw-header-container {
#mw-header-container {
height: 6em;
background-color: #1F2C3B;
color: #FFFFFF;
}
}
#mw-content-container {
#mw-content-container {
margin-top: 6em;
border-bottom: solid 1px #D6B285;
}
}
#mw-site-navigation,
#mw-site-navigation,
Line 21: Line 22:
background-color: #EFE9E1;
background-color: #EFE9E1;
}
}
#mw-related-navigation,
#site-tools {
display: none;
}
/* Avoid cutting off letters with descenders: g,j,p,q,y */
/* Avoid cutting off letters with descenders: g,j,p,q,y */
#personal h2 span {
#personal h2 span {
Line 35: Line 42:
#p-logo-text a {
#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-family: 'Roboto','Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;
  font-variant: normal;
   font-size: 25px;
   font-size: 2em;
   text-transform: uppercase;
   line-height: 1.5em !important;
   text-align: left;
   text-align: left;
  color: #D6B285;
}
}
h1, h2, h3, h4, h5, h6 {
h1, h2, h3, h4, h5, h6 {
Line 45: Line 52:
#firstHeading {
#firstHeading {
   font-family: 'Roboto';
   font-family: 'Roboto';
  color: #1F2C3B;
   padding: 0px 0px 15px 0px;
   padding: 0px 0px 15px 0px;
   border-bottom: solid 2px #D6B285;
   border-bottom: solid 2px #D6B285;
}
}
#bodyContent,
#bodyContent {
#mw-portlet-body {
  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-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%);
}
}

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