Difference between revisions of "Template:Infobox/styles.css"

From blackwiki
Jump to navigation Jump to search
imported>Great Brightstar
(Make the title centered on mobile browsers)
imported>Pppery
(Adding protection template)
 
(4 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
/* {{pp-template}} */
 
/* The width style is limited to tablet and desktop resolutions as 22em is bigger than most mobile screens.
 
/* The width style is limited to tablet and desktop resolutions as 22em is bigger than most mobile screens.
 
Historically, the mobile skin (Minerva) has used !important to override them but this is not sustainable.*/
 
Historically, the mobile skin (Minerva) has used !important to override them but this is not sustainable.*/
Line 5: Line 6:
 
width: 22em;
 
width: 22em;
 
}
 
}
}
 
/* The title is usually aligned to the left in the mobile skin, but it makes inconsitent with the desktop
 
skin (Vector), this fixes that. */
 
body.skin-minerva table.infobox caption {
 
text-align: center;
 
 
}
 
}

Latest revision as of 23:59, 3 March 2019

/* {{pp-template}} */
/* The width style is limited to tablet and desktop resolutions as 22em is bigger than most mobile screens.
Historically, the mobile skin (Minerva) has used !important to override them but this is not sustainable.*/
@media all and ( min-width: 720px ) {
	.infobox {
		width: 22em;
	}
}