summaryrefslogtreecommitdiff
path: root/searx/static/themes/oscar/src/less/logicodev
diff options
context:
space:
mode:
authorPaul Braeuning <paul@paulgo.io>2022-05-03 18:47:35 +0200
committerGitHub <noreply@github.com>2022-05-03 18:47:35 +0200
commit31521f3a465fa2beb7e3fd7ed47621262a28f554 (patch)
treea9a896b08d98b0ddcaf65b2159c34326c77bf80b /searx/static/themes/oscar/src/less/logicodev
parent8a79eb4d7b0265afc200ecf6c1d729274a065b18 (diff)
parentc3bb6c7059388308aa9843943ce2491856ef1596 (diff)
Merge pull request #1153 from return42/drop-oscar
[theme] peel out oscar from SearXNG development
Diffstat (limited to 'searx/static/themes/oscar/src/less/logicodev')
-rw-r--r--searx/static/themes/oscar/src/less/logicodev/advanced.less49
-rw-r--r--searx/static/themes/oscar/src/less/logicodev/checkbox.less9
-rw-r--r--searx/static/themes/oscar/src/less/logicodev/code.less12
-rw-r--r--searx/static/themes/oscar/src/less/logicodev/cursor.less8
-rw-r--r--searx/static/themes/oscar/src/less/logicodev/footer.less30
-rw-r--r--searx/static/themes/oscar/src/less/logicodev/infobox.less92
-rw-r--r--searx/static/themes/oscar/src/less/logicodev/navbar.less30
-rw-r--r--searx/static/themes/oscar/src/less/logicodev/onoff.less74
-rw-r--r--searx/static/themes/oscar/src/less/logicodev/oscar.less22
-rw-r--r--searx/static/themes/oscar/src/less/logicodev/preferences.less92
-rw-r--r--searx/static/themes/oscar/src/less/logicodev/results.less267
-rw-r--r--searx/static/themes/oscar/src/less/logicodev/search.less96
-rw-r--r--searx/static/themes/oscar/src/less/logicodev/variables.less18
13 files changed, 0 insertions, 799 deletions
diff --git a/searx/static/themes/oscar/src/less/logicodev/advanced.less b/searx/static/themes/oscar/src/less/logicodev/advanced.less
deleted file mode 100644
index b8e10de4d..000000000
--- a/searx/static/themes/oscar/src/less/logicodev/advanced.less
+++ /dev/null
@@ -1,49 +0,0 @@
-#advanced-search-container {
- display: none;
- text-align: left;
- margin-bottom: 1rem;
- clear: both;
-
- label, .input-group-addon {
- font-size: 1.2rem;
- font-weight:normal;
- background-color: white;
- border: @mild-gray 1px solid;
- border-right: none;
- color: @dark-gray;
- padding-bottom: 0.4rem;
- padding-right: 0.7rem;
- padding-left: 0.7rem;
- }
-
- label:last-child, .input-group-addon:last-child {
- border-right: @mild-gray 1px solid;
- }
-
- input[type="radio"] {
- display: none;
- }
-
- input[type="radio"]:checked + label{
- color: @black;
- font-weight: bold;
- border-bottom: @light-green 5px solid;
- }
-}
-
-#check-advanced:focus + label {
- text-decoration: underline;
-}
-
-#check-advanced:checked ~ #advanced-search-container {
- display: block;
-}
-
-.advanced {
- padding: 0;
- margin-top: 0.3rem;
- text-align: right;
- label, select {
- cursor: pointer;
- }
-}
diff --git a/searx/static/themes/oscar/src/less/logicodev/checkbox.less b/searx/static/themes/oscar/src/less/logicodev/checkbox.less
deleted file mode 100644
index 6428b36ed..000000000
--- a/searx/static/themes/oscar/src/less/logicodev/checkbox.less
+++ /dev/null
@@ -1,9 +0,0 @@
-// Hide element if checkbox is checked
-input[type=checkbox]:checked + .label_hide_if_checked, input[type=checkbox]:checked + .label_hide_if_not_checked + .label_hide_if_checked {
- display:none;
-}
-
-// Hide element if checkbox is not checked
-input[type=checkbox]:not(:checked) + .label_hide_if_not_checked, input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not_checked {
- display:none;
-}
diff --git a/searx/static/themes/oscar/src/less/logicodev/code.less b/searx/static/themes/oscar/src/less/logicodev/code.less
deleted file mode 100644
index de7613e9e..000000000
--- a/searx/static/themes/oscar/src/less/logicodev/code.less
+++ /dev/null
@@ -1,12 +0,0 @@
-pre, code {
- font-family: 'Ubuntu Mono', 'Courier New', 'Lucida Console', monospace !important;
-}
-
-.code-highlight pre {
- margin-bottom: 25px;
- padding: 20px 10px;
- background-color: inherit;
- color: inherit;
- border: inherit;
- color: #D7DAE0;
-}
diff --git a/searx/static/themes/oscar/src/less/logicodev/cursor.less b/searx/static/themes/oscar/src/less/logicodev/cursor.less
deleted file mode 100644
index cbc1ea6fc..000000000
--- a/searx/static/themes/oscar/src/less/logicodev/cursor.less
+++ /dev/null
@@ -1,8 +0,0 @@
-// display cursor
-.cursor-text {
- cursor: text !important;
-}
-
-.cursor-pointer {
- cursor: pointer !important;
-}
diff --git a/searx/static/themes/oscar/src/less/logicodev/footer.less b/searx/static/themes/oscar/src/less/logicodev/footer.less
deleted file mode 100644
index d23a0cc97..000000000
--- a/searx/static/themes/oscar/src/less/logicodev/footer.less
+++ /dev/null
@@ -1,30 +0,0 @@
-// Sticky footer styles
-*{
- border-radius: 0 !important;
-}
-html {
- position: relative;
- min-height: 100%;
- color: @black;
-}
-
-body {
- /* Margin bottom by footer height */
- font-family: 'Roboto', Helvetica, Arial, sans-serif;
- margin-bottom: 80px;
- background-color: white;
-
- a{
- color: @blue;
- }
-}
-
-.footer {
- position: absolute;
- bottom: 0;
- width: 100%;
- /* Set the fixed height of the footer here */
- height: 60px;
- text-align: center;
- color: #999;
-}
diff --git a/searx/static/themes/oscar/src/less/logicodev/infobox.less b/searx/static/themes/oscar/src/less/logicodev/infobox.less
deleted file mode 100644
index c5bdfa612..000000000
--- a/searx/static/themes/oscar/src/less/logicodev/infobox.less
+++ /dev/null
@@ -1,92 +0,0 @@
-.infobox {
-
- .panel-heading{
- background-color: @dim-gray;
-
- .panel-title{
- font-weight: 700;
- }
- }
-
- .header_url {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- display: block;
- }
-
-
- p{
- font-family: "DejaVu Serif", Georgia, Cambria, "Times New Roman", Times, serif !important;
- font-style: italic;
- }
-
- img{
- max-height: "250px";
- }
-
- .btn{
- background-color: @dark-blue;
- border: none;
-
- a{
- color: white;
- margin: 5px;
- }
- }
-
- .infobox_part {
- margin-bottom: 20px;
- word-wrap: break-word;
- table-layout: fixed;
-
- }
-
- .infobox_part:last-child {
- margin-bottom: 0;
- }
-
- .infobox_toggle {
- width: 100%;
- text-align: center;
- margin-bottom: 0px;
- cursor: pointer;
- }
-
- .infobox_toggle:hover {
- background: @mild-gray;
- }
-
- // Shrink infobox size when toggle is off
- .infobox_checkbox ~ .infobox_body {
- max-height: 300px;
- overflow: hidden;
- }
- .infobox_checkbox:checked ~ .infobox_body {
- max-height: none;
- }
-
- // Show toggle button as down when infobox is shrunk
- .infobox_checkbox ~ .infobox_toggle .infobox_label_down {
- display: block;
- }
- .infobox_checkbox ~ .infobox_toggle .infobox_label_up {
- display: none;
- }
-
- // Show toggle button as up when infobox is expanded
- .infobox_checkbox:checked ~ .infobox_toggle .infobox_label_up {
- display: block;
- }
- .infobox_checkbox:checked ~ .infobox_toggle .infobox_label_down {
- display: none;
- }
-
- // Hide main image when toggle is off
- .infobox_checkbox ~ .infobox_body img.infobox_part {
- display: none;
- }
- .infobox_checkbox:checked ~ .infobox_body img.infobox_part {
- display: block;
- }
-}
diff --git a/searx/static/themes/oscar/src/less/logicodev/navbar.less b/searx/static/themes/oscar/src/less/logicodev/navbar.less
deleted file mode 100644
index e1bbd35c6..000000000
--- a/searx/static/themes/oscar/src/less/logicodev/navbar.less
+++ /dev/null
@@ -1,30 +0,0 @@
-.searxng-navbar {
- background: @black;
- height: 2.3rem;
- font-size: 1.3rem;
- line-height: 1.3rem;
- padding: 0.5rem;
- font-weight: bold;
- margin-bottom: 0.8rem;
-
- a, a:hover {
- margin-right: 2.0rem;
- color: white;
- text-decoration: none;
- }
-
- .instance a {
- color: @light-green;
- margin-left: 2.0rem;
- }
-}
-
-#main-logo {
- margin-top: 20vh;
- margin-bottom: 25px;
-
- & > img {
- max-width: 350px;
- width: 80%;
- }
-}
diff --git a/searx/static/themes/oscar/src/less/logicodev/onoff.less b/searx/static/themes/oscar/src/less/logicodev/onoff.less
deleted file mode 100644
index fbd2983eb..000000000
--- a/searx/static/themes/oscar/src/less/logicodev/onoff.less
+++ /dev/null
@@ -1,74 +0,0 @@
-.onoff-checkbox {
- width:15%;
-}
-.onoffswitch {
- position: relative;
- width: 110px;
- -webkit-user-select:none;
- -moz-user-select:none;
- -ms-user-select: none;
-}
-.onoffswitch-checkbox {
- opacity: 0;
- position: absolute;
-}
-.onoffswitch-checkbox:before {
- content: "";
- display: inline-block;
- width: 16px;
- height: 16px;
- margin-right: 10px;
- position: absolute;
- left: 0;
- bottom: 1px;
- background-color: #fff;
- border: 1px solid #ccc;
- border-radius: 0px;
-}
-.onoffswitch-label {
- display: block;
- overflow: hidden;
- cursor: pointer;
- border: 2px solid #FFFFFF !important;
- border-radius: 50px !important;
-}
-.onoffswitch-inner {
- display: block;
- transition: margin 0.3s ease-in 0s;
-}
-
-.onoffswitch-inner:before, .onoffswitch-inner:after {
- display: block;
- float: left;
- width: 50%;
- height: 30px;
- padding: 0;
- line-height: 40px;
- font-size: 20px;
- box-sizing: border-box;
- content: "";
- background-color: #EEEEEE;
-}
-
-.onoffswitch-switch {
- display: block;
- width: 37px;
- background-color: @light-green;
- position: absolute;
- top: 0;
- bottom: 0;
- right: 0px;
- border: 2px solid #FFFFFF;
- border-radius: 50px !important;
- transition: all 0.3s ease-in 0s;
-}
-.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
- margin-right: 0;
-}
-.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
- right: 71px;
- background-color: #A1A1A1;
-}
-.onoffswitch-checkbox:focus + .onoffswitch-label .onoffswitch-switch {
- border: 3px solid #444444;
-}
diff --git a/searx/static/themes/oscar/src/less/logicodev/oscar.less b/searx/static/themes/oscar/src/less/logicodev/oscar.less
deleted file mode 100644
index 61e03745b..000000000
--- a/searx/static/themes/oscar/src/less/logicodev/oscar.less
+++ /dev/null
@@ -1,22 +0,0 @@
-@import "variables.less";
-@import "../../../../__common__/less/new_issue.less";
-@import "../../../../__common__/less/stats.less";
-@import "../../../../__common__/less/result_templates.less";
-@import "../../less/result_templates.less";
-@import "../../less/preferences.less";
-@import "../infinite_scroll.less";
-@import "../../generated/pygments-logicodev.less";
-
-@import "navbar.less";
-@import "footer.less";
-@import "checkbox.less";
-@import "onoff.less";
-@import "results.less";
-@import "infobox.less";
-@import "search.less";
-@import "advanced.less";
-@import "cursor.less";
-@import "code.less";
-@import "preferences.less";
-
-@import (inline) "../safari.css";
diff --git a/searx/static/themes/oscar/src/less/logicodev/preferences.less b/searx/static/themes/oscar/src/less/logicodev/preferences.less
deleted file mode 100644
index 2d716e966..000000000
--- a/searx/static/themes/oscar/src/less/logicodev/preferences.less
+++ /dev/null
@@ -1,92 +0,0 @@
-.table > tbody > tr > td, .table > tbody > tr > th {
- vertical-align: middle !important;
-}
-
-.nav-tabs.nav-justified{
- margin-bottom: 20px;
-}
-
-p {
- margin: 10px 0;
-}
-
-input.cursor-text {
- margin: 10px 0;
-}
-
-.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;
- max-width: 40rem;
-}
-
-td:hover .engine-tooltip, th: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/logicodev/results.less b/searx/static/themes/oscar/src/less/logicodev/results.less
deleted file mode 100644
index 0668dc8cd..000000000
--- a/searx/static/themes/oscar/src/less/logicodev/results.less
+++ /dev/null
@@ -1,267 +0,0 @@
-.result_header {
- margin-top: 0px;
- margin-bottom: 2px;
- font-size: 16px;
-
- .favicon {
- margin-bottom:-3px;
- }
-
- a {
- color: @black;
- text-decoration: none;
-
- &:hover{
- color: @blue;
- }
-
- &:visited{
- color: @violet;
- }
-
- .highlight {
- background-color: @dim-gray;
- // Chrome hack: bold is different size than normal
- // https://stackoverflow.com/questions/20713988/weird-text-alignment-issue-in-css-when-bolded-lucida-sans
- }
- }
-}
-
-.result-content, .result-format, .result-source {
- margin-top: 2px;
- margin-bottom: 0;
- word-wrap: break-word;
- color: @dark-gray;
- font-size: 13px;
-}
-
-.result .highlight {
- font-weight: bold;
-}
-
-.result-source {
- font-size: 10px;
- float: left;
-}
-
-.result-format {
- font-size: 10px;
- float: right;
-}
-
-.result-abstract {
- margin-top: 0.5em;
- margin-bottom: 0.8em;
-}
-
-.external-link {
- color: @dark-green;
- font-size: 12px;
- margin-bottom: 15px;
-
- a {
- margin-right: 3px;
- }
-}
-
-// default formating of results
-.result-default, .result-code, .result-torrent, .result-videos, .result-map {
- clear: both;
- padding: 0.5em 4px;
- &:hover{
- background-color: @dim-gray;
- }
-}
-
-
-// image formating of results
-.result-images {
- float: left !important;
- margin: 0;
- padding: 0;
- a {
- display: block;
- width: 100%;
- background-size: cover;
- .img-thumbnail {
- border: none !important;
- padding: 0;
- }
- &:hover, &:focus {
- outline: 0;
- .img-thumbnail {
- box-shadow: 5px 5px 15px 0px black;
- }
- }
- }
-}
-
-.result-images.js a .img-thumbnail {
- max-height: inherit;
- min-height: inherit;
-}
-
-.result-images:not(.js) {
- width: 25%;
- padding: 3px 13px 13px 3px;
- a {
- .img-thumbnail {
- margin: 0;
- max-height: 128px;
- min-height: 128px;
- }
- }
-}
-
-.img-thumbnail {
- margin: 5px;
- max-height: 128px;
- min-height: 128px;
-}
-
-// video formating of results
-.result-videos {
- clear: both;
-
- hr{
- margin: 5px 0 15px 0;
- }
-
- .collapse{
- width: 100%;
- }
-
- .in{
- margin-bottom: 8px;
- }
-}
-
-// torrent formating of results
-.result-torrent {
- clear: both;
-
- b{
- margin-right: 5px;
- margin-left: 5px;
- }
-
- .seeders{
- color: @green;
- }
-
- .leechers{
- color: @red;
- }
-}
-
-.result-metadata {
- clear: both;
- margin: 1em;
-
- td {
- padding-right: 1em;
- color: @gray;
- }
-
- td:first-of-type {
- color: @dark-gray;
- }
-}
-
-// map formating of results
-.result-map {
- clear: both;
-
- .img-thumbnail {
- float: right;
- width: auto;
- height: 120px;
- border: 0;
- background: inherit;
- }
-
- .img-type {
- width: 20px;
- max-height: 20px;
- }
-
- .result-map-details {
- font-size: 13px;
- border-collapse: separate;
- border-spacing: 0 0.35rem;
-
- th {
- font-weight: inherit;
- width: 20rem;
- vertical-align: top;
- }
-
- td {
- vertical-align: top;
- }
- }
-
-}
-
-// code formating of results
-.result-code {
- clear: both;
-
- .code-fork, .code-fork a{
- color: @dark-gray;
- }
-
-}
-
-// suggestion
-.suggestion_item {
- margin: 2px 5px;
- max-width: 100%;
-
- .btn {
- max-width: 100%;
- white-space: normal;
- word-wrap: break-word;
- text-align: left;
- }
-}
-
-// download result
-.result_download {
- margin-right: 5px;
-}
-
-// page forward, backward
-#pagination {
- margin-top: 30px;
- padding-bottom: 60px;
-}
-
-.label-default {
- color: @dark-gray;
- background: transparent;
-}
-
-.result .text-muted small {
- word-wrap: break-word;
-}
-
-.modal-wrapper {
- box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
-}
-
-.modal-wrapper {
- background-clip: padding-box;
- background-color: #fff;
- border: 1px solid rgba(0, 0, 0, 0.2);
- border-radius: 6px;
- box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
- outline: 0 none;
- position: relative;
-}
-
-@media screen and (max-width: 75em) {
- .img-thumbnail {
- object-fit: cover;
- }
-}
diff --git a/searx/static/themes/oscar/src/less/logicodev/search.less b/searx/static/themes/oscar/src/less/logicodev/search.less
deleted file mode 100644
index 1ecb83bd4..000000000
--- a/searx/static/themes/oscar/src/less/logicodev/search.less
+++ /dev/null
@@ -1,96 +0,0 @@
-.search_categories, #categories {
- text-transform: capitalize;
- margin-bottom: 0.5rem;
- display: flex;
- flex-wrap: wrap;
- flex-flow: row wrap;
- align-content: stretch;
-
- label, .input-group-addon {
- flex-grow: 1;
- flex-basis: auto;
- font-size: 1.2rem;
- font-weight: normal;
- background-color: white;
- border: @mild-gray 1px solid;
- border-right: none;
- color: @dark-gray;
- padding-bottom: 0.4rem;
- padding-top: 0.4rem;
- text-align: center;
- min-width: 50px;
- }
- label:last-child, .input-group-addon:last-child {
- border-right: @mild-gray 1px solid;
- }
-
- input[type="checkbox"]:checked + label {
- color: @black;
- font-weight: bold;
- border-bottom: @light-green 5px solid;
- }
-}
-
-#main-logo{
- margin-top: 24vh;
- margin-bottom: 25px;
-}
-
-#main-logo > img {
- max-width: 350px;
- width: 80%;
-}
-
-#q{
- box-shadow: none;
- border-right: none;
- border-color: @semidark-gray;
-}
-
- #search_form .input-group-btn .btn{
- border-color: @semidark-gray;
- }
-
- #search_form .input-group-btn .btn:hover{
- background-color: @dark-green;
- color: white;
- }
-
-.custom-select, .custom-select-rtl {
- appearance: none;
- -webkit-appearance: none;
- -moz-appearance: none;
- font-size: 1.2rem;
- font-weight:normal;
- background-color: white;
- border: @semidark-gray 1px solid;
- color: @dark-gray;
- // Warning: multi-line base64 URL adds "$stdin" in the source map: https://github.com/jakubpawlowicz/clean-css/issues/593
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAABFkAAARZAVnbJUkAAAAHdElNRQfgBxgLDwB20OFsAAAAbElEQVQY073OsQ3CMAAEwJMYwJGnsAehpoXJItltBkmcdZBYgIIiQoLglnz3ui+eP+bk5uneteTMZJa6OJuIqvYzSJoqwqBq8gdmTTW86/dghxAUq4xsVYT9laBYXCw93Aajh7GPEF23t4fkBYevGFTANkPRAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTA3LTI0VDExOjU1OjU4KzAyOjAwRFqFOQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wNy0yNFQxMToxNTowMCswMjowMP7RDgQAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) 96% no-repeat;
-}
-
-.custom-select-rtl {
- background-position-x: 4%;
-}
-
-.search-margin {
- margin-bottom: 0.6em;
-}
-
-.visually-hidden {
- position: absolute !important;
- height: 1px;
- width: 1px;
- overflow: hidden;
- clip: rect(1px, 1px, 1px, 1px);
- white-space: nowrap;
-}
-.label-danger, .btn-danger {
- background: @dark-red;
-}
-.label-success, .btn-success {
- background: @dark-green;
-}
-select.form-control {
- border-color: @semidark-gray !important;
-}
diff --git a/searx/static/themes/oscar/src/less/logicodev/variables.less b/searx/static/themes/oscar/src/less/logicodev/variables.less
deleted file mode 100644
index ae2516c05..000000000
--- a/searx/static/themes/oscar/src/less/logicodev/variables.less
+++ /dev/null
@@ -1,18 +0,0 @@
-@black: #29314D;
-@gray: #A4A4A4;
-@dim-gray: #F6F9FA;
-@dark-gray: #666;
-@semidark-gray: #888;
-@middle-gray: #F5F5F5;
-@mild-gray: #DDD;
-@dark-blue: #007AB8;
-@blue: #0088CC;
-@red: #F35E77;
-@violet: #684898;
-@dark-green: #068922;
-@green: #2ecc71;
-@light-green: #01D7D4;
-@orange: #FFA92F;
-@dark-red: #c9432f;
-
-@stacked-bar-chart: rgb(0, 0, 0);