forked from Ponysearch/Ponysearch
[fix] simple theme: use stylint to fix common lint errors
This fix was autogenerated by::
npx stylelint -f unix --fix 'searx/static/themes/simple/src/less/**/*.less'
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
This commit is contained in:
Markus Heiser
parent
dfc5c3bc15
commit
14b09c15c4
10 changed files with 337 additions and 316 deletions
|
|
@ -3,59 +3,63 @@
|
||||||
@background_color: white;
|
@background_color: white;
|
||||||
|
|
||||||
.autocomplete {
|
.autocomplete {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
max-height: 0;
|
max-height: 0;
|
||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
|
||||||
&:active, &:focus, &:hover {
|
&:active,
|
||||||
background-color: @background_color;
|
&:focus,
|
||||||
|
&:hover {
|
||||||
|
background-color: @background_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:empty {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
> ul {
|
||||||
|
list-style-type: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
> li {
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 5px 0 5px 10px;
|
||||||
|
|
||||||
|
&.active,
|
||||||
|
&:active,
|
||||||
|
&:focus {
|
||||||
|
background-color: @color-base;
|
||||||
|
|
||||||
|
a:active,
|
||||||
|
a:focus,
|
||||||
|
a:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.locked {
|
||||||
|
cursor: inherit;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.open {
|
||||||
|
display: block;
|
||||||
|
background-color: @background_color;
|
||||||
|
border: 1px solid @color-base;
|
||||||
|
max-height: 500px;
|
||||||
|
overflow-y: auto;
|
||||||
|
z-index: 100;
|
||||||
|
|
||||||
&:empty {
|
&:empty {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
|
||||||
|
|
||||||
> ul {
|
|
||||||
list-style-type: none;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
|
|
||||||
> li {
|
|
||||||
cursor: pointer;
|
|
||||||
padding: 5px 0 5px 10px;
|
|
||||||
|
|
||||||
&.active, &:active, &:focus {
|
|
||||||
background-color: @color-base;
|
|
||||||
|
|
||||||
a:active, a:focus, a:hover {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.locked {
|
|
||||||
cursor: inherit;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.open {
|
|
||||||
display: block;
|
|
||||||
background-color: @background_color;
|
|
||||||
border: 1px solid @color-base;
|
|
||||||
max-height: 500px;
|
|
||||||
overflow-y: auto;
|
|
||||||
z-index:100;
|
|
||||||
|
|
||||||
&:empty {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@media screen and (max-width: @results-width) {
|
@media screen and (max-width: @results-width) {
|
||||||
|
|
||||||
.autocomplete {
|
.autocomplete {
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
@ -65,5 +69,4 @@
|
||||||
border-bottom: 1px solid @color-result-top-border;
|
border-bottom: 1px solid @color-result-top-border;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,8 @@
|
||||||
.code-highlight pre {
|
.code-highlight pre {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
background-color: inherit;
|
background-color: inherit;
|
||||||
color: inherit;
|
color: inherit;
|
||||||
border: inherit;
|
border: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
@import "../generated/pygments.less";
|
@import "../generated/pygments.less";
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,4 @@
|
||||||
.index {
|
.index {
|
||||||
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
|
|
@ -29,15 +28,12 @@
|
||||||
padding: 6px 10px;
|
padding: 6px 10px;
|
||||||
border-bottom: initial !important;
|
border-bottom: initial !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 75em) {
|
@media screen and (max-width: 75em) {
|
||||||
|
|
||||||
div.title {
|
div.title {
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -4,34 +4,34 @@
|
||||||
|
|
||||||
// Mixins
|
// Mixins
|
||||||
.text-size-adjust (@property: 100%) {
|
.text-size-adjust (@property: 100%) {
|
||||||
-webkit-text-size-adjust: @property;
|
-webkit-text-size-adjust: @property;
|
||||||
-ms-text-size-adjust: @property;
|
-ms-text-size-adjust: @property;
|
||||||
-moz-text-size-adjust: @property;
|
-moz-text-size-adjust: @property;
|
||||||
text-size-adjust: @property;
|
text-size-adjust: @property;
|
||||||
}
|
}
|
||||||
|
|
||||||
.rounded-corners (@radius: 4px) {
|
.rounded-corners (@radius: 4px) {
|
||||||
-webkit-border-radius: @radius;
|
-webkit-border-radius: @radius;
|
||||||
-moz-border-radius: @radius;
|
-moz-border-radius: @radius;
|
||||||
border-radius: @radius;
|
border-radius: @radius;
|
||||||
}
|
}
|
||||||
|
|
||||||
// disable user selection
|
// disable user selection
|
||||||
.disable-user-select () {
|
.disable-user-select () {
|
||||||
-webkit-touch-callout: none;
|
-webkit-touch-callout: none;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-khtml-user-select: none;
|
-khtml-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
-ms-user-select: none;
|
-ms-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
// select all on focus
|
// select all on focus
|
||||||
.select-all-on-focus() {
|
.select-all-on-focus() {
|
||||||
-webkit-user-select: all;
|
-webkit-user-select: all;
|
||||||
-moz-user-select: all;
|
-moz-user-select: all;
|
||||||
-ms-user-select: element;
|
-ms-user-select: element;
|
||||||
user-select: all;
|
user-select: all;
|
||||||
}
|
}
|
||||||
|
|
||||||
// see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Advanced_layouts_with_flexbox
|
// see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Advanced_layouts_with_flexbox
|
||||||
|
|
@ -44,19 +44,19 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.inline-flex() {
|
.inline-flex() {
|
||||||
display: -webkit-inline-box;
|
display: -webkit-inline-box;
|
||||||
display: -moz-inline-box;
|
display: -moz-inline-box;
|
||||||
display: -webkit-inline-flex;
|
display: -webkit-inline-flex;
|
||||||
display: -ms-inline-flexbox;
|
display: -ms-inline-flexbox;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flex-direction-row() {
|
.flex-direction-row() {
|
||||||
-webkit-box-direction: normal;
|
-webkit-box-direction: normal;
|
||||||
-webkit-box-orient: horizontal;
|
-webkit-box-orient: horizontal;
|
||||||
-moz-box-direction: normal;
|
-moz-box-direction: normal;
|
||||||
-moz-box-orient: horizontal;
|
-moz-box-orient: horizontal;
|
||||||
-webkit-flex-direction: row;
|
-webkit-flex-direction: row;
|
||||||
-ms-flex-direction: row;
|
-ms-flex-direction: row;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,10 +1,10 @@
|
||||||
#main_preferences {
|
#main_preferences {
|
||||||
form {
|
form {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
fieldset {
|
fieldset {
|
||||||
margin: 8px;
|
margin: 8px;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -12,21 +12,21 @@
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 5px 0 0 0;
|
padding: 5px 0 0 0;
|
||||||
display: block;
|
display: block;
|
||||||
float:left;
|
float: left;
|
||||||
width: 300px;
|
width: 300px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.value {
|
.value {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float:left;
|
float: left;
|
||||||
width: 15em;
|
width: 15em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.description {
|
.description {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 5px 0 0 0;
|
padding: 5px 0 0 0;
|
||||||
float:left;
|
float: left;
|
||||||
width: 50%;
|
width: 50%;
|
||||||
color: darken(#dcdcdc, 30%);
|
color: darken(#dcdcdc, 30%);
|
||||||
font-size: 90%;
|
font-size: 90%;
|
||||||
|
|
@ -48,22 +48,25 @@
|
||||||
table.cookies {
|
table.cookies {
|
||||||
width: auto;
|
width: auto;
|
||||||
|
|
||||||
th, td {
|
th,
|
||||||
|
td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
padding: 0.25em;
|
padding: 0.25em;
|
||||||
}
|
}
|
||||||
|
|
||||||
th:first-child, td:first-child {
|
th:first-child,
|
||||||
|
td:first-child {
|
||||||
padding-right: 4em;
|
padding-right: 4em;
|
||||||
}
|
}
|
||||||
|
|
||||||
&>tbody>tr:nth-child(even)>th,
|
& > tbody > tr:nth-child(even) > th,
|
||||||
&>tbody>tr:nth-child(even)>td {
|
& > tbody > tr:nth-child(even) > td {
|
||||||
background-color: @color-settings-tr-hover;
|
background-color: @color-settings-tr-hover;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.name, .shortcut {
|
.name,
|
||||||
|
.shortcut {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -72,6 +75,7 @@
|
||||||
color: white;
|
color: white;
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
.rounded-corners;
|
.rounded-corners;
|
||||||
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin: 2px 4px;
|
margin: 2px 4px;
|
||||||
|
|
@ -87,17 +91,15 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
div.selectable_url {
|
div.selectable_url {
|
||||||
pre {
|
pre {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 75em) {
|
@media screen and (max-width: 75em) {
|
||||||
.preferences_back {
|
.preferences_back {
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
* searx, A privacy-respecting, hackable metasearch engine
|
* searx, A privacy-respecting, hackable metasearch engine
|
||||||
*/
|
*/
|
||||||
|
|
||||||
#search {
|
#search {
|
||||||
padding: 0 2em;
|
padding: 0 2em;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
background: #f7f7f7;
|
background: #f7f7f7;
|
||||||
|
|
@ -17,8 +17,8 @@
|
||||||
margin: 0 12px 0 0;
|
margin: 0 12px 0 0;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
|
||||||
/*
|
/*
|
||||||
&:has(q:focus) {
|
&:has(q:focus) {
|
||||||
box-shadow: 0px 0px 5px #CCC;
|
box-shadow: 0px 0px 5px #CCC;
|
||||||
|
|
@ -31,7 +31,6 @@
|
||||||
border-collapse: separate;
|
border-collapse: separate;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
width: 1.8em;
|
width: 1.8em;
|
||||||
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
height: 2.2em;
|
height: 2.2em;
|
||||||
|
|
@ -40,7 +39,7 @@
|
||||||
border-bottom: 1px solid @color-search-border;
|
border-bottom: 1px solid @color-search-border;
|
||||||
border-right: none;
|
border-right: none;
|
||||||
border-left: none;
|
border-left: none;
|
||||||
border-radius: 0px;
|
border-radius: 0;
|
||||||
outline: none;
|
outline: none;
|
||||||
color: @color-search-font;
|
color: @color-search-font;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
|
|
@ -55,21 +54,22 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#q::-ms-clear, #q::-webkit-search-cancel-button {
|
#q::-ms-clear,
|
||||||
|
#q::-webkit-search-cancel-button {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#q, #send_search {
|
#q,
|
||||||
|
#send_search {
|
||||||
display: block !important;
|
display: block !important;
|
||||||
border-collapse: separate;
|
border-collapse: separate;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
height: 2.2em;
|
height: 2.2em;
|
||||||
background: none repeat scroll 0 0 @color-search-background;
|
background: none repeat scroll 0 0 @color-search-background;
|
||||||
border: 1px solid @color-search-border;
|
border: 1px solid @color-search-border;
|
||||||
border-radius: 0px;
|
border-radius: 0;
|
||||||
outline: none;
|
outline: none;
|
||||||
color: @color-search-font;
|
color: @color-search-font;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
|
|
@ -79,7 +79,7 @@
|
||||||
#q {
|
#q {
|
||||||
outline: medium none;
|
outline: medium none;
|
||||||
padding-left: 8px;
|
padding-left: 8px;
|
||||||
padding-right: 0px !important;
|
padding-right: 0 !important;
|
||||||
border-right: none;
|
border-right: none;
|
||||||
width: @search-width;
|
width: @search-width;
|
||||||
}
|
}
|
||||||
|
|
@ -105,7 +105,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 75em) {
|
@media screen and (max-width: 75em) {
|
||||||
|
|
||||||
#categories {
|
#categories {
|
||||||
font-size: 90%;
|
font-size: 90%;
|
||||||
clear: both;
|
clear: both;
|
||||||
|
|
@ -117,8 +116,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
html.touch {
|
html.touch {
|
||||||
#main_index, #main_results {
|
#main_index,
|
||||||
|
#main_results {
|
||||||
#categories_container {
|
#categories_container {
|
||||||
width: 1000px;
|
width: 1000px;
|
||||||
width: -moz-max-content;
|
width: -moz-max-content;
|
||||||
|
|
@ -141,11 +140,9 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: @results-width) {
|
@media screen and (max-width: @results-width) {
|
||||||
|
|
||||||
#search {
|
#search {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
@ -177,7 +174,8 @@
|
||||||
margin: 0.5em;
|
margin: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.language, .time_range {
|
.language,
|
||||||
|
.time_range {
|
||||||
width: 45%;
|
width: 45%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -189,7 +187,6 @@
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#categories {
|
#categories {
|
||||||
|
|
@ -206,7 +203,7 @@
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
position: relative;
|
position: relative;
|
||||||
margin: 0 3px;
|
margin: 0 3px;
|
||||||
padding: 0px;
|
padding: 0;
|
||||||
|
|
||||||
input {
|
input {
|
||||||
display: none;
|
display: none;
|
||||||
|
|
@ -224,12 +221,12 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type="checkbox"]:focus + label {
|
input[type="checkbox"]:focus + label {
|
||||||
box-shadow: 0px 0px 8px #3498DB;
|
box-shadow: 0 0 8px #3498db;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*label:hover {
|
/* label:hover {
|
||||||
border-bottom: 2px solid @color-categories-item-border-unselected-hover;
|
border-bottom: 2px solid @color-categories-item-border-unselected-hover;
|
||||||
}*/
|
} */
|
||||||
|
|
||||||
input[type="checkbox"]:checked + label {
|
input[type="checkbox"]:checked + label {
|
||||||
background: @color-categories-item-selected;
|
background: @color-categories-item-selected;
|
||||||
|
|
@ -239,7 +236,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
#categories_container {
|
#categories_container {
|
||||||
|
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
.help {
|
.help {
|
||||||
|
|
@ -247,10 +243,8 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
bottom: -20px;
|
bottom: -20px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: opacity 1s ease;
|
transition: opacity 1s ease;
|
||||||
|
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
text-position: center;
|
text-position: center;
|
||||||
background: white;
|
background: white;
|
||||||
|
|
@ -260,5 +254,4 @@
|
||||||
opacity: 0.8;
|
opacity: 0.8;
|
||||||
transition: opacity 1s ease;
|
transition: opacity 1s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
@import "style.less";
|
@import "style.less";
|
||||||
|
|
||||||
#search_submit {
|
#search_submit {
|
||||||
left: 1px;
|
left: 1px;
|
||||||
right:auto;
|
right: auto;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -8,24 +8,18 @@
|
||||||
|
|
||||||
@import "../../__common__/less/new_issue.less";
|
@import "../../__common__/less/new_issue.less";
|
||||||
@import "../../__common__/less/stats.less";
|
@import "../../__common__/less/stats.less";
|
||||||
|
|
||||||
@import (inline) "../../node_modules/normalize.css/normalize.css";
|
@import (inline) "../../node_modules/normalize.css/normalize.css";
|
||||||
|
|
||||||
@import "../generated/ion.less";
|
@import "../generated/ion.less";
|
||||||
|
|
||||||
@import "definitions.less";
|
@import "definitions.less";
|
||||||
|
|
||||||
@import "mixins.less";
|
@import "mixins.less";
|
||||||
|
|
||||||
@import "code.less";
|
@import "code.less";
|
||||||
|
|
||||||
@import "toolkit.less";
|
@import "toolkit.less";
|
||||||
|
|
||||||
@import "autocomplete.less";
|
@import "autocomplete.less";
|
||||||
|
|
||||||
// ion-icon
|
// ion-icon
|
||||||
.ion-icon-big {
|
.ion-icon-big {
|
||||||
.ion-icon;
|
.ion-icon;
|
||||||
|
|
||||||
font-size: 149%;
|
font-size: 149%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -43,12 +37,14 @@ html {
|
||||||
font-family: arial, sans-serif;
|
font-family: arial, sans-serif;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
.text-size-adjust;
|
.text-size-adjust;
|
||||||
|
|
||||||
color: @color-font;
|
color: @color-font;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
body, main {
|
body,
|
||||||
|
main {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
@ -60,12 +56,14 @@ main {
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
// position:absolute;
|
// position:absolute;
|
||||||
bottom:0;
|
bottom: 0;
|
||||||
width:100%;
|
width: 100%;
|
||||||
height:50px;
|
height: 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#main_preferences, #main_about, #main_stats {
|
#main_preferences,
|
||||||
|
#main_about,
|
||||||
|
#main_stats {
|
||||||
margin: 3em;
|
margin: 3em;
|
||||||
width: auto;
|
width: auto;
|
||||||
}
|
}
|
||||||
|
|
@ -84,24 +82,27 @@ footer {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#main_preferences h1, #main_stats h1 {
|
#main_preferences h1,
|
||||||
|
#main_stats h1 {
|
||||||
background: url('../img/searx.png') no-repeat;
|
background: url('../img/searx.png') no-repeat;
|
||||||
background-size: auto 75%;
|
background-size: auto 75%;
|
||||||
min-height: 40px;
|
min-height: 40px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
|
||||||
span {
|
span {
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type="submit"], #results button[type="submit"] {
|
input[type="submit"],
|
||||||
|
#results button[type="submit"] {
|
||||||
padding: 0.5rem;
|
padding: 0.5rem;
|
||||||
margin: 2px 4px;
|
margin: 2px 4px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
background: @color-download-button-background;
|
background: @color-download-button-background;
|
||||||
color: @color-download-button-font;
|
color: @color-download-button-font;
|
||||||
.rounded-corners;
|
.rounded-corners;
|
||||||
|
|
||||||
border: 0;
|
border: 0;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
@ -147,7 +148,7 @@ article.result-images[data-vim-selected]::before {
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
word-wrap:break-word;
|
word-wrap: break-word;
|
||||||
margin: 5px 0 1px 0;
|
margin: 5px 0 1px 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
|
|
@ -161,26 +162,30 @@ article.result-images[data-vim-selected]::before {
|
||||||
color: @color-result-link-visited-font;
|
color: @color-result-link-visited-font;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:focus, &:hover {
|
&:focus,
|
||||||
|
&:hover {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
border: none;
|
border: none;
|
||||||
-webkit-box-shadow: none;
|
-webkit-box-shadow: none;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
outline:none;
|
outline: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.cache_link, .proxyfied_link {
|
.cache_link,
|
||||||
|
.proxyfied_link {
|
||||||
font-size: 0.9em !important;
|
font-size: 0.9em !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content, .stat, .altlink {
|
.content,
|
||||||
|
.stat,
|
||||||
|
.altlink {
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
max-width: 54em;
|
max-width: 54em;
|
||||||
word-wrap:break-word;
|
word-wrap: break-word;
|
||||||
line-height: 1.24;
|
line-height: 1.24;
|
||||||
|
|
||||||
.highlight {
|
.highlight {
|
||||||
|
|
@ -203,7 +208,7 @@ article.result-images[data-vim-selected]::before {
|
||||||
margin: 0 0 3px 0;
|
margin: 0 0 3px 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
max-width: 54em;
|
max-width: 54em;
|
||||||
word-wrap:break-word;
|
word-wrap: break-word;
|
||||||
color: @color-result-url-font;
|
color: @color-result-url-font;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -213,7 +218,6 @@ article.result-images[data-vim-selected]::before {
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
|
|
||||||
&.thumbnail {
|
&.thumbnail {
|
||||||
float: left;
|
float: left;
|
||||||
padding: 0 5px 10px 0;
|
padding: 0 5px 10px 0;
|
||||||
|
|
@ -231,13 +235,11 @@ article.result-images[data-vim-selected]::before {
|
||||||
object-fit: scale-down;
|
object-fit: scale-down;
|
||||||
object-position: right top;
|
object-position: right top;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.break {
|
.break {
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.category-social .image {
|
.category-social .image {
|
||||||
|
|
@ -305,7 +307,6 @@ article.result-images[data-vim-selected]::before {
|
||||||
}
|
}
|
||||||
|
|
||||||
.result-map {
|
.result-map {
|
||||||
|
|
||||||
img.image {
|
img.image {
|
||||||
float: right !important;
|
float: right !important;
|
||||||
height: 100px !important;
|
height: 100px !important;
|
||||||
|
|
@ -313,7 +314,7 @@ article.result-images[data-vim-selected]::before {
|
||||||
}
|
}
|
||||||
|
|
||||||
table {
|
table {
|
||||||
font-size: .9em;
|
font-size: 0.9em;
|
||||||
width: auto;
|
width: auto;
|
||||||
border-collapse: separate;
|
border-collapse: separate;
|
||||||
border-spacing: 0 0.35rem;
|
border-spacing: 0 0.35rem;
|
||||||
|
|
@ -365,7 +366,6 @@ article.result-images[data-vim-selected]::before {
|
||||||
}
|
}
|
||||||
|
|
||||||
#suggestions {
|
#suggestions {
|
||||||
|
|
||||||
.wrapper {
|
.wrapper {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: row wrap;
|
flex-flow: row wrap;
|
||||||
|
|
@ -378,12 +378,16 @@ article.result-images[data-vim-selected]::before {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#suggestions, #answers, #corrections {
|
#suggestions,
|
||||||
|
#answers,
|
||||||
|
#corrections {
|
||||||
max-width: @results-width;
|
max-width: @results-width;
|
||||||
}
|
}
|
||||||
|
|
||||||
#suggestions, #answers, #infoboxes, #corrections {
|
#suggestions,
|
||||||
|
#answers,
|
||||||
|
#infoboxes,
|
||||||
|
#corrections {
|
||||||
input {
|
input {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 3px;
|
margin: 3px;
|
||||||
|
|
@ -394,7 +398,8 @@ article.result-images[data-vim-selected]::before {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type="submit"], .infobox .url a {
|
input[type="submit"],
|
||||||
|
.infobox .url a {
|
||||||
color: @color-result-link-font;
|
color: @color-result-link-font;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
font-size: 0.9rem;
|
font-size: 0.9rem;
|
||||||
|
|
@ -403,7 +408,6 @@ article.result-images[data-vim-selected]::before {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#corrections {
|
#corrections {
|
||||||
|
|
@ -411,18 +415,20 @@ article.result-images[data-vim-selected]::before {
|
||||||
flex-flow: row wrap;
|
flex-flow: row wrap;
|
||||||
margin: 1em 0;
|
margin: 1em 0;
|
||||||
|
|
||||||
h4, input[type="submit"] {
|
h4,
|
||||||
|
input[type="submit"] {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin: 0 0.5em 0 0;
|
margin: 0 0.5em 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type="submit"]::after {
|
input[type="submit"]::after {
|
||||||
content: ", "
|
content: ", ";
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#suggestions .title, #search_url .title, #apis .title {
|
#suggestions .title,
|
||||||
|
#search_url .title,
|
||||||
|
#apis .title {
|
||||||
margin: 2em 0 0.5em 0;
|
margin: 2em 0 0.5em 0;
|
||||||
color: @color-font;
|
color: @color-font;
|
||||||
}
|
}
|
||||||
|
|
@ -431,7 +437,7 @@ article.result-images[data-vim-selected]::before {
|
||||||
margin: 10px 8px 10px 8px;
|
margin: 10px 8px 10px 8px;
|
||||||
border: 1px solid #ddd;
|
border: 1px solid #ddd;
|
||||||
padding: 0.9em;
|
padding: 0.9em;
|
||||||
box-shadow: 0px 0px 5px #CCC;
|
box-shadow: 0 0 5px #ccc;
|
||||||
|
|
||||||
h4 {
|
h4 {
|
||||||
display: none;
|
display: none;
|
||||||
|
|
@ -444,7 +450,8 @@ article.result-images[data-vim-selected]::before {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#answers, #infoboxes {
|
#answers,
|
||||||
|
#infoboxes {
|
||||||
form {
|
form {
|
||||||
min-width: 210px;
|
min-width: 210px;
|
||||||
}
|
}
|
||||||
|
|
@ -454,9 +461,8 @@ article.result-images[data-vim-selected]::before {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 100px;
|
top: 100px;
|
||||||
left: 57em;
|
left: 57em;
|
||||||
|
margin: 0 2px 5px 5px;
|
||||||
margin: 0px 2px 5px 5px;
|
padding: 0 2px 2px;
|
||||||
padding: 0px 2px 2px;
|
|
||||||
max-width: 25em;
|
max-width: 25em;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
|
|
||||||
|
|
@ -465,10 +471,10 @@ article.result-images[data-vim-selected]::before {
|
||||||
border: 1px solid #ddd;
|
border: 1px solid #ddd;
|
||||||
padding: 0.9em;
|
padding: 0.9em;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
box-shadow: 0px 0px 5px #CCC;
|
box-shadow: 0 0 5px #ccc;
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
margin: 0 0 .5em 0;
|
margin: 0 0 0.5em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
|
|
@ -504,10 +510,10 @@ article.result-images[data-vim-selected]::before {
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
|
|
||||||
.attributes, .urls {
|
.attributes,
|
||||||
|
.urls {
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -528,11 +534,13 @@ article.result-images[data-vim-selected]::before {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
display: block;
|
display: block;
|
||||||
|
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
color: @color-search-font;
|
color: @color-search-font;
|
||||||
|
|
||||||
a:link *, a:hover *, a:visited *, a:active * {
|
a:link *,
|
||||||
|
a:hover *,
|
||||||
|
a:visited *,
|
||||||
|
a:active * {
|
||||||
color: @color-search-font;
|
color: @color-search-font;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -555,7 +563,7 @@ article.result-images[data-vim-selected]::before {
|
||||||
margin: 0 0 0 2em;
|
margin: 0 0 0 2em;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
box-shadow: 0px 0px 5px #CCC;
|
box-shadow: 0 0 5px #ccc;
|
||||||
background: white;
|
background: white;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 85px;
|
bottom: 85px;
|
||||||
|
|
@ -571,13 +579,15 @@ article.result-images[data-vim-selected]::before {
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 75em) {
|
@media screen and (max-width: 75em) {
|
||||||
|
#main_preferences,
|
||||||
#main_preferences, #main_about, #main_stats {
|
#main_about,
|
||||||
|
#main_stats {
|
||||||
margin: 0.5em;
|
margin: 0.5em;
|
||||||
width: auto;
|
width: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
#suggestions, #answers {
|
#suggestions,
|
||||||
|
#answers {
|
||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -586,7 +596,7 @@ article.result-images[data-vim-selected]::before {
|
||||||
max-width: inherit;
|
max-width: inherit;
|
||||||
|
|
||||||
.infobox {
|
.infobox {
|
||||||
clear:both;
|
clear: both;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
float: left;
|
float: left;
|
||||||
|
|
@ -594,7 +604,6 @@ article.result-images[data-vim-selected]::before {
|
||||||
margin: 0.5em 0.5em 0.5em 0;
|
margin: 0.5em 0.5em 0.5em 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#sidebar {
|
#sidebar {
|
||||||
|
|
@ -634,7 +643,6 @@ article.result-images[data-vim-selected]::before {
|
||||||
}
|
}
|
||||||
|
|
||||||
.url {
|
.url {
|
||||||
|
|
||||||
span.url {
|
span.url {
|
||||||
display: block;
|
display: block;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
|
@ -647,7 +655,6 @@ article.result-images[data-vim-selected]::before {
|
||||||
float: right;
|
float: right;
|
||||||
padding: 0 0.5em;
|
padding: 0 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.engines {
|
.engines {
|
||||||
|
|
@ -662,43 +669,41 @@ article.result-images[data-vim-selected]::before {
|
||||||
|
|
||||||
.image_result {
|
.image_result {
|
||||||
max-width: 98%;
|
max-width: 98%;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
max-width: 98%;
|
max-width: 98%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
#main_results div#results.only_template_images {
|
#main_results div#results.only_template_images {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
width: auto;
|
width: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
#sidebar {
|
#sidebar {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: auto;
|
top: auto;
|
||||||
order: 2;
|
order: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
#urls {
|
#urls {
|
||||||
position: relative;
|
position: relative;
|
||||||
order: 1;
|
order: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
#backToTop {
|
#backToTop {
|
||||||
right: 0.5em;
|
right: 0.5em;
|
||||||
left: auto;
|
left: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
#pagination {
|
#pagination {
|
||||||
position: relative;
|
position: relative;
|
||||||
order: 3;
|
order: 3;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@media screen and (max-width: @results-width) {
|
@media screen and (max-width: @results-width) {
|
||||||
|
|
||||||
article[data-vim-selected]::before {
|
article[data-vim-selected]::before {
|
||||||
display: none;
|
display: none;
|
||||||
content: "";
|
content: "";
|
||||||
|
|
@ -708,7 +713,7 @@ article.result-images[data-vim-selected]::before {
|
||||||
display: none;
|
display: none;
|
||||||
postion: fixed !important;
|
postion: fixed !important;
|
||||||
top: 100px;
|
top: 100px;
|
||||||
right: 0px;
|
right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#sidebar {
|
#sidebar {
|
||||||
|
|
@ -739,24 +744,20 @@ article.result-images[data-vim-selected]::before {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 35em) {
|
@media screen and (max-width: 35em) {
|
||||||
|
|
||||||
.result-videos {
|
.result-videos {
|
||||||
|
|
||||||
img.thumbnail {
|
img.thumbnail {
|
||||||
float: none !important;
|
float: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
overflow: inherit;
|
overflow: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
pre code {
|
pre code {
|
||||||
white-space: pre-wrap;
|
white-space: pre-wrap;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -12,7 +12,7 @@ html.js .show_if_nojs {
|
||||||
}
|
}
|
||||||
|
|
||||||
.right {
|
.right {
|
||||||
float: right ;
|
float: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.left {
|
.left {
|
||||||
|
|
@ -67,7 +67,6 @@ kbd {
|
||||||
|
|
||||||
// table
|
// table
|
||||||
table {
|
table {
|
||||||
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
&.striped {
|
&.striped {
|
||||||
|
|
@ -97,7 +96,7 @@ tr {
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
margin: 0.1em;
|
margin: 0.1em;
|
||||||
.select-all-on-focus();
|
.select-all-on-focus();
|
||||||
}
|
}
|
||||||
|
|
||||||
div.selectable_url {
|
div.selectable_url {
|
||||||
|
|
@ -122,28 +121,30 @@ div.selectable_url {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
padding: 1em 1em 1em 2.7em;
|
padding: 1em 1em 1em 2.7em;
|
||||||
margin: 0em 8% 1em 8%;
|
margin: 0 8% 1em 8%;
|
||||||
border: 1px solid black;
|
border: 1px solid black;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
|
||||||
&:before {
|
&::before {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0.5em;
|
top: 0.5em;
|
||||||
left: 0.5em;
|
left: 0.5em;
|
||||||
font-family:"ion";
|
font-family: "ion";
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.close {
|
.close {
|
||||||
float:right;
|
float: right;
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -3px;
|
top: -3px;
|
||||||
color: inherit;
|
color: inherit;
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul, ol, p {
|
ul,
|
||||||
|
ol,
|
||||||
|
p {
|
||||||
margin: 1px 0 0 0;
|
margin: 1px 0 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -153,7 +154,7 @@ div.selectable_url {
|
||||||
|
|
||||||
tr {
|
tr {
|
||||||
vertical-align: text-top;
|
vertical-align: text-top;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
}
|
}
|
||||||
|
|
@ -163,16 +164,15 @@ div.selectable_url {
|
||||||
padding: 0 1em 0 0;
|
padding: 0 1em 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
h4 {
|
h4 {
|
||||||
margin-top: 0.3em;
|
margin-top: 0.3em;
|
||||||
margin-bottom: 0.3em;
|
margin-bottom: 0.3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.dialog-error {
|
.dialog-error {
|
||||||
.dialog();
|
.dialog();
|
||||||
|
|
||||||
color: @color-error;
|
color: @color-error;
|
||||||
background: @color-error-background;
|
background: @color-error-background;
|
||||||
border-color: @color-error;
|
border-color: @color-error;
|
||||||
|
|
@ -181,6 +181,7 @@ div.selectable_url {
|
||||||
|
|
||||||
.dialog-warning {
|
.dialog-warning {
|
||||||
.dialog();
|
.dialog();
|
||||||
|
|
||||||
color: @color-warning;
|
color: @color-warning;
|
||||||
background: @color-warning-background;
|
background: @color-warning-background;
|
||||||
border-color: @color-warning;
|
border-color: @color-warning;
|
||||||
|
|
@ -189,10 +190,12 @@ div.selectable_url {
|
||||||
|
|
||||||
.dialog-modal {
|
.dialog-modal {
|
||||||
.dialog();
|
.dialog();
|
||||||
|
|
||||||
background: white;
|
background: white;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
|
|
||||||
/* bring your own prefixes */
|
/* bring your own prefixes */
|
||||||
transform: translate(-50%, -50%);
|
transform: translate(-50%, -50%);
|
||||||
z-index: 100000;
|
z-index: 100000;
|
||||||
|
|
@ -215,13 +218,14 @@ div.selectable_url {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* -- tabs --*/
|
/* -- tabs -- */
|
||||||
.tabs .tabs > label {
|
.tabs .tabs > label {
|
||||||
font-size: 90%;
|
font-size: 90%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tabs {
|
.tabs {
|
||||||
.flexbox();
|
.flexbox();
|
||||||
|
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
min-width: 100%;
|
min-width: 100%;
|
||||||
|
|
@ -238,13 +242,13 @@ div.selectable_url {
|
||||||
order: 1;
|
order: 1;
|
||||||
padding: 0.7em;
|
padding: 0.7em;
|
||||||
margin: 0 0.7em;
|
margin: 0 0.7em;
|
||||||
letter-spacing:0.5px;
|
letter-spacing: 0.5px;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
|
|
||||||
border: solid white;
|
border: solid white;
|
||||||
border-width: 0px 0px 2px 0;
|
border-width: 0 0 2px 0;
|
||||||
|
|
||||||
.disable-user-select();
|
.disable-user-select();
|
||||||
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -266,19 +270,19 @@ div.selectable_url {
|
||||||
background: @color-categories-item-selected;
|
background: @color-categories-item-selected;
|
||||||
color: @color-categories-item-selected-font;
|
color: @color-categories-item-selected-font;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
letter-spacing:-0.1px;
|
letter-spacing: -0.1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
& > section:last-of-type {
|
& > section:last-of-type {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
html body .tabs > input:checked {
|
html body .tabs > input:checked {
|
||||||
~ section {
|
~ section {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
~ label {
|
~ label {
|
||||||
position: inherited;
|
position: inherited;
|
||||||
background: inherit;
|
background: inherit;
|
||||||
|
|
@ -290,13 +294,15 @@ html body .tabs > input:checked {
|
||||||
border-bottom: 2px solid @color-categories-item-border-selected;
|
border-bottom: 2px solid @color-categories-item-border-selected;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
+ label {
|
+ label {
|
||||||
border-bottom: 2px solid @color-categories-item-border-selected;
|
border-bottom: 2px solid @color-categories-item-border-selected;
|
||||||
background: @color-categories-item-selected;
|
background: @color-categories-item-selected;
|
||||||
color: @color-categories-item-selected-font;
|
color: @color-categories-item-selected-font;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
letter-spacing:-0.1px;
|
letter-spacing: -0.1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
+ label + section {
|
+ label + section {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
@ -311,13 +317,13 @@ select {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
|
|
||||||
&:hover, &:focus {
|
&:hover,
|
||||||
|
&:focus {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@supports ((background-position-x: 100%) and ((appearance: none) or (-webkit-appearance: none) or (-moz-appearance: none))) {
|
@supports ((background-position-x: 100%) and ((appearance: none) or (-webkit-appearance: none) or (-moz-appearance: none))) {
|
||||||
|
|
||||||
select {
|
select {
|
||||||
appearance: none;
|
appearance: none;
|
||||||
-webkit-appearance: none;
|
-webkit-appearance: none;
|
||||||
|
|
@ -330,12 +336,11 @@ select {
|
||||||
background-origin: content-box;
|
background-origin: content-box;
|
||||||
outline: medium none;
|
outline: medium none;
|
||||||
|
|
||||||
&:hover, &:focus {
|
&:hover,
|
||||||
|
&:focus {
|
||||||
border-bottom: 1px solid @color-search-border;
|
border-bottom: 1px solid @color-search-border;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* -- checkbox-onoff -- */
|
/* -- checkbox-onoff -- */
|
||||||
|
|
@ -348,6 +353,7 @@ select {
|
||||||
margin: 8px auto;
|
margin: 8px auto;
|
||||||
position: relative;
|
position: relative;
|
||||||
border-radius: 50px;
|
border-radius: 50px;
|
||||||
|
|
||||||
label {
|
label {
|
||||||
display: block;
|
display: block;
|
||||||
width: 20px;
|
width: 20px;
|
||||||
|
|
@ -356,14 +362,15 @@ select {
|
||||||
top: -5px;
|
top: -5px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
border-radius: 50px;
|
border-radius: 50px;
|
||||||
box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
|
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3);
|
||||||
transition: all 0.4s ease;
|
transition: all 0.4s ease;
|
||||||
|
|
||||||
left: 27px;
|
left: 27px;
|
||||||
background-color: #3498DB;
|
background-color: #3498db;
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type=checkbox] {
|
input[type=checkbox] {
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
|
|
||||||
&:checked + label {
|
&:checked + label {
|
||||||
left: -5px;
|
left: -5px;
|
||||||
background: #dcdcdc;
|
background: #dcdcdc;
|
||||||
|
|
@ -372,12 +379,13 @@ select {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* -- checkbox --*/
|
/* -- checkbox -- */
|
||||||
@supports (transform: rotate(-45deg)) {
|
@supports (transform: rotate(-45deg)) {
|
||||||
.checkbox {
|
.checkbox {
|
||||||
width: 20px;
|
width: 20px;
|
||||||
position: relative;
|
position: relative;
|
||||||
margin: 20px auto;
|
margin: 20px auto;
|
||||||
|
|
||||||
label {
|
label {
|
||||||
width: 20px;
|
width: 20px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
|
|
@ -387,8 +395,9 @@ select {
|
||||||
left: 0;
|
left: 0;
|
||||||
background: white;
|
background: white;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
box-shadow: inset 0px 1px 1px white, 0px 1px 4px rgba(0,0,0,0.5);
|
box-shadow: inset 0 1px 1px white, 0 1px 4px rgba(0, 0, 0, 0.5);
|
||||||
&:after {
|
|
||||||
|
&::after {
|
||||||
content: '';
|
content: '';
|
||||||
width: 9px;
|
width: 9px;
|
||||||
height: 5px;
|
height: 5px;
|
||||||
|
|
@ -406,17 +415,18 @@ select {
|
||||||
|
|
||||||
input[type=checkbox] {
|
input[type=checkbox] {
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
&:checked + label:after {
|
|
||||||
border-color: #3498DB;
|
&:checked + label::after {
|
||||||
|
border-color: #3498db;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// disabled : can''t be focused, show only the check mark
|
// disabled : can''t be focused, show only the check mark
|
||||||
input[disabled] + label {
|
input[disabled] + label {
|
||||||
background-color: transparent !important;
|
background-color: transparent !important;
|
||||||
box-shadow: none !important;
|
box-shadow: none !important;
|
||||||
cursor: inherit;;
|
cursor: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
// if not checked and possible to checked then display a "light" check mark on hover
|
// if not checked and possible to checked then display a "light" check mark on hover
|
||||||
|
|
@ -434,45 +444,50 @@ select {
|
||||||
|
|
||||||
/* -- loader -- */
|
/* -- loader -- */
|
||||||
.loader,
|
.loader,
|
||||||
.loader:after {
|
.loader::after {
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
width: 2em;
|
width: 2em;
|
||||||
height: 2em;
|
height: 2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.loader {
|
.loader {
|
||||||
margin: 1em auto;
|
margin: 1em auto;
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
position: relative;
|
position: relative;
|
||||||
text-indent: -9999em;
|
text-indent: -9999em;
|
||||||
border-top: 0.5em solid rgba(0, 0, 0, 0.2);
|
border-top: 0.5em solid rgba(0, 0, 0, 0.2);
|
||||||
border-right: 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-bottom: 0.5em solid rgba(0, 0, 0, 0.2);
|
||||||
border-left: 0.5em solid rgba(255, 255, 255, 0);
|
border-left: 0.5em solid rgba(255, 255, 255, 0);
|
||||||
-webkit-transform: translateZ(0);
|
-webkit-transform: translateZ(0);
|
||||||
-ms-transform: translateZ(0);
|
-ms-transform: translateZ(0);
|
||||||
transform: translateZ(0);
|
transform: translateZ(0);
|
||||||
-webkit-animation: load8 1.2s infinite linear;
|
-webkit-animation: load8 1.2s infinite linear;
|
||||||
animation: load8 1.2s infinite linear;
|
animation: load8 1.2s infinite linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
@-webkit-keyframes load8 {
|
@-webkit-keyframes load8 {
|
||||||
0% {
|
0% {
|
||||||
-webkit-transform: rotate(0deg);
|
-webkit-transform: rotate(0deg);
|
||||||
transform: rotate(0deg);
|
transform: rotate(0deg);
|
||||||
}
|
}
|
||||||
100% {
|
|
||||||
-webkit-transform: rotate(360deg);
|
100% {
|
||||||
transform: rotate(360deg);
|
-webkit-transform: rotate(360deg);
|
||||||
}
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes load8 {
|
@keyframes load8 {
|
||||||
0% {
|
0% {
|
||||||
-webkit-transform: rotate(0deg);
|
-webkit-transform: rotate(0deg);
|
||||||
transform: rotate(0deg);
|
transform: rotate(0deg);
|
||||||
}
|
}
|
||||||
100% {
|
|
||||||
-webkit-transform: rotate(360deg);
|
100% {
|
||||||
transform: rotate(360deg);
|
-webkit-transform: rotate(360deg);
|
||||||
}
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* -- engine-tooltip -- */
|
/* -- engine-tooltip -- */
|
||||||
|
|
@ -480,17 +495,19 @@ select {
|
||||||
display: none;
|
display: none;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
padding: 0.5rem 1rem;
|
padding: 0.5rem 1rem;
|
||||||
margin: 0rem 0 0 2rem;
|
margin: 0 0 0 2rem;
|
||||||
border: 1px solid #ddd;
|
border: 1px solid #ddd;
|
||||||
box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);
|
box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
|
||||||
background: white;
|
background: white;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
z-index: 1000000;
|
z-index: 1000000;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
th:hover .engine-tooltip, td:hover .engine-tooltip, .engine-tooltip:hover {
|
th:hover .engine-tooltip,
|
||||||
|
td:hover .engine-tooltip,
|
||||||
|
.engine-tooltip:hover {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -517,7 +534,7 @@ th:hover .engine-tooltip, td:hover .engine-tooltip, .engine-tooltip:hover {
|
||||||
}
|
}
|
||||||
|
|
||||||
.stacked-bar-chart-base {
|
.stacked-bar-chart-base {
|
||||||
display:flex;
|
display: flex;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
flex-grow: 0;
|
flex-grow: 0;
|
||||||
flex-basis: unset;
|
flex-basis: unset;
|
||||||
|
|
@ -525,6 +542,7 @@ th:hover .engine-tooltip, td:hover .engine-tooltip, .engine-tooltip:hover {
|
||||||
|
|
||||||
.stacked-bar-chart-median {
|
.stacked-bar-chart-median {
|
||||||
.stacked-bar-chart-base();
|
.stacked-bar-chart-base();
|
||||||
|
|
||||||
background: @stacked-bar-chart;
|
background: @stacked-bar-chart;
|
||||||
border: 1px solid fade(@stacked-bar-chart, 90%);
|
border: 1px solid fade(@stacked-bar-chart, 90%);
|
||||||
padding: 0.3rem 0;
|
padding: 0.3rem 0;
|
||||||
|
|
@ -532,6 +550,7 @@ th:hover .engine-tooltip, td:hover .engine-tooltip, .engine-tooltip:hover {
|
||||||
|
|
||||||
.stacked-bar-chart-rate80 {
|
.stacked-bar-chart-rate80 {
|
||||||
.stacked-bar-chart-base();
|
.stacked-bar-chart-base();
|
||||||
|
|
||||||
background: transparent;
|
background: transparent;
|
||||||
border: 1px solid fade(@stacked-bar-chart, 30%);
|
border: 1px solid fade(@stacked-bar-chart, 30%);
|
||||||
padding: 0.3rem 0;
|
padding: 0.3rem 0;
|
||||||
|
|
@ -539,6 +558,7 @@ th:hover .engine-tooltip, td:hover .engine-tooltip, .engine-tooltip:hover {
|
||||||
|
|
||||||
.stacked-bar-chart-rate95 {
|
.stacked-bar-chart-rate95 {
|
||||||
.stacked-bar-chart-base();
|
.stacked-bar-chart-base();
|
||||||
|
|
||||||
background: transparent;
|
background: transparent;
|
||||||
border-bottom: 1px dotted fade(@stacked-bar-chart, 50%);
|
border-bottom: 1px dotted fade(@stacked-bar-chart, 50%);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
@ -546,6 +566,7 @@ th:hover .engine-tooltip, td:hover .engine-tooltip, .engine-tooltip:hover {
|
||||||
|
|
||||||
.stacked-bar-chart-rate100 {
|
.stacked-bar-chart-rate100 {
|
||||||
.stacked-bar-chart-base();
|
.stacked-bar-chart-base();
|
||||||
|
|
||||||
background: transparent;
|
background: transparent;
|
||||||
border-left: 1px solid fade(@stacked-bar-chart, 90%);
|
border-left: 1px solid fade(@stacked-bar-chart, 90%);
|
||||||
padding: 0.4rem 0;
|
padding: 0.4rem 0;
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,46 @@
|
||||||
.loader,
|
.loader,
|
||||||
.loader:after {
|
.loader::after {
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
width: 10em;
|
width: 10em;
|
||||||
height: 10em;
|
height: 10em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.loader {
|
.loader {
|
||||||
margin: 60px auto;
|
margin: 60px auto;
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
position: relative;
|
position: relative;
|
||||||
text-indent: -9999em;
|
text-indent: -9999em;
|
||||||
border-top: 1.1em solid rgba(255, 255, 255, 0.2);
|
border-top: 1.1em solid rgba(255, 255, 255, 0.2);
|
||||||
border-right: 1.1em solid rgba(255, 255, 255, 0.2);
|
border-right: 1.1em solid rgba(255, 255, 255, 0.2);
|
||||||
border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
|
border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
|
||||||
border-left: 1.1em solid #ffffff;
|
border-left: 1.1em solid #fff;
|
||||||
-webkit-transform: translateZ(0);
|
-webkit-transform: translateZ(0);
|
||||||
-ms-transform: translateZ(0);
|
-ms-transform: translateZ(0);
|
||||||
transform: translateZ(0);
|
transform: translateZ(0);
|
||||||
-webkit-animation: load8 1.1s infinite linear;
|
-webkit-animation: load8 1.1s infinite linear;
|
||||||
animation: load8 1.1s infinite linear;
|
animation: load8 1.1s infinite linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
@-webkit-keyframes load8 {
|
@-webkit-keyframes load8 {
|
||||||
0% {
|
0% {
|
||||||
-webkit-transform: rotate(0deg);
|
-webkit-transform: rotate(0deg);
|
||||||
transform: rotate(0deg);
|
transform: rotate(0deg);
|
||||||
}
|
}
|
||||||
100% {
|
|
||||||
-webkit-transform: rotate(360deg);
|
100% {
|
||||||
transform: rotate(360deg);
|
-webkit-transform: rotate(360deg);
|
||||||
}
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes load8 {
|
@keyframes load8 {
|
||||||
0% {
|
0% {
|
||||||
-webkit-transform: rotate(0deg);
|
-webkit-transform: rotate(0deg);
|
||||||
transform: rotate(0deg);
|
transform: rotate(0deg);
|
||||||
}
|
}
|
||||||
100% {
|
|
||||||
-webkit-transform: rotate(360deg);
|
100% {
|
||||||
transform: rotate(360deg);
|
-webkit-transform: rotate(360deg);
|
||||||
}
|
transform: rotate(360deg);
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue