Template:Infobox/styles.css: Difference between revisions

Revision as of 00:49, 15 September 2025

table.infobox{float:right;clear:right;border:1px solid #a2a9b1;background:#fff;border-collapse:separate;border-spacing:0;font-size:88%;line-height:1.5;width:280px;max-width:100%;margin:0 0 1em 1em}
table.infobox .infobox-title{background:#f8f9fa;text-align:center;font-weight:700;padding:.45em .6em;font-size:110%;border-bottom:1px solid #a2a9b1}
table.infobox .infobox-image{text-align:center;padding:.6em}
table.infobox .infobox-image img{max-width:100%;height:auto;border-radius:6px}
table.infobox .infobox-caption{text-align:center;color:#54595d;font-size:90%;padding:0 .6em .5em}
table.infobox th,table.infobox td{padding:.4em .6em;border-top:1px solid #eaecf0;vertical-align:top}
table.infobox th{text-align:left;background:#f8f9fa;width:38%}
@media (max-width:900px){table.infobox{float:none;margin:0 0 1em 0;width:100%}}

@@ Line 1: / Line 1: @@
-/* Wikipedia-style infobox (TemplateStyles, Minerva-safe) */
+table.infobox{float:right;clear:right;border:1px solid #a2a9b1;background:#fff;border-collapse:separate;border-spacing:0;font-size:88%;line-height:1.5;width:280px;max-width:100%;margin:0 0 1em 1em}
-table.infobox{
+table.infobox .infobox-title{background:#f8f9fa;text-align:center;font-weight:700;padding:.45em .6em;font-size:110%;border-bottom:1px solid #a2a9b1}
-  float:right; clear:right;
+table.infobox .infobox-image{text-align:center;padding:.6em}
-  border:1px solid #a2a9b1; background:#fff;
+table.infobox .infobox-image img{max-width:100%;height:auto;border-radius:6px}
-  border-collapse:separate; border-spacing:0;
+table.infobox .infobox-caption{text-align:center;color:#54595d;font-size:90%;padding:0 .6em .5em}
-  font-size:88%; line-height:1.5;
+table.infobox th,table.infobox td{padding:.4em .6em;border-top:1px solid #eaecf0;vertical-align:top}
-  width: 280px; max-width: 100%;
+table.infobox th{text-align:left;background:#f8f9fa;width:38%}
-  margin:0 0 1em 1em;
+@media (max-width:900px){table.infobox{float:none;margin:0 0 1em 0;width:100%}}
-}
-table.infobox .infobox-title{
-  background:#f8f9fa; text-align:center; font-weight:700;
-  padding:.45em .6em; font-size:110%; border-bottom:1px solid #a2a9b1;
-}
-table.infobox .infobox-image{ text-align:center; padding:.6em; }
-table.infobox .infobox-image img{ max-width:100%; height:auto; border-radius:6px; }
-table.infobox .infobox-caption{
-  text-align:center; color:#54595d; font-size:90%; padding:0 .6em .5em;
-}
-table.infobox th, table.infobox td{
-  padding:.4em .6em; border-top:1px solid #eaecf0; vertical-align:top;
-}
-table.infobox th{ text-align:left; background:#f8f9fa; width:38%; }
-table.infobox .infobox-below{
-  text-align:center; padding:.5em .6em; background:#f8f9fa; border-top:1px solid #a2a9b1;
-}
-/* Mobile (Minerva): full-width, no float */
-@media (max-width:900px){
-  table.infobox{ float:none; margin:0 0 1em 0; width:100%; }
-}