Template:OOOInfoBox/styles.css: Difference between revisions

← Older edit Newer edit →

@@ Line 194: / Line 194: @@
 }
-/* Alignment helpers */
+/* Default: float right */
-.ooo-infobox--right { float: right; clear: right; margin: 0 0 1em 1em; }
+.ooo-infobox { float: right; clear: right; margin: 0 0 1em 1em; }
-.ooo-infobox--left  { float: left;  clear: left;  margin: 0 1em 1em 0; }
-/* Responsive */
+/* 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) {
-   .ooo-infobox--right,
+  .ooo-infobox,
-   .ooo-infobox--left { float: none; margin: 0 0 1em 0; }
+  .ooo-infobox--left,
-  .ooo-infobox { width: 100%; }
+   .ooo-infobox--none,
+   .ooo-infobox--center { float: none; margin: 0 0 1em 0; width: 100%; }
 }