diff --git a/themes/default/css/clear-search.css b/themes/default/css/clear-search.css index a2408d6b0..0906dd0a4 100644 --- a/themes/default/css/clear-search.css +++ b/themes/default/css/clear-search.css @@ -1,4 +1,4 @@ -/* Search default clear colros */ +/* Search default clear colors */ .filter .filter-icon { color: #474747; } @@ -254,4 +254,19 @@ .filter-author-form .selectize-dropdown .option.active, .filter-added_by-form .selectize-dropdown .option.active { background: #ccc; -} \ No newline at end of file +} + +.search-input{ + padding:10px; + margin-bottom:10px; +} + +.search-input::placeholder{ + color: #ccc; +} + +.filter-tag-form .selectize-control.multi .selectize-input > div .remove, +.filter-author-form .selectize-control.multi .selectize-input > div .remove, +.filter-added_by-form .selectize-control.multi .selectize-input > div .remove { + color:#000; +} diff --git a/themes/default/css/dark-search.css b/themes/default/css/dark-search.css index c011fee4a..54f911d57 100644 --- a/themes/default/css/dark-search.css +++ b/themes/default/css/dark-search.css @@ -73,7 +73,7 @@ } .mcs-container .filter { - border: 1px solid #aeaeae; + border: 2px solid #444; color:#aeaeae; } @@ -93,7 +93,7 @@ .mcs-container .filter-filled { background: #ff7700bb; - border: 1px solid #ffeacf !important; + border: none!important; color: #ffeacf!important; } @@ -113,13 +113,13 @@ .filetypes-option:nth-child(odd), .added_by-option:nth-child(odd), .date_posted-option:nth-child(odd) label { - background: #f3f3f3; + background: #444; } .filetypes-option label .checked-icon, .added_by-option label .checked-icon, .date_posted-option label .checked-icon{ - color: #ff7700bb; + color: white; } .filetypes-option label .ext-badge, @@ -129,23 +129,21 @@ color: white; } -.filetypes-option input:checked + label { - background: #fff5e8; -} - +.added_by-option input:checked + label, +.filetypes-option input:checked + label, .date_posted-option input:checked + label { background: rgba(244, 171, 79, 0.17); } .head-button-2 { color: #777; - background: #fafafa; + background: #222; box-shadow: 0px 2px #00000024; } .head-button-2:hover { - background: #eee; - color: #555 !important; + background: #000; + color: #777 !important; } .breadcrumb-item { @@ -173,11 +171,11 @@ } .linkedAlbumPopInContainer { - background-color: white; + background-color: #555; } .ClosePopIn { - color: white; + color: #777; } .search-result-item { @@ -221,6 +219,7 @@ .filter-author-form .selectize-input input, .filter-added_by-form .selectize-input input { color: #ccc ; + background: #555; } .filter-tag-form .selectize-input input::placeholder, @@ -243,7 +242,7 @@ .filter-tag-form .selectize-dropdown, .filter-author-form .selectize-dropdown, .filter-added_by-form .selectize-dropdown { - background: #eee; + background: #555; } .filter-tag-form .selectize-dropdown .option.active, @@ -254,4 +253,18 @@ .filter-tag-form .selectize-dropdown .selectize-dropdown-content{ background-color: #444; +} + +.search-input{ + background: #555; +} + +.search-input::placeholder{ + color: #ccc; +} + +.filter-tag-form .selectize-control.multi .selectize-input > div .remove, +.filter-author-form .selectize-control.multi .selectize-input > div .remove, +.filter-added_by-form .selectize-control.multi .selectize-input > div .remove { + color:#000; } \ No newline at end of file diff --git a/themes/default/css/search.css b/themes/default/css/search.css index 411ac52a4..bbc2e5174 100644 --- a/themes/default/css/search.css +++ b/themes/default/css/search.css @@ -146,6 +146,7 @@ align-items: center; flex-wrap: wrap; margin: 0 15px; + margin-top:15px } .filter-manager, @@ -335,11 +336,14 @@ margin: 5px; } +.filetypes-option label .ext-name { + text-transform: uppercase; +} + .filetypes-option label .ext-name, .added_by-option label .added_by-name, .date_posted-option label .date-period { margin-left: 30px; - text-transform: uppercase; } .added_by-option label .added_by-name{ @@ -392,7 +396,7 @@ } .head-button-2 p { - margin: 0; + margin: 0!important; white-space: nowrap; } @@ -629,6 +633,13 @@ height: 16px; padding: 0; height: 26px; + border:none; +} +.filter-author-form .selectize-input input:focus-visible, +.filter-added_by-form .selectize-input input:focus-visible, +.filter-tag-form .selectize-input input:focus-visible{ + border:none; + outline:none!important; } .filter-tag-form .selectize-control.multi .selectize-input > div, @@ -655,7 +666,7 @@ .filter-tag-form .selectize-dropdown, .filter-author-form .selectize-dropdown, .filter-added_by-form .selectize-dropdown { - padding: 0; + padding: 5px;; max-height: 100px; overflow-y: scroll; position: absolute; @@ -704,3 +715,8 @@ .section-search .sticky-top{ z-index: 10!important; } + +.search-input{ + padding:10px; + margin-bottom:10px; +}