summaryrefslogtreecommitdiff
path: root/searx/static/themes/legacy/less
diff options
context:
space:
mode:
Diffstat (limited to 'searx/static/themes/legacy/less')
-rw-r--r--searx/static/themes/legacy/less/autocompleter.less61
-rw-r--r--searx/static/themes/legacy/less/code.less83
-rw-r--r--searx/static/themes/legacy/less/definitions.less119
-rw-r--r--searx/static/themes/legacy/less/mixins.less27
-rw-r--r--searx/static/themes/legacy/less/search.less68
-rw-r--r--searx/static/themes/legacy/less/style-rtl.less11
-rw-r--r--searx/static/themes/legacy/less/style.less743
7 files changed, 0 insertions, 1112 deletions
diff --git a/searx/static/themes/legacy/less/autocompleter.less b/searx/static/themes/legacy/less/autocompleter.less
deleted file mode 100644
index 4ab2508..0000000
--- a/searx/static/themes/legacy/less/autocompleter.less
+++ /dev/null
@@ -1,61 +0,0 @@
-/*
- * searx, A privacy-respecting, hackable metasearch engine
- */
-
-ul {
- &.autocompleter-choices {
- position: absolute;
- margin: 0;
- padding: 0;
- list-style: none;
- border: 1px solid @color-autocompleter-choices-border;
- border-left-color: @color-autocompleter-choices-border-left-right;
- border-right-color: @color-autocompleter-choices-border-left-right;
- border-bottom-color: @color-autocompleter-choices-border-bottom;
- text-align: left;
- font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
- z-index: 50;
- background-color: @color-autocompleter-choices-background;
- color: @color-autocompleter-choices-font;
-
- li {
- position: relative;
- margin: -2px 0 0 0;
- padding: 0.2em 1.5em 0.2em 1em;
- display: block;
- float: none !important;
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- font-size: 1em;
- line-height: 1.5em;
-
- &.autocompleter-selected {
- background-color: @color-autocompleter-selected-background;
- color: @color-autocompleter-selected-font;
-
- span.autocompleter-queried {
- color: @color-autocompleter-selected-queried-font;
- }
- }
- }
-
- span.autocompleter-queried {
- display: inline;
- float: none;
- font-weight: bold;
- margin: 0;
- padding: 0;
- }
- }
-}
-
-/*.autocompleter-loading {
- //background-image: url(images/spinner.gif);
- background-repeat: no-repeat;
- background-position: right 50%;
-}*/
-
-/*textarea.autocompleter-loading {
- background-position: right bottom;
-}*/
diff --git a/searx/static/themes/legacy/less/code.less b/searx/static/themes/legacy/less/code.less
deleted file mode 100644
index a688dd9..0000000
--- a/searx/static/themes/legacy/less/code.less
+++ /dev/null
@@ -1,83 +0,0 @@
-.highlight .hll { background-color: #ffffcc }
-.highlight { background: #f8f8f8; }
-.highlight .c { color: #408080; font-style: italic } /* Comment */
-.highlight .err { border: 1px solid #FF0000 } /* Error */
-.highlight .k { color: #008000; font-weight: bold } /* Keyword */
-.highlight .o { color: #666666 } /* Operator */
-.highlight .cm { color: #408080; font-style: italic } /* Comment.Multiline */
-.highlight .cp { color: #BC7A00 } /* Comment.Preproc */
-.highlight .c1 { color: #408080; font-style: italic } /* Comment.Single */
-.highlight .cs { color: #408080; font-style: italic } /* Comment.Special */
-.highlight .gd { color: #A00000 } /* Generic.Deleted */
-.highlight .ge { font-style: italic } /* Generic.Emph */
-.highlight .gr { color: #FF0000 } /* Generic.Error */
-.highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
-.highlight .gi { color: #00A000 } /* Generic.Inserted */
-.highlight .go { color: #888888 } /* Generic.Output */
-.highlight .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
-.highlight .gs { font-weight: bold } /* Generic.Strong */
-.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
-.highlight .gt { color: #0044DD } /* Generic.Traceback */
-.highlight .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
-.highlight .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
-.highlight .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
-.highlight .kp { color: #008000 } /* Keyword.Pseudo */
-.highlight .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
-.highlight .kt { color: #B00040 } /* Keyword.Type */
-.highlight .m { color: #666666 } /* Literal.Number */
-.highlight .s { color: #BA2121 } /* Literal.String */
-.highlight .na { color: #7D9029 } /* Name.Attribute */
-.highlight .nb { color: #008000 } /* Name.Builtin */
-.highlight .nc { color: #0000FF; font-weight: bold } /* Name.Class */
-.highlight .no { color: #880000 } /* Name.Constant */
-.highlight .nd { color: #AA22FF } /* Name.Decorator */
-.highlight .ni { color: #999999; font-weight: bold } /* Name.Entity */
-.highlight .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
-.highlight .nf { color: #0000FF } /* Name.Function */
-.highlight .nl { color: #A0A000 } /* Name.Label */
-.highlight .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
-.highlight .nt { color: #008000; font-weight: bold } /* Name.Tag */
-.highlight .nv { color: #19177C } /* Name.Variable */
-.highlight .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
-.highlight .w { color: #bbbbbb } /* Text.Whitespace */
-.highlight .mf { color: #666666 } /* Literal.Number.Float */
-.highlight .mh { color: #666666 } /* Literal.Number.Hex */
-.highlight .mi { color: #666666 } /* Literal.Number.Integer */
-.highlight .mo { color: #666666 } /* Literal.Number.Oct */
-.highlight .sb { color: #BA2121 } /* Literal.String.Backtick */
-.highlight .sc { color: #BA2121 } /* Literal.String.Char */
-.highlight .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
-.highlight .s2 { color: #BA2121 } /* Literal.String.Double */
-.highlight .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
-.highlight .sh { color: #BA2121 } /* Literal.String.Heredoc */
-.highlight .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
-.highlight .sx { color: #008000 } /* Literal.String.Other */
-.highlight .sr { color: #BB6688 } /* Literal.String.Regex */
-.highlight .s1 { color: #BA2121 } /* Literal.String.Single */
-.highlight .ss { color: #19177C } /* Literal.String.Symbol */
-.highlight .bp { color: #008000 } /* Name.Builtin.Pseudo */
-.highlight .vc { color: #19177C } /* Name.Variable.Class */
-.highlight .vg { color: #19177C } /* Name.Variable.Global */
-.highlight .vi { color: #19177C } /* Name.Variable.Instance */
-.highlight .il { color: #666666 } /* Literal.Number.Integer.Long */
-
-.highlight pre {
- overflow: auto;
-}
-
-.highlight .lineno {
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- cursor: default;
-
- &::selection {
- background: transparent; /* WebKit/Blink Browsers */
- }
- &::-moz-selection {
- background: transparent; /* Gecko Browsers */
- }
-}
diff --git a/searx/static/themes/legacy/less/definitions.less b/searx/static/themes/legacy/less/definitions.less
deleted file mode 100644
index 0ac0cc9..0000000
--- a/searx/static/themes/legacy/less/definitions.less
+++ /dev/null
@@ -1,119 +0,0 @@
-/*
- * searx, A privacy-respecting, hackable metasearch engine
- *
- * To change the colors of the site, simple edit this variables
- */
-
-/// Basic Colors
-
-@color-base: #3498DB;
-@color-base-dark: #2980B9;
-@color-base-light: #ECF0F1;
-@color-highlight: #094089;
-@color-black: #000000;
-
-/// General
-
-@color-font: #444;
-@color-font-light: #888;
-
-@color-red: #C0392B;
-
-@color-url-font: #1a11be;
-@color-url-visited-font: #8E44AD;
-@results-width: 50em;
-
-
-/// Start-Screen
-
-// hmarg
-@color-hmarg-border: @color-base;
-@color-hmarg-font: @color-base;
-@color-hmarg-font-hover: @color-base;
-
-
-/// Search-Input
-
-@color-search-border: @color-base;
-@color-search-background: #FFF;
-@color-search-font: #222;
-
-/// Autocompleter
-
-@color-autocompleter-choices-background: #FFF;
-@color-autocompleter-choices-border: @color-base;
-@color-autocompleter-choices-border-left-right: @color-base;
-@color-autocompleter-choices-border-bottom: @color-base;
-
-@color-autocompleter-choices-font: #444;
-
-/// Answers
-@color-answers-border: @color-base-dark;
-
-// Selected
-@color-autocompleter-selected-background: #444;
-@color-autocompleter-selected-font: #FFF;
-@color-autocompleter-selected-queried-font: #9FCFFF;
-
-/// Categories
-
-@color-categories-item-selected: @color-base;
-@color-categories-item-selected-font: #FFF;
-
-@color-categories-item-border-selected: @color-base-dark;
-@color-categories-item-border-unselected: #E8E7E6;
-@color-categories-item-border-unselected-hover: @color-base;
-
-
-/// Results
-
-@color-suggestions-button-background: @color-base;
-@color-suggestions-button-font: #FFF;
-
-@color-download-button-background: @color-base;
-@color-download-button-font: #FFF;
-
-@color-result-search-background: @color-base-light;
-
-@color-result-definition-border: gray;
-@color-result-torrent-border: lightgray;
-@color-result-top-border: #E8E7E6;
-
-// Link to result
-@color-result-link-font: @color-base-dark;
-@color-result-link-visited-font: @color-url-visited-font;
-
-// Url to result
-@color-result-url-font: @color-red;
-
-// Publish Date
-@color-result-publishdate-font: @color-font-light;
-
-// Images
-@color-result-image-span-background-hover: rgba(0, 0, 0, 0.6);
-@color-result-image-span-font: #FFF;
-
-// Search-URL
-@color-result-search-url-border: #888;
-@color-result-search-url-font: #444;
-
-
-/// Settings
-
-@color-settings-fieldset: @color-base;
-@color-settings-tr-hover: #DDD;
-
-// Labels
-@color-settings-label-allowed-background: #E74C3C;
-@color-settings-label-allowed-font: #FFF;
-
-@color-settings-label-deny-background: #2ECC71;
-@color-settings-label-deny-font: @color-font;
-
-@color-settings-return-background: @color-base;
-@color-settings-return-font: #FFF;
-
-/// Other
-
-@color-engines-font: @color-font-light;
-@color-percentage-div-background: #444;
diff --git a/searx/static/themes/legacy/less/mixins.less b/searx/static/themes/legacy/less/mixins.less
deleted file mode 100644
index dbccce6..0000000
--- a/searx/static/themes/legacy/less/mixins.less
+++ /dev/null
@@ -1,27 +0,0 @@
-/*
- * searx, A privacy-respecting, hackable metasearch engine
- */
-
-// Mixins
-
-.text-size-adjust (@property: 100%) {
- -webkit-text-size-adjust: @property;
- -ms-text-size-adjust: @property;
- -moz-text-size-adjust: @property;
- text-size-adjust: @property;
-}
-
-.rounded-corners (@radius: 4px) {
- -webkit-border-radius: @radius;
- -moz-border-radius: @radius;
- border-radius: @radius;
-}
-
-.user-select () {
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
-}
diff --git a/searx/static/themes/legacy/less/search.less b/searx/static/themes/legacy/less/search.less
deleted file mode 100644
index d285ca7..0000000
--- a/searx/static/themes/legacy/less/search.less
+++ /dev/null
@@ -1,68 +0,0 @@
-/*
- * searx, A privacy-respecting, hackable metasearch engine
- */
-
-.search {
- padding: 0;
- margin: 0;
- .checkbox_container label {
- font-size: 0.9em;
- border-bottom: 2px solid @color-categories-item-border-unselected;
- }
-
- .checkbox_container label:hover {
- border-bottom: 2px solid @color-categories-item-border-unselected-hover;
- }
-
- .checkbox_container input[type="checkbox"]:checked + label {
- border-bottom: 2px solid @color-categories-item-border-selected;
- }
-}
-
-#search_wrapper {
- position: relative;
- width: @results-width;
- padding: 10px;
-}
-
-.center #search_wrapper {
- margin-left: auto;
- margin-right: auto;
-}
-
-.q {
- background: none repeat scroll 0 0 @color-search-background;
- border: 1px solid @color-search-border;
- color: @color-search-font;
- font-size: 16px;
- height: 28px;
- margin: 0;
- outline: medium none;
- padding: 2px;
- padding-left: 8px;
- padding-right: 0px !important;
- width: 100%;
- z-index: 2;
-}
-
-#search_submit {
- position: absolute;
- top: 13px;
- right: 1px;
- padding: 0;
- border: 0;
- background: url('../img/search-icon.png') no-repeat;
- background-size: 24px 24px;
- opacity: 0.8;
- width: 24px;
- height: 30px;
- font-size: 0;
-}
-
-@media screen and (max-width: @results-width) {
- #search_wrapper {
- width: 90%;
- clear:both;
- overflow: hidden
- }
-}
diff --git a/searx/static/themes/legacy/less/style-rtl.less b/searx/static/themes/legacy/less/style-rtl.less
deleted file mode 100644
index eac53c1..0000000
--- a/searx/static/themes/legacy/less/style-rtl.less
+++ /dev/null
@@ -1,11 +0,0 @@
-#search_submit {
- left: 1px;
- right:auto;
-}
-
-.result .favicon {
- float: right;
- margin-left: 0.5em;
- margin-right: 0;
-}
-
diff --git a/searx/static/themes/legacy/less/style.less b/searx/static/themes/legacy/less/style.less
deleted file mode 100644
index bbeaf10..0000000
--- a/searx/static/themes/legacy/less/style.less
+++ /dev/null
@@ -1,743 +0,0 @@
-/*
- * searx, A privacy-respecting, hackable metasearch engine
- *
- * To convert "style.less" to "style.css" run: $make styles
- */
-
-@import "definitions.less";
-
-@import "mixins.less";
-
-@import "code.less";
-
-// Main LESS-Code
-
-html {
- font-family: sans-serif;
- font-size: 0.9em;
- .text-size-adjust;
- color: @color-font;
- padding: 0;
- margin: 0;
-}
-
-body, #container {
- padding: 0;
- margin: 0;
-}
-
-#container {
- width: 100%;
- position: absolute;
- top: 0;
-}
-
-// Search-Field
-
-@import "search.less";
-
-// Autocompleter
-
-@import "autocompleter.less";
-
-.row {
- max-width: 800px;
- margin: 20px auto;
- text-align: justify;
-
- h1 {
- font-size: 3em;
- margin-top: 50px;
- }
-
- p {
- padding: 0 10px;
- max-width: 700px;
- }
-
- h3,ul {
- margin: 4px 8px;
- }
-}
-
-.hmarg {
- margin: 0 20px;
- border: 1px solid @color-hmarg-border;
- padding: 4px 10px;
-}
-
-a {
- &:link.hmarg {
- color: @color-hmarg-font;
- }
-
- &:visited.hmarg {
- color: @color-hmarg-font;
- }
-
- &:active.hmarg {
- color: @color-hmarg-font-hover;
- }
-
- &:hover.hmarg {
- color: @color-hmarg-font-hover;
- }
-}
-
-.top_margin {
- margin-top: 60px;
-}
-
-.center {
- text-align: center;
-}
-
-h1 {
- font-size: 5em;
-}
-
-div.title {
- background: url('../img/searx.png') no-repeat;
- width: 100%;
- min-height: 80px;
- background-position: center;
-
- h1 {
- visibility: hidden;
- }
-}
-
-input[type="submit"] {
- padding: 2px 6px;
- margin: 2px 4px;
- display: inline-block;
- background: @color-download-button-background;
- color: @color-download-button-font;
- .rounded-corners;
- border: 0;
- cursor: pointer;
-}
-
-input[type="checkbox"] {
- visibility: hidden;
-}
-
-fieldset {
- margin: 8px;
- border: 1px solid @color-settings-fieldset;
-}
-
-#categories {
- margin: 0 10px;
- .user-select;
-}
-
-.checkbox_container {
- display: inline-block;
- position: relative;
- margin: 0 3px;
- padding: 0px;
-
- input {
- display: none;
- }
-}
-
-.checkbox_container label, .engine_checkbox label {
- cursor: pointer;
- padding: 4px 10px;
- margin: 0;
- display: block;
- text-transform: capitalize;
- .user-select;
-}
-
-.checkbox_container input[type="checkbox"]:checked + label {
- background: @color-categories-item-selected;
- color: @color-categories-item-selected-font;
-}
-
-.engine_checkbox {
- padding: 4px;
-}
-
-label {
- &.allow {
- background: @color-settings-label-allowed-background;
- padding: 4px 8px;
- color: @color-settings-label-allowed-font;
- display: none;
- }
-
- &.deny {
- background: @color-settings-label-deny-background;
- padding: 4px 8px;
- color: @color-settings-label-deny-font;
- display: inline;
- }
-}
-
-.engine_checkbox input[type="checkbox"]:checked + label {
- &:nth-child(2) + label {
- display: none;
- }
-
- &.allow {
- display: inline;
- }
-}
-
-a {
- text-decoration: none;
- color: @color-url-font;
-
- &:visited {
- color: @color-url-visited-font;
- }
-}
-
-.result {
- margin: 19px 0 18px 0;
- padding: 0;
- clear: both;
-}
-
-.result_title {
- margin-bottom: 0;
-
- a {
- color: @color-result-link-font;
- font-weight: normal;
- font-size: 1.1em;
-
- &:hover {
- text-decoration: underline;
- }
-
- &:visited {
- color: @color-result-link-visited-font;
- }
- }
-}
-
-.cache_link {
- font-size: 10px !important;
-}
-
-.result {
- h3 {
- font-size: 1em;
- word-wrap:break-word;
- margin: 5px 0 1px 0;
- padding: 0
- }
-
- .content {
- font-size: 0.8em;
- margin: 0;
- padding: 0;
- max-width: 54em;
- word-wrap:break-word;
- line-height: 1.24;
-
- img {
- float: left;
- margin-right: 5px;
- max-width: 200px;
- max-height: 100px;
- }
-
- br.last {
- clear: both;
- }
- }
-
- .url {
- font-size: 0.8em;
- margin: 0 0 3px 0;
- padding: 0;
- max-width: 54em;
- word-wrap:break-word;
- color: @color-result-url-font;
- }
-
- .published_date {
- font-size: 0.8em;
- color: @color-result-publishdate-font;
- Margin: 5px 20px;
- }
-
- .thumbnail {
- width: 400px;
- }
-}
-
-.engines {
- color: @color-engines-font;
-}
-
-.small_font {
- font-size: 0.8em;
-}
-
-.small p {
- margin: 2px 0;
-}
-
-.right {
- float: right;
-}
-
-.invisible {
- display: none;
-}
-
-.left {
- float: left;
-}
-
-.highlight {
- color: @color-highlight;
-}
-
-.content .highlight {
- color: @color-black;
-}
-
-.image_result {
- display: inline-block;
- margin: 10px 10px;
- position: relative;
- max-height: 160px;
-
- img {
- border: 0;
- max-height: 160px;
- }
-
- p {
- margin: 0;
- padding: 0;
-
- span a {
- display: none;
- color: @color-result-image-span-font;
- }
-
- &:hover span a {
- display: block;
- position: absolute;
- bottom: 0;
- right: 0;
- padding: 4px;
- background-color: @color-result-image-span-background-hover;
- font-size: 0.7em;
- }
- }
-}
-
-.torrent_result {
- border-left: 10px solid @color-result-torrent-border;
- padding-left: 3px;
-
- p {
- margin: 3px;
- font-size: 0.8em;
- }
-
- a {
- color: @color-result-link-font;
-
- &:hover {
- text-decoration: underline;
- }
-
- &:visited {
- color: @color-result-link-visited-font;
- }
- }
-}
-
-.definition_result {
- border-left: 10px solid @color-result-definition-border;
- padding-left: 3px;
-}
-
-.percentage {
- position: relative;
- width: 300px;
-
- div {
- background: @color-percentage-div-background;
- }
-}
-
-table {
- width: 100%;
-}
-
-.result-table {
- margin-bottom: 10px;
-}
-
-td {
- padding: 0 4px;
-}
-
-tr {
- &:hover {
- background: @color-settings-tr-hover;
- }
-}
-
-#results {
- margin: auto;
- padding: 0;
- width: @results-width;
- margin-bottom: 20px;
-}
-
-#sidebar {
- position: fixed;
- bottom: 10px;
- left: 10px;
- margin: 0 2px 5px 5px;
- padding: 0 2px 2px 2px;
- width: 14em;
-
- input {
- padding: 0;
- margin: 3px;
- font-size: 0.8em;
- display: inline-block;
- background: transparent;
- color: @color-result-search-url-font;
- cursor: pointer;
- }
- input[type="submit"] {
- text-decoration: underline;
- }
-}
-
-#suggestions {
-
- form {
- display: inline;
- }
-
-}
-
-#suggestions, #answers {
-
- margin-top: 20px;
- max-width: 45em;
-
-}
-
-#suggestions, #answers, #infoboxes {
-
- input {
- padding: 0;
- margin: 3px;
- font-size: 0.8em;
- display: inline-block;
- background: transparent;
- color: @color-result-search-url-font;
- cursor: pointer;
- }
-
- input[type="submit"] {
- text-decoration: underline;
- }
-
-}
-
-#suggestions-title {
-
-color: @color-font-light;
-
-
-}
-
-#answers {
-
- border: 2px solid @color-answers-border;
- padding: 20px;
-
-}
-
-#answers, #infoboxes {
- form {
- min-width: 210px;
- }
-}
-
-
-#infoboxes {
- position: absolute;
- top: 100px;
- right: 20px;
- margin: 0px 2px 5px 5px;
- padding: 0px 2px 2px;
- max-width: 21em;
- word-wrap: break-word;
-
- .infobox {
- margin: 10px 0 10px;
- border: 1px solid #ddd;
- padding: 5px;
- font-size: 0.8em;
- /* box-shadow: 0px 0px 5px #CCC; */
-
- img {
- max-width: 90%;
- max-heigt: 12em;
- display: block;
- margin: 5px;
- padding: 5px;
- }
-
- h2 {
- margin: 0;
- }
-
- table {
- table-layout: fixed;
-
- td {
- vertical-align: top;
- }
-
- }
-
- input {
- font-size: 1em;
- }
-
- br {
- clear: both;
- }
-
- }
-}
-
-#search_url {
- margin-top: 8px;
-
- input {
- border: 1px solid @color-result-search-url-border;
- padding: 4px;
- color: @color-result-search-url-font;
- width: 14em;
- display: block;
- margin: 4px;
- font-size: 0.8em;
- }
-}
-
-#preferences {
- top: 10px;
- padding: 0;
- border: 0;
- background: url('../img/preference-icon.png') no-repeat;
- background-size: 28px 28px;
- opacity: 0.8;
- width: 28px;
- height: 30px;
- display: block;
-
- * {
- display: none;
- }
-}
-
-#pagination {
- clear: both;
-
- br {
- clear: both;
- }
-}
-
-#apis {
- margin-top: 8px;
- clear: both;
-}
-
-#categories_container {
- position: relative;
-}
-
-@media screen and (max-width: @results-width) {
-
- #results {
- margin: auto;
- padding: 0;
- width: 90%;
- }
-
- .github {
- display: none;
- }
-
- .checkbox_container {
- display: block;
- width: 90%;
- //float: left;
-
- label {
- border-bottom: 0;
- }
- }
-
- .preferences_container {
- display: none;
- postion: fixed !important;
- top: 100px;
- right: 0px;
- }
-
-}
-
-@media screen and (max-width: 75em) {
-
- div.title {
-
- h1 {
- font-size: 1em;
- }
- }
-
- html.touch #categories {
- width: 95%;
- height: 30px;
- text-align: left;
- overflow-x: scroll;
- overflow-y: hidden;
- -webkit-overflow-scrolling: touch;
-
- #categories_container {
- width: 1000px;
- width: -moz-max-content;
- width: -webkit-max-content;
- width: max-content;
-
- .checkbox_container {
- display: inline-block;
- width: auto;
- }
- }
- }
-
- #categories {
- font-size: 90%;
- clear: both;
-
- .checkbox_container {
- margin-top: 2px;
- margin: auto;
- }
- }
-
- #suggestions, #answers {
- margin-top: 5px;
- }
-
- #infoboxes {
- position: inherit;
- max-width: inherit;
-
- .infobox {
- clear:both;
-
- img {
- float: left;
- max-width: 10em;
- }
- }
- }
-
- #categories {
- font-size: 90%;
- clear: both;
-
- .checkbox_container {
- margin-top: 2px;
- margin: auto;
- }
- }
-
- #sidebar {
- position: static;
- max-width: @results-width;
- margin: 0 0 2px 0;
- padding: 0;
- float: none;
- border: none;
- width: auto;
- input {
- border: 0;
- }
- }
-
- #apis {
- display: none;
- }
-
- #search_url {
- display: none;
- }
-
- .result {
- border-top: 1px solid @color-result-top-border;
- margin: 8px 0 8px 0;
-
- .thumbnail {
- max-width: 98%;
- }
- }
-
- .image_result {
- max-width: 98%;
- img {
- max-width: 98%;
- }
- }
-}
-
-.favicon {
- float: left;
- margin-right: 4px;
- margin-top: 2px;
-}
-
-.preferences_back {
- background: none repeat scroll 0 0 @color-settings-return-background;
- border: 0 none;
- .rounded-corners;
- cursor: pointer;
- display: inline-block;
- margin: 2px 4px;
- padding: 4px 6px;
-
- a {
- color: @color-settings-return-font;
- }
-}
-
-.hidden {
- opacity: 0;
- overflow: hidden;
- font-size: 0.8em;
- position: absolute;
- bottom: -20px;
- width: 100%;
- text-position: center;
- background: white;
- transition: opacity 1s ease;
-}
-
-#categories_container:hover .hidden {
- transition: opacity 1s ease;
- opacity: 0.8;
-}