Jump to content

Template:Game update/styles.css: Difference between revisions

From Bconomy Wiki
Match the caption and responsive layout of Item infoboxes
 
GameReferenceSync (talk | contribs)
No edit summary
 
Line 1: Line 1:
.bc-game-update-infobox {
.bc-game-update-infobox {
    float: right;
  table-layout: fixed;
    clear: right;
    width: 23em;
    max-width: 100%;
    margin: 0 0 1em 1em;
    font-size: 90%;
    table-layout: fixed;
    overflow-wrap: anywhere;
}
}
.bc-game-update-infobox th {
.bc-game-update-infobox th {
    text-align: left;
  width: 34%;
}
}
.bc-game-update-infobox caption {
.bc-update-neighbors {
    font-size: 130%;
  display: grid;
    font-weight: bold;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    padding: 0.5em;
  gap: 1em;
}
.bc-update-previous,
.bc-update-next {
  min-width: 0;
}
.bc-update-next {
  text-align: right;
}
}
.bc-update-direction {
.bc-update-direction {
    font-weight: bold;
  font-weight: bold;
}
  margin-bottom: 0.25em;
@media (max-width: 640px) {
    .bc-game-update-infobox {
        float: none;
        width: 100%;
        margin: 0 0 1em;
    }
}
}

Latest revision as of 15:16, 4 November 2026

.bc-game-update-infobox {
  table-layout: fixed;
}
.bc-game-update-infobox th {
  width: 34%;
}
.bc-update-neighbors {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 1em;
}
.bc-update-previous,
.bc-update-next {
  min-width: 0;
}
.bc-update-next {
  text-align: right;
}
.bc-update-direction {
  font-weight: bold;
  margin-bottom: 0.25em;
}