MediaWiki:Gadget-ResponsiveStyle.css

/* Responsive CSS applied to both desktop and mobile */

/* Mobile phone */ @media all and (max-width: 719px) { /* Responsive tables */ table.responsive > tbody > tr { display: block; }	table.responsive > tbody > tr > td { display: block; text-align: right; font-size: 100% !important; }	table.responsive > tbody > tr > td ul, table.responsive > tbody > tr > td ol { clear: left; text-align: left; }	table.responsive > tbody > tr > td::before { float: left; font-weight: bold; content: attr(data-label); margin-right: 0.75em; }	table.responsive > tbody > tr:not(:last-child) { margin-bottom: 0.5em; }	table.responsive.jquery-tablesorter > thead, table.responsive:not(.jquery-tablesorter) > tbody > tr:first-child { display: none; }

/* Responsive tables (columns only) */ table.responsive-col > tbody > tr > td { display: block !important; width: auto !important; min-width: 0 !important; max-width: none !important; }

/* Echo extension */ .mw-echo-ui-notificationItemWidget-content-actions-buttons { font-size: 10px; } }

/* Desktop/tablet */ @media all and (min-width: 720px) { /* Notice templates */ .notice-template.image { text-align: center; } }