MediaWiki:Common.css: Difference between revisions
AlphSpirit (talk | contribs) No edit summary |
AlphSpirit (talk | contribs) No edit summary |
||
(18 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* Fonts */ | |||
@font-face { | |||
src: url(https://tombstonemmowiki.org/images/2/2a/PerfectDOSVGA437.ttf); | |||
font-family: "Unibody" | |||
} | |||
/* 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: # | 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, | |||
#content h3 { | |||
font-family: Unibody; | |||
color: var(--color-dark-green); | |||
} | |||
#content h1 { | |||
font-size: 48px; | |||
} | |||
#content h2 { | |||
font-size: 32px; | |||
} | |||
#content h3 { | |||
font-size: 24px; | |||
} | } | ||
#mw-page-base { | #mw-page-base { | ||
Line 7: | Line 49: | ||
} | } | ||
#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 71: | ||
#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 107: | ||
} | } | ||
#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); | |||
} | } | ||
Line 80: | Line 134: | ||
grid-template-columns: auto auto auto; | grid-template-columns: auto auto auto; | ||
} | } | ||
.tsTableGrid3 .tsTableCell:nth-child(3n+1) | .tsTableGrid3 .tsTableCell:nth-child(3n+1), | ||
.tsTableGrid3 .tsTableCell:nth-child(3n+2) { | .tsTableGrid3 .tsTableCell:nth-child(3n+2) { | ||
border-right: 1px solid #5b8680; | border-right: 1px solid #5b8680; | ||
Line 91: | Line 143: | ||
background-color: #eabe82; | background-color: #eabe82; | ||
} | } | ||
. | .tsTableGrid3 .tsTableCell:nth-child(1), | ||
.tsTableGrid3 .tsTableCell:nth-child(2), | |||
.tsTableGrid3 .tsTableCell:nth-child(3) { | |||
. | |||
background-color: #809e95; | background-color: #809e95; | ||
font-weight: bold; | font-weight: bold; | ||
color: white; | color: white; | ||
} | |||
.tsTableCell { | |||
padding: 0 0.5rem; | |||
line-height: 2; | |||
} | } |