MediaWiki:Gadget-ResponsiveStyle.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
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; | |||
margin-bottom: 0.5em; | |||
} | |||
table.responsive > tbody > tr > td { | |||
display: block; | |||
text-align: right; | |||
} | |||
table.responsive > tbody > tr > td::before { | |||
float: left; | |||
font-weight: bold; | |||
content: attr(data-label); | |||
margin-right: 0.75em; | |||
} | |||
table.responsive.jquery-tablesorter > thead, | |||
table.responsive:not(.jquery-tablesorter) > tbody > tr:first-child { | |||
display: none; | |||
} | |||
/* Site styles */ | |||
.medialist.listenlist { | .medialist.listenlist { | ||
width: auto !important; | width: auto !important; |
Revision as of 08:09, April 9, 2022
/* Responsive CSS applied to both desktop and mobile */
/* Mobile phone */
@media all and (max-width: 719px) {
/* Responsive tables */
table.responsive > tbody > tr {
display: block;
margin-bottom: 0.5em;
}
table.responsive > tbody > tr > td {
display: block;
text-align: right;
}
table.responsive > tbody > tr > td::before {
float: left;
font-weight: bold;
content: attr(data-label);
margin-right: 0.75em;
}
table.responsive.jquery-tablesorter > thead,
table.responsive:not(.jquery-tablesorter) > tbody > tr:first-child {
display: none;
}
/* Site styles */
.medialist.listenlist {
width: auto !important;
}
.notice#spoiler {
padding: 2px 6px !important;
margin: 18px 6px !important;
}
.columns {
column-count: 2 !important;
}
}