MediaWiki:Common.css

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)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* Custom Fonts */
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

/* Vector 2020 Styling Classes */
body {
	font-family: 'Rubik';
}

#content h1, #content h2, #content h3, #content h4, #content h5 {
	font-family: 'Rubik', sans-serif !important;
}

@media (prefers-color-scheme: dark) {
  .message-box {
    border-color: #54595d;
    background-color: #27292d;
    color: #eaecf0;
  }
}

/* Infobox Classes */
.game-infobox {
	font-family: Rubik;
	border-spacing: 0;
	border-collapse: separate;
	float: right; 
	margin: 0.5rem 10px 0.5rem 2rem;
	max-width: 270px;
	min-width: 200px;
}
.game-infobox-title {
	background-color: #287308;
	color: white;
	padding: 0.75rem 3rem 0.75rem 3rem;
	font-size: 18px;
}
.game-infobox-header {
	width: 240px;
	background-color: #287308;
	color: white;
	font-size: 14px;
	padding: 0.5rem;
}
.game-infobox-attribute {
	width: 70px;
	font-size: 12px;
	padding: 0.5rem;
}
.game-infobox-argument {
	font-size: 12px;
	padding: 0.5rem;
}
.game-infobox tr th, .game-infobox tr td {
	  border-right: 1px solid rgba(40,115,8,0.5);
	  border-bottom: 1px solid rgba(40,115,8,0.5);
}
.game-infobox tr th:first-child,
.game-infobox tr td:first-child {
  border-left: 1px solid rgba(40,115,8,0.5);
}
.game-infobox tr th {
  border-top: 1px solid rgba(40,115,8,0.5);
}
.game-infobox tr:first-child th:first-child {
  border-top-left-radius: 2px;
}
.game-infobox tr:first-child th:last-child {
  border-top-right-radius: 2px;
}
.game-infobox tr:last-child td:first-child {
  border-bottom-left-radius: 2px;
}
.game-infobox tr:last-child td:last-child {
  border-bottom-right-radius: 2px;
}

.message-box {
	padding: 0.5em 0.5em 0.5em 0.5em;
	margin: 1em 0.5em 1em 0.5em;
}

/* Viewport Containers */
@media(max-height: 993px) {
	.game-infobox {
		float: none;
	}
}