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

From blackwiki
Jump to navigation Jump to search
imported>Great Brightstar
(Fix typo)
imported>Great Brightstar
(Split the styles related to caption)
Line 5: Line 5:
 
width: 22em;
 
width: 22em;
 
}
 
}
}
 
/* The caption element is usually aligned to the left in the mobile skin, but this makes inconsistent with
 
the desktop skin (Vector) while the element is used in infobox, this fixes that. */
 
body.skin-minerva table.infobox caption {
 
text-align: center;
 
 
}
 
}

Revision as of 13:51, 5 December 2018

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