MediaWiki:Common.css: Difference between revisions

No edit summary
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: #8A6215;
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: #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 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: #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,
#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: #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 64: Line 107:
}
}
#searchInput {
#searchInput {
background-color: #faddb4;
background-color: var(--color-tan);
border: 2px ridge #9c6b34;
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),
border-right: 1px solid #5b8680;
}
.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;
}
}
.tsTableHeader, .tsTableCell {
.tsTableGrid3 .tsTableCell:nth-child(1),
padding: 0 0.5rem;
.tsTableGrid3 .tsTableCell:nth-child(2),
line-height: 2;
.tsTableGrid3 .tsTableCell:nth-child(3) {
}
.tsTableHeader {
background-color: #809e95;
background-color: #809e95;
font-weight: bold;
font-weight: bold;
color: white;
color: white;
}
.tsTableCell {
padding: 0 0.5rem;
line-height: 2;
}
}