模块:Infobox/styles.css

/* Infobox template styles
   Infobox 模板样式 */

/* 主盒 */
.infobox {
  border: 1px solid rgb(162, 169, 177);
  border-spacing: 3px;
  background-color: rgb(248, 249, 250);
  color: black;
  /* @noflip */
  margin: 0.5em 0 0.5em 1em;
  padding: 0.2em;
  /* @noflip */
  float: right;
  /* @noflip */
  clear: right;
  font-size: 88%;
  line-height: 1.5em;
}

/* 外标题 */
.infobox caption {
  font-size: 125%;
  padding: 0.2em;
  text-align: center;
}

/* 行 */
.infobox td,
.infobox th  {
  vertical-align: top;
  text-align: left;
}

/* 带边框的Infobox */
.infobox.bordered {
  border-collapse: collapse;
}
/* 行 */
.infobox.bordered td,
.infobox.bordered th {
  border: 1px solid rgb(162, 169, 177);
}
/* 无边框行 */
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
  border: 0;
}

/* 姊妹计划Infobox */
.infobox.sisterproject {
  width: 20em;
  font-size: 90%;
}

/* 标准讨论?? */
.infobox.standard-talk {
  border: 1px solid rgb(192, 192, 144);
  background-color: rgb(248, 234, 186);
}
/* 行 */
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {  
  border: 1px solid rgb(192, 192, 144);
}

/* styles for bordered infobox with merged rows
   带边框Infobox中的合并行 */
/* 合并行顶 */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
  border: 0;
  border-top: 1px solid rgb(162, 169, 177);
  /* @noflip */  
  border-right: 1px solid rgb(162, 169, 177);
}

/* 合并行 */
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
  border: 0;
  /* @noflip */
  border-right: 1px solid rgb(162, 169, 177);
}

/* Styles for geography infoboxes, eg countries, country subdivisions, cities, etc.
   地理Infobox样式, 例如国家、国家地区、城市等... */
/* 主盒 */
.infobox.geography {
  border-collapse: collapse;
  line-height: 1.2em;
  font-size: 90%;
}

/* 行 */
.infobox.geography td,
.infobox.geography th {
  border-top: 1px solid rgb(162, 169, 177);
  padding: 0.4em 0.6em 0.4em 0.6em;
}
/* 合并行顶 */
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
  border-top: 1px solid rgb(162, 169, 177);  
  padding: 0.4em 0.6em 0.2em 0.6em;
}

/* 合并行 */
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
  border: 0;
  padding: 0 0.6em 0.2em 0.6em;
}

/* 合并行底 */
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
  border-top: 0;
  border-bottom: 1px solid rgb(162, 169, 177);
  padding: 0 0.6em 0.4em 0.6em;
}

/* 地图栏? */
.infobox.geography .maptable td,
.infobox.geography .maptable th {
  border: 0;
  padding: 0;
}

/* Minerva Neue / Timesless 皮肤用 */
/* 主盒 */
body.skin-minerva .infobox {
  float: none;
  position: relative;
  display: flex;
  flex: 1 1 100%;
  flex-flow: column nowrap;

  width: 100%;
  max-width: 100%;

  margin-left: 0;
  margin-right: 0;
  margin-bottom: 2em;

  font-size: 90%;
  border: 1px solid rgb(234, 236, 240);
  background-color: rgb(248, 249, 250);
}
/* 外标题 */
body.skin-minerva .infobox caption {
  padding: 10px 10px 0;
  text-align: center;
}
/* 行 */
body.skin-minerva .infobox th,
body.skin-minerva .infobox td {
  vertical-align: top;
  border: 0;
  border-bottom: 1px solid rgb(236, 238, 242);
  padding: 7px 10px;
}
/* 行 - 弹性盒子 */
body.skin-minerva .infobox tbody > tr > td,
body.skin-minerva .infobox tbody > tr > th,
body.skin-timeless .infobox tbody > tr > td,
body.skin-timeless .infobox tbody > tr > th {
  flex: 1 0;
}
/* 单元素行 */
body.skin-minerva .infobox td:only-child,
body.skin-minerva .infobox th:only-child {
  width: 100%;
}
/* 重设最后一行的边框 */
body.skin-minerva .infobox tr:last-child th,
body.skin-minerva .infobox tr:last-child td {
  border: 0;
}
/* 外标题 */
body.skin-minerva .infobox > tbody,
body.skin-minerva .infobox > caption {
  display: flex;
  flex-flow: column nowrap;
}
/* 行 */
body.skin-minerva .infobox > tbody > tr {
  min-width: 100%;
  display: flex;
  flex-flow: row nowrap;
}
/* 响应式设计, 在宽度大于45em时... */
@media all and (min-width: 45em) {
  /* 使Infobox向右浮动同时重设边框 */
  body.skin-minerva .infobox {
    margin: 0.5em 0 1em 35px;
    max-width: 320px;
    width: auto;
    float: right;
    clear: right;
  }
}

/* 一堆边框相关的东西 */
body.skin-minerva .infobox.geography th:only-child,
body.skin-minerva .infobox.geography .mergedtoprow th:only-child,
body.skin-minerva .infobox.geography .mergedbottomrow th:only-child {
  padding: 10px 8px;
  text-align: left;
}
body.skin-minerva .infobox.geography th:nth-last-child(2),
body.skin-minerva .infobox.geography .mergedtoprow th:nth-last-child(2),
body.skin-minerva .infobox.geography .mergedbottomrow th:nth-last-child(2),
body.skin-minerva .infobox.geography th+td,
body.skin-minerva .infobox.geography .mergedtoprow th+td,
body.skin-minerva .infobox.geography .mergedbottomrow tr+td {
  padding: 10px 16px;
  text-align: left;
}
body.skin-minerva .infobox.geography .mergedtoprow td,
body.skin-minerva .infobox.geography .mergedtoprow th,
body.skin-minerva .infobox.geography th {
  border-top: 1px solid rgb(236, 238, 242);
}
body.skin-minerva .infobox.geography .mergedrow th:first-child,
body.skin-timeless .infobox.geography .mergedrow th:first-child {
  border-top: none;
}

/* 响应式设计, 在宽度小于45em时... */
@media all and (max-width: 45em) {
  /* 居中显示Infobox */
  body.skin-timeless .infobox {
    margin: auto 0 auto 2em;
    width: auto;
    float: none;
    clear: both;
  }
}