User:Kai/common.css: Difference between revisions

Jump to navigation Jump to search
MCP (via update-page on MediaWiki MCP Server)
No edit summary
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 138: Line 92:
   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 155: Line 103:
   margin: 0 0 6px 0;
   margin: 0 0 6px 0;
   font-size: 14px;
   font-size: 14px;
   color: var(--color-base, #cbd5e0);
   color: var(--color-base);
}
}


Line 162: Line 110:
   background: transparent;
   background: transparent;
   border-radius: 6px;
   border-radius: 6px;
   border: 1px dashed var(--border-color-base, #4a5568);
   border: 1px dashed var(--border-color-base;
}
}