Template:Infobox L2L stage/styles.css

From The Largs to Largs Grand Tour
Jump to navigation Jump to search
/* L2L Stage Infobox */

.infobox {
  float: right;           /* (1) Wikipedia-like float */
  clear: right;
  margin: 0 0 1em 1em;
  width: 22em;            /* typical Wikipedia infobox width */
  border: 1px solid #aaa;
  background: #f8f9fa;
  font-size: 90%;
}

.infobox-title {
  font-weight: bold;
  font-size: 110%;
  text-align: center;
}

.infobox-above {
  font-style: italic;
  text-align: center;
  background: #eef1f4;
}

.infobox-subheader {
  text-align: center;     /* (5) phase line centred */
  font-weight: bold;
  background: #f1f3f5;
}

.infobox-header {
  background: #e2e6ea;
  text-align: center;     /* (3) headings centred */
  font-weight: bold;
}

.infobox-label {
  width: 35%;
  vertical-align: top;
}

.infobox-data {
  vertical-align: top;
}

.infobox-image {
  text-align: center;
}

.infobox-image img {
  max-width: 100%;
  height: auto;
}

.infobox-caption {
  font-size: 85%;
  text-align: center;
  color: #555;
}

.infobox-below {
  font-size: 85%;
  font-style: italic;
  background: #f1f3f5;
  text-align: center;
}

/* Base phase styling */
.infobox .l2l-phase th,
.infobox .l2l-phase td {
    text-align: center;
    font-weight: 600;
}

/* Phase colours */
.infobox .l2l-phase-europe-near-east {
    /* background-color: #f1efe8;*/
    background-color: #fcc503;
}

.infobox .l2l-phase-caucasus-caspian {
    background-color: #e7eef3;
}

.infobox .l2l-phase-central-asia {
    background-color: #f3eddc;
}

.infobox .l2l-phase-himalaya {
    background-color: #e6eef5;
}

.infobox .l2l-phase-east-asia {
    background-color: #e8f1ea;
}

.infobox .l2l-phase-pacific {
    background-color: #e5eef4;
}