Difference between revisions of "User:Tague/common.css"
(Created page with "@media all and (orientation: portrait) { #mw-panel { top: 0 !important; width: 100% !important; display: flex; flex-direction: row; height: 500px; } #mw-panel * { display: fle...") |
|||
| (2 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
@media all and (orientation: portrait) { | @media all and (orientation: portrait) { | ||
| − | #mw-panel { top: 0 !important; width: 100% !important; display: flex; flex-direction: | + | /* Mobile viewing hack */ |
| − | #mw-panel | + | #mw-panel { top: 0 !important; height: 200px !important; width: 100% !important; } |
| + | #mw-panel > .portal { height: 100px; ; margin: 0 !important; } | ||
| + | #mw-panel > .portal > .body > ul { display: flex; flex-direction: column; flex-wrap: wrap; height: 90px; } | ||
| + | #mw-panel > .portal > h3 { display: none; } | ||
| + | #mw-panel > #p-.portal { display: none !important; } | ||
| + | #mw-panel #p-logo { display: none; } | ||
| + | div#mw-head-base { height: calc(5em + 200px); } | ||
| + | div#mw-head { top: 200px; } | ||
#content.mw-body { margin-left: 0; } | #content.mw-body { margin-left: 0; } | ||
#left-navigation { margin-left: 0; } | #left-navigation { margin-left: 0; } | ||
| + | .g-follow, .fb-root, .twitter-follow-button { display: none !important; } | ||
| + | #p-Ads { display: none !important; } | ||
} | } | ||
Latest revision as of 00:14, 5 May 2021
@media all and (orientation: portrait) {
/* Mobile viewing hack */
#mw-panel { top: 0 !important; height: 200px !important; width: 100% !important; }
#mw-panel > .portal { height: 100px; ; margin: 0 !important; }
#mw-panel > .portal > .body > ul { display: flex; flex-direction: column; flex-wrap: wrap; height: 90px; }
#mw-panel > .portal > h3 { display: none; }
#mw-panel > #p-.portal { display: none !important; }
#mw-panel #p-logo { display: none; }
div#mw-head-base { height: calc(5em + 200px); }
div#mw-head { top: 200px; }
#content.mw-body { margin-left: 0; }
#left-navigation { margin-left: 0; }
.g-follow, .fb-root, .twitter-follow-button { display: none !important; }
#p-Ads { display: none !important; }
}
