Tags: Mobile edit Mobile web edit |
Tags: Blanking Reverted Mobile edit Mobile web edit Advanced mobile 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;
| |
| }
| |