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 |
||
| (4 intermediate revisions by the same user not shown) | |||
| Line 3: | Line 3: | ||
/* Mobile phone */ | /* Mobile phone */ | ||
@media all and (max-width: 719px) { | @media all and (max-width: 719px) { | ||
/* Template:Scroll box */ | |||
.scroll-box { | |||
width: auto !important; | |||
} | |||
/* Template:Columns */ | /* Template:Columns */ | ||
.columns { | .columns { | ||
column-count: auto !important; | column-count: auto !important; | ||
} | |||
/* Userboxes */ | |||
#userboxes { | |||
float: none !important; | |||
max-width: none !important; | |||
margin: 15px 0 15.75px !important; | |||
} | |||
.userbox { | |||
float: none !important; | |||
width: 99% !important; | |||
} | } | ||
} | } | ||
| Line 12: | Line 28: | ||
@media all and (min-width: 720px) { | @media all and (min-width: 720px) { | ||
/* Notice templates */ | /* Notice templates */ | ||
.notice-template. | .notice-template.file { | ||
text-align: center; | text-align: center; | ||
} | } | ||
} | } | ||
Latest revision as of 17:42, December 21, 2024
/* Responsive CSS applied to both desktop and mobile */
/* Mobile phone */
@media all and (max-width: 719px) {
/* Template:Scroll box */
.scroll-box {
width: auto !important;
}
/* Template:Columns */
.columns {
column-count: auto !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;
}
}
