« Module:Infobox/style.css » : différence entre les versions

.avt-infobox {
  background-color: var(--background-color-base);
  border: 1px solid var(--color-subtle);
  clear: right;
  float: right;
  font-size: 0.9em;
  line-height: 1.4;
  margin: 0 0 0.5em 1em;
  word-wrap: break-word;
  width: 300px;
}
.avt-infobox-header {
  border-bottom: 1px solid var(--color-subtle);
  padding: 3px;
  text-align: center;
  font-size: 1.4em;
  line-height: 1.1;
  margin-bottom: 10px;
  background-color: #a6b4ae;
}
.avt-infobox-header-icon,
.avt-infobox-header-title,
.avt-infobox-header-subhead {
  justify-self: center;
  align-self: center;
}
.avt-infobox-header-icon {
  grid-area: 1 / 3 / 4 / 4;
}
.avt-infobox-header-title {
  grid-area: 2 / 1 / 4 / 4;
  font-weight: bold;
}
.avt-infobox-header-subhead {
  grid-area: 1 / 1 / 2 / 4;
  font-size: 0.6em;
}
.avt-infobox-images {
  text-align: center;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 2px 0;
}
.avt-infobox-images a {
  max-width: 100%;
  flex: 0 0 auto;
}
.avt-infobox-images img {
  height: auto;
  width: auto;
  max-width: 100%;
  max-height: 250px;
}
.avt-infobox-images-legend {
  text-align: center;
  font-size: 0.9em;
}
.avt-infobox table {
  width: 100%;
  margin: 5px 0;
  table-layout: fixed;
  border-collapse: collapse;
  display: table;
}
.avt-infobox caption {
  text-align: center;
  border-bottom: 1px solid var(--color-subtle);
  border-top: 1px solid var(--color-subtle);
}
.avt-infobox p.bloc,
.avt-infobox caption {
  font-weight: bold;
  line-height: 1.1;
  margin: 0 0 5px 0;
  padding: 4px;
  background-color: var(--background-color-neutral);
}
.avt-infobox th[scope="row"],
.avt-infobox td {
  padding-top: 4px;
  vertical-align: super;
}
.avt-infobox th[scope="row"] {
  text-align: right;
  padding-right: 10px;
  width: 8em;
  max-width: 140px;
  word-wrap: normal;
}
.avt-infobox span.mw-collapsible-toggle {
  float: right;
}
.avt-infobox span.mw-collapsible-toggle a {
  color: var(--color-base);
}