MediaWiki:Common.css: Difference between revisions
force normal document-level scroll so tab bar scrolls with the page instead of overlapping content |
made stats box smaller |
||
| (16 intermediate revisions by the same user not shown) | |||
| Line 164: | Line 164: | ||
.header-stats { | .header-stats { | ||
width: | width: 190px; | ||
flex-shrink: 0; | flex-shrink: 0; | ||
background: linear-gradient(to bottom, #fcf6e8, #f1e7d3) !important; | background: linear-gradient(to bottom, #fcf6e8, #f1e7d3) !important; | ||
| Line 170: | Line 170: | ||
box-shadow: 0 4px 10px rgba(61, 43, 31, 0.15); | box-shadow: 0 4px 10px rgba(61, 43, 31, 0.15); | ||
border: 1px solid rgba(179, 160, 125, 0.4); | border: 1px solid rgba(179, 160, 125, 0.4); | ||
padding: | padding: 12px 16px; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
| Line 181: | Line 181: | ||
display: flex; | display: flex; | ||
justify-content: space-between; | justify-content: space-between; | ||
margin-bottom: | margin-bottom: 5px; | ||
font-size: 0. | font-size: 0.8em; | ||
border-bottom: 1px dashed rgba(179, 160, 125, 0.6); | border-bottom: 1px dashed rgba(179, 160, 125, 0.6); | ||
padding-bottom: | padding-bottom: 5px; | ||
} | } | ||
.header-stats li:last-child { | .header-stats li:last-child { | ||
| Line 286: | Line 286: | ||
border-radius: 8px; | border-radius: 8px; | ||
overflow: hidden; | overflow: hidden; | ||
box-shadow: 0 | box-shadow: 0 8px 18px rgba(20, 12, 4, 0.25); | ||
border: 1px solid rgba(179, 160, 125, 0.3); | border: 1px solid rgba(179, 160, 125, 0.3); | ||
transition: all 0.2s ease; | transition: all 0.2s ease; | ||
| Line 294: | Line 294: | ||
.category-card:hover { | .category-card:hover { | ||
transform: translateY(-4px); | transform: translateY(-4px); | ||
box-shadow: 0 | box-shadow: 0 16px 28px rgba(20, 12, 4, 0.35), 0 0 15px rgba(255, 215, 0, 0.15); | ||
border-color: #b3a07d; | border-color: #b3a07d; | ||
} | } | ||
.tile-top.tile-image { | .tile-top.tile-image { | ||
background: radial-gradient(circle, #ffffff 0%, #f1e7d3 100%) !important; | background: radial-gradient(circle, #ffffff 0%, #f1e7d3 100%) !important; | ||
height: | height: 220px; | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
| Line 307: | Line 307: | ||
} | } | ||
.tile-top.tile-image img { | .tile-top.tile-image img { | ||
max-width: | max-width: 175px; | ||
max-height: | max-height: 175px; | ||
object-fit: contain; | object-fit: contain; | ||
filter: drop-shadow(0 | filter: drop-shadow(0 14px 16px rgba(20, 12, 4, 0.5)); | ||
transition: transform 0.2s ease; | transition: transform 0.2s ease, filter 0.2s ease; | ||
} | } | ||
.category-card:hover .tile-top.tile-image img { | .category-card:hover .tile-top.tile-image img { | ||
transform: scale(1.05); | transform: scale(1.05); | ||
filter: drop-shadow(0 18px 20px rgba(20, 12, 4, 0.6)); | |||
} | } | ||
.tile-bottom.link-button { | .tile-bottom.link-button { | ||
| Line 893: | Line 894: | ||
} | } | ||
#content { | #content { | ||
margin-top: | margin-top: 70px !important; | ||
margin-left: 10px !important; | margin-left: 10px !important; | ||
margin-right: 10px !important; | margin-right: 10px !important; | ||
| Line 903: | Line 904: | ||
} | } | ||
#mw-head::before { | #mw-head::before { | ||
display: none !important; | |||
} | |||
/* The stock "Not logged in / Talk / Contributions / Log in" toolbar has | |||
nowhere sensible to sit once the header collapses on mobile, so hide | |||
it rather than let it float over the page. */ | |||
#p-personal { | |||
display: none !important; | display: none !important; | ||
} | } | ||
| Line 954: | Line 961: | ||
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); | box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); | ||
} | } | ||
#mobile-nav-backdrop { | #mobile-nav-backdrop { | ||
display: none; | display: none; | ||
| Line 1,309: | Line 1,317: | ||
} | } | ||
.mainpage-container, .mainpage-layout, .mainpage-header, | .mainpage-container, .mainpage-layout, .mainpage-header, .mainpage-left, .mainpage-right, | ||
.tile-row, .updates-row, .categories-grid, .popular-grid, .skills-grid, | .tile-row, .updates-row, .categories-grid, .popular-grid, .skills-grid, | ||
.update-card, .category-card, .skill-item, .header-intro, .header-stats { | .update-card, .category-card, .skill-item, .header-intro, .header-stats { | ||
| Line 1,337: | Line 1,345: | ||
.categories-grid, .popular-grid, .skills-grid { | .categories-grid, .popular-grid, .skills-grid { | ||
grid-template-columns: 1fr !important; | grid-template-columns: 1fr !important; | ||
} | |||
/* The leaderboard widgets have a hardcoded inline min-width:300px that | |||
stops them shrinking on the narrowest phones; override it. */ | |||
.leaderboards-row { | |||
flex-direction: column !important; | |||
} | |||
.widget-box { | |||
min-width: 0 !important; | |||
width: 100% !important; | |||
box-sizing: border-box !important; | |||
} | } | ||
} | } | ||
| Line 1,350: | Line 1,368: | ||
/* Forced refresh 2 */ | /* Forced refresh 2 */ | ||
/* ========================================================================== | |||
MINERVA MOBILE MENU - injected navigation sections | |||
Styled to fit Minerva's own native look (plain, light gray), not the | |||
OSRS/parchment desktop theme, since this only ever renders on Minerva. | |||
========================================================================== */ | |||
.wov-minerva-nav-heading { | |||
font-size: 0.75em; | |||
font-weight: 700; | |||
text-transform: uppercase; | |||
letter-spacing: 0.05em; | |||
color: #72777d; | |||
padding: 14px 16px 6px 16px; | |||
border-top: 1px solid #eaecf0; | |||
} | |||
#wov-minerva-extra-nav .toggle-list__list { | |||
margin: 0; | |||
padding: 0; | |||
list-style: none; | |||
} | |||
#wov-minerva-extra-nav .toggle-list-item__anchor { | |||
display: block; | |||
padding: 10px 16px; | |||
color: #202122; | |||
text-decoration: none; | |||
font-size: 0.95em; | |||
} | |||
#wov-minerva-extra-nav .toggle-list-item__anchor:active { | |||
background: #eaecf0; | |||
} | |||
/* Keep just the hamburger button pinned while scrolling; everything else | |||
in the header (site name, search) scrolls away normally. */ | |||
#mw-mf-main-menu-button { | |||
position: fixed !important; | |||
top: 8px; | |||
left: 8px; | |||
margin: 0 !important; | |||
z-index: 1000; | |||
width: 40px; | |||
height: 40px; | |||
display: flex !important; | |||
align-items: center; | |||
justify-content: center; | |||
background: #ffffff; | |||
border: 1.5px solid #a2a9b1; | |||
border-radius: 8px; | |||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); | |||
} | |||
/* Hide it while the drawer is open so it doesn't sit on top of "Home"; | |||
tapping outside the drawer still closes it via Minerva's own overlay. */ | |||
#main-menu-input:checked ~ #mw-mf-main-menu-button { | |||
display: none !important; | |||
} | |||
/* The button leaving normal flow collapses its old slot to 0 width, so the | |||
site name/search would otherwise slide left underneath it; push them | |||
right to clear it. */ | |||
.minerva-header { | |||
padding-left: 52px; | |||
box-sizing: border-box; | |||
} | |||
/* List Category:Skills members in a single vertical column instead of the | |||
default multi-column layout. */ | |||
.page-Category_Skills .mw-category-columns { | |||
column-count: 1 !important; | |||
column-width: auto !important; | |||
} | |||
.page-Category_Skills .mw-category-group ul { | |||
display: block !important; | |||
} | |||
.page-Category_Skills .mw-category-group li { | |||
display: block !important; | |||
} | |||
/* Drop the Score column from the Top Contributors table. */ | |||
.contributionscores-wrapper th:nth-child(2), | |||
.contributionscores-wrapper td:nth-child(2) { | |||
display: none; | |||
} | |||
/* Hide the whole Tools toolbox from the sidebar (What links here, Related | |||
changes, Printable version, Permanent link, Page information, Cargo | |||
data) - none of it is meant for regular readers. */ | |||
#p-tb { | |||
display: none !important; | |||
} | |||
#footer-places-about { | |||
display: none !important; | |||
} | |||