MediaWiki:Mobile.css: Difference between revisions

From Spacewalk Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
/* All CSS here will be loaded for users of the mobile site */
/* All CSS here will be loaded for users of the mobile site */


@media (max-width: 768px) {
/* Infobox responsive */
.infobox-wrapper {
    float: right;
    clear: right;
    margin: 0 0 1em 1em;
    width: 250px;
}
 
@media screen and (max-width: 768px) {
     .infobox-wrapper {
     .infobox-wrapper {
         float: none !important;
         float: none !important;
Line 9: Line 17:
         box-sizing: border-box;
         box-sizing: border-box;
     }
     }
   
     .infobox-wrapper table {
     .infobox-wrapper table {
         width: 100% !important;
         width: 100% !important;
    }
   
    .infobox-wrapper img {
        max-width: 100% !important;
        height: auto !important;
     }
     }
}
}

Revision as of 10:56, 25 May 2025

/* All CSS here will be loaded for users of the mobile site */

/* Infobox responsive */
.infobox-wrapper {
    float: right;
    clear: right;
    margin: 0 0 1em 1em;
    width: 250px;
}

@media screen and (max-width: 768px) {
    .infobox-wrapper {
        float: none !important;
        clear: both !important;
        width: 100% !important;
        margin: 1em 0 !important;
        box-sizing: border-box;
    }
    
    .infobox-wrapper table {
        width: 100% !important;
    }
    
    .infobox-wrapper img {
        max-width: 100% !important;
        height: auto !important;
    }
}