MediaWiki:Common.css: Difference between revisions

From Haven Homes
mNo edit summary
mNo edit summary
 
(50 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
/* used to limit Table of Contents depth */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
display: none;
}
/* fix gap before slideshows */
ul.gallery.mw-gallery-slideshow {
margin: 0 0;
}
/* add gap after tabs for headers */
div.tabs-tabbox + h2, div.tabs-tabbox + h3, div.tabs-tabbox + h4 {
margin-top: 40px;
}
div.tabs-tabbox {
padding:15px;
}
.tabs-container {
max-width:100% !important;
width:100% !important; /* prevents short slideshows from displaying smaller */
text-align:center;
}
/* make active tab contents match active tab color */
.tabs-container {
background-color:#ffffff;
}
.tabs-inputform {
margin-top: 80px;
}
/* new panorama viewer */
.panorama-embed {
max-width:880px;
width: 880px;
height: 660px;
display:block;
margin:20px auto;
border:0 none;
border-radius:8px;
box-shadow: 0 1px 1px rgba(0,0,0,0.11),0 2px 2px rgba(0,0,0,0.11),0 4px 4px rgba(0,0,0,0.11),0 6px 8px rgba(0,0,0,0.11),0 8px 16px rgba(0,0,0,0.11);
}
@media only screen and (max-width: 960px) {
.panorama-embed {
width: 600px;
height: 450px;
}
}
@media only screen and (max-width: 720px) {
.panorama-embed {
width: 400px;
height: 300px;
}
}


/* Load fonts -- **REMOVE UNUSED**  */
/* Load fonts -- **REMOVE UNUSED**  */
Line 86: Line 155:
/* rest of ToC items */
/* 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";}
.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";}
html {
  scroll-behavior: smooth;
}




Line 96: Line 170:
/* Fix lack of spacing after lists */
/* Fix lack of spacing after lists */
ul + p {margin-top:1em;}
ul + p {margin-top:1em;}
ul + h2, ul + h3, ul + h4  {margin-top:1em;}
ul + h2, ul + h3, ul + h4, ul + h5 {margin-top:1em;}
 
/* spacing after indented sections */
dl + p {margin-top:1em;}
 


/* links */
/* links */
Line 122: Line 200:
   line-height: 1.2; */
   line-height: 1.2; */
}
}
.hh-bullet {
padding-left:15px;
}
.hh-bullet::before {
white-space: pre;
word-wrap: break-word;
padding-left:15px;
content:'\A • ';
}
.hidden {
display:none;
}
/* Category links */
.catlinks {
padding-left:10px;
}
.mw-body .catlinks ul {
  margin-left: 0;
}
/* hide title on main page */
body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; }
/* Formatting for Forms generated from CIForms */
/* hide page numbers on forms */
.mw-body .mw-indicators {
display:none;
}
.ci_form {
width:100%;
}
/* Data tables */
/* First row */
.hh-data-table tr:first-child td {
font-weight: bold;
}
.hh-data-table tr td {
border:1px solid #bfbfbf;
padding:0 10px;
vertical-align:top;
}
.hh-data-table {
  margin-bottom: 1.5rem;
}


/* indent text below main headers on wide screens */
/* indent text below main headers on wide screens */
/* add noheader class to pages without any headers */
@media only screen and (min-width: 1024px) {
@media only screen and (min-width: 1024px) {
.content h3 {margin-left:15px;}
.content h3 {margin-left:15px;}
.content h4, .content h5, .content h6, .content p {margin-left:30px;}
.content h4, .content h5, .content h6, .content p, .ci_form, .hh-data-table {margin-left:30px;}
/* h2 ~ ul gets all lists after the ToC */
/* h2 ~ ul gets all lists after the ToC */
/*.content h2 ~ ul, .content h3 ~ ul, .content h4 ~ ul {margin-left:60px;}
.content h2 ~ ul, .content h3 ~ ul, .content h4 ~ ul, .content .emptyheader ~ ul {margin-left:60px;}
.content h2 ~ ul ul, .content h3 ~ ul ul, .content h4 ~ ul ul {margin-left:17px;}*/
.content h2 ~ ul ul, .content h3 ~ ul ul, .content h4 ~ ul ul, .content .emptyheader ~ ul ul {margin-left:17px;}
.content ul :not(.toc ul) {margin-left:60px;}
/*.content ul:not(.toc):not(ul) {margin-left:60px;}
/*.content :not(.toc) ul ul {margin-left:17px;}*/
.content :not(.toc) ul ul {margin-left:17px;}*/
}
}

