|
|
| (2 intermediate revisions by the same user not shown) |
| Line 3: |
Line 3: |
| /* Rizline font */ | | /* Rizline font */ |
| @import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap'); | | @import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap'); |
|
| |
| /* Variables */
| |
| :root {
| |
| --rgwiki-main-navbox-color-hue: 240deg;
| |
| --rgwiki-main-navbox-color-saturation: 20%;
| |
| --rgwiki-main-navbox-color-lightness-header: 90%;
| |
| --rgwiki-main-navbox-color-lightness-row: 95%;
| |
| --rgwiki-main-navbox-color-lightness-cell: 98%;
| |
| }
| |
|
| |
|
| /* General utility classes */ | | /* General utility classes */ |
| Line 52: |
Line 43: |
| .rgwiki-main-show-spoiler-warning-screen { | | .rgwiki-main-show-spoiler-warning-screen { |
| display: none; | | display: none; |
| }
| |
|
| |
| /* Template:NavBox */
| |
| .rgwiki-main-navbox-buttons {
| |
| position: absolute;
| |
| right: 0;
| |
| font-size: 8pt;
| |
| font-weight: initial;
| |
| }
| |
|
| |
| .rgwiki-main-navbox {
| |
| margin: auto;
| |
| margin-top: 16px;
| |
| border-collapse: collapse;
| |
|
| |
| --rgwiki-main-navbox-color-header: hsl(var(--rgwiki-main-navbox-color-hue), var(--rgwiki-main-navbox-color-saturation), var(--rgwiki-main-navbox-color-lightness-header));
| |
| --rgwiki-main-navbox-color-row: hsl(var(--rgwiki-main-navbox-color-hue), var(--rgwiki-main-navbox-color-saturation), var(--rgwiki-main-navbox-color-lightness-row));
| |
| --rgwiki-main-navbox-color-cell: hsl(var(--rgwiki-main-navbox-color-hue), var(--rgwiki-main-navbox-color-saturation), var(--rgwiki-main-navbox-color-lightness-cell));
| |
| }
| |
|
| |
| .rgwiki-main-navbox caption {
| |
| font-weight: bold;
| |
| }
| |
|
| |
| .rgwiki-main-navbox .rgwiki-main-navbox-section {
| |
| width: 100%;
| |
| margin: 0;
| |
| }
| |
|
| |
| .rgwiki-main-navbox .rgwiki-main-navbox-header-row {
| |
| white-space: nowrap;
| |
| padding-left: 8px;
| |
| padding-right: 8px;
| |
| background-color: var(--rgwiki-main-navbox-color-header);
| |
| }
| |
|
| |
| .rgwiki-main-navbox .rgwiki-main-navbox-header-row .mw-collapsible-toggle {
| |
| position: absolute;
| |
| right: 10px;
| |
| }
| |
|
| |
| .rgwiki-main-navbox .rgwiki-main-navbox-row {
| |
| white-space: nowrap;
| |
| text-align: right;
| |
| padding-left: 8px;
| |
| padding-right: 8px;
| |
| width: 0;
| |
| background-color: var(--rgwiki-main-navbox-color-row);
| |
| }
| |
|
| |
| .rgwiki-main-navbox-section td {
| |
| background-color: var(--rgwiki-main-navbox-color-cell);
| |
| }
| |
|
| |
| .rgwiki-main-navbox-section ul {
| |
| display: inline;
| |
| margin: 0;
| |
| }
| |
|
| |
| .rgwiki-main-navbox-section li {
| |
| display: inline list-item;
| |
| margin-left: 2px;
| |
| }
| |
|
| |
| .rgwiki-main-navbox-section li:first-child {
| |
| display: inline;
| |
| margin-left: 0;
| |
| }
| |
|
| |
| .rgwiki-main-navbox-section ul ul::before {
| |
| content: "(";
| |
| }
| |
|
| |
| .rgwiki-main-navbox-section ul ul::after {
| |
| content: ")";
| |
| } | | } |