MediaWiki:Common.css

From Buddhism Chat
Revision as of 16:13, 21 September 2024 by Forza (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 */
#mw-content-text {
  font-size: 100%;
}
/* font-size: 0.875em; */


/* Hide unused empty space on Main_Page*/
#mw-content-text .mw-parser-output p:has(br:only-child) {
	display: none !important;
}


.ns-3000 #content, .ns-3001 #content { background-color: #f3f3ff; }
.ns-3000 div.thumb, .ns-3001 div.thumb { border-color: #f3f3ff; }

/* IMPORT ALL FONTS FILES */
/* ###################### */

/* Roboto Mono */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  src:  local('Roboto Mono'), url(/w/resources/assets/fonts/roboto_mono_variable_01.woff2) format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Roboto Mono';
  font-style: italic;
  src: local('Roboto Mono'), url(/w/resources/assets/fonts/roboto_mono_italic_variable_01.woff2) format('woff2');
  font-display: swap;
}


/* Ubuntu Mono font */
@font-face {
  font-family: 'Ubuntu Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Ubuntu Mono'), url(/w/resources/assets/fonts/ubuntu_mono_regular_01.woff2) format('woff2');
}
@font-face {
  font-family: 'Ubuntu Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Ubuntu Mono'), url(/w/resources/assets/fonts/ubuntu_mono_bold_01.woff2) format('woff2');
}
@font-face {
  font-family: 'Ubuntu Mono';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Ubuntu Mono'), url(/w/resources/assets/fonts/ubuntu_monoitalic_01.woff2) format('woff2');
}
@font-face {
  font-family: 'Ubuntu Mono';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local('Ubuntu Mono'), url(/w/resources/assets/fonts/ubuntu_mono_bolditalic_01.woff2) format('woff2');
}

/* Quattrocento font */
@font-face {
  font-family: 'Quattrocento';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Quattrocento'), url(/w/resources/assets/fonts/quattrocento_regular_01.woff2) format('woff2');
}

@font-face {
  font-family: 'Quattrocento';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Quattrocento Bold'), local('Quattrocento-Bold'), url(/w/resources/assets/fonts/quattrocento_bold_01.woff2) format('woff2');
}

/* Atkinson */
@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/w/resources/assets/fonts/atkinson_italic_01.woff2) format('woff2');
}
@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/w/resources/assets/fonts/atkinson_bolditalic_01.woff2) format('woff2');
}
@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/w/resources/assets/fonts/atkinson_regular_01.woff2) format('woff2');
}
@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/w/resources/assets/fonts/atkinson_bold_01.woff2) format('woff2');
}

/* ###################### */


/* Changes the default font used for MediaWiki (does not include headings or monospaced text): */

body {
  font-family: "Atkinson Hyperlegible", "Roboto", "Open Sans", "Noto Sans", sans-serif !important;
  font-optical-sizing: auto !important;
  font-weight: 400 !important;
  font-size: 0.95em !important;
}

@media only screen and (min-width: 800px) {
  body {
    font-size: 1em !important;
  }
}

.mw-wiki-title {
  font-size: 1.5em !important;
  padding: 0.4em 0.8em 0.2em 0.0em !important;
  line-height: 0.8 !important;
  font-family: "Quattrocento","Times New Roman", serif;
}

.mw-headline {
  font-family: 'Quattrocento','Times New Roman', serif !important;
  font-weight: 700;
}
.mw-body h1 {
  font-family: 'Quattrocento','Times New Roman', serif !important;
  font-weight: 700;
}
pre {
	font-size: smaller;
	font-family: "Ubuntu Mono", "Roboto Mono", monospace;
	white-space: pre-wrap !important;
}

.forzawiki-template-box-note {
	padding: 1em;
    background-color: #fef6e7;
    border: 1px solid #ffcc33;
    white-space: pre-wrap !important;
    overflow: auto;
}