MediaWiki:Common.css: Difference between revisions

Latest revision as of 17:46, 28 June 2023

/* CSS placed here will be applied to all skins */
@media (max-width: 580px) {
    #main_page_ham_symbol {
        display: none;
    }
}

.editCheckboxes {
    display: none;
}

#ccbox {
    display: block !important;
}

#p-logo-text a {
    white-space: nowrap;
    font-variant: normal;
}

* {
    font-family: sans-serif !important;
}

#p-logo,
#user-tools,
#p-views,
#mw-site-navigation,
#mw-related-navigation,
#mw-header-nav-hack,
#p-namespaces,
#ca-more {
    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 */