MediaWiki:Common.css

The Emma M. Lion Wiki
Revision as of 20:41, 6 February 2025 by OrangeJedi (talk | contribs)

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 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

/* infoboxes */
table.infobox {
	border: 1px solid #ccc;
	background-color: white;
	padding: 0.3rem;
	border-radius: .5rem;
	border-spacing: .2rem;
}

.infobox th{
	background-color: rgba(179,36,36,.16);
	border-radius: .5rem;
	box-shadow: #3c44 0 0 .1rem;
}

.infobox tr{
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.infobox td,
.infobox th{
	padding: 4px;
}

.infobox tr.title th,
.infobox th.title {
	color: #000;
	text-align: center;
}

.infobox .key{
	width: 15%;
	background-color: #25c2;
	font-size: 100%;
	white-space: nowrap;
	text-align: center;
	font-weight: bold;
	padding-bottom: .15rem;
	padding-left: .3rem;
	padding-right: .3rem;
	border-radius: .3rem;
	box-shadow: #25c4 0 0px 1px;
	border-spacing: 10px;
}

.infobox.side {
	width: 22em;
	float: right;
	margin-left: 0.5em;
}

@media screen and (max-width: 850px) {
	.infobox.side {
		width: 100%;
	}
}

.infobox td {
	font-size: 90%;
	text-align: left;
}


/* sytem wide soft changes */
.toc {
	border-radius: 1rem;
}

.sidebar-chunk {
	border-radius: 1rem;
}

.dropdown {
	border-radius: 1rem;
}

#simpleSearch {
	border-radius: 1rem;
}

.oo-ui-buttonElement-button {
	border-radius: .75rem !important;
}

.oo-ui-inputWidget-input {
	border-radius: .75rem !important;
}

.mw-editform .editOptions {
	border-radius: 0 0 1rem 1rem;
}

.mw-body h1, .mw-body h2,.mw-body h3,.mw-body h4,.mw-body h5 {
	font-family: "Noto Sans", 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;
	color: #383838;
	font-weight: 550;
}