MediaWiki:Common.css: Difference between revisions
From Buddhism Chat
Change font-family and minor adjustment to font size |
mNo edit summary |
||
Line 22: | Line 22: | ||
font-family: 'Roboto Mono'; | font-family: 'Roboto Mono'; | ||
font-style: normal; | font-style: normal; | ||
src: local('Roboto Mono'), url(/ | src: local('Roboto Mono'), url(/w/resources/assets/fonts/roboto_mono_variable_01.woff2) format('woff2'); | ||
font-display: swap; | font-display: swap; | ||
} | } | ||
Line 29: | Line 29: | ||
font-family: 'Roboto Mono'; | font-family: 'Roboto Mono'; | ||
font-style: italic; | font-style: italic; | ||
src: local('Roboto Mono'), url(/ | src: local('Roboto Mono'), url(/w/resources/assets/fonts/roboto_mono_italic_variable_01.woff2) format('woff2'); | ||
font-display: swap; | font-display: swap; | ||
} | } | ||
Line 40: | Line 40: | ||
font-weight: 400; | font-weight: 400; | ||
font-display: swap; | font-display: swap; | ||
src: local('Ubuntu Mono'), url(/ | src: local('Ubuntu Mono'), url(/w/resources/assets/fonts/ubuntu_mono_regular_01.woff2) format('woff2'); | ||
} | } | ||
@font-face { | @font-face { | ||
Line 47: | Line 47: | ||
font-weight: 700; | font-weight: 700; | ||
font-display: swap; | font-display: swap; | ||
src: local('Ubuntu Mono'), url(/ | src: local('Ubuntu Mono'), url(/w/resources/assets/fonts/ubuntu_mono_bold_01.woff2) format('woff2'); | ||
} | } | ||
@font-face { | @font-face { | ||
Line 54: | Line 54: | ||
font-weight: 400; | font-weight: 400; | ||
font-display: swap; | font-display: swap; | ||
src: local('Ubuntu Mono'), url(/ | src: local('Ubuntu Mono'), url(/w/resources/assets/fonts/ubuntu_monoitalic_01.woff2) format('woff2'); | ||
} | } | ||
@font-face { | @font-face { | ||
Line 61: | Line 61: | ||
font-weight: 700; | font-weight: 700; | ||
font-display: swap; | font-display: swap; | ||
src: local('Ubuntu Mono'), url(/ | src: local('Ubuntu Mono'), url(/w/resources/assets/fonts/ubuntu_mono_bolditalic_01.woff2) format('woff2'); | ||
} | } | ||
Line 70: | Line 70: | ||
font-weight: 400; | font-weight: 400; | ||
font-display: swap; | font-display: swap; | ||
src: local('Quattrocento'), url(/ | src: local('Quattrocento'), url(/w/resources/assets/fonts/quattrocento_regular_01.woff2) format('woff2'); | ||
} | } | ||
Line 78: | Line 78: | ||
font-weight: 700; | font-weight: 700; | ||
font-display: swap; | font-display: swap; | ||
src: local('Quattrocento Bold'), local('Quattrocento-Bold'), url(/ | src: local('Quattrocento Bold'), local('Quattrocento-Bold'), url(/w/resources/assets/fonts/quattrocento_bold_01.woff2) format('woff2'); | ||
} | } | ||
Line 87: | Line 87: | ||
font-weight: 400; | font-weight: 400; | ||
font-display: swap; | font-display: swap; | ||
src: url(/ | src: url(/w/resources/assets/fonts/atkinson_italic_01.woff2) format('woff2'); | ||
} | } | ||
@font-face { | @font-face { | ||
Line 94: | Line 94: | ||
font-weight: 700; | font-weight: 700; | ||
font-display: swap; | font-display: swap; | ||
src: url(/ | src: url(/w/resources/assets/fonts/atkinson_bolditalic_01.woff2) format('woff2'); | ||
} | } | ||
@font-face { | @font-face { | ||
Line 101: | Line 101: | ||
font-weight: 400; | font-weight: 400; | ||
font-display: swap; | font-display: swap; | ||
src: url(/ | src: url(/w/resources/assets/fonts/atkinson_regular_01.woff2) format('woff2'); | ||
} | } | ||
@font-face { | @font-face { | ||
Line 108: | Line 108: | ||
font-weight: 700; | font-weight: 700; | ||
font-display: swap; | font-display: swap; | ||
src: url(/ | src: url(/w/resources/assets/fonts/atkinson_bold_01.woff2) format('woff2'); | ||
} | } | ||
Revision as of 16:13, 21 September 2024
/* 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;
}