MediaWiki:Common.css: Difference between revisions
AlphSpirit (talk | contribs) No edit summary |
AlphSpirit (talk | contribs) No edit summary Tags: Mobile edit Mobile web edit |
||
| Line 1: | Line 1: | ||
/* Global style */ | /* 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 { | body { | ||
background-color: | background-color: var(--color-dark-brown); | ||
} | } | ||
#mw-page-base { | #mw-page-base { | ||
| Line 7: | Line 15: | ||
} | } | ||
#content { | #content { | ||
background-color: | background-color: var(--color-tan); | ||
border: 2px ridge | 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 29: | Line 37: | ||
#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: | background-color: var(--color-tan); | ||
border-bottom: 2px ridge | border-bottom: 2px ridge var(--color-light-brown); | ||
} | } | ||
#left-navigation #p-namespaces li a, | #left-navigation #p-namespaces li a, | ||
#right-navigation #p-views li a { | #right-navigation #p-views li a { | ||
height: 40px; | height: 40px; | ||
color: var(--color-dark-green); | |||
background: none; | background: none; | ||
background-color: | background-color: var(--color-tan); | ||
border-left: 2px ridge | border-left: 2px ridge var(--color-light-brown); | ||
border-right: 2px ridge | border-right: 2px ridge var(--color-light-brown); | ||
border-top: 2px ridge | border-top: 2px ridge var(--color-light-brown); | ||
outline: none; | outline: none; | ||
border-top-left-radius: 4px; | border-top-left-radius: 4px; | ||
| Line 64: | Line 73: | ||
} | } | ||
#searchInput { | #searchInput { | ||
background-color: | background-color: var(--color-tan); | ||
border: 2px ridge # | 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); | |||
} | } | ||