|
|
| Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins */
| |
|
| |
|
| /* LW Theming */
| |
| :root {
| |
| --lw-primary: #414141;
| |
| --lw-primary_hovered: #464646;
| |
| --lw-primary_pressed: #434343;
| |
|
| |
| --lw-secondary: #5a5a5a;
| |
| --lw-secondary_hovered: #646464;
| |
| --lw-secondary_pressed: #5f5f5f;
| |
|
| |
| --lw-tertiary: #2d2d2d;
| |
| --lw-tertiary_hovered: #373737;
| |
| --lw-tertiary_pressed: #323232;
| |
|
| |
| --lw-quaternary: #c8c8c8;
| |
| --lw-quaternary_hovered: #f0f0f0;
| |
| --lw-quaternary_pressed: #dcdcdc;
| |
|
| |
| --lw-accent: #d60e24;
| |
| --lw-accent_hovered: #4892e7;
| |
| --lw-accent_pressed: #266cbe;
| |
|
| |
| --lw-accent_modified: #932b33;
| |
| --lw-accent_modified_hovered: #234cfa;
| |
| --lw-accent_modified_pressed: #1a41e9;
| |
|
| |
| --lw-graphic_primary: #ffffff;
| |
| --lw-graphic_secondary: #303030;
| |
|
| |
| --lw-text_primary: #ffffff;
| |
| --lw-text_secondary: #000000;
| |
|
| |
| --lw-input_field: #ffffff;
| |
| --lw-input_field_hovered: #f0f0f0;
| |
| --lw-input_field_pressed: #dcdcdc;
| |
| --lw-input_field_text: #000000;
| |
|
| |
| --lw-link-color: #24f;
| |
| --lw-link-color-hover: hsla(var(--lw-link-color), .1);;
| |
| --lw-link-color-pressed: #8888ff;
| |
| }
| |
|
| |
| :root {
| |
| --lw-radius: 10px;
| |
| }
| |
|
| |
| @media screen {
| |
| /* Link colors: */
| |
| body,
| |
| #pt-userpage-2 /* Admin (top bar)*/ {
| |
| a[href], a[href]:visited {
| |
| color: var(--lw-link-color);
| |
| }
| |
| a[href]:hover, a[href]:visited:hover {
| |
| color: var(--lw-link-color-hover);
| |
| }
| |
| a[href]:active, a[href]:visited:active {
| |
| color: var(--lw-link-color-pressed);
| |
| }
| |
|
| |
| a[href].new, a[href].new:visited {
| |
| color: #ff8800;
| |
| }
| |
| a[href].new:hover, a[href].new:visited:hover {
| |
| color: #ffcccc;
| |
| }
| |
| a[href].new:active, a[href].new:visited:active {
| |
| color: #ff8888;
| |
| }
| |
| }
| |
|
| |
|
| |
| header.mw-header {
| |
| background-color: var(--lw-secondary) !important;
| |
| border-bottom: 3px solid var(--lw-tertiary);
| |
| }
| |
|
| |
| main > header {
| |
| margin-bottom: 0.3em;
| |
| }
| |
|
| |
| body {
| |
| background-color: var(--lw-primary);
| |
| color: var(--lw-text_primary)
| |
| }
| |
| .vector-header-container {
| |
| background-color: var(--lw-primary);
| |
| }
| |
| .mw-page-container {
| |
| background-color: var(--lw-primary);
| |
| }
| |
|
| |
| /* Styling of generic tabs */
| |
| .vector-tab-noicon {
| |
| border: 3px solid var(--lw-tertiary);
| |
| border-bottom: none;
| |
| border-radius: var(--lw-radius) var(--lw-radius) 0px 0px;
| |
| background-color: var(--lw-secondary);
| |
| padding: 0px 8px 0px 8px;
| |
| margin: 0px 4px 0px 4px !important;
| |
|
| |
| bottom: -3px;
| |
| position: relative;
| |
|
| |
| > a {
| |
| /* padding: 0px 0px 0px 0px !important; */
| |
| border: none !important;
| |
| }
| |
| }
| |
| #vector-page-tools-dropdown-label {
| |
| /* padding: 0px 0px 0px 0px; */
| |
| }
| |
| .vector-tab-noicon.selected {
| |
| padding-bottom: 3px;
| |
| z-index: 2;
| |
| }
| |
| .vector-page-toolbar-container {
| |
| margin: 0px;
| |
| }
| |
| .vector-page-toolbar {
| |
| padding: 0px 15px 0px 15px;
| |
| }
| |
|
| |
| /* Main content */
| |
| /* Do not use class, as there is a teleportation target, which uses it as well */
| |
| #bodyContent {
| |
| border: 3px solid var(--lw-tertiary);
| |
| border-radius: var(--lw-radius);
| |
| background-color: var(--lw-secondary);
| |
| padding: 10px;
| |
| }
| |
|
| |
| .vector-pinned-container {
| |
| background-color: var(--lw-secondary);
| |
| border: 3px solid var(--lw-tertiary);
| |
| border-radius: var(--lw-radius);
| |
| }
| |
| .vector-sticky-pinned-container::after {
| |
| background: none;
| |
| }
| |
| /* Fix whyever there is weird margin... */
| |
| .vector-column-start, .vector-main-menu-container, .vector-toc, .vector-toc-pinnable-header {
| |
| margin-left: 0px !important;
| |
| }
| |
| .vector-toc-list-item {
| |
| padding: 0px !important;
| |
| }
| |
| }
| |
