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; }

/* User board */ .user-board-message { width: auto !important; }	.user-page-message-form textarea { width: 100% !important; }

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

/* PdfHandler */ .multipageimage > tbody > tr > td:nth-of-type(2) { display: none !important; }

/* Template:Notice */ .notice { min-width: 0 !important; max-width: none !important; }	.notice-wrapper { width: auto !important; display: block !important; }

/* Hub pages */ .hub-body { display: block !important; }	.hub-body-col { width: auto !important; max-width: none !important; }	.hub-body-box { margin-left: 0 !important; margin-right: 0 !important; }	.mobile #hub-contents { display: none !important; } }

/* Desktop/tablet */ @media all and (min-width: 720px) { /* User profile */ #user-page-left > .profile-info-container > div { width: 50%; float: left; } }