EveryCRT Wiki

MediaWiki:CRT Search.css: Difference between revisions

← Older editNewer edit →
No edit summary
No edit summary
Line 837: Line 837:
}
}


/* Light mode overrides (for non-dark theme wikis) */
/* Light mode overrides - matches CRT model infobox styling */
.skin-theme-clientpref-day .crt-search-filters,
.skin-theme-clientpref-day .crt-search-filters {
.skin-theme-clientpref-day .crt-filter-section,
    background: #f8f8f8;
.skin-theme-clientpref-day .crt-section-header,
    border: 1px solid #ddd;
.skin-theme-clientpref-day .crt-apply-filters {
}
     background: #f5f5f5;
 
.skin-theme-clientpref-day .crt-filters-header {
    border-bottom-color: #ddd;
}
 
.skin-theme-clientpref-day .crt-filters-header h2 {
    color: #333;
}
 
.skin-theme-clientpref-day .crt-reset-btn {
    border-color: #aaa;
    color: #666;
}
 
.skin-theme-clientpref-day .crt-reset-btn:hover {
    background: #e8e8e8;
    color: #333;
    border-color: #888;
}
 
.skin-theme-clientpref-day .crt-filter-section {
    background: #fff;
    border: 1px solid #e0e0e0;
}
 
.skin-theme-clientpref-day .crt-section-header {
    background: #6B5B95;
    border-radius: 8px 8px 0 0;
}
 
.skin-theme-clientpref-day .crt-filter-section.collapsed .crt-section-header {
     border-radius: 8px;
}
}


.skin-theme-clientpref-day .crt-section-header:hover {
.skin-theme-clientpref-day .crt-section-header:hover {
     background: #eee;
     background: #5a4a84;
}
}


.skin-theme-clientpref-day .crt-section-title,
.skin-theme-clientpref-day .crt-section-title {
.skin-theme-clientpref-day .crt-card-title {
    color: #fff;
     color: #222;
}
 
.skin-theme-clientpref-day .crt-section-toggle {
    color: rgba(255, 255, 255, 0.8);
}
 
.skin-theme-clientpref-day .crt-section-content {
    background: #fff;
    border-radius: 0 0 8px 8px;
}
 
.skin-theme-clientpref-day .crt-filter-item label {
     color: #555;
}
}


.skin-theme-clientpref-day .crt-filter-select,
.skin-theme-clientpref-day .crt-filter-select,
.skin-theme-clientpref-day .crt-filter-number,
.skin-theme-clientpref-day .crt-filter-number,
.skin-theme-clientpref-day .crt-multiselect-input,
.skin-theme-clientpref-day .crt-multiselect-input {
    background: #fff;
    border-color: #ccc;
    color: #333;
}
 
.skin-theme-clientpref-day .crt-filter-select:hover,
.skin-theme-clientpref-day .crt-filter-number:hover,
.skin-theme-clientpref-day .crt-multiselect-input:hover {
    border-color: #999;
}
 
.skin-theme-clientpref-day .crt-filter-select:focus,
.skin-theme-clientpref-day .crt-filter-number:focus,
.skin-theme-clientpref-day .crt-multiselect-input:focus {
    border-color: #6B5B95;
    outline: none;
}
 
.skin-theme-clientpref-day .crt-filter-number::placeholder {
    color: #999;
}
 
.skin-theme-clientpref-day .crt-multiselect-input::placeholder {
    color: #999;
}
 
.skin-theme-clientpref-day .crt-checkbox-label {
    color: #333 !important;
}
 
.skin-theme-clientpref-day .crt-multiselect-tag {
    background: #6B5B95;
    color: #fff;
}
 
