|
|
| Line 574: |
Line 574: |
| color: var(--str-text-dim) !important; | | color: var(--str-text-dim) !important; |
| } | | } |
| | |
| | .mw-footer-container { background: transparent; } |
|
| |
|
| .mw-footer li, | | .mw-footer li, |
| Line 710: |
Line 712: |
| } | | } |
|
| |
|
| /* === 23. MOBILE FIXES (≤850px) === */ | | /* === 23. MOBILE (≤850px) === */ |
| @media screen and (max-width: 850px) {
| |
| /* Undo global relative-positioning that breaks Timeless dropdowns */
| |
| header, nav,
| |
| #mw-header-container, #mw-header-hack, .mw-header-container {
| |
| position: static !important;
| |
| top: auto !important;
| |
| }
| |
| | |
| #mw-mf-page-left, .dropdown, .dropdown-active,
| |
| #mw-site-navigation, #mw-related-navigation,
| |
| #site-tools, #personal {
| |
| position: static !important;
| |
| height: auto !important;
| |
| max-height: none !important;
| |
| overflow: visible !important;
| |
| }
| |
| | |
| .dropdown .mw-portlet-body,
| |
| .dropdown.dropdown-active .mw-portlet-body {
| |
| display: block !important;
| |
| height: auto !important;
| |
| max-height: 70vh !important;
| |
| overflow-y: auto !important;
| |
| background-color: var(--str-bg-card) !important;
| |
| border: 1px solid var(--str-border) !important;
| |
| border-radius: var(--str-radius) !important;
| |
| box-shadow: 0 0 25px rgba(0,0,0,0.6), 0 0 8px var(--str-accent) !important;
| |
| z-index: 9999 !important;
| |
| position: relative !important;
| |
| }
| |
| | |
| .dropdown-toggle, #ca-more, .mw-ui-icon {
| |
| position: relative !important;
| |
| z-index: 9999 !important;
| |
| }
| |
| | |
| /* Hide empty sidebar/portlet shells */
| |
| .sidebar-chunk:empty,
| |
| .mw-portlet:empty,
| |
| .mw-portlet:not(:has(li)):not(:has(a)) {
| |
| display: none !important;
| |
| border: none !important;
| |
| padding: 0 !important;
| |
| margin: 0 !important;
| |
| background: none !important;
| |
| }
| |
| | |
| #mw-content-block .sidebar-chunk {
| |
| border: none !important;
| |
| box-shadow: none !important;
| |
| background: transparent !important;
| |
| padding: 0 !important;
| |
| }
| |
| | |
| /* No abrupt white bottom */
| |
| html, body,
| |
| #mw-content-block, #mw-content-wrapper, .mw-body {
| |
| background-color: var(--str-bg-body) !important;
| |
| }
| |
|
| |
|
| #mw-content {
| |
| border-radius: var(--str-radius) var(--str-radius) 0 0 !important;
| |
| margin-bottom: 0 !important;
| |
| border-bottom: none !important;
| |
| }
| |
|
| |
|
| .mw-footer {
| |
| background-color: var(--str-bg-card) !important;
| |
| margin-top: 0 !important;
| |
| border-radius: 0 !important;
| |
| border-top: 3px solid var(--str-green) !important;
| |
| }
| |
| }
| |
| </style> | | </style> |
|
| |
|
Description
Origin
Author: Marina Malinti
Note
To use this theme on a page, simply add the following code directly to the page's source code:
{{Theme-STR}}
