MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 1: / Line 1: @@
-/* CSS placed here will be applied to all skins */
+/* Custom Fonts */
-@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
+@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");
+}
-.test-font {
+/* Changes the font-family style of all content */
-   font-family: "Rubik";
+#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;
+}
-.infobox-container {
+/*
-    display: grid;
+.vector-header-container, .vector-sticky-header, .vector-sticky-header-container, .vector-header-container, .mw-header {
-    justify-items: center;
+	background-color: #287308 !important;
-    border: solid 2px green;
+} */
-    row-gap: 5px;
-    grid-template-columns: 50px 300px;
+.catlinks {
+	margin-top: 0.25em !important;
+	padding-top: 0.25em !important;
 }
-.grid-item_1, grid-item_2 {
+.mw-footer-container {
-    padding: 1rem;
+	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;
 }