.skin-theme-clientpref-day .crt-multiselect-dropdown {
.skin-theme-clientpref-day .crt-multiselect-dropdown {
     background: #fff;
     background: #fff;
    border-color: #ccc;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.skin-theme-clientpref-day .crt-multiselect-option {
    color: #333;
}
.skin-theme-clientpref-day .crt-multiselect-option:hover {
    background: #f0f0f0;
}
.skin-theme-clientpref-day .crt-multiselect-option.selected {
    background: rgba(107, 91, 149, 0.15);
}
.skin-theme-clientpref-day .crt-option-check {
    color: #6B5B95;
}
.skin-theme-clientpref-day .crt-multiselect-empty {
    color: #999;
}
.skin-theme-clientpref-day .crt-apply-filters {
    background: #f8f8f8;
    border-top-color: #ddd;
}
.skin-theme-clientpref-day .crt-apply-btn {
    background: #6B5B95;
}
.skin-theme-clientpref-day .crt-apply-btn:hover {
    background: #5a4a84;
}
/* Results area - light mode */
.skin-theme-clientpref-day .crt-results-header {
    border-bottom-color: #ddd;
}
.skin-theme-clientpref-day .crt-results-count {
    color: #666;
}
.skin-theme-clientpref-day .crt-results-sort label {
    color: #666;
}
.skin-theme-clientpref-day .crt-results-sort select {
    background: #fff;
    border-color: #ccc;
    color: #333;
}
.skin-theme-clientpref-day .crt-view-btn {
    background: #fff;
    border-color: #ccc;
    color: #666;
}
.skin-theme-clientpref-day .crt-view-btn:hover {
    background: #f0f0f0;
    color: #333;
}
.skin-theme-clientpref-day .crt-view-btn.active {
    background: #6B5B95;
    border-color: #6B5B95;
    color: #fff;
}
/* Active filters - light mode */
.skin-theme-clientpref-day .crt-active-filter {
    background: #f0f0f0;
     border-color: #ddd;
     border-color: #ddd;
     color: #222;
     color: #333;
}
 
.skin-theme-clientpref-day .crt-af-label {
    color: #666;
}
}


.skin-theme-clientpref-day .crt-af-remove {
    color: #888;
}
.skin-theme-clientpref-day .crt-af-remove:hover {
    color: #c44;
}
.skin-theme-clientpref-day .crt-clear-all-filters {
    border-color: #aaa;
    color: #666;
}
.skin-theme-clientpref-day .crt-clear-all-filters:hover {
    background: #e8e8e8;
    color: #333;
}
/* Result cards - light mode */
.skin-theme-clientpref-day .crt-result-card {
.skin-theme-clientpref-day .crt-result-card {
     background: #fff;
     background: #fff;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border: 1px solid #e0e0e0;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
 
.skin-theme-clientpref-day .crt-result-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
}


.skin-theme-clientpref-day .crt-card-image {
.skin-theme-clientpref-day .crt-card-image {
     background: #f5f5f5;
     background: #f5f5f5;
}
.skin-theme-clientpref-day .crt-no-image {
    color: #ccc;
}
.skin-theme-clientpref-day .crt-card-brand {
    color: #888;
}
.skin-theme-clientpref-day .crt-card-title {
    color: #333;
}
}


.skin-theme-clientpref-day .crt-card-meta span {
.skin-theme-clientpref-day .crt-card-meta span {
     background: #eee;
     background: #f0f0f0;
    color: #666;
}
 
.skin-theme-clientpref-day .crt-meta-type {
    background: rgba(107, 91, 149, 0.15) !important;
    color: #6B5B95 !important;
}
 
/* Pagination - light mode */
.skin-theme-clientpref-day .crt-pagination {
    border-top-color: #ddd;
}
 
.skin-theme-clientpref-day .crt-pagination-info {
     color: #666;
     color: #666;
}
}


.skin-theme-clientpref-day .crt-page-btn {
.skin-theme-clientpref-day .crt-page-btn {
     background: #f5f5f5;
     background: #fff;
    border-color: #ccc;
    color: #333;
}
 
.skin-theme-clientpref-day .crt-page-btn:hover {
    background: #f0f0f0;
    border-color: #aaa;
}
 
.skin-theme-clientpref-day .crt-page-btn.active {
    background: #6B5B95;
    border-color: #6B5B95;
    color: #fff;
}
 
.skin-theme-clientpref-day .crt-page-ellipsis {
    color: #999;
}
 
/* Loading/error states - light mode */
.skin-theme-clientpref-day .crt-loading {
    color: #666;
}
 
.skin-theme-clientpref-day .crt-spinner {
     border-color: #ddd;
     border-color: #ddd;
     color: #222;
     border-top-color: #6B5B95;
}
 
.skin-theme-clientpref-day .crt-no-results {
    color: #666;
}
 
.skin-theme-clientpref-day .crt-no-results-text {
    color: #555;
}
 
.skin-theme-clientpref-day .crt-no-results-hint a {
    color: #6B5B95;
}
}


.skin-theme-clientpref-day .crt-page-btn:hover {
/* Mobile filter toggle - light mode */
     background: #eee;
.skin-theme-clientpref-day .crt-mobile-filter-toggle {
     background: #fff;
    border-color: #ccc;
    color: #333;
}
}


.skin-theme-clientpref-day .crt-multiselect-dropdown {
.skin-theme-clientpref-day .crt-mobile-filter-toggle:hover {
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
     background: #f0f0f0;
}
}
Retrieved from "https://wiki.everycrt.com/wiki/MediaWiki:CRT_Search.css"
MediaWiki Appliance - Powered by TurnKey Linux