Template:Infobox/styles.css: Difference between revisions

← Older edit

@@ Line 1: / Line 1: @@
-.infobox {
+table.infobox{
-   border: 1px solid #a2a9b1;
+   float:right;
-   background-color: #f8f9fa;
+  clear:right;
-   color: black;
+   width:22em;
-   margin: 0.5em 0 0.5em 1em;
+   max-width:100%;
-   padding: 0.2em;
+   margin:0 0 1em 1.4em;
-   font-size: 88%;
+  border:1px solid #a2a9b1;
-   line-height: 1.5em;
+  border-collapse:collapse;
-  width: 22em;
+  background:#f8f9fa;
+   color:#202122;
+   font-size:88%;
+   line-height:1.5;
 }
-.infobox td, .infobox th {
+table.infobox .infobox-title{
-   border: 1px solid #a2a9b1;
+  padding:.45em .6em;
-   padding: 0.2em;
+  text-align:center;
+  font-weight:700;
+  font-size:125%;
+  color:#202122;
+  background:#eaecf0;
+   border:1px solid #a2a9b1;
+   border-width:0 0 1px;
 }
-.infobox-title {
+table.infobox .infobox-image{
-   background-color: #cedff2;
+  padding:.5em;
-   text-align: center;
+  text-align:center;
-   font-size: 125%;
+   background:#ffffff;
-   font-weight: bold;
+}
+table.infobox .infobox-image img{
+  display:block;
+  max-width:100%;
+  height:auto;
+  margin:0 auto;
+  border:1px solid #c8ccd1;
+  border-radius:0;
+  box-shadow:none;
+}
+table.infobox .infobox-caption{
+  padding:0 .6em .6em;
+   text-align:center;
+  color:#54595d;
+   font-size:95%;
+  background:#ffffff;
+}
+table.infobox th,
+table.infobox td{
+  padding:.35em .6em;
+  border:1px solid #eaecf0;
+  vertical-align:top;
+}
+table.infobox th{
+  width:35%;
+  text-align:left;
+  color:#202122;
+  background:#eaecf0;
+   font-weight:600;
+}
+table.infobox td{
+  color:#202122;
+  background:#ffffff;
+}
+table.infobox td a.external{
+  overflow-wrap:anywhere;
+}
+@media (max-width:980px){
+  table.infobox{
+    float:none;
+    width:100%;
+    margin:0 0 1em;
+  }
+}
+@media (max-width:720px){
+  table.infobox{
+    font-size:84%;
+    line-height:1.4;
+  }
+  table.infobox .infobox-title{
+    padding:.38em .5em;
+    font-size:112%;
+  }
+  table.infobox .infobox-image{
+    padding:.35em;
+  }
+  table.infobox th,
+  table.infobox td{
+    padding:.3em .45em;
+  }
 }