| Line 1: |
Line 1: |
| | /* CSS placed here will affect users of the mobile site */ | | /* CSS placed here will affect users of the mobile site */ |
| − | /* --- Force MobileFrontend sections open --- */
| |
| − | .mf-section .collapsible-block-content,
| |
| − | .collapsible-block .collapsible-block-content,
| |
| − | .mf-collapsible-block .collapsible-block-content,
| |
| − | .mobile-collapse .collapsible-block-content {
| |
| − | display: block !important;
| |
| − | height: auto !important;
| |
| − | opacity: 1 !important;
| |
| − | visibility: visible !important;
| |
| − | }
| |
| − | .mf-section.open-block,
| |
| − | .collapsible-block.open-block,
| |
| − | .mf-collapsible-block.open-block,
| |
| − | .mobile-collapse.open-block {
| |
| − | /* belt & suspenders */
| |
| − | overflow: visible !important;
| |
| − | }
| |
| − | .section-heading .indicator,
| |
| − | .mf-section-heading .indicator,
| |
| − | .collapsible-block .collapsible-block-toggle {
| |
| − | display: none !important;
| |
| − | }
| |
| − |
| |
| − | /* --- Force core mw-collapsible (templates/navboxes) open --- */
| |
| − | .mw-collapsible .mw-collapsible-content,
| |
| − | .mw-collapsible.mw-collapsed .mw-collapsible-content {
| |
| − | display: block !important;
| |
| − | }
| |
| − | .mw-collapsible .mw-collapsible-toggle,
| |
| − | .mw-collapsible .mw-collapsible-button {
| |
| − | display: none !important;
| |
| − | }
| |
| − |
| |
| − | /* Chrome/Edge sometimes blanks images with content-visibility in toggled blocks */
| |
| − | @supports (content-visibility:auto) {
| |
| − | .collapsible-block-content,
| |
| − | .mw-collapsible-content,
| |
| − | #bodyContent,
| |
| − | .content {
| |
| − | content-visibility: visible !important;
| |
| − | contain-intrinsic-size: auto !important;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | /* ==== Hide Commons/Wikimedia sister boxes sitewide ==== */
| |
| − | /* Primary selector used by {{commons category}} output */
| |
| − | table.sistersitebox,
| |
| − | table.metadata.mbox-small.plainlinks.sistersitebox,
| |
| − | div.sistersitebox {
| |
| − | display: none !important;
| |
| − | border: 0 !important;
| |
| − | margin: 0 !important;
| |
| − | padding: 0 !important;
| |
| − | height: 0 !important;
| |
| − | }
| |
| − |
| |
| − | /* Extra safety: if any wrapper remains, collapse all children too */
| |
| − | table.sistersitebox * {
| |
| − | display: none !important;
| |
| − | border: 0 !important;
| |
| − | margin: 0 !important;
| |
| − | padding: 0 !important;
| |
| − | height: 0 !important;
| |
| − | line-height: 0 !important;
| |
| − | font-size: 0 !important;
| |
| − | }
| |
| − |
| |
| − | /* Optional: catch variants some skins/templates might use */
| |
| − | .sisterproject,
| |
| − | .sister-project {
| |
| − | display: none !important;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /* Ensure gallery thumbnails render properly across browsers */
| |
| − | .gallerybox .thumb img {
| |
| − | display: block !important; /* Prevent inline rendering quirks */
| |
| − | background: none !important; /* Remove gray placeholder background */
| |
| − | object-fit: cover; /* Fit image correctly in its box */
| |
| − | max-width: 100% !important;
| |
| − | max-height: 100% !important;
| |
| − | }
| |
| − |
| |
| − | /* Optional: add a subtle fallback background so empty images are visible */
| |
| − | .gallerybox .thumb {
| |
| − | background-color: #f0f0f0; /* Light gray instead of solid dark */
| |
| − | }
| |
| | | | |
| | | | |