MediaWiki:Common.css: Difference between revisions

CI theme sync from 2f5cc5f31a917beb1e45065185a586eb8c01d457
CI theme sync from e04c3b3269c4ab1e49512baafc27d3bbbb6f5e0e
Line 290: Line 290:
   padding: 0.05em 0.6em;
   padding: 0.05em 0.6em;
   font-size: 0.85em;
   font-size: 0.85em;
}
/* navbox — full-width navigation block at the foot of pages */
.pi-navbox {
  clear: both;
  margin: 1.5em 0 0.5em;
  border: 1px solid var(--pi-border);
  border-radius: var(--pi-radius);
  background: var(--pi-panel-raised);
  font-size: 0.9em;
  overflow: hidden;
}
.pi-navbox-title {
  background: linear-gradient(180deg, #202838, #1a2130);
  color: var(--pi-accent);
  font-family: var(--pi-display);
  text-align: center;
  padding: 0.45em 0.6em;
  border-bottom: 1px solid var(--pi-border);
}
.pi-navbox-row {
  display: flex;
  gap: 0.6em;
  padding: 0.35em 0.7em;
  border-top: 1px solid var(--pi-border);
  line-height: 1.7;
}
.pi-navbox-row:first-of-type { border-top: 0; }
.pi-navbox-label {
  flex: 0 0 8.5em;
  color: var(--pi-muted);
  font-weight: 600;
  text-align: right;
  border-right: 1px solid var(--pi-border);
  padding-right: 0.7em;
}
.pi-navbox-links { flex: 1; }
@media (max-width: 640px) {
  .pi-navbox-row { flex-direction: column; gap: 0.1em; }
  .pi-navbox-label { flex-basis: auto; text-align: left; border-right: 0; padding-right: 0; }
}
/* infobox — right-floated entity card (creatures, etc.) */
.pi-infobox {
  float: right;
  clear: right;
  width: 300px;
  max-width: 92vw;
  margin: 0 0 1em 1.2em;
  background: var(--pi-panel-raised);
  border: 1px solid var(--pi-border);
  border-radius: var(--pi-radius);
  overflow: hidden;
  font-size: 0.92em;
}
.pi-infobox .pi-infobox-title {
  background: linear-gradient(180deg, #202838, #1a2130);
  color: var(--pi-accent);
  font-family: var(--pi-display);
  font-size: 1.15em;
  text-align: center;
  padding: 0.5em 0.6em;
  border-bottom: 1px solid var(--pi-border);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4em;
}
.pi-infobox .pi-infobox-sub {
  text-align: center;
  color: var(--pi-muted);
  padding: 0.35em 0.6em;
  border-bottom: 1px solid var(--pi-border);
}
.pi-infobox table,
.pi-infobox tr,
.pi-infobox td,
.pi-infobox th {
  border: 0;
  background: transparent;
}
.pi-infobox td,
.pi-infobox th {
  padding: 0.3em 0.7em;
  vertical-align: top;
}
.pi-infobox tr:nth-child(even) td,
.pi-infobox tr:nth-child(even) th {
  background: rgba(255, 255, 255, 0.02);
}
.pi-infobox th {
  color: var(--pi-muted);
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
}
.pi-infobox .pi-infobox-icon {
  text-align: center;
  padding: 0.6em;
  font-size: 2.6em;
  line-height: 1;
}
}


Line 403: Line 504:
/* ======================================================================== */
/* ======================================================================== */


/* 321 game icons (auto-embedded from {{Icon}} usage in content/). */
/* 323 game icons (auto-embedded from {{Icon}} usage in content/). */
.pi-aegis-of-the-deep{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M16%202l11%204v10c0%207-4.5%2011.5-11%2014C9.5%2027.5%205%2023%205%2016V6l11-4z%22%20fill%3D%22%238f7ff0%22%2F%3E%20%3Cpath%20d%3D%22M16%202l11%204v10c0%207-4.5%2011.5-11%2014V2z%22%20fill%3D%22%236355c2%22%2F%3E%20%3Cpath%20d%3D%22M16%208l6%204v5c0%203.6-2.4%206.2-6%208-3.6-1.8-6-4.4-6-8v-5l6-4z%22%20fill%3D%22%232a2f3a%22%2F%3E%20%3Ccircle%20cx%3D%2216%22%20cy%3D%2215.5%22%20r%3D%222.2%22%20fill%3D%22%23ffe08a%22%2F%3E%3C%2Fsvg%3E")}
.pi-aegis-of-the-deep{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 2l11 4v10c0 7-4.5 11.5-11 14C9.5 27.5 5 23 5 16V6l11-4z' fill='%238f7ff0'/%3E %3Cpath d='M16 2l11 4v10c0 7-4.5 11.5-11 14V2z' fill='%236355c2'/%3E %3Cpath d='M16 8l6 4v5c0 3.6-2.4 6.2-6 8-3.6-1.8-6-4.4-6-8v-5l6-4z' fill='%232a2f3a'/%3E %3Ccircle cx='16' cy='15.5' r='2.2' fill='%23ffe08a'/%3E%3C/svg%3E")}
.pi-alchemy{background
.pi-alchemy{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M13 4h6v7l6 12a4 4 0 0 1-3.6 5.8H10.6A4 4 0 0 1 7 23L13 11V4z' fill='%23c2c9d2