User:Kai/common.css: Difference between revisionsGive feedback
Jump to navigation
Jump to search
No edit summary |
MCP (via update-page on MediaWiki MCP Server) |
||
| Line 1: | Line 1: | ||
#ca-watch { | #ca-watch { | ||
display: none; | display: none; | ||
} | |||
/**************************************************************************************/ | |||
.item-nav-search-container { | |||
position: absolute; | |||
right: 3px; | |||
transform: translateY(-95%); | |||
z-index: 10; | |||
display: flex; | |||
} | |||
.item-nav-search-input { | |||
width: 150px; | |||
max-width: 25vw; | |||
padding: 5px 10px; | |||
border-radius: 8px; | |||
border: 1px solid var(--border-color-base); /* Solid border using wiki theme */ | |||
background-color: var(--background-color-base); /* Solid dark brown instead of transparent black */ | |||
color: var(--color-base); | |||
font-family: 'Open Sans', sans-serif; | |||
font-size: 12px; | |||
transition: all 0.1s ease-in-out; | |||
} | |||
.item-nav-search-input::placeholder { | |||
color: var(--color-subtle); | |||
font-style: italic; | |||
} | |||
.item-nav-search-input:focus { | |||
outline: none; | |||
width: 170px; | |||
} | |||
/* Wrapper for items in the navbox search */ | |||
.item-nav-search-wrapper { | |||
display: inline; | |||
transition: opacity 0.2s ease-in-out, filter 0.2s ease-in-out; | |||
} | |||
/* Class applied by JS to gray out non-matching items */ | |||
.item-nav-search-wrapper.item-nav-dimmed { | |||
opacity: 0.3; /* Slightly more visible so users can still read/click them */ | |||
filter: grayscale(100%); | |||
} | } | ||
| Line 92: | Line 138: | ||
min-height: 55px; | 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; | ||
} | |||
.tlc-tier-dropzone.drag-over { | |||
background-color: rgba(99, 179, 237, 0.15) !important; | |||
outline: 2px dashed var(--color-progressbar-primary, #63b3ed); | |||
outline-offset: -2px; | |||
} | } | ||
| Line 103: | Line 155: | ||
margin: 0 0 6px 0; | margin: 0 0 6px 0; | ||
font-size: 14px; | font-size: 14px; | ||
color: var(--color-base); | color: var(--color-base, #cbd5e0); | ||
} | } | ||
| Line 110: | Line 162: | ||
background: transparent; | background: transparent; | ||
border-radius: 6px; | border-radius: 6px; | ||
border: 1px dashed var(--border-color-base; | border: 1px dashed var(--border-color-base, #4a5568); | ||
} | } | ||
| Line 118: | Line 170: | ||
transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease; | transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease; | ||
display: inline-block; | display: inline-block; | ||
position: relative; | |||
} | |||
/* Disable clicking on inner links so page doesn't navigate on click */ | |||
.HeroCard a, .HeroCard .hero-link-wrapper, .hero-card-container a, .hero-roster-card a { | |||
pointer-events: none !important; | |||
cursor: grab !important; | |||
} | } | ||