Jump to content

Template:Infobox Settlement/styles.css: Difference between revisions

From VeraciaWiki
No edit summary
Tag: Reverted
No edit summary
Tag: Manual revert
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Basic infobox layout */
.infobox {
.infobox {
   border: 1px solid #a2a9b1;
   border: 1px solid #a2a9b1;
Line 7: Line 6:
   float: right;
   float: right;
   border-collapse: collapse;
   border-collapse: collapse;
  table-layout: fixed;
   font-weight: normal;
   font-weight: normal;
   background-color: #f8f9fa;
   background-color: #f8f9fa;
}
}


/* Title styles */
.infobox-title {
.infobox-title {
   font-size: 1.5em;
   font-size: 1.5em;
   font-weight: bold;
   font-weight: bold;
   text-align: center;
   text-align: center;
   text-indent: 0;
   border-bottom: 1px solid #a2a9b1;
  padding-bottom: 0;
  margin-bottom: 0;
}
}


.infobox-title-local {
.infobox-title-local {
   font-size: 1.25em;
   font-size: 1.2em;
  font-weight: normal;
   font-style: italic;
   font-style: italic;
   text-align: center;
   text-align: center;
  text-indent: 0;
   padding-bottom: 0.3em;
   padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 1px solid #a2a9b1;
}
}


/* Image styles */
.infobox-main-image,
.infobox-main-image,
.infobox-gallery {
.infobox-gallery {
Line 46: Line 36:
}
}


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


/* Table cell formatting */
.infobox-th {
.infobox-th {
   text-align: left;
   text-align: left;
Line 66: Line 54:
}
}


.infobox-th-wide {
.infobox-map-tabs {
   text-align: left;
   padding: 0.5em;
   vertical-align: top;
  border-top: 1px solid #a2a9b1;
   padding-left: 1em;
   border-bottom: 1px solid #a2a9b1;
   width: 80% !important;
}
 
.map-tab {
   margin-bottom: 0.5em;
}
 
.map-tab input[type="radio"] {
   display: none;
}
}


.infobox-td-narrow {
.map-tab label {
   text-align: left;
   font-weight: bold;
   vertical-align: top;
   margin-right: 1em;
   padding-left: 1em;
   cursor: pointer;
   width: 20% !important;
   color: #3366cc;
}
}


/* Utility styles */
.map-tab .tab-content {
.unbolded {
   display: none;
   font-weight: normal;
  margin-top: 0.5em;
   line-height: 80%;
   text-align: center;
}
}


.fake-li {
.map-tab input:checked + label + .tab-content {
  text-indent: -0.9em;
   display: block;
  margin-left: 1.2em;
   font-weight: normal;
}
}

Latest revision as of 12:55, 29 March 2025

.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;
}