Latest revision as of 08:09, 13 August 2025

/* CSS placed here will be applied to all skins */

/* used to limit Table of Contents depth */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
	display: none;
}


/* fix gap before slideshows */
ul.gallery.mw-gallery-slideshow {
	margin: 0 0; 
}

/* add gap after tabs for headers */
div.tabs-tabbox + h2, div.tabs-tabbox + h3, div.tabs-tabbox + h4 {
	margin-top: 40px; 
}

div.tabs-tabbox {
	padding:15px;
}

.tabs-container {
	max-width:100% !important;
	width:100% !important; /* prevents short slideshows from displaying smaller */
	text-align:center;
}

/* make active tab contents match active tab color */
.tabs-container {
	background-color:#ffffff;
}

.tabs-inputform {
	margin-top: 80px;
}

/* new panorama viewer */
.panorama-embed {
		max-width:880px;
		width: 880px;
		height: 660px;
		
		display:block; 
		margin:20px auto; 
		border:0 none; 
		border-radius:8px; 
		box-shadow: 0 1px 1px rgba(0,0,0,0.11),0 2px 2px rgba(0,0,0,0.11),0 4px 4px rgba(0,0,0,0.11),0 6px 8px rgba(0,0,0,0.11),0 8px 16px rgba(0,0,0,0.11);
	
		
}

@media only screen and (max-width: 960px) {
	.panorama-embed {
		width: 600px;
		height: 450px;
	}
}

@media only screen and (max-width: 720px) {
	.panorama-embed {
		width: 400px;
		height: 300px;
	}
}

/* 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";}


html {
  scroll-behavior: smooth;
}


/* 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, ul + h5  {margin-top:1em;}

/* spacing after indented sections */
dl + p {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; */
}

.hh-bullet {
	padding-left:15px;
}

.hh-bullet::before {
	white-space: pre;
	word-wrap: break-word;
	padding-left:15px;
	content:'\A • ';
}

.hidden {
	display:none;
}

/* Category links */
.catlinks {
	padding-left:10px;
}

.mw-body .catlinks ul {
  margin-left: 0;
}

/* hide title on main page */
body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; }

/* Formatting for Forms generated from CIForms */
/* hide page numbers on forms */
.mw-body .mw-indicators {
	display:none;
}
.ci_form {
	width:100%;
}

/* Data tables */

/* First row */ 
.hh-data-table tr:first-child td {
	font-weight: bold;
}
.hh-data-table tr td {
	border:1px solid #bfbfbf;
	padding:0 10px;
	vertical-align:top;
}
.hh-data-table {
  margin-bottom: 1.5rem;
}


/* indent text below main headers on wide screens */
/* add noheader class to pages without any headers */
@media only screen and (min-width: 1024px) {
	.content h3 {margin-left:15px;}
	.content h4, .content h5, .content h6, .content p, .ci_form, .hh-data-table {margin-left:30px;}
	/* h2 ~ ul gets all lists after the ToC */
	.content h2 ~ ul, .content h3 ~ ul, .content h4 ~ ul, .content .emptyheader ~ ul {margin-left:60px;}
	.content h2 ~ ul ul, .content h3 ~ ul ul, .content h4 ~ ul ul, .content .emptyheader ~ ul ul {margin-left:17px;}
	/*.content ul:not(.toc):not(ul) {margin-left:60px;}
	.content :not(.toc) ul ul {margin-left:17px;}*/
}
Retrieved from "https://www.havenhomes.org/index.php?title=MediaWiki:Common.css&oldid=2885"
This site is in the process of being built; content may not be accurate or complete. Please contact us if you see an error.
No AI or LLM tools were used to generate any text or images on this site. If they had been, the site would be complete and look better.