Responsive MediaWiki Vector 2010 by lightwo

/* ==UserStyle==
@name           Responsive MediaWiki Vector 2010
@namespace      wiki.pine64.org
@version        1.0
@description    Makes the Vector 2010 theme responsive.
@author         lightwo
@homepageURL    https://lightwo.net
==/UserStyle== */

@-moz-document domain("wiki.pine64.org") {
@media all and (max-width: 960px) {
    /* Removed left panel and space for it */
    .mw-body {
    	margin-left: 0;
    }
    #mw-panel {
        display: none;
    }
    
    /* Made left navigation less prone to breaking right navigation */
    #left-navigation {
        margin-left: 0;
    }
    
    /* No floating images, better scaling */
    .tleft, .tright, .floatleft, .floatright {
        clear: unset !important;
        float: unset !important;
    }
    .thumb, .thumbinner, .gallerybox, .gallerybox > div {
        width: unset !important;
    }
    .thumbimage, .image img {
        width: 100%;
        /* Gets rid of gaps at cost of very tall images: */
        /* height: 100%; */
        object-fit: contain;
    }


    /* General responsiveness improvements */
    table {
        overflow-x: auto;
        display: block;
        max-width: 95vw;
    }
    blockquote {
        margin: 1em 0;
    }
}
}