diff options
Diffstat (limited to 'searx/static/themes/oscar/src')
6 files changed, 131 insertions, 3 deletions
diff --git a/searx/static/themes/oscar/src/less/logicodev-dark/oscar.less b/searx/static/themes/oscar/src/less/logicodev-dark/oscar.less index ff37594c8..38a4424ac 100644 --- a/searx/static/themes/oscar/src/less/logicodev-dark/oscar.less +++ b/searx/static/themes/oscar/src/less/logicodev-dark/oscar.less @@ -1,4 +1,7 @@ @import "../logicodev/variables.less"; + +@stacked-bar-chart: rgb(213, 216, 215, 1); + @import "../logicodev/footer.less"; @import "../logicodev/checkbox.less"; @import "../logicodev/onoff.less"; diff --git a/searx/static/themes/oscar/src/less/logicodev/preferences.less b/searx/static/themes/oscar/src/less/logicodev/preferences.less index ccd0b0249..32e230413 100644 --- a/searx/static/themes/oscar/src/less/logicodev/preferences.less +++ b/searx/static/themes/oscar/src/less/logicodev/preferences.less @@ -20,12 +20,72 @@ input.cursor-text { 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; } -th:hover .engine-tooltip, .engine-tooltip:hover { +td:hover .engine-tooltip, th:hover .engine-tooltip, .engine-tooltip:hover { display: inline-block; -}
\ No newline at end of file +} + +/* stacked-bar-chart */ +.stacked-bar-chart { + margin: 0; + padding: 0 0.125rem 0 3rem; + width: 100%; + width: -moz-available; + width: -webkit-fill-available; + width: fill; + flex-direction: row; + flex-wrap: nowrap; + flex-grow: 1; + 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; +} diff --git a/searx/static/themes/oscar/src/less/logicodev/variables.less b/searx/static/themes/oscar/src/less/logicodev/variables.less index 4ee8df8e7..ae2516c05 100644 --- a/searx/static/themes/oscar/src/less/logicodev/variables.less +++ b/searx/static/themes/oscar/src/less/logicodev/variables.less @@ -14,3 +14,5 @@ @light-green: #01D7D4; @orange: #FFA92F; @dark-red: #c9432f; + +@stacked-bar-chart: rgb(0, 0, 0); diff --git a/searx/static/themes/oscar/src/less/pointhi/oscar.less b/searx/static/themes/oscar/src/less/pointhi/oscar.less index 037bfa59b..6f92a0791 100644 --- a/searx/static/themes/oscar/src/less/pointhi/oscar.less +++ b/searx/static/themes/oscar/src/less/pointhi/oscar.less @@ -1,3 +1,5 @@ +@import "variables.less"; + @import "footer.less"; @import "checkbox.less"; diff --git a/searx/static/themes/oscar/src/less/pointhi/preferences.less b/searx/static/themes/oscar/src/less/pointhi/preferences.less index f3a6bee22..cb63674ed 100644 --- a/searx/static/themes/oscar/src/less/pointhi/preferences.less +++ b/searx/static/themes/oscar/src/less/pointhi/preferences.less @@ -14,6 +14,66 @@ z-index: 1000000; } -th:hover .engine-tooltip, .engine-tooltip:hover { +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 3rem; + width: 100%; + width: -moz-available; + width: -webkit-fill-available; + width: fill; + flex-direction: row; + flex-wrap: nowrap; + flex-grow: 1; + 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; +} + diff --git a/searx/static/themes/oscar/src/less/pointhi/variables.less b/searx/static/themes/oscar/src/less/pointhi/variables.less new file mode 100644 index 000000000..991f03098 --- /dev/null +++ b/searx/static/themes/oscar/src/less/pointhi/variables.less @@ -0,0 +1 @@ +@stacked-bar-chart: rgb(0, 0, 0); |