Template:OOOInfoBox/styles.css: Difference between revisions
No edit summary |
No edit summary Tag: Manual revert |
||
| (5 intermediate revisions by the same user not shown) | |||
| Line 7: | Line 7: | ||
/* Base box */ | /* Base box */ | ||
.ooo-infobox { | .ooo-infobox { | ||
width: | width: 300px; | ||
border-width: 1px; | border-width: 1px; | ||
border-style: solid; | border-style: solid; | ||
| Line 194: | Line 194: | ||
} | } | ||
/* | /* Default: float right */ | ||
.ooo-infobox { float: right; clear: right; margin: 0 0 1em 1em; } | |||
/* Overrides (use via |align=...) */ | |||
.ooo-infobox--left { float: left; clear: left; margin: 0 1em 1em 0; } | |||
.ooo-infobox--none { float: none; margin: 0 0 1em 0; } | |||
.ooo-infobox--center { float: none; margin: 0 auto 1em; display: block; } | |||
/* Mobile: unfloat so it doesn’t squeeze text */ | |||
@media (max-width: 640px) { | @media (max-width: 640px) { | ||
.ooo-infobox { width: 100%; } | .ooo-infobox, | ||
.ooo-infobox--left, | |||
.ooo-infobox--none, | |||
.ooo-infobox--center { float: none; margin: 0 0 1em 0; width: 100%; } | |||
} | } | ||