MediaWiki:Homepage.css

Revision as of 05:10, 15 January 2020 by Ozycaevias (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

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

/* Banner that spans along the page within a container. */
.spanBanner {
	flex: 1 1 100px; 
	min-width: 200px; 
	text-align:center;
}

#createAPageBanner {
	float: right;
}

/* Welcome to IIWiki text. */
#welcomeText {
	font-size: 180%; 
	font-family: 'Linux Libertine','Times New Roman',serif;
}

/* Tagline under welcome text. */
#tagline {
	top: +0.2em; 
	font-size: 95%;
}

/* Article count below tagline. */
#articleCount {
	font-size: 85%;
}

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