MediaWiki:Common.css: Difference between revisions
MediaWiki interface page
More actions
m search |
No edit summary |
||
| Line 66: | Line 66: | ||
transform: translateY(-2px); | transform: translateY(-2px); | ||
transition: transform .15s ease-in-out; | transition: transform .15s ease-in-out; | ||
} | |||
/* ============================================================ | |||
SpiritVale: generic infobox styling (skills, passives, etc.) | |||
========================================================== */ | |||
table.spiritvale-skill-infobox, | |||
table.spiritvale-passive-infobox { | |||
/* Layout */ | |||
border-collapse: separate; | |||
border-spacing: 0; | |||
width: 100%; | |||
max-width: 620px; | |||
margin: 1.5em auto; | |||
/* Shape */ | |||
border-radius: 12px; | |||
overflow: hidden; | |||
border: 1px solid rgba(55, 43, 84, 0.65); | |||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.45); | |||
/* Typography */ | |||
font-size: 0.95em; | |||
} | |||
/* Optional: float single infoboxes on wide screens. | |||
(Lists of many boxes will still stack nicely.) */ | |||
/* | |||
@media (min-width: 960px) { | |||
table.spiritvale-skill-infobox, | |||
table.spiritvale-passive-infobox { | |||
float: right; | |||
margin: 0 0 1.5em 1.5em; | |||
} | |||
} | |||
*/ | |||
/* Header row: icon + name */ | |||
table.spiritvale-skill-infobox > tbody > tr:first-child > th, | |||
table.spiritvale-passive-infobox > tbody > tr:first-child > th { | |||
background: linear-gradient(135deg, #7a6fb0, #372b54); | |||
color: #fff; | |||
padding: 0.75em 1em; | |||
font-size: 1.1em; | |||
line-height: 1.3; | |||
text-align: left; | |||
} | |||
/* Make the icon sit nicely next to the title */ | |||
table.spiritvale-skill-infobox > tbody > tr:first-child > th .image, | |||
table.spiritvale-passive-infobox > tbody > tr:first-child > th .image { | |||
margin-right: 0.6em; | |||
vertical-align: middle; | |||
} | |||
/* Body rows (labels + values) */ | |||
table.spiritvale-skill-infobox tbody tr, | |||
table.spiritvale-passive-infobox tbody tr { | |||
border-bottom: 1px solid rgba(148, 163, 184, 0.4); | |||
} | |||
table.spiritvale-skill-infobox tbody tr:last-child, | |||
table.spiritvale-passive-infobox tbody tr:last-child { | |||
border-bottom: none; | |||
} | |||
/* Default label cells */ | |||
table.spiritvale-skill-infobox tbody tr th:not(.spiritvale-infobox-section-header), | |||
table.spiritvale-passive-infobox tbody tr th:not(.spiritvale-infobox-section-header) { | |||
width: 26%; | |||
padding: 0.45em 0.85em; | |||
text-align: left; | |||
font-weight: 600; | |||
white-space: nowrap; | |||
} | |||
/* Default value cells */ | |||
table.spiritvale-skill-infobox tbody tr td, | |||
table.spiritvale-passive-infobox tbody tr td { | |||
padding: 0.45em 0.85em; | |||
text-align: left; | |||
} | |||
/* Zebra striping for readability */ | |||
table.spiritvale-skill-infobox tbody tr:nth-child(odd) td, | |||
table.spiritvale-skill-infobox tbody tr:nth-child(odd) th:not(.spiritvale-infobox-section-header), | |||
table.spiritvale-passive-infobox tbody tr:nth-child(odd) td, | |||
table.spiritvale-passive-infobox tbody tr:nth-child(odd) th:not(.spiritvale-infobox-section-header) { | |||
background-color: rgba(148, 163, 184, 0.05); | |||
} | } | ||