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
 
(One intermediate revision 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 {
Line 11: Line 16:
#userboxes {
#userboxes {
float: none !important;
float: none !important;
max-width: none !important;
margin: 15px 0 15.75px !important;
margin: 15px 0 15.75px !important;
max-width: none !important;
}
}
.userbox {
.userbox {
float: none !important;
width: 99% !important;
width: 99% !important;
}
}

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