MediaWiki:Common.css

From Regiapædia
Revision as of 17:26, 17 October 2021 by Admin (talk | contribs) (Emergency styling so meny is readable!)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/*

Common CSS for all skins

See https://phabricator.wikimedia.org/M82 for standard colors

*/
* {
	box-sizing: border-box;
}
.clear{
	clear:both;
}
html, body {
  width: 100vw;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  min-width:320px;
}



table, th, td {
    border: 1px solid darkgray;
    padding: 1px;
    margin: 6px 0;
    margin-left: auto;
    margin-right: auto;
}
caption {
	font-weight:bold;
	text-align:left;
}
body {
	overflow-y: scroll;
	display: grid;
	background-color: #080808;
	color:#fff;
	font-size:14px;
	font-family:tahoma,helvetica,sans-serif;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   /* IE-only styles here. Works for IE10 & IE11*/
	html, body {
		background-color: #FFFFD5;
		width:100%;
	}
	.quicklink {
		display:block!important;
	}
}

header {
	grid-area: header;
	background:linear-gradient(#000 85%,#ffffd5 100%);
	min-height: 100px;
	padding-bottom:15px;
}
.megamenu_container {
	background:#000!important;
}
.megamenu {
	text-align:center;
}
.megamenu li {
	display:inline;
	text-align:center;
}
.megamenu a {
	color:white;
}
main {
	background-color: #ffffd5;
	grid-area: main;
	color: #000;
	overflow:hidden;
}
footer {
	grid-area: footer;
    background: linear-gradient(#ffffd5 0%,#000 15%);
    min-height: 100px;
    display: grid;
    padding: 50px 20px 10px;
    color: white;
	text-align: center;
}
footer a {
	display:block;
	color:white;
	text-decoration:none;
	padding: 0 0 1.6em;
}
footer a:hover {
	color:yellowgreen;
}