MediaWiki:Common.css
From Haven Homes
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 */
/* Load fonts -- **REMOVE UNUSED** */
/* Merriweather500 latin-ext */
@font-face {
font-family: 'Merriweather500';
font-style: bold;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5-ciZMZ-Y.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Merriweather500 latin */
@font-face {
font-family: 'Merriweather500';
font-style: bold;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5-fCZM.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Merriweather700 latin-ext */
@font-face {
font-family: 'Merriweather700';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52xwNZVsf6lvg.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Merriweather700 latin */
@font-face {
font-family: 'Merriweather700';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52xwNZWMf6.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Merriweather900 latin-ext */
@font-face {
font-family: 'Merriweather900';
font-style: normal;
font-weight: 900;
src: url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52_wFZVsf6lvg.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Merriweather900 latin */
@font-face {
font-family: 'Merriweather900';
font-style: normal;
font-weight: 900;
src: url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52_wFZWMf6.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Lato latin-ext */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/lato/v23/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Lato latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/lato/v23/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Assign fonts */
/* regular text */
body {font-family:Lato,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}
/* headers */
.content h1 {
font-family:Merriweather900,"Palatino","Georgia","Times New Roman";
}
.content h2 {
font-family:Merriweather700,"Palatino","Georgia","Times New Roman";
}
.content h3, .content h4, .content h5, .content h6 {
font-family:Merriweather500,"Palatino","Georgia","Times New Roman";
}
/* top-level ToC items */
.toc ul li {font-family:Merriweather700,"Palatino","Georgia","Times New Roman";}
/* rest of ToC items */
.toc ul li ul li {font-family:Lato,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}
/* List formatting */
ul {list-style:square;}
ul ul {list-style:circle;}
/* extra space between list items */
li {margin-bottom: 0.3em;}
.mw-content-ltr .toc ul ul, .mw-content-rtl .mw-content-ltr .toc ul ul {margin-top: 0.3em;} /* fix for nested lists */
/* Fix lack of spacing after lists */
ul + p {margin-top:1em;}
ul + h2, ul + h3, ul + h4 {margin-top:1em;}
/* links */
.content a, .content a:link, .content a:visited, .content a:hover { text-decoration:underline; }
.toc a, .toc a:link, .toc a:visited { text-decoration:none; }
/* Table of contents */
/* ToC position */
#toc {float:right;margin: 1em 0 1em 1em;} /* #toc {float:right;margin:0 0 1em 1em;position:fixed;top:150px;right:10px;}; */
/* Hide numbers in ToC */
.tocnumber {display:none !important;}
/* Increase indent in ToC */
.toc ul ul {margin-left:1.25em !important;}
/*
.content h4, .content h4 ~ p, .content h4 ~ ul {margin-left:40px;}
.content h3, .content h3 ~ p, .content h3 ~ ul {margin-left:20px;}
*/
h3, h4, h5, h6, .h3, .h4, .h5, .h6 {
margin-bottom: 0.2rem;
/*font-weight: 500;
line-height: 1.2; */
}
/* indent text below main headers on wide screens */
@media only screen and (min-width: 1024px) {
.content h3 {margin-left:15px;}
.content h4, .content h5, .content h6, .content p {margin-left:30px;}
/* h2 ~ ul gets all lists after the ToC */
/*.content h2 ~ ul, .content h3 ~ ul, .content h4 ~ ul {margin-left:60px;}
.content h2 ~ ul ul, .content h3 ~ ul ul, .content h4 ~ ul ul {margin-left:17px;}*/
.content :not(.toc) ul {margin-left:60px;}
.content :not(.toc) ul ul {margin-left:17px;}
}