forked from zaclys/searxng
[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
|
|
@ -8,7 +8,9 @@
|
|||
overflow-y: hidden;
|
||||
text-align: left;
|
||||
|
||||
&:active, &:focus, &:hover {
|
||||
&:active,
|
||||
&:focus,
|
||||
&:hover {
|
||||
background-color: @background_color;
|
||||
}
|
||||
|
||||
|
|
@ -25,10 +27,14 @@
|
|||
cursor: pointer;
|
||||
padding: 5px 0 5px 10px;
|
||||
|
||||
&.active, &:active, &:focus {
|
||||
&.active,
|
||||
&:active,
|
||||
&:focus {
|
||||
background-color: @color-base;
|
||||
|
||||
a:active, a:focus, a:hover {
|
||||
a:active,
|
||||
a:focus,
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -45,7 +51,7 @@
|
|||
border: 1px solid @color-base;
|
||||
max-height: 500px;
|
||||
overflow-y: auto;
|
||||
z-index:100;
|
||||
z-index: 100;
|
||||
|
||||
&:empty {
|
||||
display: none;
|
||||
|
|
@ -53,9 +59,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: @results-width) {
|
||||
|
||||
.autocomplete {
|
||||
bottom: 0;
|
||||
}
|
||||
|
|
@ -65,5 +69,4 @@
|
|||
border-bottom: 1px solid @color-result-top-border;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,4 @@
|
|||
.index {
|
||||
|
||||
text-align: center;
|
||||
|
||||
.title {
|
||||
|
|
@ -29,15 +28,12 @@
|
|||
padding: 6px 10px;
|
||||
border-bottom: initial !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (max-width: 75em) {
|
||||
|
||||
div.title {
|
||||
h1 {
|
||||
font-size: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -12,21 +12,21 @@
|
|||
margin: 0;
|
||||
padding: 5px 0 0 0;
|
||||
display: block;
|
||||
float:left;
|
||||
float: left;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.value {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
float:left;
|
||||
float: left;
|
||||
width: 15em;
|
||||
}
|
||||
|
||||
.description {
|
||||
margin: 0;
|
||||
padding: 5px 0 0 0;
|
||||
float:left;
|
||||
float: left;
|
||||
width: 50%;
|
||||
color: darken(#dcdcdc, 30%);
|
||||
font-size: 90%;
|
||||
|
|
@ -48,22 +48,25 @@
|
|||
table.cookies {
|
||||
width: auto;
|
||||
|
||||
th, td {
|
||||
th,
|
||||
td {
|
||||
text-align: left;
|
||||
padding: 0.25em;
|
||||
}
|
||||
|
||||
th:first-child, td:first-child {
|
||||
th:first-child,
|
||||
td:first-child {
|
||||
padding-right: 4em;
|
||||
}
|
||||
|
||||
&>tbody>tr:nth-child(even)>th,
|
||||
&>tbody>tr:nth-child(even)>td {
|
||||
& > tbody > tr:nth-child(even) > th,
|
||||
& > tbody > tr:nth-child(even) > td {
|
||||
background-color: @color-settings-tr-hover;
|
||||
}
|
||||
}
|
||||
|
||||
.name, .shortcut {
|
||||
.name,
|
||||
.shortcut {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
|
|
@ -72,6 +75,7 @@
|
|||
color: white;
|
||||
border: 0 none;
|
||||
.rounded-corners;
|
||||
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
margin: 2px 4px;
|
||||
|
|
@ -87,13 +91,11 @@
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
div.selectable_url {
|
||||
pre {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (max-width: 75em) {
|
||||
|
|
|
|||
|
|
@ -17,8 +17,8 @@
|
|||
margin: 0 12px 0 0;
|
||||
display: inline-flex;
|
||||
flex-direction: row;
|
||||
|
||||
white-space: nowrap;
|
||||
|
||||
/*
|
||||
&:has(q:focus) {
|
||||
box-shadow: 0px 0px 5px #CCC;
|
||||
|
|
@ -31,7 +31,6 @@
|
|||
border-collapse: separate;
|
||||
box-sizing: border-box;
|
||||
width: 1.8em;
|
||||
|
||||
margin: 0;
|
||||
padding: 2px;
|
||||
height: 2.2em;
|
||||
|
|
@ -40,7 +39,7 @@
|
|||
border-bottom: 1px solid @color-search-border;
|
||||
border-right: none;
|
||||
border-left: none;
|
||||
border-radius: 0px;
|
||||
border-radius: 0;
|
||||
outline: none;
|
||||
color: @color-search-font;
|
||||
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;
|
||||
}
|
||||
|
||||
#q, #send_search {
|
||||
#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;
|
||||
border-radius: 0;
|
||||
outline: none;
|
||||
color: @color-search-font;
|
||||
font-size: 16px;
|
||||
|
|
@ -79,7 +79,7 @@
|
|||
#q {
|
||||
outline: medium none;
|
||||
padding-left: 8px;
|
||||
padding-right: 0px !important;
|
||||
padding-right: 0 !important;
|
||||
border-right: none;
|
||||
width: @search-width;
|
||||
}
|
||||
|
|
@ -105,7 +105,6 @@
|
|||
}
|
||||
|
||||
@media screen and (max-width: 75em) {
|
||||
|
||||
#categories {
|
||||
font-size: 90%;
|
||||
clear: both;
|
||||
|
|
@ -117,8 +116,8 @@
|
|||
}
|
||||
|
||||
html.touch {
|
||||
#main_index, #main_results {
|
||||
|
||||
#main_index,
|
||||
#main_results {
|
||||
#categories_container {
|
||||
width: 1000px;
|
||||
width: -moz-max-content;
|
||||
|
|
@ -141,11 +140,9 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (max-width: @results-width) {
|
||||
|
||||
#search {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
|
|
@ -177,7 +174,8 @@
|
|||
margin: 0.5em;
|
||||
}
|
||||
|
||||
.language, .time_range {
|
||||
.language,
|
||||
.time_range {
|
||||
width: 45%;
|
||||
}
|
||||
|
||||
|
|
@ -189,7 +187,6 @@
|
|||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#categories {
|
||||
|
|
@ -206,7 +203,7 @@
|
|||
display: inline-block;
|
||||
position: relative;
|
||||
margin: 0 3px;
|
||||
padding: 0px;
|
||||
padding: 0;
|
||||
|
||||
input {
|
||||
display: none;
|
||||
|
|
@ -224,12 +221,12 @@
|
|||
}
|
||||
|
||||
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;
|
||||
}*/
|
||||
} */
|
||||
|
||||
input[type="checkbox"]:checked + label {
|
||||
background: @color-categories-item-selected;
|
||||
|
|
@ -239,7 +236,6 @@
|
|||
}
|
||||
|
||||
#categories_container {
|
||||
|
||||
position: relative;
|
||||
|
||||
.help {
|
||||
|
|
@ -247,10 +243,8 @@
|
|||
width: 100%;
|
||||
bottom: -20px;
|
||||
overflow: hidden;
|
||||
|
||||
opacity: 0;
|
||||
transition: opacity 1s ease;
|
||||
|
||||
font-size: 0.8em;
|
||||
text-position: center;
|
||||
background: white;
|
||||
|
|
@ -260,5 +254,4 @@
|
|||
opacity: 0.8;
|
||||
transition: opacity 1s ease;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,5 +2,5 @@
|
|||
|
||||
#search_submit {
|
||||
left: 1px;
|
||||
right:auto;
|
||||
right: auto;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -8,24 +8,18 @@
|
|||
|
||||
@import "../../__common__/less/new_issue.less";
|
||||
@import "../../__common__/less/stats.less";
|
||||
|
||||
@import (inline) "../../node_modules/normalize.css/normalize.css";
|
||||
|
||||
@import "../generated/ion.less";
|
||||
|
||||
@import "definitions.less";
|
||||
|
||||
@import "mixins.less";
|
||||
|
||||
@import "code.less";
|
||||
|
||||
@import "toolkit.less";
|
||||
|
||||
@import "autocomplete.less";
|
||||
|
||||
// ion-icon
|
||||
.ion-icon-big {
|
||||
.ion-icon;
|
||||
|
||||
font-size: 149%;
|
||||
}
|
||||
|
||||
|
|
@ -43,12 +37,14 @@ html {
|
|||
font-family: arial, sans-serif;
|
||||
font-size: 0.9em;
|
||||
.text-size-adjust;
|
||||
|
||||
color: @color-font;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
body, main {
|
||||
body,
|
||||
main {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
|
@ -60,12 +56,14 @@ main {
|
|||
|
||||
footer {
|
||||
// position:absolute;
|
||||
bottom:0;
|
||||
width:100%;
|
||||
height:50px;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
#main_preferences, #main_about, #main_stats {
|
||||
#main_preferences,
|
||||
#main_about,
|
||||
#main_stats {
|
||||
margin: 3em;
|
||||
width: auto;
|
||||
}
|
||||
|
|
@ -84,7 +82,8 @@ footer {
|
|||
}
|
||||
}
|
||||
|
||||
#main_preferences h1, #main_stats h1 {
|
||||
#main_preferences h1,
|
||||
#main_stats h1 {
|
||||
background: url('../img/searx.png') no-repeat;
|
||||
background-size: auto 75%;
|
||||
min-height: 40px;
|
||||
|
|
@ -95,13 +94,15 @@ footer {
|
|||
}
|
||||
}
|
||||
|
||||
input[type="submit"], #results button[type="submit"] {
|
||||
input[type="submit"],
|
||||
#results button[type="submit"] {
|
||||
padding: 0.5rem;
|
||||
margin: 2px 4px;
|
||||
display: inline-block;
|
||||
background: @color-download-button-background;
|
||||
color: @color-download-button-font;
|
||||
.rounded-corners;
|
||||
|
||||
border: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
|
@ -147,7 +148,7 @@ article.result-images[data-vim-selected]::before {
|
|||
|
||||
h3 {
|
||||
font-size: 1.1em;
|
||||
word-wrap:break-word;
|
||||
word-wrap: break-word;
|
||||
margin: 5px 0 1px 0;
|
||||
padding: 0;
|
||||
margin-bottom: 0;
|
||||
|
|
@ -161,26 +162,30 @@ article.result-images[data-vim-selected]::before {
|
|||
color: @color-result-link-visited-font;
|
||||
}
|
||||
|
||||
&:focus, &:hover {
|
||||
&:focus,
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
border: none;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
outline:none;
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.cache_link, .proxyfied_link {
|
||||
.cache_link,
|
||||
.proxyfied_link {
|
||||
font-size: 0.9em !important;
|
||||
}
|
||||
|
||||
.content, .stat, .altlink {
|
||||
.content,
|
||||
.stat,
|
||||
.altlink {
|
||||
font-size: 0.9em;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
max-width: 54em;
|
||||
word-wrap:break-word;
|
||||
word-wrap: break-word;
|
||||
line-height: 1.24;
|
||||
|
||||
.highlight {
|
||||
|
|
@ -203,7 +208,7 @@ article.result-images[data-vim-selected]::before {
|
|||
margin: 0 0 3px 0;
|
||||
padding: 0;
|
||||
max-width: 54em;
|
||||
word-wrap:break-word;
|
||||
word-wrap: break-word;
|
||||
color: @color-result-url-font;
|
||||
}
|
||||
|
||||
|
|
@ -213,7 +218,6 @@ article.result-images[data-vim-selected]::before {
|
|||
}
|
||||
|
||||
img {
|
||||
|
||||
&.thumbnail {
|
||||
float: left;
|
||||
padding: 0 5px 10px 0;
|
||||
|
|
@ -231,13 +235,11 @@ article.result-images[data-vim-selected]::before {
|
|||
object-fit: scale-down;
|
||||
object-position: right top;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.break {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.category-social .image {
|
||||
|
|
@ -305,7 +307,6 @@ article.result-images[data-vim-selected]::before {
|
|||
}
|
||||
|
||||
.result-map {
|
||||
|
||||
img.image {
|
||||
float: right !important;
|
||||
height: 100px !important;
|
||||
|
|
@ -313,7 +314,7 @@ article.result-images[data-vim-selected]::before {
|
|||
}
|
||||
|
||||
table {
|
||||
font-size: .9em;
|
||||
font-size: 0.9em;
|
||||
width: auto;
|
||||
border-collapse: separate;
|
||||
border-spacing: 0 0.35rem;
|
||||
|
|
@ -365,7 +366,6 @@ article.result-images[data-vim-selected]::before {
|
|||
}
|
||||
|
||||
#suggestions {
|
||||
|
||||
.wrapper {
|
||||
display: flex;
|
||||
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;
|
||||
}
|
||||
|
||||
#suggestions, #answers, #infoboxes, #corrections {
|
||||
|
||||
#suggestions,
|
||||
#answers,
|
||||
#infoboxes,
|
||||
#corrections {
|
||||
input {
|
||||
padding: 0;
|
||||
margin: 3px;
|
||||
|
|
@ -394,7 +398,8 @@ article.result-images[data-vim-selected]::before {
|
|||
cursor: pointer;
|
||||
}
|
||||
|
||||
input[type="submit"], .infobox .url a {
|
||||
input[type="submit"],
|
||||
.infobox .url a {
|
||||
color: @color-result-link-font;
|
||||
text-decoration: none;
|
||||
font-size: 0.9rem;
|
||||
|
|
@ -403,7 +408,6 @@ article.result-images[data-vim-selected]::before {
|
|||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#corrections {
|
||||
|
|
@ -411,18 +415,20 @@ article.result-images[data-vim-selected]::before {
|
|||
flex-flow: row wrap;
|
||||
margin: 1em 0;
|
||||
|
||||
h4, input[type="submit"] {
|
||||
h4,
|
||||
input[type="submit"] {
|
||||
display: inline-block;
|
||||
margin: 0 0.5em 0 0;
|
||||
}
|
||||
|
||||
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;
|
||||
color: @color-font;
|
||||
}
|
||||
|
|
@ -431,7 +437,7 @@ article.result-images[data-vim-selected]::before {
|
|||
margin: 10px 8px 10px 8px;
|
||||
border: 1px solid #ddd;
|
||||
padding: 0.9em;
|
||||
box-shadow: 0px 0px 5px #CCC;
|
||||
box-shadow: 0 0 5px #ccc;
|
||||
|
||||
h4 {
|
||||
display: none;
|
||||
|
|
@ -444,7 +450,8 @@ article.result-images[data-vim-selected]::before {
|
|||
}
|
||||
}
|
||||
|
||||
#answers, #infoboxes {
|
||||
#answers,
|
||||
#infoboxes {
|
||||
form {
|
||||
min-width: 210px;
|
||||
}
|
||||
|
|
@ -454,9 +461,8 @@ article.result-images[data-vim-selected]::before {
|
|||
position: absolute;
|
||||
top: 100px;
|
||||
left: 57em;
|
||||
|
||||
margin: 0px 2px 5px 5px;
|
||||
padding: 0px 2px 2px;
|
||||
margin: 0 2px 5px 5px;
|
||||
padding: 0 2px 2px;
|
||||
max-width: 25em;
|
||||
word-wrap: break-word;
|
||||
|
||||
|
|
@ -465,10 +471,10 @@ article.result-images[data-vim-selected]::before {
|
|||
border: 1px solid #ddd;
|
||||
padding: 0.9em;
|
||||
font-size: 0.9em;
|
||||
box-shadow: 0px 0px 5px #CCC;
|
||||
box-shadow: 0 0 5px #ccc;
|
||||
|
||||
h2 {
|
||||
margin: 0 0 .5em 0;
|
||||
margin: 0 0 0.5em 0;
|
||||
}
|
||||
|
||||
img {
|
||||
|
|
@ -504,10 +510,10 @@ article.result-images[data-vim-selected]::before {
|
|||
clear: both;
|
||||
}
|
||||
|
||||
.attributes, .urls {
|
||||
.attributes,
|
||||
.urls {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -528,11 +534,13 @@ article.result-images[data-vim-selected]::before {
|
|||
padding: 0;
|
||||
border: 0;
|
||||
display: block;
|
||||
|
||||
font-size: 1.2em;
|
||||
color: @color-search-font;
|
||||
|
||||
a:link *, a:hover *, a:visited *, a:active * {
|
||||
a:link *,
|
||||
a:hover *,
|
||||
a:visited *,
|
||||
a:active * {
|
||||
color: @color-search-font;
|
||||
}
|
||||
}
|
||||
|
|
@ -555,7 +563,7 @@ article.result-images[data-vim-selected]::before {
|
|||
margin: 0 0 0 2em;
|
||||
padding: 0;
|
||||
font-size: 1em;
|
||||
box-shadow: 0px 0px 5px #CCC;
|
||||
box-shadow: 0 0 5px #ccc;
|
||||
background: white;
|
||||
position: fixed;
|
||||
bottom: 85px;
|
||||
|
|
@ -571,13 +579,15 @@ article.result-images[data-vim-selected]::before {
|
|||
}
|
||||
|
||||
@media screen and (max-width: 75em) {
|
||||
|
||||
#main_preferences, #main_about, #main_stats {
|
||||
#main_preferences,
|
||||
#main_about,
|
||||
#main_stats {
|
||||
margin: 0.5em;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
#suggestions, #answers {
|
||||
#suggestions,
|
||||
#answers {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
|
|
@ -586,7 +596,7 @@ article.result-images[data-vim-selected]::before {
|
|||
max-width: inherit;
|
||||
|
||||
.infobox {
|
||||
clear:both;
|
||||
clear: both;
|
||||
|
||||
img {
|
||||
float: left;
|
||||
|
|
@ -594,7 +604,6 @@ article.result-images[data-vim-selected]::before {
|
|||
margin: 0.5em 0.5em 0.5em 0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#sidebar {
|
||||
|
|
@ -634,7 +643,6 @@ article.result-images[data-vim-selected]::before {
|
|||
}
|
||||
|
||||
.url {
|
||||
|
||||
span.url {
|
||||
display: block;
|
||||
white-space: nowrap;
|
||||
|
|
@ -647,7 +655,6 @@ article.result-images[data-vim-selected]::before {
|
|||
float: right;
|
||||
padding: 0 0.5em;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.engines {
|
||||
|
|
@ -662,13 +669,13 @@ article.result-images[data-vim-selected]::before {
|
|||
|
||||
.image_result {
|
||||
max-width: 98%;
|
||||
|
||||
img {
|
||||
max-width: 98%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#main_results div#results.only_template_images {
|
||||
flex-direction: column;
|
||||
width: auto;
|
||||
|
|
@ -696,9 +703,7 @@ article.result-images[data-vim-selected]::before {
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: @results-width) {
|
||||
|
||||
article[data-vim-selected]::before {
|
||||
display: none;
|
||||
content: "";
|
||||
|
|
@ -708,7 +713,7 @@ article.result-images[data-vim-selected]::before {
|
|||
display: none;
|
||||
postion: fixed !important;
|
||||
top: 100px;
|
||||
right: 0px;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
#sidebar {
|
||||
|
|
@ -739,22 +744,18 @@ article.result-images[data-vim-selected]::before {
|
|||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (max-width: 35em) {
|
||||
|
||||
.result-videos {
|
||||
|
||||
img.thumbnail {
|
||||
float: none !important;
|
||||
}
|
||||
|
||||
.content {
|
||||
overflow: inherit;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
pre code {
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@ html.js .show_if_nojs {
|
|||
}
|
||||
|
||||
.right {
|
||||
float: right ;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.left {
|
||||
|
|
@ -67,7 +67,6 @@ kbd {
|
|||
|
||||
// table
|
||||
table {
|
||||
|
||||
width: 100%;
|
||||
|
||||
&.striped {
|
||||
|
|
@ -122,28 +121,30 @@ div.selectable_url {
|
|||
position: relative;
|
||||
width: 70%;
|
||||
padding: 1em 1em 1em 2.7em;
|
||||
margin: 0em 8% 1em 8%;
|
||||
margin: 0 8% 1em 8%;
|
||||
border: 1px solid black;
|
||||
border-radius: 4px;
|
||||
text-align: left;
|
||||
|
||||
&:before {
|
||||
&::before {
|
||||
position: absolute;
|
||||
top: 0.5em;
|
||||
left: 0.5em;
|
||||
font-family:"ion";
|
||||
font-family: "ion";
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.close {
|
||||
float:right;
|
||||
float: right;
|
||||
position: relative;
|
||||
top: -3px;
|
||||
color: inherit;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
ul, ol, p {
|
||||
ul,
|
||||
ol,
|
||||
p {
|
||||
margin: 1px 0 0 0;
|
||||
}
|
||||
|
||||
|
|
@ -163,16 +164,15 @@ div.selectable_url {
|
|||
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;
|
||||
|
|
@ -181,6 +181,7 @@ div.selectable_url {
|
|||
|
||||
.dialog-warning {
|
||||
.dialog();
|
||||
|
||||
color: @color-warning;
|
||||
background: @color-warning-background;
|
||||
border-color: @color-warning;
|
||||
|
|
@ -189,10 +190,12 @@ div.selectable_url {
|
|||
|
||||
.dialog-modal {
|
||||
.dialog();
|
||||
|
||||
background: white;
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
|
||||
/* bring your own prefixes */
|
||||
transform: translate(-50%, -50%);
|
||||
z-index: 100000;
|
||||
|
|
@ -215,13 +218,14 @@ div.selectable_url {
|
|||
border: none;
|
||||
}
|
||||
|
||||
/* -- tabs --*/
|
||||
/* -- tabs -- */
|
||||
.tabs .tabs > label {
|
||||
font-size: 90%;
|
||||
}
|
||||
|
||||
.tabs {
|
||||
.flexbox();
|
||||
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
min-width: 100%;
|
||||
|
|
@ -238,13 +242,13 @@ div.selectable_url {
|
|||
order: 1;
|
||||
padding: 0.7em;
|
||||
margin: 0 0.7em;
|
||||
letter-spacing:0.5px;
|
||||
letter-spacing: 0.5px;
|
||||
text-transform: uppercase;
|
||||
|
||||
border: solid white;
|
||||
border-width: 0px 0px 2px 0;
|
||||
border-width: 0 0 2px 0;
|
||||
|
||||
.disable-user-select();
|
||||
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
|
@ -266,19 +270,19 @@ div.selectable_url {
|
|||
background: @color-categories-item-selected;
|
||||
color: @color-categories-item-selected-font;
|
||||
font-weight: bold;
|
||||
letter-spacing:-0.1px;
|
||||
letter-spacing: -0.1px;
|
||||
}
|
||||
|
||||
& > section:last-of-type {
|
||||
display: block;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
html body .tabs > input:checked {
|
||||
~ section {
|
||||
display: none;
|
||||
}
|
||||
|
||||
~ label {
|
||||
position: inherited;
|
||||
background: inherit;
|
||||
|
|
@ -290,13 +294,15 @@ html body .tabs > input:checked {
|
|||
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;
|
||||
letter-spacing: -0.1px;
|
||||
}
|
||||
|
||||
+ label + section {
|
||||
display: block;
|
||||
}
|
||||
|
|
@ -311,13 +317,13 @@ select {
|
|||
font-size: 12px;
|
||||
z-index: 2;
|
||||
|
||||
&:hover, &:focus {
|
||||
&: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;
|
||||
|
|
@ -330,12 +336,11 @@ select {
|
|||
background-origin: content-box;
|
||||
outline: medium none;
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
border-bottom: 1px solid @color-search-border;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* -- checkbox-onoff -- */
|
||||
|
|
@ -348,6 +353,7 @@ select {
|
|||
margin: 8px auto;
|
||||
position: relative;
|
||||
border-radius: 50px;
|
||||
|
||||
label {
|
||||
display: block;
|
||||
width: 20px;
|
||||
|
|
@ -356,14 +362,15 @@ select {
|
|||
top: -5px;
|
||||
cursor: pointer;
|
||||
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;
|
||||
|
||||
left: 27px;
|
||||
background-color: #3498DB;
|
||||
background-color: #3498db;
|
||||
}
|
||||
|
||||
input[type=checkbox] {
|
||||
visibility: hidden;
|
||||
|
||||
&:checked + label {
|
||||
left: -5px;
|
||||
background: #dcdcdc;
|
||||
|
|
@ -372,12 +379,13 @@ select {
|
|||
}
|
||||
}
|
||||
|
||||
/* -- checkbox --*/
|
||||
/* -- checkbox -- */
|
||||
@supports (transform: rotate(-45deg)) {
|
||||
.checkbox {
|
||||
width: 20px;
|
||||
position: relative;
|
||||
margin: 20px auto;
|
||||
|
||||
label {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
|
|
@ -387,8 +395,9 @@ select {
|
|||
left: 0;
|
||||
background: white;
|
||||
border-radius: 4px;
|
||||
box-shadow: inset 0px 1px 1px white, 0px 1px 4px rgba(0,0,0,0.5);
|
||||
&:after {
|
||||
box-shadow: inset 0 1px 1px white, 0 1px 4px rgba(0, 0, 0, 0.5);
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
width: 9px;
|
||||
height: 5px;
|
||||
|
|
@ -406,8 +415,9 @@ select {
|
|||
|
||||
input[type=checkbox] {
|
||||
visibility: hidden;
|
||||
&:checked + label:after {
|
||||
border-color: #3498DB;
|
||||
|
||||
&:checked + label::after {
|
||||
border-color: #3498db;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
|
@ -416,7 +426,7 @@ select {
|
|||
input[disabled] + label {
|
||||
background-color: transparent !important;
|
||||
box-shadow: none !important;
|
||||
cursor: inherit;;
|
||||
cursor: inherit;
|
||||
}
|
||||
|
||||
// if not checked and possible to checked then display a "light" check mark on hover
|
||||
|
|
@ -434,11 +444,12 @@ select {
|
|||
|
||||
/* -- loader -- */
|
||||
.loader,
|
||||
.loader:after {
|
||||
.loader::after {
|
||||
border-radius: 50%;
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
}
|
||||
|
||||
.loader {
|
||||
margin: 1em auto;
|
||||
font-size: 10px;
|
||||
|
|
@ -454,21 +465,25 @@ select {
|
|||
-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);
|
||||
|
|
@ -480,9 +495,9 @@ select {
|
|||
display: none;
|
||||
position: absolute;
|
||||
padding: 0.5rem 1rem;
|
||||
margin: 0rem 0 0 2rem;
|
||||
margin: 0 0 0 2rem;
|
||||
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;
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
|
|
@ -490,7 +505,9 @@ select {
|
|||
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;
|
||||
}
|
||||
|
||||
|
|
@ -517,7 +534,7 @@ th:hover .engine-tooltip, td:hover .engine-tooltip, .engine-tooltip:hover {
|
|||
}
|
||||
|
||||
.stacked-bar-chart-base {
|
||||
display:flex;
|
||||
display: flex;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
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-base();
|
||||
|
||||
background: @stacked-bar-chart;
|
||||
border: 1px solid fade(@stacked-bar-chart, 90%);
|
||||
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-base();
|
||||
|
||||
background: transparent;
|
||||
border: 1px solid fade(@stacked-bar-chart, 30%);
|
||||
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-base();
|
||||
|
||||
background: transparent;
|
||||
border-bottom: 1px dotted fade(@stacked-bar-chart, 50%);
|
||||
padding: 0;
|
||||
|
|
@ -546,6 +566,7 @@ th:hover .engine-tooltip, td:hover .engine-tooltip, .engine-tooltip:hover {
|
|||
|
||||
.stacked-bar-chart-rate100 {
|
||||
.stacked-bar-chart-base();
|
||||
|
||||
background: transparent;
|
||||
border-left: 1px solid fade(@stacked-bar-chart, 90%);
|
||||
padding: 0.4rem 0;
|
||||
|
|
|
|||
|
|
@ -1,9 +1,10 @@
|
|||
.loader,
|
||||
.loader:after {
|
||||
.loader::after {
|
||||
border-radius: 50%;
|
||||
width: 10em;
|
||||
height: 10em;
|
||||
}
|
||||
|
||||
.loader {
|
||||
margin: 60px auto;
|
||||
font-size: 10px;
|
||||
|
|
@ -12,28 +13,32 @@
|
|||
border-top: 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-left: 1.1em solid #ffffff;
|
||||
border-left: 1.1em solid #fff;
|
||||
-webkit-transform: translateZ(0);
|
||||
-ms-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
-webkit-animation: load8 1.1s infinite linear;
|
||||
animation: load8 1.1s 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);
|
||||
|
|
|
|||
Loading…
Reference in New Issue