User:Kai/common.cssGive feedback

Note: After publishing, you may need to reload with your cache disabled to see your changes.

• Windows / Linux: Press Ctrl-Shift-R
• macOS: Press ⌘-Shift-R

#ca-watch {
	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%);
}