MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
+/* 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 {
+	background-color: var(--color-dark-brown);
+}
+#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(3n+1) {
+	border-right: 1px solid #5b8680;
+}
+.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;
+}
+.tsTableHeader, .tsTableCell {
+	padding: 0 0.5rem;
+	line-height: 2;
+}
+.tsTableHeader {
+	background-color: #809e95;
+	font-weight: bold;
+	color: white;
+}