|
|
Line 3: |
Line 3: |
| /* Mobile phone */ | | /* Mobile phone */ |
| @media all and (max-width: 719px) { | | @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,
| |
| body.anon table.col-begin > tbody > tr > td {
| |
| display: block !important;
| |
| width: auto !important;
| |
| min-width: 0 !important;
| |
| max-width: none !important;
| |
| }
| |
| body.anon table.col-begin {
| |
| font-size: 100% !important;
| |
| }
| |
|
| |
| /* Echo extension */ | | /* Echo extension */ |
| .mw-echo-ui-notificationItemWidget-content-actions-buttons { | | .mw-echo-ui-notificationItemWidget-content-actions-buttons { |