MediaWiki:Gadget-ResponsiveStyle.css: Difference between revisions
From the Super Mario Wiki, the Mario encyclopedia
Jump to navigationJump to search
mNo edit summary |
mNo edit summary |
||
| (6 intermediate revisions by the same user not shown) | |||
| Line 6: | Line 6: | ||
.columns { | .columns { | ||
column-count: auto !important; | column-count: auto !important; | ||
} | |||
/* Template:Scroll box */ | |||
:not(td) > .scrollbox { | |||
width: auto !important; | |||
} | |||
/* Template:Foreign names */ | |||
#foreign-names span[style*="nowrap"] { | |||
white-space: normal !important; | |||
} | } | ||
| Line 11: | Line 21: | ||
#userboxes { | #userboxes { | ||
float: none !important; | float: none !important; | ||
max-width: none !important; | |||
margin: 15px 0 15.75px !important; | margin: 15px 0 15.75px !important; | ||
} | } | ||
.userbox { | .userbox { | ||
float: none !important; | |||
width: 99% !important; | width: 99% !important; | ||
} | } | ||
| Line 24: | Line 35: | ||
.notice-template.file { | .notice-template.file { | ||
text-align: center; | text-align: center; | ||
} | } | ||
} | } | ||
Latest revision as of 13:10, March 15, 2025
/* Responsive CSS applied to both desktop and mobile */
/* Mobile phone */
@media all and (max-width: 719px) {
/* Template:Columns */
.columns {
column-count: auto !important;
}
/* Template:Scroll box */
:not(td) > .scrollbox {
width: auto !important;
}
/* Template:Foreign names */
#foreign-names span[style*="nowrap"] {
white-space: normal !important;
}
/* Userboxes */
#userboxes {
float: none !important;
max-width: none !important;
margin: 15px 0 15.75px !important;
}
.userbox {
float: none !important;
width: 99% !important;
}
}
/* Desktop/tablet */
@media all and (min-width: 720px) {
/* Notice templates */
.notice-template.file {
text-align: center;
}
}
