summaryrefslogtreecommitdiff
path: root/searx/static/themes/simple/less/search.less
diff options
context:
space:
mode:
authorAlexandre Flament <alex@al-f.net>2021-06-16 09:28:45 +0200
committerAlexandre Flament <alex@al-f.net>2021-06-16 12:38:06 +0200
commit6b80c57a3c04d6be37ae3c880f7e269fc362b107 (patch)
treeec3009353dfd713f9d91cf074b10f5d7a6bdcd5a /searx/static/themes/simple/less/search.less
parent49ea5b764454b4cd00eef67898b1c73ce3c28f31 (diff)
[mod] simple theme: move source files to the src directory
Diffstat (limited to 'searx/static/themes/simple/less/search.less')
-rw-r--r--searx/static/themes/simple/less/search.less264
1 files changed, 0 insertions, 264 deletions
diff --git a/searx/static/themes/simple/less/search.less b/searx/static/themes/simple/less/search.less
deleted file mode 100644
index dbcfc932e..000000000
--- a/searx/static/themes/simple/less/search.less
+++ /dev/null
@@ -1,264 +0,0 @@
-/*
-* searx, A privacy-respecting, hackable metasearch engine
-*/
-
-#search {
- padding: 0 2em;
- margin: 0;
- background: #f7f7f7;
- border-bottom: 1px solid #d7d7d7;
-}
-
-#search_wrapper {
- padding: 10px 0;
-}
-
-.search_box {
- margin: 0 12px 0 0;
- display: inline-flex;
- flex-direction: row;
-
- white-space: nowrap;
- /*
- &:has(q:focus) {
- box-shadow: 0px 0px 5px #CCC;
-}
-*/
-}
-
-#clear_search {
- display: block;
- border-collapse: separate;
- box-sizing: border-box;
- width: 1.8em;
-
- margin: 0;
- padding: 2px;
- height: 2.2em;
- background: none repeat scroll 0 0 @color-search-background;
- border-top: 1px solid @color-search-border;
- border-bottom: 1px solid @color-search-border;
- border-right: none;
- border-left: none;
- border-radius: 0px;
- outline: none;
- color: @color-search-font;
- font-size: 16px;
- z-index: 10000;
-
- &:hover {
- color: @color-search-border;
- }
-
- &.empty * {
- display: none;
- }
-}
-
-#q::-ms-clear, #q::-webkit-search-cancel-button {
- display: none;
-}
-
-#q, #send_search {
- display: block !important;
- border-collapse: separate;
- box-sizing: border-box;
-
- margin: 0;
- padding: 2px;
- height: 2.2em;
- background: none repeat scroll 0 0 @color-search-background;
- border: 1px solid @color-search-border;
- border-radius: 0px;
- outline: none;
- color: @color-search-font;
- font-size: 16px;
- z-index: 2;
-}
-
-#q {
- outline: medium none;
- padding-left: 8px;
- padding-right: 0px !important;
- border-right: none;
- width: @search-width;
-}
-
-#send_search {
- border-left: none;
- width: 2.2em;
-
- &:hover {
- cursor: pointer;
- background-color: @color-search-border;
- color: @color-base-light;
- }
-}
-
-.no-js #send_search {
- width: auto !important;
-}
-
-.search_filters {
- display: inline-block;
- vertical-align: middle;
-}
-
-@media screen and (max-width: 75em) {
-
- #categories {
- font-size: 90%;
- clear: both;
-
- .checkbox_container {
- margin-top: 2px;
- margin: auto;
- }
- }
-
- html.touch {
- #main_index, #main_results {
-
- #categories_container {
- width: 1000px;
- width: -moz-max-content;
- width: -webkit-max-content;
- width: max-content;
-
- .category {
- display: inline-block;
- width: auto;
- }
- }
-
- #categories {
- width: 100%;
- margin: 0;
- text-align: left;
- overflow-x: scroll;
- overflow-y: hidden;
- -webkit-overflow-scrolling: touch;
- }
- }
- }
-
-}
-
-@media screen and (max-width: @results-width) {
-
- #search {
- width: 100%;
- margin: 0;
- padding: 0.1em 0 0 0;
- }
-
- #search_wrapper {
- width: 100%;
- margin: 0 0 0.7em 0;
- padding: 0;
- }
-
- .search_box {
- // hack, should bew 100% ?
- width: 99%;
- margin: 0.1em;
- padding: 0 0.1em 0 0;
- display: flex;
- flex-direction: row;
- }
-
- #q {
- width: auto !important;
- flex: 1;
- }
-
- .search_filters {
- display: block;
- margin: 0.5em;
- }
-
- .language, .time_range {
- width: 45%;
- }
-
- .category {
- display: block;
- width: 90%;
-
- label {
- border-bottom: 0;
- }
- }
-
-}
-
-#categories {
- margin: 0 10px 0 0;
- .disable-user-select;
-
- &::-webkit-scrollbar {
- width: 0;
- height: 0;
- }
-}
-
-.category {
- display: inline-block;
- position: relative;
- margin: 0 3px;
- padding: 0px;
-
- input {
- display: none;
- }
-
- label {
- cursor: pointer;
- padding: 4px 10px;
- margin: 0;
- display: block;
- text-transform: capitalize;
- font-size: 0.9em;
- border-bottom: 2px solid transparent;
- .disable-user-select;
- }
-
- input[type="checkbox"]:focus + label {
- box-shadow: 0px 0px 8px #3498DB;
- }
-
- /*label:hover {
- border-bottom: 2px solid @color-categories-item-border-unselected-hover;
- }*/
-
- input[type="checkbox"]:checked + label {
- background: @color-categories-item-selected;
- color: @color-categories-item-selected-font;
- border-bottom: 2px solid @color-categories-item-border-selected;
- }
-}
-
-#categories_container {
-
- position: relative;
-
- .help {
- position: absolute;
- width: 100%;
- bottom: -20px;
- overflow: hidden;
-
- opacity: 0;
- transition: opacity 1s ease;
-
- font-size: 0.8em;
- text-position: center;
- background: white;
- }
-
- &:hover .help {
- opacity: 0.8;
- transition: opacity 1s ease;
- }
-
-}