MediaWiki:Common.css: Difference between revisions

/* Custom Fonts */
@font-face {
    font-family: "Rubik";
    src: url(https://survivalcraft.wiki/content/Fonts/Rubik.ttf) format("truetype");
}
@font-face {
    font-family: "Rubik Italic";
    src: url(https://survivalcraft.wiki/content/Fonts/Rubik_Italic.ttf) format("truetype");
}
@font-face {
    font-family: "Pericles";
    src: url(https://survivalcraft.wiki/content/Fonts/Pericles.ttf) format("truetype");
}

/* Changes the font-family style of all content */
#content, body, h1, h2, h3,h4, h5 {
	font-family: 'Rubik' !important;
}

/* Removes all default CSS icons */
#content a.external {
    background: none !important;
    padding: 0 !important;
}
.mw-heading, h2 {
	padding-top: 0 !important;
}
.mw-heading3 h3 {
	font-weight: 400;
}
.mw-head-base {
	background-color: #dfdbc3;
}
.mw-logo-wordmark {
	color: black;
	font-weight: 500;
}
.mw-logo-wordmark:hover {
	color: #28b017;
}
.mw-page-title-main {
	font-family: 'Rubik' !important;
}

/*
.vector-header-container, .vector-sticky-header, .vector-sticky-header-container, .vector-header-container, .mw-header {
	background-color: #287308 !important;
} */


.catlinks {
	margin-top: 0.25em !important;
	padding-top: 0.25em !important;
}
.mw-footer-container {
	padding-top: 25px !important;
}
.mw-body p + table {
	margin-top: 0 !important;
}

/* CreatureInfoBox & BlockInfoBox Classes */
.game-infobox {
	font-family: 'Rubik';
	border-spacing: 0;
	border-collapse: separate;
	float: right; 
	margin: 0.5rem 5px 0.5rem 2rem;
	max-width: 240px;
	min-width: 200px;
}
.game-infobox-title {
	background-color: #287308;
	color: white;
	padding: 0.5rem 2.5rem 0.5rem 2.5rem;
	font-size: 16px;
}
.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 0.5rem 0.5rem 0.5rem;
}
.game-infobox-argument {
	font-size: 12px;
	padding: 0.5rem 0.5rem 0.5rem 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: 0 0.25em 1em 0.25em;
}

/* Gallery Classes */
.gallery-container {
	border: 1px solid #ccc;
	width: 260px;
	display: inline-block;
}
.gallery-container:hover {
	border: 1px solid #777;
}
.gallery-caption {
	font-size: 12px;
	padding: 15px 8px 15px 8px;
    text-align: center;
}
.gallery-grid-container {
	display: grid;
	border: 1px solid #ccc;
	grid-template-columns: repeat(auto-fill, 50px);
}

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

#gallery_1, #gallery_2 {
	border-radius: 5px;
}