Jump to content

Template:Infobox Settlement/styles.css

From VeraciaWiki
Revision as of 12:55, 29 March 2025 by DM (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
.infobox {
  border: 1px solid #a2a9b1;
  margin: 0 0.5em 0.5em 0.5em;
  padding: 0.5em;
  width: 30%;
  float: right;
  border-collapse: collapse;
  font-weight: normal;
  background-color: #f8f9fa;
}

.infobox-title {
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #a2a9b1;
}

.infobox-title-local {
  font-size: 1.2em;
  font-style: italic;
  text-align: center;
  padding-bottom: 0.3em;
}

.infobox-main-image,
.infobox-gallery {
  text-align: center;
  margin: 0.5em 0;
}

.infobox-caption {
  font-size: 0.9em;
  color: #555;
  margin-top: 0.3em;
}

.infobox-tr-divider {
  border-top: 1px solid #a2a9b1;
}

.infobox-th {
  text-align: left;
  vertical-align: top;
  padding-left: 1em;
  width: 50%;
}

.infobox-td {
  text-align: left;
  vertical-align: top;
  padding-left: 0.5em;
  width: 50%;
}

.infobox-map-tabs {
  padding: 0.5em;
  border-top: 1px solid #a2a9b1;
  border-bottom: 1px solid #a2a9b1;
}

.map-tab {
  margin-bottom: 0.5em;
}

.map-tab input[type="radio"] {
  display: none;
}

.map-tab label {
  font-weight: bold;
  margin-right: 1em;
  cursor: pointer;
  color: #3366cc;
}

.map-tab .tab-content {
  display: none;
  margin-top: 0.5em;
  text-align: center;
}

.map-tab input:checked + label + .tab-content {
  display: block;
}