User:Kai/common.css: Difference between revisionsGive feedback
Jump to navigation
Jump to search
MCP (via update-page on MediaWiki MCP Server) |
MCP (via update-page on MediaWiki MCP Server) |
||
| Line 51: | Line 51: | ||
/* Tier List Creator Styles */ | /* Tier List Creator Styles */ | ||
.tier-list-creator-wrapper { | .tier-list-creator-wrapper { | ||
max-width: | max-width: 950px; | ||
margin: | margin: 10px auto; | ||
background: transparent; | background: transparent; | ||
color: var(--color-base, #e2e8f0); | color: var(--color-base, #e2e8f0); | ||
font-family: inherit; | font-family: inherit; | ||
padding: 0; | padding: 0; | ||
} | |||
.tlc-header { | |||
display: flex; | |||
justify-content: flex-end; | |||
align-items: center; | |||
margin-bottom: 8px; | |||
} | |||
.tlc-btn { | |||
padding: 5px 12px; | |||
border-radius: 4px; | |||
font-size: 12px; | |||
font-weight: 600; | |||
border: none; | |||
cursor: pointer; | |||
user-select: none; | |||
display: inline-block; | |||
transition: transform 0.1s ease, filter 0.2s ease; | |||
} | |||
.tlc-btn:active { | |||
transform: scale(0.97); | |||
} | |||
.tlc-btn-secondary { | |||
background: var(--background-color-interactive, #2d3748); | |||
color: var(--color-base, #fff); | |||
border: 1px solid var(--border-color-base, #4a5568); | |||
} | |||
.tlc-btn-secondary:hover { | |||
filter: brightness(1.2); | |||
} | } | ||
| Line 62: | Line 95: | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
gap: | gap: 4px; | ||
margin-bottom: | margin-bottom: 12px; | ||
} | } | ||
.tlc-tier-row { | .tlc-tier-row { | ||
display: flex; | display: flex; | ||
min-height: | min-height: 55px; | ||
background: var(--background-color-base, #1a202c); | background: var(--background-color-base, #1a202c); | ||
border-radius: | border-radius: 6px; | ||
overflow: hidden; | overflow: hidden; | ||
border: 1px solid var(--border-color-base, #2d3748); | border: 1px solid var(--border-color-base, #2d3748); | ||
| Line 76: | Line 109: | ||
.tlc-tier-label { | .tlc-tier-label { | ||
width: | width: 50px; | ||
min-width: | min-width: 50px; | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
justify-content: center; | justify-content: center; | ||
font-size: | font-size: 20px; | ||
font-weight: 800; | font-weight: 800; | ||
color: #111; | color: #111; | ||
| Line 101: | Line 134: | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
align-content: flex-start; | align-content: flex-start; | ||
gap: | gap: 4px; | ||
padding: | padding: 4px; | ||
min-height: | min-height: 55px; | ||
transition: background-color 0.2s ease, border-color 0.2s ease; | transition: background-color 0.2s ease, border-color 0.2s ease; | ||
} | } | ||
| Line 116: | Line 149: | ||
background: transparent; | background: transparent; | ||
padding: 0; | padding: 0; | ||
margin-top: | margin-top: 8px; | ||
} | } | ||
.tlc-pool-header h3 { | .tlc-pool-header h3 { | ||
margin: 0 0 | margin: 0 0 6px 0; | ||
font-size: | font-size: 14px; | ||
color: var(--color-base, #cbd5e0); | color: var(--color-base, #cbd5e0); | ||
} | } | ||
.tlc-card-pool { | .tlc-card-pool { | ||
min-height: | min-height: 90px; | ||
background: transparent; | background: transparent; | ||
border-radius: 6px; | border-radius: 6px; | ||