MediaWiki:Common.css: Difference between revisions
From PBARC
No edit summary |
No edit summary |
||
Line 25: | Line 25: | ||
font-size: 1.1em !important; | font-size: 1.1em !important; | ||
} | } | ||
/* BEGIN MobileEcho CSS */ | |||
@media screen and (max-width: 600px) { | |||
.oo-ui-popupWidget-anchor { | |||
display: none !important;; | |||
} | |||
.oo-ui-popupWidget { | |||
position: fixed; | |||
top: 0px !important; | |||
left: 0px !important; | |||
margin: 0px !important; | |||
width: 100vw !important; | |||
height: 100vh !important; | |||
} | |||
.oo-ui-popupWidget-popup { | |||
width: auto !important; | |||
height: 100% !important; | |||
padding: 1em; | |||
overflow-y: scroll; | |||
} | |||
.oo-ui-popupWidget-body { | |||
height: max-content !important; | |||
width: 100% !important; | |||
} | |||
.oo-ui-popupWidget-footer { | |||
padding-bottom: 3em; | |||
} | |||
.oo-ui-popupWidget-head > .oo-ui-buttonWidget { | |||
right: 30px !important; | |||
} | |||
.mw-echo-ui-toggleReadCircleButtonWidget-circle { | |||
width: 30px !important; | |||
height: 30px !important; | |||
} | |||
.mobileecho-hide-overflow { | |||
overflow: hidden; | |||
} | |||
.mobileecho-close-button { | |||
display: inline-block; | |||
background-color: white; | |||
float: right !important; | |||
} | |||
} | |||
@media screen and (min-width: 601px) { | |||
.mobileecho-close-button { | |||
display: none; | |||
} | |||
} | |||
/* END MobileEcho CSS */ |
Revision as of 12:41, 19 June 2022
/* CSS placed here will be applied to all skins */ #p-logo { display: none; } #p-logo-text a { white-space: nowrap; font-variant: normal; } * {font-family: sans-serif !important} #user-tools, #p-views, #mw-site-navigation, #mw-related-navigation, #mw-header-nav-hack, #p-namespaces { display: none; } #mw-content-container { background-image: none; } h4 { font-size: 1.3em !important; } h5 { font-size: 1.2em !important; } h6 { font-size: 1.1em !important; } /* BEGIN MobileEcho CSS */ @media screen and (max-width: 600px) { .oo-ui-popupWidget-anchor { display: none !important;; } .oo-ui-popupWidget { position: fixed; top: 0px !important; left: 0px !important; margin: 0px !important; width: 100vw !important; height: 100vh !important; } .oo-ui-popupWidget-popup { width: auto !important; height: 100% !important; padding: 1em; overflow-y: scroll; } .oo-ui-popupWidget-body { height: max-content !important; width: 100% !important; } .oo-ui-popupWidget-footer { padding-bottom: 3em; } .oo-ui-popupWidget-head > .oo-ui-buttonWidget { right: 30px !important; } .mw-echo-ui-toggleReadCircleButtonWidget-circle { width: 30px !important; height: 30px !important; } .mobileecho-hide-overflow { overflow: hidden; } .mobileecho-close-button { display: inline-block; background-color: white; float: right !important; } } @media screen and (min-width: 601px) { .mobileecho-close-button { display: none; } } /* END MobileEcho CSS */