Difference between revisions of "Template:Infobox/styles.css"
Jump to navigation
Jump to search
imported>Great Brightstar (Make the title centered on mobile browsers) |
imported>Great Brightstar m (Small fix) |
||
| Line 6: | Line 6: | ||
} | } | ||
} | } | ||
| − | /* The title is usually aligned to the left in the mobile skin, but it makes | + | /* The title is usually aligned to the left in the mobile skin, but it makes inconsistent with the desktop |
skin (Vector), this fixes that. */ | skin (Vector), this fixes that. */ | ||
body.skin-minerva table.infobox caption { | body.skin-minerva table.infobox caption { | ||
text-align: center; | text-align: center; | ||
} | } | ||
Revision as of 19:29, 20 November 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;
}
}
/* The title is usually aligned to the left in the mobile skin, but it makes inconsistent with the desktop
skin (Vector), this fixes that. */
body.skin-minerva table.infobox caption {
text-align: center;
}