MediaWiki:Common.css: Difference between revisions
Primal wiki (talk | contribs) CI theme sync from 2f5cc5f31a917beb1e45065185a586eb8c01d457 |
Primal wiki (talk | contribs) 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: | ||
/* ======================================================================== */ | /* ======================================================================== */ | ||
/* 323 game icons (auto-embedded from {{Icon}} usage in content/). */ | |||
.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-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 | |||