#content .qb {  border: 1px solid #6cc8f3;  border-radius: 5px;  display: inline-table; } .infobox {  float: right;  margin: 0 0 0 1em; } .infobox .qb{  width: 250px; } body.skin--responsive .mw-parser-output .infobox td:only-child{ /* fixes for a recent WMF modification that breaks Quickbar layout on desktop view */  width: auto;  padding: 0 0 0 0; } body.skin--responsive .mw-parser-output .infobox th, body.skin--responsive .mw-parser-output .infobox td{ /* fixes for a recent WMF modification that breaks Quickbar layout on desktop view */  padding-top: 3px;  padding-bottom: 3px; } @media screen and ( max-width: 500px ) {  body.skin-minerva .infobox {   width: 100%;   box-sizing: border-box; /* always use this when setting width to close to 100% */   float: none;   margin: 0 0 0 0; /* (top, right, bottom, left) */  }  body.skin-minerva .qb {   width: 99%;  }  body.skin-minerva .qb th {   width: 30%;  } } @media screen and ( min-width: 500px ) {  body.skin-minerva .infobox {   width: 250px;  } } .qb td {  padding: 2px 2px;  vertical-align: baseline; } .qb th {  padding: 2px 2px 2px 5px;  vertical-align: baseline;  text-align: left;  font-weight: bold;  width: 90px; } #content .qb .qbHeader {  text-align: center;  color: #004f80;  padding: 2px 2px;  font-size: 1.2em;  background: #f0f0f0;  border-top: 1px solid #c0c0c0; } #content .qb tr:first-child .qbHeader {  border-top: none;  border-radius: 5px 5px 0 0; } .qbImage {  text-align: center;  margin-left: auto;  margin-right: auto; } .dFlex{     display: flex; } .qb .qbImageCell {  padding: 0; } .qbImageCell .qbHeader {  border-bottom: none; } .qbRowHeader, .qbRowValue {  border-top: 1px solid white;  border-bottom: 1px solid white } .qbRowHeader {  background-color:#FAFAFA; } .qbRowValue {  background-color:#FDFDFD; } @media print {  #content .qb { border-width: 0.25mm; }  #content .qb .qbHeader {   font-size: 1em;   background: #f0f0f0;   border-top: 0.25mm solid #c0c0c0;   border-bottom: 0.25mm solid #c0c0c0;  } }