Template:Infobox/styles.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
-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}
+.mw-parser-output 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;
-table.infobox .infobox-image{text-align:center;padding:.6em}
+  clear:right;
-table.infobox .infobox-image img{max-width:100%;height:auto;border-radius:6px}
+  width:340px;
-table.infobox .infobox-caption{text-align:center;color:#54595d;font-size:90%;padding:0 .6em .5em}
+  max-width:100%;
-table.infobox th,table.infobox td{padding:.4em .6em;border-top:1px solid #eaecf0;vertical-align:top}
+  margin:0 0 1.5rem 1.5rem;
-table.infobox th{text-align:left;background:#f8f9fa;width:38%}
+  border:1px solid #d7e1ec;
-@media (max-width:900px){table.infobox{float:none;margin:0 0 1em 0;width:100%}}
+  border-collapse:separate;
+  border-spacing:0;
+  border-radius:20px;
+  overflow:hidden;
+  background:linear-gradient(180deg,#ffffff,#f7fbfd);
+  box-shadow:0 18px 42px rgba(17,35,62,.12);
+  font-size:92%;
+  line-height:1.55;
+}
+.mw-parser-output table.infobox .infobox-title{
+  padding:.8rem 1rem;
+  text-align:center;
+  font-weight:700;
+  font-size:1.08rem;
+  color:#ffffff;
+  background:linear-gradient(135deg,#124e63,#1d7c8a);
+  border:0;
+}
+.mw-parser-output table.infobox .infobox-image{
+  padding:1rem;
+  text-align:center;
+  background:linear-gradient(180deg,#eef6fb,rgba(255,255,255,.92));
+}
+.mw-parser-output table.infobox .infobox-image img{
+  display:block;
+  width:100%;
+  height:auto;
+  border-radius:16px;
+  box-shadow:0 14px 30px rgba(17,35,62,.16);
+}
+.mw-parser-output table.infobox .infobox-caption{
+  padding:0 1rem 1rem;
+  text-align:center;
+  color:#5b6f84;
+  font-size:.88rem;
+  background:linear-gradient(180deg,#eef6fb,rgba(255,255,255,.92));
+}
+.mw-parser-output table.infobox th,
+.mw-parser-output table.infobox td{
+  padding:.72rem .95rem;
+  border-top:1px solid #e6edf4;
+  vertical-align:top;
+}
+.mw-parser-output table.infobox th{
+  width:34%;
+  text-align:left;
+  color:#35516b;
+  background:#f8fbfe;
+  font-weight:700;
+}
+.mw-parser-output table.infobox td{
+  color:#18324b;
+}
+.mw-parser-output table.infobox td a.external{
+  overflow-wrap:anywhere;
+}
+@media (max-width:980px){
+  .mw-parser-output table.infobox{
+    float:none;
+    width:100%;
+    margin:0 0 1.25rem;
+  }
+}