summaryrefslogtreecommitdiff
path: root/searx/static/themes/simple/less/toolkit.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/toolkit.less
parent49ea5b764454b4cd00eef67898b1c73ce3c28f31 (diff)
[mod] simple theme: move source files to the src directory
Diffstat (limited to 'searx/static/themes/simple/less/toolkit.less')
-rw-r--r--searx/static/themes/simple/less/toolkit.less553
1 files changed, 0 insertions, 553 deletions
diff --git a/searx/static/themes/simple/less/toolkit.less b/searx/static/themes/simple/less/toolkit.less
deleted file mode 100644
index c381af802..000000000
--- a/searx/static/themes/simple/less/toolkit.less
+++ /dev/null
@@ -1,553 +0,0 @@
-// other solution : http://stackoverflow.com/questions/1577598/how-to-hide-parts-of-html-when-javascript-is-disabled/13857783#13857783
-html.no-js .hide_if_nojs {
- display: none;
-}
-
-html.js .show_if_nojs {
- display: none;
-}
-
-.center {
- text-align: center;
-}
-
-.right {
- float: right ;
-}
-
-.left {
- float: left;
-}
-
-.invisible {
- display: none !important;
-}
-
-.list-unstyled {
- list-style-type: none;
-
- li {
- margin-top: 4px;
- margin-bottom: 4px;
- }
-}
-
-.danger {
- background-color: @color-error-background;
-}
-
-.warning {
- background: @color-warning-background;
-}
-
-.success {
- background: @color-success-background;
-}
-
-.badge {
- display: inline-block;
- color: #fff;
- background-color: #777;
- text-align: center;
- white-space: nowrap;
- vertical-align: baseline;
- min-width: 10px;
- padding: 1px 5px;
- border-radius: 5px;
-}
-
-// kbd
-kbd {
- padding: 2px 4px;
- margin: 1px;
- font-size: 90%;
- color: white;
- background: black;
-}
-
-// table
-table {
-
- width: 100%;
-
- &.striped {
- tr {
- border-bottom: 1px solid @color-settings-tr-hover;
- }
- }
-}
-
-th {
- padding: 0.4em;
-}
-
-td {
- padding: 0 4px;
-}
-
-tr {
- &:hover {
- background: @color-settings-tr-hover;
- }
-}
-
-// pre
-.pre() {
- display: block;
- font-size: 0.8em;
- word-break: break-all;
- margin: 0.1em;
- .select-all-on-focus();
-}
-
-div.selectable_url {
- display: block;
- border: 1px solid @color-result-search-url-border;
- padding: 4px;
- color: @color-result-search-url-font;
- width: 100%;
- display: block;
- margin: 0.1em;
- overflow: hidden;
- height: 1.2em;
- line-height: 1.2em;
-
- pre {
- .pre();
- }
-}
-
-// dialog
-.dialog() {
- position: relative;
- width: 70%;
- padding: 1em 1em 1em 2.7em;
- margin: 0em 8% 1em 8%;
- border: 1px solid black;
- border-radius: 4px;
- text-align: left;
-
- &:before {
- position: absolute;
- top: 0.5em;
- left: 0.5em;
- font-family:"ion";
- font-size: 1.5em;
- }
-
- .close {
- float:right;
- position: relative;
- top: -3px;
- color: inherit;
- font-size: 1.5em;
- }
-
- ul, ol, p {
- margin: 1px 0 0 0;
- }
-
- table {
- width: auto;
- }
-
- tr {
- vertical-align: text-top;
-
- &:hover {
- background: transparent;
- }
- }
-
- td {
- padding: 0 1em 0 0;
- }
-
-
- h4 {
- margin-top: 0.3em;
- margin-bottom: 0.3em;
- }
-
-}
-
-.dialog-error {
- .dialog();
- color: @color-error;
- background: @color-error-background;
- border-color: @color-error;
- .ion-error();
-}
-
-.dialog-warning {
- .dialog();
- color: @color-warning;
- background: @color-warning-background;
- border-color: @color-warning;
- .ion-warning();
-}
-
-.dialog-modal {
- .dialog();
- background: white;
- position: fixed;
- top: 50%;
- left: 50%;
- /* bring your own prefixes */
- transform: translate(-50%, -50%);
- z-index: 100000;
- margin: 0 50% 0 0;
- box-shadow: 0 0 1em;
-}
-
-// btn-collapse
-.btn-collapse {
- cursor: pointer;
-}
-
-//
-.scrollx {
- overflow-x: auto;
- overflow-y: hidden;
- display: block;
- padding: 0;
- margin: 0;
- border: none;
-}
-
-/* -- tabs --*/
-.tabs .tabs > label {
- font-size: 90%;
-}
-
-.tabs {
- .flexbox();
- flex-wrap: wrap;
- width: 100%;
- min-width: 100%;
-
- & > * {
- order: 2;
- }
-
- & > input[type=radio] {
- display: none;
- }
-
- & > label {
- order: 1;
- padding: 0.7em;
- margin: 0 0.7em;
- letter-spacing:0.5px;
- text-transform: uppercase;
-
- border: solid white;
- border-width: 0px 0px 2px 0;
-
- .disable-user-select();
- cursor: pointer;
- }
-
- & > label:hover {
- border-bottom: 2px solid @color-categories-item-border-selected;
- }
-
- & > section {
- min-width: 100%;
- padding: 0.7rem 0;
- box-sizing: border-box;
- border-top: 1px solid black;
- display: none;
- }
-
- // default selection
- & > label:last-of-type {
- border-bottom: 2px solid @color-categories-item-border-selected;
- background: @color-categories-item-selected;
- color: @color-categories-item-selected-font;
- font-weight: bold;
- letter-spacing:-0.1px;
- }
-
- & > section:last-of-type {
- display: block;
- }
-
-}
-
-html body .tabs > input:checked {
- ~ section {
- display: none;
- }
- ~ label {
- position: inherited;
- background: inherit;
- border-bottom: 2px solid transparent;
- font-weight: normal;
- color: inherit;
-
- &:hover {
- border-bottom: 2px solid @color-categories-item-border-selected;
- }
- }
- + label {
- border-bottom: 2px solid @color-categories-item-border-selected;
- background: @color-categories-item-selected;
- color: @color-categories-item-selected-font;
- font-weight: bold;
- letter-spacing:-0.1px;
- }
- + label + section {
- display: block;
- }
-}
-
-/* -- select -- */
-select {
- height: 28px;
- margin: 0 1em 0 0;
- padding: 2px 8px 2px 0 !important;
- color: @color-search-font;
- font-size: 12px;
- z-index: 2;
-
- &:hover, &:focus {
- cursor: pointer;
- }
-}
-
-@supports ((background-position-x: 100%) and ((appearance: none) or (-webkit-appearance: none) or (-moz-appearance: none))) {
-
- select {
- appearance: none;
- -webkit-appearance: none;
- -moz-appearance: none;
- border: none;
- border-bottom: 1px solid #d7d7d7;
- background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIHBvaW50cz0iMTI4LDE5MiAyNTYsMzIwIDM4NCwxOTIiLz48L2c+PC9zdmc+Cg==) no-repeat;
- background-position-x: 105%;
- background-size: 2em;
- background-origin: content-box;
- outline: medium none;
-
- &:hover, &:focus {
- border-bottom: 1px solid @color-search-border;
- }
-
- }
-
-}
-
-/* -- checkbox-onoff -- */
-@supports (border-radius: 50px) {
- .checkbox-onoff {
- display: inline-block;
- width: 40px;
- height: 10px;
- background: #dcdcdc;
- margin: 8px auto;
- position: relative;
- border-radius: 50px;
- label {
- display: block;
- width: 20px;
- height: 20px;
- position: absolute;
- top: -5px;
- cursor: pointer;
- border-radius: 50px;
- box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
- transition: all 0.4s ease;
-
- left: 27px;
- background-color: #3498DB;
- }
- input[type=checkbox] {
- visibility: hidden;
- &:checked + label {
- left: -5px;
- background: #dcdcdc;
- }
- }
- }
-}
-
-/* -- checkbox --*/
-@supports (transform: rotate(-45deg)) {
- .checkbox {
- width: 20px;
- position: relative;
- margin: 20px auto;
- label {
- width: 20px;
- height: 20px;
- cursor: pointer;
- position: absolute;
- top: 0;
- left: 0;
- background: white;
- border-radius: 4px;
- box-shadow: inset 0px 1px 1px white, 0px 1px 4px rgba(0,0,0,0.5);
- &:after {
- content: '';
- width: 9px;
- height: 5px;
- position: absolute;
- top: 4px;
- left: 4px;
- border: 3px solid #333;
- border-top: none;
- border-right: none;
- background: transparent;
- opacity: 0;
- transform: rotate(-45deg);
- }
- }
-
- input[type=checkbox] {
- visibility: hidden;
- &:checked + label:after {
- border-color: #3498DB;
- opacity: 1;
- }
- }
-
- // disabled : can''t be focused, show only the check mark
- input[disabled] + label {
- background-color: transparent !important;
- box-shadow: none !important;
- cursor: inherit;;
- }
-
- // if not checked and possible to checked then display a "light" check mark on hover
- input:not(:checked):not([readonly]):not([disabled]) + label:hover::after {
- opacity: 0.5;
- }
- }
-}
-
-@media screen and (max-width: 50em) {
- .tabs > label {
- width: 100%;
- }
-}
-
-/* -- loader -- */
-.loader,
-.loader:after {
- border-radius: 50%;
- width: 2em;
- height: 2em;
-}
-.loader {
- margin: 1em auto;
- font-size: 10px;
- position: relative;
- text-indent: -9999em;
- border-top: 0.5em solid rgba(0, 0, 0, 0.2);
- border-right: 0.5em solid rgba(0, 0, 0, 0.2);
- border-bottom: 0.5em solid rgba(0, 0, 0, 0.2);
- border-left: 0.5em solid rgba(255, 255, 255, 0);
- -webkit-transform: translateZ(0);
- -ms-transform: translateZ(0);
- transform: translateZ(0);
- -webkit-animation: load8 1.2s infinite linear;
- animation: load8 1.2s infinite linear;
-}
-@-webkit-keyframes load8 {
- 0% {
- -webkit-transform: rotate(0deg);
- transform: rotate(0deg);
- }
- 100% {
- -webkit-transform: rotate(360deg);
- transform: rotate(360deg);
- }
-}
-@keyframes load8 {
- 0% {
- -webkit-transform: rotate(0deg);
- transform: rotate(0deg);
- }
- 100% {
- -webkit-transform: rotate(360deg);
- transform: rotate(360deg);
- }
-}
-
-/* -- engine-tooltip -- */
-.engine-tooltip {
- display: none;
- position: absolute;
- padding: 0.5rem 1rem;
- margin: 0rem 0 0 2rem;
- border: 1px solid #ddd;
- box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);
- background: white;
- font-size: 14px;
- font-weight: normal;
- z-index: 1000000;
- text-align: left;
-}
-
-th:hover .engine-tooltip, td:hover .engine-tooltip, .engine-tooltip:hover {
- display: inline-block;
-}
-
-/* -- stacked bar chart -- */
-.stacked-bar-chart {
- margin: 0;
- padding: 0 0.125rem 0 4rem;
- width: 100%;
- width: -moz-available;
- width: -webkit-fill-available;
- width: fill;
- flex-direction: row;
- flex-wrap: nowrap;
- align-items: center;
- display: inline-flex;
-}
-
-.stacked-bar-chart-value {
- width: 3rem;
- display: inline-block;
- position: absolute;
- padding: 0 0.5rem;
- text-align: right;
-}
-
-.stacked-bar-chart-base {
- display:flex;
- flex-shrink: 0;
- flex-grow: 0;
- flex-basis: unset;
-}
-
-.stacked-bar-chart-median {
- .stacked-bar-chart-base();
- background: @stacked-bar-chart;
- border: 1px solid fade(@stacked-bar-chart, 90%);
- padding: 0.3rem 0;
-}
-
-.stacked-bar-chart-rate80 {
- .stacked-bar-chart-base();
- background: transparent;
- border: 1px solid fade(@stacked-bar-chart, 30%);
- padding: 0.3rem 0;
-}
-
-.stacked-bar-chart-rate95 {
- .stacked-bar-chart-base();
- background: transparent;
- border-bottom: 1px dotted fade(@stacked-bar-chart, 50%);
- padding: 0;
-}
-
-.stacked-bar-chart-rate100 {
- .stacked-bar-chart-base();
- background: transparent;
- border-left: 1px solid fade(@stacked-bar-chart, 90%);
- padding: 0.4rem 0;
- width: 1px;
-}