MediaWiki:Mobile.css: Difference between revisions
Content deleted Content added
No edit summary |
No edit summary |
||
Line 153:
/* ======================================================= */
/* 2. TOP FLOATING SQUARES (44px |
/* ======================================================= */
Line 160:
position: fixed !important;
top: 0 !important; left: 0 !important; right: 0 !important;
height: 60px !important;
z-index: 1000 !important;
background: transparent !important;
Line 171:
}
/* Push content down
body.skin-minerva { padding-top: 60px !important; }
.mw-body { margin-top: 10px !important; }
Line 178:
.header-container .navigation-drawer { display: none !important; }
/* --- B. COMMON SQUARE STYLE (
.branding-box,
#searchIcon,
#cps-open-toc,
body.mw-mf-search-mode .minerva-header .search-box input {
/*
background-color: rgba(0, 0, 0, 0.
/*
opacity: 1 !important;
background-image: none !important;
-webkit-appearance: none !important;
border: none !important;▼
box-shadow: none !important;▼
backdrop-filter: none !important;▼
border-radius: 8px !important;
pointer-events: auto !important;
▲ border: none !important;
▲ box-shadow: none !important;
▲ backdrop-filter: none !important;
/*
box-sizing: border-box !important;
width: 44px !important;
Line 210 ⟶ 208:
#searchIcon {
position: fixed !important;
top: 8px !important;
left: 10px !important;
right: auto !important;
/*
min-width: 0 !important;
min-height: 0 !important;
Line 229:
color: #fff !important;
fill: #fff !important;
opacity: 1 !important;
filter: brightness(0) invert(1);
margin: 0 !important;
Line 267:
}
/* 1. The Home Icon (
.branding-box::after {
content: "⌂";
▲ /* SIZE: 30px */
font-size: 30px !important;
color: #fff !important;
-webkit-text-stroke: 1px #fff !important;
margin-top: -6px !important;
display: block !important;
Line 285 ⟶ 278:
}
/* 2. The Link
.branding-box a {
position: absolute !important;
Line 327 ⟶ 320:
box-sizing: border-box !important;
/* Background matches buttons */
background-color: rgba(0, 0, 0, 0.
color: #fff !important;
-webkit-text-fill-color: #fff !important;
Line 350 ⟶ 345:
}
/* 6. Cancel "X" Button
.search-box .search-box-cancel {
display: block !important;
| |||