Widget:Infobox

<style type="text/css"> /* Infobox template style */

.infobox {

  border: 1px solid #a2a9b1;
  background-color: #f8f9fa;
  color: black;
  margin-bottom: 0.5em;
  margin-left: 1em;
  padding: 0.2em;
  float: right;
  clear: right;

} .infobox td, .infobox th {

  vertical-align: top;
  padding: 1px 0.16em;

} .infobox caption {

  font-size: larger;

} .infobox.bordered {

  border-collapse: collapse;

} .infobox.bordered td, .infobox.bordered th {

  border: 1px solid #a2a9b1;

} .infobox.bordered .borderless td, .infobox.bordered .borderless th {

  border: 0;

}

.infobox.sisterproject {

  width: 20em;
  font-size: 90%;

}

/* styles for bordered infobox with merged rows */ .infobox.bordered .mergedtoprow td, .infobox.bordered .mergedtoprow th {

  border: 0;
  border-top: 1px solid #a2a9b1;
  border-right: 1px solid #a2a9b1;

}

.infobox.bordered .mergedrow td, .infobox.bordered .mergedrow th {

  border: 0;
  border-right: 1px solid #a2a9b1;

}

.infobox tr {border-bottom: 1px solid rgba(0,0,0,0.12)}

.infobox caption {background: #f8f9fa; border: 1px solid #a2a9b1; border-bottom: none}

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

 .skin-minerva .infobox caption {border: none}

}

.infobox tbody {padding-top: 0.15em; padding-bottom: 0.15em}

/* 修复infobox的宽度问题 */

.infobox1 {width: 22em; min-width: 22em; max-width: 22em}

@media only screen and (max-width: 750px) and (min-width: 601px) {

 .infobox1 {
   width: 20em;
   min-width: 20em;
   max-width: 20em;
 }

}

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

 .infobox1 {
   width: 100%;
   min-width: 100%;
   float: none;
 }

} </style>