Template:Infobox/styles.css

.ec-infobox {

   clear: both;
   float: right;

   max-width: 400px;
   width: min-content;

   border: 2px solid;
   border-color: #ccc;
   border-radius: 2px;

   margin-bottom: 10px;
   margin-left: 10px;

}

.ec-infobox {

   font-size: 8pt !important;

}

.ec-infobox-content > p {

   padding: 0.6em;
   margin: 0;
   font-size: inherit !important;

}

.ec-infobox-title {

   background-color: #eee;

   font-weight: bold;
   text-align: center;

   border-bottom: 2px solid;
   border-color: inherit;
   padding: 1px;

}

.ec-infobox-content { border-color: inherit; font-size: inherit !important; }

.ec-infobox img {

   max-width: 385px;
   height: 100%;
   
   display: inline-block;
   object-fit: contain;

}

.ec-infobox-content > .bordered-table {

   width: calc(100% + 4px);

   margin: -2px;
   border: none;

}

/* Responsive stuff */

@media only screen and (max-width: 740px) {

   /* Shrink infoboxes */
   .ec-infobox {
       font-size: 5pt;
   }
   .ec-infobox img {
       max-width: 20vw;
   }

}

@media print { .ec-infobox { break-inside: avoid; border-color: black !important; border-width: 2px; border-radius: 0; margin: 5mm; } }