MediaWiki:Homepage.css: Difference between revisions

Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
/* Container for the top section of the page. */
.topCont {
width:98%;
background:#fcfcfc;
margin:1.2em 0 3px 0;
border: solid #eeeeee;
border-width: 1px 1px 0.2em;
box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02);
padding:0.5em;
}
/* Banner container across top of page. */
.mp-banner {
display: flex;
margin: 1em;
align-items: flex-end;
flex-wrap: wrap;
}
/* Welcome
/* Container for the bottom section of the page. */
/* Container for the bottom section of the page. */
.btmCont {
.btmCont {

Revision as of 04:48, 15 January 2020

/* Container for the top section of the page. */
.topCont {
	width:98%; 
	background:#fcfcfc; 
	margin:1.2em 0 3px 0; 
	border: solid #eeeeee; 
	border-width: 1px 1px 0.2em; 
	box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02); 
	padding:0.5em;
}

/* Banner container across top of page. */
.mp-banner {
	display: flex; 
	margin: 1em; 
	align-items: flex-end; 
	flex-wrap: wrap;
}

/* Welcome 

/* Container for the bottom section of the page. */
.btmCont {
	display: flex; 
	justify-content: space-around; 
	align-items: flex-start; 
	flex-flow: row-reverse wrap;
}

/* Container boxes for the right-side content. */
.rightBox {
	display: flex; 
	align-items: flex-start; 
	flex-flow: column nowrap; 
	flex: 1;
	height: 100%;
	padding: 0 6px;
}

/* Container boxes for the left-side content. */
.leftBox {
	display: flex; 
	align-items: flex-start; 
	flex-flow: column nowrap; 
	flex: 3;
	height: 100%;
	padding: 0 6px;
}

/* Information container within the boxes. */
.infoSect {
	background: #fcfcfc; 
	margin: 6px 0; 
	border: solid #eeeeee; 
	border-width: 1px 1px 0.2em; 
	box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02); 
	padding: 10px;
}

/* Info container headers. */
.infoSect h2 {
	margin: 4px 0 1px;
}

/* Communities box */
#infoSectCommunities {
	width: 100%;
}

/* Communities box list */
#infoSectCommunities ul {
	columns: 3;	
	list-style: none;
	font-size: 1.2em;
	text-align: center;
}