MediaWiki:Common.css: Difference between revisions

Revision as of 17:45, 15 January 2025

/* Fonts */
@font-face {
	src: url(https://tombstonemmowiki.org/images/2/2a/PerfectDOSVGA437.ttf);
	font-family: "Unibody"
}

/* Global style */
:root {
	--color-tan: #F7EBCF;
	--color-light-brown: #AB9261;
	--color-dark-brown: #8A6215;
	--color-light-green: #b4ddcf;
	--color-green: #809e95;
	--color-dark-green: #455a6b;
}
body {
	max-width: 1536px;
	margin: 0 auto;
	background-color: var(--color-dark-brown);
}
#mw-head {
	max-width: 1536px;
	margin: 0 auto;
	right: initial;
}
#mw-panel {
	left: initial;
}
#p-search {
	margin-right: 0;
}
#content h1,
#content h2 {
	font-family: Unibody;
	color: var(--color-dark-green);
}
#content h1 {
	font-size: 48px;
}
#content h2 {
	font-size: 32px;
}
#mw-page-base {
	background: none;
}
#content {
	background-color: var(--color-tan);
	border: 2px ridge var(--color-light-brown);
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
#left-navigation,
#right-navigation {
	position: relative;
	top: 1px;
}
#left-navigation nav,
#right-navigation nav {
	background: none;
	padding: 0;
}
#left-navigation #p-namespaces li,
#right-navigation #p-views li {
	background: none;
	overflow: hidden;
}
#left-navigation #p-namespaces li:not(.selected) a,
#right-navigation #p-views li:not(.selected) a {
	background-color: var(--color-tan);
	border-bottom: 2px ridge var(--color-light-brown);
}
#left-navigation #p-namespaces li a,
#right-navigation #p-views li a {
	height: 40px;
	color: var(--color-dark-green);
	background: none;
	background-color: var(--color-tan);
	border-left: 2px ridge var(--color-light-brown);
	border-right: 2px ridge var(--color-light-brown);
	border-top: 2px ridge var(--color-light-brown);
	outline: none;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	padding: 10px 15px;
}
#right-navigation #p-views #ca-unwatch a,
#right-navigation #p-views #ca-watch a{
	padding-left: 24px;
}
#right-navigation #p-views #ca-unwatch a {
	width: 90px;
}
#right-navigation #p-views #ca-watch a {
	width: 80px;
}
#right-navigation #p-views #ca-unwatch a::before,
#right-navigation #p-views #ca-watch a::before{
	top: initial;
}
.vector-menu-tabs, .vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
	background: none;
}
#searchInput {
	background-color: var(--color-tan);
	border: 2px ridge var(--color-light-brown);
}
a,
a:visited {
	color: var(--color-dark-green);
}
#mw-panel a,
#mw-head #p-personal a,
#mw-head .vector-menu-dropdown .vector-menu-heading,
#mw-panel.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading,
#footer a {
	color: var(--color-light-green);
}

/* Custom table */
.tsTable {
	display: inline-block;
	border: 2px ridge #5b8680;
	border-radius: 4px;
}
.tsTableGrid {
	display: grid;
}
.tsTableGrid3 {
	grid-template-columns: auto auto auto;
}
.tsTableGrid3 .tsTableCell:nth-child(1),
.tsTableGrid3 .tsTableCell:nth-child(2),
.tsTableGrid3 .tsTableCell:nth-child(3) {
	background-color: #809e95;
	font-weight: bold;
	color: white;
}
.tsTableGrid3 .tsTableCell:nth-child(3n+1),
.tsTableGrid3 .tsTableCell:nth-child(3n+2) {
	border-right: 1px solid #5b8680;
}
.tsTableGrid3 .tsTableCell:nth-child(6n+1),
.tsTableGrid3 .tsTableCell:nth-child(6n+2), 
.tsTableGrid3 .tsTableCell:nth-child(6n+3) {
	background-color: #eabe82;
}
.tsTableCell {
	padding: 0 0.5rem;
	line-height: 2;
}