Template:Theme-HJ: Difference between revisions
From HUIJIA FUN
PlurimodSU (talk | contribs) m Edit |
PlurimodSU (talk | contribs) m Edit |
||
| Line 42: | Line 42: | ||
#mw-content { | #mw-content { | ||
background-color: var(--mw-bg-card); | background-color: var(--mw-bg-card); | ||
padding: | padding: 25px 30px; /* Ported from CN for better whitespace */ | ||
border-radius: var(--mw-radius); | border-radius: var(--mw-radius); | ||
border: 1px solid var(--mw-border); | border: 1px solid var(--mw-border); | ||
| Line 263: | Line 263: | ||
border-top: 4px solid var(--mw-primary); | border-top: 4px solid var(--mw-primary); | ||
} | } | ||
/* --- 10. MOBILE FIXES (≤850px) --- */ | |||
@media screen and (max-width: 850px) { | |||
/* Restore Timeless mobile nav (in case global rules interfere) */ | |||
#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(--mw-bg-card) !important; | |||
border: 1px solid var(--mw-border) !important; | |||
border-radius: var(--mw-radius) !important; | |||
box-shadow: var(--shadow-subtle) !important; | |||
z-index: 9999 !important; | |||
position: relative !important; | |||
} | |||
.dropdown-toggle, #ca-more, .mw-ui-icon { | |||
position: relative !important; | |||
z-index: 9999 !important; | |||
} | |||
/* Hide the empty green 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; | |||
} | |||
/* Kill the abrupt white gap above the footer */ | |||
html, body, | |||
#mw-content-block, #mw-content-wrapper, .mw-body { | |||
background-color: var(--mw-bg-page) !important; | |||
} | |||
#mw-content { | |||
border-radius: var(--mw-radius) var(--mw-radius) 0 0 !important; | |||
margin-bottom: 0 !important; | |||
border-bottom: none !important; | |||
} | |||
.mw-footer { | |||
margin-top: 0 !important; | |||
border-radius: 0 !important; | |||
} | |||
} | |||
</style> | </style> | ||
<script> | <script> | ||
Revision as of 08:51, 30 May 2026
Description
Origin
Author: PlurimodSU
Note
To use this theme on a page, simply add the following code directly to the page's source code:
{{Theme-HJ}}
