User:AlphSpirit/common.css: Difference between revisions

From TombstoneMMO Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 11: Line 11:
}
}
#content {
#content {
background-color: #faddb4;
background-color: var(--color-tan);
border: 2px ridge #9c6b34;
border: 2px ridge var(--color-light-brown);
border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
Line 33: Line 33:
#left-navigation #p-namespaces li:not(.selected) a,
#left-navigation #p-namespaces li:not(.selected) a,
#right-navigation #p-views li:not(.selected) a {
#right-navigation #p-views li:not(.selected) a {
background-color: #eabe82;
background-color: var(--color-tan);
border-bottom: 2px ridge #9c6b34;
border-bottom: 2px ridge var(--color-light-brown);
}
}
#left-navigation #p-namespaces li a,
#left-navigation #p-namespaces li a,
Line 40: Line 40:
height: 40px;
height: 40px;
background: none;
background: none;
background-color: #faddb4;
background-color: var(--color-tan);
border-left: 2px ridge #9c6b34;
border-left: 2px ridge var(--color-light-brown);
border-right: 2px ridge #9c6b34;
border-right: 2px ridge var(--color-light-brown);
border-top: 2px ridge #9c6b34;
border-top: 2px ridge var(--color-light-brown);
outline: none;
outline: none;
border-top-left-radius: 4px;
border-top-left-radius: 4px;
Line 68: Line 68:
}
}
#searchInput {
#searchInput {
background-color: #faddb4;
background-color: var(--color-tan);
border: 2px ridge #9c6b34;
border: 2px ridge var(--color-light-brown);
}
}

Revision as of 18:45, 13 January 2025

:root {
	--color-tan: #F7EBCF;
	--color-light-brown: #AB9261;
	--color-dark-brown: #8A6215;
}
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;
	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);
}