Difference between revisions of "User:Tague/common.css"

Explain xkcd: It's 'cause you're dumb.
Jump to: navigation, search
 
Line 1: Line 1:
 
@media all and (orientation: portrait) {
 
@media all and (orientation: portrait) {
#mw-panel { top: 0 !important; height: 100px; width: 100% !important; display: flex; flex-direction: row; }
+
/* Mobile viewing hack */
#mw-panel * { display: flex; flex-direction: column; height: 100px; flex-wrap: wrap; }
+
#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; }
 
#mw-panel #p-logo { display: none; }
div#mw-head-base { height: calc(5em + 100px); }
+
div#mw-head-base { height: calc(5em + 200px); }
div#mw-head { top: 100px; }
+
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; }
}