ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-01-31 16:36:13 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

[Frontend] IN-PROGRESS Theming continues

Browse Source 
open #95
Search, plots;
Minor tweaks to add shdw to items and buttons;
This commit is contained in:
Charles Hacskaylo 2015-09-10 11:43:39 -07:00
parent 3792dab0f9
commit 3b2454c6a9
13 changed files with 298 additions and 246 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
bundles.json
View File

@ -8,7 +8,7 @@
"platform/commonUI/dialog", "platform/commonUI/dialog",
"platform/commonUI/general", "platform/commonUI/general",
"platform/commonUI/inspect", "platform/commonUI/inspect",
"platform/commonUI/themes/snow", "platform/commonUI/themes/espresso",
"platform/containment", "platform/containment",
"platform/execution", "platform/execution",
"platform/telemetry", "platform/telemetry",

2
platform/commonUI/general/res/sass/_mixins.scss
View File

@ -287,7 +287,7 @@
@include appearance(none); @include appearance(none);
@include border-radius($controlCr); @include border-radius($controlCr);
@include box-sizing(border-box); @include box-sizing(border-box);
@include box-shadow(inset rgba(black, 0.4) 0 1px 2px); @include box-shadow(inset rgba(black, 0.4) 0 1px 3px);
background: $bg; background: $bg;
border: none; border: none;
color: $fg; color: $fg;

1
platform/commonUI/general/res/sass/controls/_controls.scss
View File

@ -240,6 +240,7 @@ label.checkbox.custom {
//} //}
> .type-icon { > .type-icon {
color: $colorObjHdrIcon;
font-size: 120%; font-size: 120%;
float: left; float: left;
margin-right: $interiorMargin; margin-right: $interiorMargin;

6
platform/commonUI/general/res/sass/helpers/_splitter.scss
View File

@ -21,10 +21,10 @@
*****************************************************************************/ *****************************************************************************/
.split-layout { .split-layout {
$b: pullForward($colorBodyBg, $contrastRatioPercent); $b: pullForward($colorBodyBg, $contrastRatioPercent);
$splitterD: 5px;
.splitter { .splitter {
background-color: $b; background-color: $b;
@include border-radius($splitterEndCr);
@include boxShdw($splitterShdw); @include boxShdw($splitterShdw);
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
@ -53,7 +53,7 @@
cursor: row-resize; cursor: row-resize;
left: 0; right: 0; left: 0; right: 0;
width: auto; width: auto;
height: $splitterD; height: $splitterW;
} }
} }
&.vertical { &.vertical {
@ -72,7 +72,7 @@
@include controlGrippy($colorBodyBg, vertical); @include controlGrippy($colorBodyBg, vertical);
bottom: 0; bottom: 0;
cursor: col-resize; cursor: col-resize;
width: $splitterD; width: $splitterW;
} }
} }
} }

1
platform/commonUI/general/res/sass/items/_item.scss
View File

@ -131,6 +131,7 @@
color: $colorItemFg; color: $colorItemFg;
} }
.details { .details {
@include txtShdw($shdwItemText);
@include ellipsize(); @include ellipsize();
color: $colorItemFgDetails; color: $colorItemFgDetails;
font-size: 0.8em; font-size: 0.8em;

13
platform/commonUI/general/res/sass/plots/_plots-main.scss
View File

@ -29,7 +29,7 @@ $swatchD: 8px;
$plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBarW); // Top, right, bottom, left $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBarW); // Top, right, bottom, left
.gl-plot { .gl-plot {
color: $colorBodyFg; color: $colorPlotFg;
font-size: 0.7rem; font-size: 0.7rem;
position: relative; position: relative;
width: 100%; width: 100%;
@ -74,6 +74,9 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa
} }
.gl-plot-display-area { .gl-plot-display-area {
@if $colorPlotBg != none {
background-color: $colorPlotBg;
}
position: absolute; position: absolute;
top: nth($plotDisplayArea, 1); top: nth($plotDisplayArea, 1);
right: nth($plotDisplayArea, 2); right: nth($plotDisplayArea, 2);
@ -213,7 +216,11 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa
width: $swatchD; width: $swatchD;
//margin-right: $interiorMarginSm; //margin-right: $interiorMarginSm;
} }
.title-label {} &[class*='s-limit'] {
.title-label {
color: #fff;
}
}
} }
} }
@ -221,7 +228,7 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa
.plot-legend-item { .plot-legend-item {
//@include test(); //@include test();
@include border-radius($smallCr); @include border-radius($smallCr);
color: #fff; //color: #fff;
line-height: 1.5em; line-height: 1.5em;
padding: 0px $itemPadLR; padding: 0px $itemPadLR;
.plot-color-swatch { .plot-color-swatch {

13
platform/commonUI/general/res/sass/search/_search.scss
View File

@ -69,7 +69,7 @@
.menu-icon { .menu-icon {
//@include test(#008800); //@include test(#008800);
@include box-sizing(border-box); @include box-sizing(border-box);
color: $colorItemFg; color: $colorInputIcon;
height: $iconD; width: $iconD; height: $iconD; width: $iconD;
line-height: $iconD; line-height: $iconD;
position: absolute; position: absolute;
@ -97,7 +97,7 @@
} }
.search-icon { .search-icon {
color: $colorItemFg; //color: $colorItemFg;
left: $interiorMarginSm; left: $interiorMarginSm;
transition: visibility .15s, opacity .15s, color .2s; transition: visibility .15s, opacity .15s, color .2s;
pointer-events: none; pointer-events: none;
@ -117,7 +117,7 @@
// Make icon lighten when hovering over search bar // Make icon lighten when hovering over search bar
.search-input:hover + div.search-icon { .search-input:hover + div.search-icon {
color: lighten($colorItemFg, 20%); color: pullForward($colorInputIcon, 10%);
} }
.clear-icon { .clear-icon {
@ -135,7 +135,7 @@
} }
&:hover { &:hover {
color: lighten($colorItemFg, 20%); color: pullForward($colorInputIcon, 10%);
} }
} }
@ -146,7 +146,7 @@
text-align: right; text-align: right;
&:hover { &:hover {
color: lighten($colorItemFg, 20%); color: pullForward($colorInputIcon, 10%);
} }
} }
@ -191,7 +191,8 @@
.clear-filters-icon { .clear-filters-icon {
opacity: 0.4; color: $colorInputIcon;
opacity: 1;
font-size: 0.8em; font-size: 0.8em;
position: absolute; position: absolute;
left: 1px; left: 1px;

2
platform/commonUI/general/res/sass/tree/_tree.scss
View File

@ -83,7 +83,7 @@ ul.tree {
.icon { .icon {
&.l-icon-link, &.l-icon-link,
&.l-icon-alert { &.l-icon-alert {
@include txtShdwSubtle(1); //@include txtShdw($shdwItemTreeIcon);
position: absolute; position: absolute;
z-index: 2; z-index: 2;
} }

180
platform/commonUI/themes/espresso/res/css/theme-espresso.css
View File

@ -20,7 +20,7 @@
* this source code distribution or the Licensing information page available * this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
/* line 5, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 5, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe, html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, a, abbr, acronym, address, big, cite, code,
@ -41,38 +41,38 @@ time, mark, audio, video {
font-size: 100%; font-size: 100%;
vertical-align: baseline; } vertical-align: baseline; }
/* line 22, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 22, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html { html {
line-height: 1; } line-height: 1; }
/* line 24, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 24, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul { ol, ul {
list-style: none; } list-style: none; }
/* line 26, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 26, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table { table {
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; } border-spacing: 0; }
/* line 28, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 28, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td { caption, th, td {
text-align: left; text-align: left;
font-weight: normal; font-weight: normal;
vertical-align: middle; } vertical-align: middle; }
/* line 30, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 30, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote { q, blockquote {
quotes: none; } quotes: none; }
/* line 103, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 103, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after { q:before, q:after, blockquote:before, blockquote:after {
content: ""; content: "";
content: none; } content: none; }
/* line 32, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 32, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img { a img {
border: none; } border: none; }
/* line 116, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 116, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block; } display: block; }
@ -943,9 +943,12 @@ mct-container {
* this source code distribution or the Licensing information page available * this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
/* line 26, ../../../../general/res/sass/helpers/_splitter.scss */ /* line 25, ../../../../general/res/sass/helpers/_splitter.scss */
.split-layout .splitter { .split-layout .splitter {
background-color: #454545; background-color: #454545;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px;
-moz-box-shadow: rgba(0, 0, 0, 0.4) 0 0 3px; -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 0 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 0 3px; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 0 3px;
box-shadow: rgba(0, 0, 0, 0.4) 0 0 3px; box-shadow: rgba(0, 0, 0, 0.4) 0 0 3px;
@ -1855,20 +1858,21 @@ label.checkbox.custom {
font-size: 1em; } font-size: 1em; }
/* line 242, ../../../../general/res/sass/controls/_controls.scss */ /* line 242, ../../../../general/res/sass/controls/_controls.scss */
.object-header > .type-icon { .object-header > .type-icon {
color: #cccccc;
font-size: 120%; font-size: 120%;
float: left; float: left;
margin-right: 5px; } margin-right: 5px; }
/* line 248, ../../../../general/res/sass/controls/_controls.scss */ /* line 249, ../../../../general/res/sass/controls/_controls.scss */
.object-header .l-elem-wrapper { .object-header .l-elem-wrapper {
justify-content: flex-start; justify-content: flex-start;
-webkit-justify-content: flex-start; } -webkit-justify-content: flex-start; }
/* line 251, ../../../../general/res/sass/controls/_controls.scss */ /* line 252, ../../../../general/res/sass/controls/_controls.scss */
.object-header .l-elem-wrapper mct-representation { .object-header .l-elem-wrapper mct-representation {
min-width: 0.7em; } min-width: 0.7em; }
/* line 259, ../../../../general/res/sass/controls/_controls.scss */ /* line 260, ../../../../general/res/sass/controls/_controls.scss */
.object-header .action { .object-header .action {
margin-right: 5px; } margin-right: 5px; }
/* line 263, ../../../../general/res/sass/controls/_controls.scss */ /* line 264, ../../../../general/res/sass/controls/_controls.scss */
.object-header .title-label { .object-header .title-label {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -1876,13 +1880,13 @@ label.checkbox.custom {
flex: 0 1 auto; flex: 0 1 auto;
-webkit-flex: 0 1 auto; -webkit-flex: 0 1 auto;
padding-right: 0.35em; } padding-right: 0.35em; }
/* line 272, ../../../../general/res/sass/controls/_controls.scss */ /* line 273, ../../../../general/res/sass/controls/_controls.scss */
.object-header .context-available { .object-header .context-available {
font-size: 0.7em; font-size: 0.7em;
flex: 0 0 1; flex: 0 0 1;
-webkit-flex: 0 0 1; } -webkit-flex: 0 0 1; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 279, ../../../../general/res/sass/controls/_controls.scss */ /* line 280, ../../../../general/res/sass/controls/_controls.scss */
.object-header .context-available { .object-header .context-available {
-moz-transition-property: opacity; -moz-transition-property: opacity;
-o-transition-property: opacity; -o-transition-property: opacity;
@ -1897,12 +1901,12 @@ label.checkbox.custom {
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
opacity: 0; } opacity: 0; }
/* line 284, ../../../../general/res/sass/controls/_controls.scss */ /* line 285, ../../../../general/res/sass/controls/_controls.scss */
.object-header:hover .context-available { .object-header:hover .context-available {
opacity: 1; } } opacity: 1; } }
/******************************************************** SLIDERS */ /******************************************************** SLIDERS */
/* line 297, ../../../../general/res/sass/controls/_controls.scss */ /* line 298, ../../../../general/res/sass/controls/_controls.scss */
.slider .slot { .slider .slot {
-moz-border-radius: 2px; -moz-border-radius: 2px;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
@ -1921,7 +1925,7 @@ label.checkbox.custom {
right: 0; right: 0;
bottom: auto; bottom: auto;
left: 0; } left: 0; }
/* line 308, ../../../../general/res/sass/controls/_controls.scss */ /* line 309, ../../../../general/res/sass/controls/_controls.scss */
.slider .knob { .slider .knob {
background-color: #333; background-color: #333;
-moz-border-radius: 3px; -moz-border-radius: 3px;
@ -2003,12 +2007,12 @@ label.checkbox.custom {
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
border-color: #0099cc; } border-color: #0099cc; }
/* line 319, ../../../../general/res/sass/controls/_controls.scss */ /* line 320, ../../../../general/res/sass/controls/_controls.scss */
.slider .knob:before { .slider .knob:before {
top: 1px; top: 1px;
bottom: 3px; bottom: 3px;
left: 5px; } left: 5px; }
/* line 326, ../../../../general/res/sass/controls/_controls.scss */ /* line 327, ../../../../general/res/sass/controls/_controls.scss */
.slider .range { .slider .range {
background: rgba(0, 153, 204, 0.6); background: rgba(0, 153, 204, 0.6);
cursor: ew-resize; cursor: ew-resize;
@ -2019,13 +2023,13 @@ label.checkbox.custom {
left: auto; left: auto;
height: auto; height: auto;
width: auto; } width: auto; }
/* line 336, ../../../../general/res/sass/controls/_controls.scss */ /* line 337, ../../../../general/res/sass/controls/_controls.scss */
.slider .range:hover { .slider .range:hover {
background: rgba(0, 153, 204, 0.7); } background: rgba(0, 153, 204, 0.7); }
/******************************************************** BROWSER ELEMENTS */ /******************************************************** BROWSER ELEMENTS */
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 345, ../../../../general/res/sass/controls/_controls.scss */ /* line 346, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar { ::-webkit-scrollbar {
-moz-border-radius: 2px; -moz-border-radius: 2px;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
@ -2040,7 +2044,7 @@ label.checkbox.custom {
height: 10px; height: 10px;
width: 10px; } width: 10px; }
/* line 351, ../../../../general/res/sass/controls/_controls.scss */ /* line 352, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%; background-size: 100%;
@ -2054,7 +2058,7 @@ label.checkbox.custom {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; } box-sizing: border-box; }
/* line 360, ../../../../general/res/sass/controls/_controls.scss */ /* line 361, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar-thumb:hover { ::-webkit-scrollbar-thumb:hover {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUyNTI1MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUyNTI1MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%; background-size: 100%;
@ -2063,7 +2067,7 @@ label.checkbox.custom {
background-image: -webkit-linear-gradient(#5e5e5e, #525252 20px); background-image: -webkit-linear-gradient(#5e5e5e, #525252 20px);
background-image: linear-gradient(#5e5e5e, #525252 20px); } background-image: linear-gradient(#5e5e5e, #525252 20px); }
/* line 365, ../../../../general/res/sass/controls/_controls.scss */ /* line 366, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar-corner { ::-webkit-scrollbar-corner {
background: rgba(0, 0, 0, 0.4); } } background: rgba(0, 0, 0, 0.4); } }
/***************************************************************************** /*****************************************************************************
@ -2591,9 +2595,9 @@ label.checkbox.custom {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
-moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
border: none; border: none;
color: #cccccc; color: #cccccc;
@ -2650,9 +2654,9 @@ input[type="text"] {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
-moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
border: none; border: none;
color: #cccccc; color: #cccccc;
@ -2675,9 +2679,9 @@ textarea {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
-moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
border: none; border: none;
color: #cccccc; color: #cccccc;
@ -2805,9 +2809,9 @@ textarea {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
-moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
background: #333; background: #333;
border: none; border: none;
color: #999; color: #999;
@ -2966,9 +2970,9 @@ span.req {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
-moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
background: #333; background: #333;
border: none; border: none;
color: #999; color: #999;
@ -3761,7 +3765,7 @@ span.req {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
color: #bfbfbf; color: #595959;
height: 17px; height: 17px;
width: 17px; width: 17px;
line-height: 17px; line-height: 17px;
@ -3784,13 +3788,12 @@ span.req {
width: 100%; } width: 100%; }
/* line 99, ../../../../general/res/sass/search/_search.scss */ /* line 99, ../../../../general/res/sass/search/_search.scss */
.search .search-bar .search-icon { .search .search-bar .search-icon {
color: #bfbfbf;
left: 3px; left: 3px;
transition: visibility .15s, opacity .15s, color .2s; transition: visibility .15s, opacity .15s, color .2s;
pointer-events: none; } pointer-events: none; }
/* line 119, ../../../../general/res/sass/search/_search.scss */ /* line 119, ../../../../general/res/sass/search/_search.scss */
.search .search-bar .search-input:hover + div.search-icon { .search .search-bar .search-input:hover + div.search-icon {
color: #f2f2f2; } color: #737373; }
/* line 123, ../../../../general/res/sass/search/_search.scss */ /* line 123, ../../../../general/res/sass/search/_search.scss */
.search .search-bar .clear-icon { .search .search-bar .clear-icon {
right: 22px; right: 22px;
@ -3803,7 +3806,7 @@ span.req {
opacity: 1; } opacity: 1; }
/* line 137, ../../../../general/res/sass/search/_search.scss */ /* line 137, ../../../../general/res/sass/search/_search.scss */
.search .search-bar .clear-icon:hover { .search .search-bar .clear-icon:hover {
color: #f2f2f2; } color: #737373; }
/* line 142, ../../../../general/res/sass/search/_search.scss */ /* line 142, ../../../../general/res/sass/search/_search.scss */
.search .search-bar .menu-icon { .search .search-bar .menu-icon {
font-size: 0.8em; font-size: 0.8em;
@ -3812,7 +3815,7 @@ span.req {
text-align: right; } text-align: right; }
/* line 148, ../../../../general/res/sass/search/_search.scss */ /* line 148, ../../../../general/res/sass/search/_search.scss */
.search .search-bar .menu-icon:hover { .search .search-bar .menu-icon:hover {
color: #f2f2f2; } color: #737373; }
/* line 153, ../../../../general/res/sass/search/_search.scss */ /* line 153, ../../../../general/res/sass/search/_search.scss */
.search .search-bar .search-menu-holder { .search .search-bar .search-menu-holder {
float: right; float: right;
@ -3844,12 +3847,13 @@ span.req {
margin-top: 3px; } margin-top: 3px; }
/* line 193, ../../../../general/res/sass/search/_search.scss */ /* line 193, ../../../../general/res/sass/search/_search.scss */
.search .active-filter-display .clear-filters-icon { .search .active-filter-display .clear-filters-icon {
opacity: 0.4; color: #595959;
opacity: 1;
font-size: 0.8em; font-size: 0.8em;
position: absolute; position: absolute;
left: 1px; left: 1px;
cursor: pointer; } cursor: pointer; }
/* line 204, ../../../../general/res/sass/search/_search.scss */ /* line 205, ../../../../general/res/sass/search/_search.scss */
.search .active-filter-display.off { .search .active-filter-display.off {
visibility: hidden; visibility: hidden;
opacity: 0; opacity: 0;
@ -3857,7 +3861,7 @@ span.req {
margin: 0; margin: 0;
padding: 0; padding: 0;
border: 0; } border: 0; }
/* line 214, ../../../../general/res/sass/search/_search.scss */ /* line 215, ../../../../general/res/sass/search/_search.scss */
.search .search-scroll { .search .search-scroll {
order: 3; order: 3;
margin-top: 4px; margin-top: 4px;
@ -3866,27 +3870,27 @@ span.req {
height: auto; height: auto;
max-height: 100%; max-height: 100%;
position: relative; } position: relative; }
/* line 227, ../../../../general/res/sass/search/_search.scss */ /* line 228, ../../../../general/res/sass/search/_search.scss */
.search .search-scroll .load-icon { .search .search-scroll .load-icon {
position: relative; } position: relative; }
/* line 229, ../../../../general/res/sass/search/_search.scss */ /* line 230, ../../../../general/res/sass/search/_search.scss */
.search .search-scroll .load-icon.loading { .search .search-scroll .load-icon.loading {
pointer-events: none; pointer-events: none;
margin-left: 6px; } margin-left: 6px; }
/* line 233, ../../../../general/res/sass/search/_search.scss */ /* line 234, ../../../../general/res/sass/search/_search.scss */
.search .search-scroll .load-icon.loading .title-label { .search .search-scroll .load-icon.loading .title-label {
font-style: italic; font-style: italic;
font-size: .9em; font-size: .9em;
opacity: 0.5; opacity: 0.5;
margin-left: 26px; margin-left: 26px;
line-height: 24px; } line-height: 24px; }
/* line 243, ../../../../general/res/sass/search/_search.scss */ /* line 244, ../../../../general/res/sass/search/_search.scss */
.search .search-scroll .load-icon.loading .wait-spinner { .search .search-scroll .load-icon.loading .wait-spinner {
margin-left: 6px; } margin-left: 6px; }
/* line 248, ../../../../general/res/sass/search/_search.scss */ /* line 249, ../../../../general/res/sass/search/_search.scss */
.search .search-scroll .load-icon:not(.loading) { .search .search-scroll .load-icon:not(.loading) {
cursor: pointer; } cursor: pointer; }
/* line 253, ../../../../general/res/sass/search/_search.scss */ /* line 254, ../../../../general/res/sass/search/_search.scss */
.search .search-scroll .load-more-button { .search .search-scroll .load-more-button {
margin-top: 5px 0; margin-top: 5px 0;
font-size: 0.8em; font-size: 0.8em;
@ -4191,7 +4195,6 @@ ul.tree {
.tree-item .label .type-icon .icon.l-icon-link, .tree-item .label .type-icon .icon.l-icon-alert, .tree-item .label .type-icon .icon.l-icon-link, .tree-item .label .type-icon .icon.l-icon-alert,
.search-result-item .label .type-icon .icon.l-icon-link, .search-result-item .label .type-icon .icon.l-icon-link,
.search-result-item .label .type-icon .icon.l-icon-alert { .search-result-item .label .type-icon .icon.l-icon-alert {
text-shadow: black 0 1px 2px;
position: absolute; position: absolute;
z-index: 2; } z-index: 2; }
/* line 90, ../../../../general/res/sass/tree/_tree.scss */ /* line 90, ../../../../general/res/sass/tree/_tree.scss */
@ -5025,13 +5028,13 @@ table {
left: 60px; left: 60px;
cursor: crosshair; cursor: crosshair;
border: 1px solid rgba(153, 153, 153, 0.1); } border: 1px solid rgba(153, 153, 153, 0.1); }
/* line 86, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 89, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-label, .gl-plot .gl-plot-label,
.gl-plot .l-plot-label { .gl-plot .l-plot-label {
color: #cccccc; color: #cccccc;
position: absolute; position: absolute;
text-align: center; } text-align: center; }
/* line 94, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 97, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-label.gl-plot-x-label, .gl-plot .gl-plot-label.l-plot-x-label, .gl-plot .gl-plot-label.gl-plot-x-label, .gl-plot .gl-plot-label.l-plot-x-label,
.gl-plot .l-plot-label.gl-plot-x-label, .gl-plot .l-plot-label.gl-plot-x-label,
.gl-plot .l-plot-label.l-plot-x-label { .gl-plot .l-plot-label.l-plot-x-label {
@ -5040,7 +5043,7 @@ table {
bottom: 0; bottom: 0;
left: 0; left: 0;
height: auto; } height: auto; }
/* line 103, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 106, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-label.gl-plot-y-label, .gl-plot .gl-plot-label.l-plot-y-label, .gl-plot .gl-plot-label.gl-plot-y-label, .gl-plot .gl-plot-label.l-plot-y-label,
.gl-plot .l-plot-label.gl-plot-y-label, .gl-plot .l-plot-label.gl-plot-y-label,
.gl-plot .l-plot-label.l-plot-y-label { .gl-plot .l-plot-label.l-plot-y-label {
@ -5057,7 +5060,7 @@ table {
left: 0; left: 0;
top: 50%; top: 50%;
white-space: nowrap; } white-space: nowrap; }
/* line 117, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 120, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-y-options { .gl-plot .gl-plot-y-options {
position: absolute; position: absolute;
top: 50%; top: 50%;
@ -5068,19 +5071,19 @@ table {
height: auto; height: auto;
min-height: 32px; min-height: 32px;
width: 32px; } width: 32px; }
/* line 131, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 134, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-hash { .gl-plot .gl-plot-hash {
position: absolute; position: absolute;
border: 0 rgba(255, 255, 255, 0.3) dashed; } border: 0 rgba(255, 255, 255, 0.3) dashed; }
/* line 134, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 137, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-hash.hash-v { .gl-plot .gl-plot-hash.hash-v {
border-right-width: 1px; border-right-width: 1px;
height: 100%; } height: 100%; }
/* line 138, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 141, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-hash.hash-h { .gl-plot .gl-plot-hash.hash-h {
border-bottom-width: 1px; border-bottom-width: 1px;
width: 100%; } width: 100%; }
/* line 144, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 147, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-legend { .gl-plot .gl-plot-legend {
position: absolute; position: absolute;
top: 0; top: 0;
@ -5090,24 +5093,24 @@ table {
height: 20px; height: 20px;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; } overflow-y: auto; }
/* line 157, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 160, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .l-limit-bar, .gl-plot .l-limit-bar,
.gl-plot .l-oob-data { .gl-plot .l-oob-data {
position: absolute; position: absolute;
left: 0; left: 0;
right: 0; right: 0;
width: auto; } width: auto; }
/* line 165, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 168, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .l-limit-bar { .gl-plot .l-limit-bar {
height: auto; height: auto;
z-index: 0; } z-index: 0; }
/* line 173, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 176, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .l-limit-bar.s-limit-yellow { .gl-plot .l-limit-bar.s-limit-yellow {
background: rgba(157, 117, 0, 0.2); } background: rgba(157, 117, 0, 0.2); }
/* line 174, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 177, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .l-limit-bar.s-limit-red { .gl-plot .l-limit-bar.s-limit-red {
background: rgba(170, 0, 0, 0.2); } background: rgba(170, 0, 0, 0.2); }
/* line 177, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 180, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .l-oob-data { .gl-plot .l-oob-data {
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
@ -5120,7 +5123,7 @@ table {
pointer-events: none; pointer-events: none;
height: 10px; height: 10px;
z-index: 1; } z-index: 1; }
/* line 185, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 188, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .l-oob-data.l-oob-data-up { .gl-plot .l-oob-data.l-oob-data-up {
top: 0; top: 0;
bottom: auto; bottom: auto;
@ -5129,7 +5132,7 @@ table {
background-image: -moz-linear-gradient(90deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); background-image: -moz-linear-gradient(90deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%);
background-image: -webkit-linear-gradient(90deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); background-image: -webkit-linear-gradient(90deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%);
background-image: linear-gradient(0deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); } background-image: linear-gradient(0deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); }
/* line 190, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 193, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .l-oob-data.l-oob-data-dwn { .gl-plot .l-oob-data.l-oob-data-dwn {
bottom: 0; bottom: 0;
top: auto; top: auto;
@ -5139,7 +5142,7 @@ table {
background-image: -webkit-linear-gradient(270deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); background-image: -webkit-linear-gradient(270deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%);
background-image: linear-gradient(180deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); } background-image: linear-gradient(180deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); }
/* line 200, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 203, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-legend .plot-legend-item, .gl-plot-legend .plot-legend-item,
.gl-plot-legend .legend-item, .gl-plot-legend .legend-item,
.legend .plot-legend-item, .legend .plot-legend-item,
@ -5147,13 +5150,13 @@ table {
display: inline-block; display: inline-block;
margin-right: 10px; margin-right: 10px;
margin-bottom: 3px; } margin-bottom: 3px; }
/* line 205, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 208, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-legend .plot-legend-item span, .gl-plot-legend .plot-legend-item span,
.gl-plot-legend .legend-item span, .gl-plot-legend .legend-item span,
.legend .plot-legend-item span, .legend .plot-legend-item span,
.legend .legend-item span { .legend .legend-item span {
vertical-align: middle; } vertical-align: middle; }
/* line 208, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 211, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-legend .plot-legend-item .plot-color-swatch, .gl-plot-legend .plot-legend-item .plot-color-swatch,
.gl-plot-legend .plot-legend-item .color-swatch, .gl-plot-legend .plot-legend-item .color-swatch,
.gl-plot-legend .legend-item .plot-color-swatch, .gl-plot-legend .legend-item .plot-color-swatch,
@ -5168,31 +5171,36 @@ table {
display: inline-block; display: inline-block;
height: 8px; height: 8px;
width: 8px; } width: 8px; }
/* line 220, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-legend .plot-legend-item[class*='s-limit'] .title-label,
.gl-plot-legend .legend-item[class*='s-limit'] .title-label,
.legend .plot-legend-item[class*='s-limit'] .title-label,
.legend .legend-item[class*='s-limit'] .title-label {
color: #fff; }
/* line 221, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 228, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-legend .plot-legend-item { .gl-plot-legend .plot-legend-item {
-moz-border-radius: 2px; -moz-border-radius: 2px;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
color: #fff;
line-height: 1.5em; line-height: 1.5em;
padding: 0px 5px; } padding: 0px 5px; }
/* line 227, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 234, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-legend .plot-legend-item .plot-color-swatch { .gl-plot-legend .plot-legend-item .plot-color-swatch {
border: 1px solid #333; border: 1px solid #333;
height: 9px; height: 9px;
width: 9px; } width: 9px; }
/* line 235, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 242, ../../../../general/res/sass/plots/_plots-main.scss */
.tick { .tick {
position: absolute; position: absolute;
border: 0 rgba(255, 255, 255, 0.3) solid; } border: 0 rgba(255, 255, 255, 0.3) solid; }
/* line 238, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 245, ../../../../general/res/sass/plots/_plots-main.scss */
.tick.tick-x { .tick.tick-x {
border-right-width: 1px; border-right-width: 1px;
height: 100%; } height: 100%; }
/* line 244, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 251, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-tick, .gl-plot-tick,
.tick-label { .tick-label {
font-size: 0.7rem; font-size: 0.7rem;
@ -5200,7 +5208,7 @@ table {
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; } text-overflow: ellipsis; }
/* line 252, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 259, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-tick.gl-plot-x-tick-label, .gl-plot-tick.tick-label-x, .gl-plot-tick.gl-plot-x-tick-label, .gl-plot-tick.tick-label-x,
.tick-label.gl-plot-x-tick-label, .tick-label.gl-plot-x-tick-label,
.tick-label.tick-label-x { .tick-label.tick-label-x {
@ -5211,7 +5219,7 @@ table {
width: 20%; width: 20%;
margin-left: -10%; margin-left: -10%;
text-align: center; } text-align: center; }
/* line 262, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 269, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-tick.gl-plot-y-tick-label, .gl-plot-tick.tick-label-y, .gl-plot-tick.gl-plot-y-tick-label, .gl-plot-tick.tick-label-y,
.tick-label.gl-plot-y-tick-label, .tick-label.gl-plot-y-tick-label,
.tick-label.tick-label-y { .tick-label.tick-label-y {
@ -5221,18 +5229,18 @@ table {
margin-bottom: -0.5em; margin-bottom: -0.5em;
text-align: right; } text-align: right; }
/* line 274, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 281, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-tick.gl-plot-x-tick-label { .gl-plot-tick.gl-plot-x-tick-label {
top: 5px; } top: 5px; }
/* line 277, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 284, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-tick.gl-plot-y-tick-label { .gl-plot-tick.gl-plot-y-tick-label {
right: 5px; right: 5px;
left: 5px; } left: 5px; }
/* line 284, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 291, ../../../../general/res/sass/plots/_plots-main.scss */
.tick-label.tick-label-x { .tick-label.tick-label-x {
top: 0; } top: 0; }
/* line 287, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 294, ../../../../general/res/sass/plots/_plots-main.scss */
.tick-label.tick-label-y { .tick-label.tick-label-y {
right: 0; right: 0;
left: 0; } left: 0; }

9
platform/commonUI/themes/espresso/res/sass/_constants.scss
View File

@ -1,7 +1,7 @@
/************************** COLORS AND SHADING */ /************************** COLORS AND SHADING */
$colorBodyBg: #333; $colorBodyBg: #333;
$colorGenBg: #222;
$colorBodyFg: #999; $colorBodyFg: #999;
$colorGenBg: #222;
$colorFooterBg: #000; $colorFooterBg: #000;
$colorKey: #0099cc; $colorKey: #0099cc;
$colorKeySelectedBg: #005177; $colorKeySelectedBg: #005177;
@ -13,6 +13,7 @@ $colorBtnFg: $colorBodyFg;
$colorBtnMajorBg: $colorKey; $colorBtnMajorBg: $colorKey;
$colorBtnMajorFg: $colorKeyFg; $colorBtnMajorFg: $colorKeyFg;
$colorBtnIcon: $colorKey; $colorBtnIcon: $colorKey;
$colorObjHdrIcon: pullForward($colorBodyFg, 20%);
$colorInvokeMenu: #fff; $colorInvokeMenu: #fff;
$contrastInvokeMenuPercent: 20%; $contrastInvokeMenuPercent: 20%;
@ -46,6 +47,7 @@ $colorFormInvalid: #ff3300;
$colorInputBg: rgba(#fff, 0.1); $colorInputBg: rgba(#fff, 0.1);
$colorInputFg: pullForward($colorBodyFg, 20%); $colorInputFg: pullForward($colorBodyFg, 20%);
$colorFormText: rgba(#fff, 0.5); $colorFormText: rgba(#fff, 0.5);
$colorInputIcon: pushBack($colorBodyFg, 25%);
// Limits and staleness colors // Limits and staleness colors
$colorLimitYellow: #9d7500; $colorLimitYellow: #9d7500;
$colorLimitRed: #aa0000; $colorLimitRed: #aa0000;
@ -79,6 +81,9 @@ $tabularColorBodyFg: lighten($tabularColorBodyBg, 40%);
$tabularColorHeaderBg: lighten($colorBodyBg, 10%); $tabularColorHeaderBg: lighten($colorBodyBg, 10%);
$tabularColorHeaderFg: lighten($tabularColorHeaderBg, 40%); $tabularColorHeaderFg: lighten($tabularColorHeaderBg, 40%);
$tabularColorHeaderBorder: $colorBodyBg; $tabularColorHeaderBorder: $colorBodyBg;
// Plot
$colorPlotBg: none;
$colorPlotFg: $colorBodyFg;
// Tree // Tree
$colorItemTreeIcon: $colorKey; $colorItemTreeIcon: $colorKey;
$colorItemTreeIconHover: lighten($colorItemTreeIcon, 20%); $colorItemTreeIconHover: lighten($colorItemTreeIcon, 20%);
@ -98,6 +103,8 @@ $scrollbarThumbColorHov: lighten($scrollbarThumbColor, 2%);
$splitterShdw: rgba(black, 0.4) 0 0 3px; $splitterShdw: rgba(black, 0.4) 0 0 3px;
$colorSplitterInterior: $colorBodyBg; $colorSplitterInterior: $colorBodyBg;
$colorSplitterHover: none; $colorSplitterHover: none;
$splitterW: 5px;
$splitterEndCr: 1px;
$colorGrippyInteriorHover: $colorKey; $colorGrippyInteriorHover: $colorKey;
/********************************* MOBILE */ /********************************* MOBILE */

293
platform/commonUI/themes/snow/res/css/theme-snow.css
View File

@ -20,7 +20,7 @@
* this source code distribution or the Licensing information page available * this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
/* line 5, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 5, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe, html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, a, abbr, acronym, address, big, cite, code,
@ -41,38 +41,38 @@ time, mark, audio, video {
font-size: 100%; font-size: 100%;
vertical-align: baseline; } vertical-align: baseline; }
/* line 22, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 22, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html { html {
line-height: 1; } line-height: 1; }
/* line 24, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 24, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul { ol, ul {
list-style: none; } list-style: none; }
/* line 26, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 26, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table { table {
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; } border-spacing: 0; }
/* line 28, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 28, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td { caption, th, td {
text-align: left; text-align: left;
font-weight: normal; font-weight: normal;
vertical-align: middle; } vertical-align: middle; }
/* line 30, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 30, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote { q, blockquote {
quotes: none; } quotes: none; }
/* line 103, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 103, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after { q:before, q:after, blockquote:before, blockquote:after {
content: ""; content: "";
content: none; } content: none; }
/* line 32, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 32, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img { a img {
border: none; } border: none; }
/* line 116, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 116, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block; } display: block; }
@ -354,7 +354,7 @@ a {
body, html { body, html {
-webkit-font-smoothing: subpixel-antialiased; -webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
background-color: #efefef; background-color: #fcfcfc;
color: #666; color: #666;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 100%; font-size: 100%;
@ -829,7 +829,7 @@ mct-container {
height: 0; height: 0;
border-top: 6.66667px solid transparent; border-top: 6.66667px solid transparent;
border-bottom: 6.66667px solid transparent; border-bottom: 6.66667px solid transparent;
border-right: 10px solid #ddd; } } border-right: 10px solid white; } }
@media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 88, ../../../../general/res/sass/helpers/_bubbles.scss */ /* line 88, ../../../../general/res/sass/helpers/_bubbles.scss */
.l-infobubble-wrapper.arw-right { .l-infobubble-wrapper.arw-right {
@ -844,7 +844,7 @@ mct-container {
height: 0; height: 0;
border-top: 6.66667px solid transparent; border-top: 6.66667px solid transparent;
border-bottom: 6.66667px solid transparent; border-bottom: 6.66667px solid transparent;
border-left: 10px solid #ddd; } } border-left: 10px solid white; } }
/* line 108, ../../../../general/res/sass/helpers/_bubbles.scss */ /* line 108, ../../../../general/res/sass/helpers/_bubbles.scss */
.l-infobubble-wrapper.arw-top .l-infobubble::before { .l-infobubble-wrapper.arw-top .l-infobubble::before {
top: 20px; } top: 20px; }
@ -861,7 +861,7 @@ mct-container {
margin-left: -5px; margin-left: -5px;
border-left: 5px solid transparent; border-left: 5px solid transparent;
border-right: 5px solid transparent; border-right: 5px solid transparent;
border-top: 7.5px solid #ddd; } border-top: 7.5px solid white; }
/* line 130, ../../../../general/res/sass/helpers/_bubbles.scss */ /* line 130, ../../../../general/res/sass/helpers/_bubbles.scss */
.l-infobubble-wrapper .arw { .l-infobubble-wrapper .arw {
z-index: 2; } z-index: 2; }
@ -892,7 +892,7 @@ mct-container {
-moz-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px; -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px;
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px;
box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px; box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px;
background: #ddd; background: white;
color: #666; color: #666;
font-size: 0.8rem; } font-size: 0.8rem; }
/* line 157, ../../../../general/res/sass/helpers/_bubbles.scss */ /* line 157, ../../../../general/res/sass/helpers/_bubbles.scss */
@ -902,7 +902,7 @@ mct-container {
/* line 163, ../../../../general/res/sass/helpers/_bubbles.scss */ /* line 163, ../../../../general/res/sass/helpers/_bubbles.scss */
.s-infobubble table tr td { .s-infobubble table tr td {
border: none; border: none;
border-top: 1px solid #c4c4c4 !important; border-top: 1px solid #e6e6e6 !important;
font-size: 0.9em; } font-size: 0.9em; }
/* line 169, ../../../../general/res/sass/helpers/_bubbles.scss */ /* line 169, ../../../../general/res/sass/helpers/_bubbles.scss */
.s-infobubble table tr:first-child td { .s-infobubble table tr:first-child td {
@ -943,9 +943,12 @@ mct-container {
* this source code distribution or the Licensing information page available * this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
/* line 26, ../../../../general/res/sass/helpers/_splitter.scss */ /* line 25, ../../../../general/res/sass/helpers/_splitter.scss */
.split-layout .splitter { .split-layout .splitter {
background-color: #a3a3a3; background-color: #b0b0b0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
z-index: 1; } z-index: 1; }
@ -992,7 +995,7 @@ mct-container {
pointer-events: none; pointer-events: none;
position: absolute; position: absolute;
z-index: 2; z-index: 2;
border-top: 1px dotted #c9c9c9; border-top: 1px dotted #d6d6d6;
top: 2px; top: 2px;
left: 5px; left: 5px;
right: 5px; } right: 5px; }
@ -1010,7 +1013,7 @@ mct-container {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
border-color: #efefef; } border-color: #fcfcfc; }
/* line 61, ../../../../general/res/sass/helpers/_splitter.scss */ /* line 61, ../../../../general/res/sass/helpers/_splitter.scss */
.split-layout.vertical .pane { .split-layout.vertical .pane {
top: 0; top: 0;
@ -1046,7 +1049,7 @@ mct-container {
pointer-events: none; pointer-events: none;
position: absolute; position: absolute;
z-index: 2; z-index: 2;
border-left: 1px dotted #c9c9c9; border-left: 1px dotted #d6d6d6;
left: 2px; left: 2px;
bottom: 5px; bottom: 5px;
top: 5px; } top: 5px; }
@ -1064,7 +1067,7 @@ mct-container {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
border-color: #efefef; } border-color: #fcfcfc; }
/* line 80, ../../../../general/res/sass/helpers/_splitter.scss */ /* line 80, ../../../../general/res/sass/helpers/_splitter.scss */
.browse-area .splitter { .browse-area .splitter {
@ -1383,7 +1386,8 @@ mct-container {
-moz-user-select: -moz-none; -moz-user-select: -moz-none;
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; } user-select: none;
text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; }
/* line 271, ../../../../general/res/sass/_mixins.scss */ /* line 271, ../../../../general/res/sass/_mixins.scss */
.s-btn.major .icon, .major.s-menu .icon, .major.select .icon { .s-btn.major .icon, .major.s-menu .icon, .major.select .icon {
color: #fff; } color: #fff; }
@ -1396,7 +1400,7 @@ mct-container {
color: white; } } color: white; } }
/* line 94, ../../../../general/res/sass/controls/_buttons.scss */ /* line 94, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn:not(.major), .s-menu:not(.major), .select:not(.major) { .s-btn:not(.major), .s-menu:not(.major), .select:not(.major) {
background-color: #a3a3a3; background-color: #b0b0b0;
-moz-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
border-radius: 4px; border-radius: 4px;
@ -1408,10 +1412,11 @@ mct-container {
-moz-user-select: -moz-none; -moz-user-select: -moz-none;
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; } user-select: none;
text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; }
/* line 271, ../../../../general/res/sass/_mixins.scss */ /* line 271, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major) .icon, .s-menu:not(.major) .icon, .select:not(.major) .icon { .s-btn:not(.major) .icon, .s-menu:not(.major) .icon, .select:not(.major) .icon {
color: #fff; } color: #ddd; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 276, ../../../../general/res/sass/_mixins.scss */ /* line 276, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major):not(.disabled):hover, .s-menu:not(.major):not(.disabled):hover, .select:not(.major):not(.disabled):hover { .s-btn:not(.major):not(.disabled):hover, .s-menu:not(.major):not(.disabled):hover, .select:not(.major):not(.disabled):hover {
@ -1433,7 +1438,8 @@ mct-container {
-moz-user-select: -moz-none; -moz-user-select: -moz-none;
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; } user-select: none;
text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; }
/* line 271, ../../../../general/res/sass/_mixins.scss */ /* line 271, ../../../../general/res/sass/_mixins.scss */
.s-btn.paused .icon, .paused.s-menu .icon, .paused.select .icon { .s-btn.paused .icon, .paused.s-menu .icon, .paused.select .icon {
color: #fff; } color: #fff; }
@ -1822,20 +1828,21 @@ label.checkbox.custom {
font-size: 1em; } font-size: 1em; }
/* line 242, ../../../../general/res/sass/controls/_controls.scss */ /* line 242, ../../../../general/res/sass/controls/_controls.scss */
.object-header > .type-icon { .object-header > .type-icon {
color: #666;
font-size: 120%; font-size: 120%;
float: left; float: left;
margin-right: 5px; } margin-right: 5px; }
/* line 248, ../../../../general/res/sass/controls/_controls.scss */ /* line 249, ../../../../general/res/sass/controls/_controls.scss */
.object-header .l-elem-wrapper { .object-header .l-elem-wrapper {
justify-content: flex-start; justify-content: flex-start;
-webkit-justify-content: flex-start; } -webkit-justify-content: flex-start; }
/* line 251, ../../../../general/res/sass/controls/_controls.scss */ /* line 252, ../../../../general/res/sass/controls/_controls.scss */
.object-header .l-elem-wrapper mct-representation { .object-header .l-elem-wrapper mct-representation {
min-width: 0.7em; } min-width: 0.7em; }
/* line 259, ../../../../general/res/sass/controls/_controls.scss */ /* line 260, ../../../../general/res/sass/controls/_controls.scss */
.object-header .action { .object-header .action {
margin-right: 5px; } margin-right: 5px; }
/* line 263, ../../../../general/res/sass/controls/_controls.scss */ /* line 264, ../../../../general/res/sass/controls/_controls.scss */
.object-header .title-label { .object-header .title-label {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -1843,13 +1850,13 @@ label.checkbox.custom {
flex: 0 1 auto; flex: 0 1 auto;
-webkit-flex: 0 1 auto; -webkit-flex: 0 1 auto;
padding-right: 0.35em; } padding-right: 0.35em; }
/* line 272, ../../../../general/res/sass/controls/_controls.scss */ /* line 273, ../../../../general/res/sass/controls/_controls.scss */
.object-header .context-available { .object-header .context-available {
font-size: 0.7em; font-size: 0.7em;
flex: 0 0 1; flex: 0 0 1;
-webkit-flex: 0 0 1; } -webkit-flex: 0 0 1; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 279, ../../../../general/res/sass/controls/_controls.scss */ /* line 280, ../../../../general/res/sass/controls/_controls.scss */
.object-header .context-available { .object-header .context-available {
-moz-transition-property: opacity; -moz-transition-property: opacity;
-o-transition-property: opacity; -o-transition-property: opacity;
@ -1864,12 +1871,12 @@ label.checkbox.custom {
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
opacity: 0; } opacity: 0; }
/* line 284, ../../../../general/res/sass/controls/_controls.scss */ /* line 285, ../../../../general/res/sass/controls/_controls.scss */
.object-header:hover .context-available { .object-header:hover .context-available {
opacity: 1; } } opacity: 1; } }
/******************************************************** SLIDERS */ /******************************************************** SLIDERS */
/* line 297, ../../../../general/res/sass/controls/_controls.scss */ /* line 298, ../../../../general/res/sass/controls/_controls.scss */
.slider .slot { .slider .slot {
-moz-border-radius: 2px; -moz-border-radius: 2px;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
@ -1888,9 +1895,9 @@ label.checkbox.custom {
right: 0; right: 0;
bottom: auto; bottom: auto;
left: 0; } left: 0; }
/* line 308, ../../../../general/res/sass/controls/_controls.scss */ /* line 309, ../../../../general/res/sass/controls/_controls.scss */
.slider .knob { .slider .knob {
background-color: #a3a3a3; background-color: #b0b0b0;
-moz-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
border-radius: 4px; border-radius: 4px;
@ -1903,6 +1910,7 @@ label.checkbox.custom {
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; user-select: none;
text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px;
cursor: ew-resize; cursor: ew-resize;
position: absolute; position: absolute;
height: 100%; height: 100%;
@ -1913,7 +1921,7 @@ label.checkbox.custom {
left: auto; } left: auto; }
/* line 271, ../../../../general/res/sass/_mixins.scss */ /* line 271, ../../../../general/res/sass/_mixins.scss */
.slider .knob .icon { .slider .knob .icon {
color: #fff; } color: #ddd; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 276, ../../../../general/res/sass/_mixins.scss */ /* line 276, ../../../../general/res/sass/_mixins.scss */
.slider .knob:not(.disabled):hover { .slider .knob:not(.disabled):hover {
@ -1959,13 +1967,13 @@ label.checkbox.custom {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
border-color: #efefef; } border-color: #fcfcfc; }
/* line 319, ../../../../general/res/sass/controls/_controls.scss */ /* line 320, ../../../../general/res/sass/controls/_controls.scss */
.slider .knob:before { .slider .knob:before {
top: 1px; top: 1px;
bottom: 3px; bottom: 3px;
left: 5px; } left: 5px; }
/* line 326, ../../../../general/res/sass/controls/_controls.scss */ /* line 327, ../../../../general/res/sass/controls/_controls.scss */
.slider .range { .slider .range {
background: rgba(0, 153, 204, 0.6); background: rgba(0, 153, 204, 0.6);
cursor: ew-resize; cursor: ew-resize;
@ -1976,13 +1984,13 @@ label.checkbox.custom {
left: auto; left: auto;
height: auto; height: auto;
width: auto; } width: auto; }
/* line 336, ../../../../general/res/sass/controls/_controls.scss */ /* line 337, ../../../../general/res/sass/controls/_controls.scss */
.slider .range:hover { .slider .range:hover {
background: rgba(0, 153, 204, 0.7); } background: rgba(0, 153, 204, 0.7); }
/******************************************************** BROWSER ELEMENTS */ /******************************************************** BROWSER ELEMENTS */
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 345, ../../../../general/res/sass/controls/_controls.scss */ /* line 346, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar { ::-webkit-scrollbar {
-moz-border-radius: 2px; -moz-border-radius: 2px;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
@ -1997,21 +2005,21 @@ label.checkbox.custom {
height: 10px; height: 10px;
width: 10px; } width: 10px; }
/* line 351, ../../../../general/res/sass/controls/_controls.scss */ /* line 352, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JjYmNiYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FmYWZhZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M5YzljOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JjYmNiYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%; background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 20, color-stop(0%, #bcbcbc), color-stop(100%, #afafaf)); background-image: -webkit-gradient(linear, 50% 0%, 50% 20, color-stop(0%, #c9c9c9), color-stop(100%, #bcbcbc));
background-image: -moz-linear-gradient(#bcbcbc, #afafaf 20px); background-image: -moz-linear-gradient(#c9c9c9, #bcbcbc 20px);
background-image: -webkit-linear-gradient(#bcbcbc, #afafaf 20px); background-image: -webkit-linear-gradient(#c9c9c9, #bcbcbc 20px);
background-image: linear-gradient(#bcbcbc, #afafaf 20px); background-image: linear-gradient(#c9c9c9, #bcbcbc 20px);
-moz-border-radius: 2px; -moz-border-radius: 2px;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; } box-sizing: border-box; }
/* line 360, ../../../../general/res/sass/controls/_controls.scss */ /* line 361, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar-thumb:hover { ::-webkit-scrollbar-thumb:hover {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWNlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTljYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWNlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTljYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%; background-size: 100%;
@ -2020,7 +2028,7 @@ label.checkbox.custom {
background-image: -webkit-linear-gradient(#00ace6, #0099cc 20px); background-image: -webkit-linear-gradient(#00ace6, #0099cc 20px);
background-image: linear-gradient(#00ace6, #0099cc 20px); } background-image: linear-gradient(#00ace6, #0099cc 20px); }
/* line 365, ../../../../general/res/sass/controls/_controls.scss */ /* line 366, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar-corner { ::-webkit-scrollbar-corner {
background: rgba(0, 0, 0, 0.5); } } background: rgba(0, 0, 0, 0.5); } }
/***************************************************************************** /*****************************************************************************
@ -2541,9 +2549,9 @@ label.checkbox.custom {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
-moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
background: #fff; background: #fff;
border: none; border: none;
color: #666; color: #666;
@ -2600,9 +2608,9 @@ input[type="text"] {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
-moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
background: #fff; background: #fff;
border: none; border: none;
color: #666; color: #666;
@ -2625,9 +2633,9 @@ textarea {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
-moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
background: #fff; background: #fff;
border: none; border: none;
color: #666; color: #666;
@ -2663,7 +2671,7 @@ textarea {
*****************************************************************************/ *****************************************************************************/
/* line 22, ../../../../general/res/sass/forms/_selects.scss */ /* line 22, ../../../../general/res/sass/forms/_selects.scss */
.select { .select {
background-color: #a3a3a3; background-color: #b0b0b0;
-moz-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
border-radius: 4px; border-radius: 4px;
@ -2676,12 +2684,13 @@ textarea {
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; user-select: none;
text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px;
margin: 0 0 2px 2px; margin: 0 0 2px 2px;
overflow: hidden; overflow: hidden;
position: relative; } position: relative; }
/* line 271, ../../../../general/res/sass/_mixins.scss */ /* line 271, ../../../../general/res/sass/_mixins.scss */
.select .icon { .select .icon {
color: #fff; } color: #ddd; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 276, ../../../../general/res/sass/_mixins.scss */ /* line 276, ../../../../general/res/sass/_mixins.scss */
.select:not(.disabled):hover { .select:not(.disabled):hover {
@ -2745,15 +2754,15 @@ textarea {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
-moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
background: #efefef; background: #fcfcfc;
border: none; border: none;
color: #666; color: #666;
outline: none; outline: none;
padding: 0 3px; padding: 0 3px;
background: #f7f7f7; background: white;
border-bottom: 1px solid white; border-bottom: 1px solid white;
min-height: 300px; min-height: 300px;
max-height: 400px; max-height: 400px;
@ -2906,15 +2915,15 @@ span.req {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
-moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
background: #efefef; background: #fcfcfc;
border: none; border: none;
color: #666; color: #666;
outline: none; outline: none;
padding: 0 3px; padding: 0 3px;
background: #f7f7f7; background: white;
border-bottom: 1px solid white; } border-bottom: 1px solid white; }
/* line 295, ../../../../general/res/sass/_mixins.scss */ /* line 295, ../../../../general/res/sass/_mixins.scss */
.filter input.filter.error, .filter input.filter.error,
@ -3352,7 +3361,7 @@ span.req {
/* line 31, ../../../../general/res/sass/mobile/_layout.scss */ /* line 31, ../../../../general/res/sass/mobile/_layout.scss */
.pane.left.treeview { .pane.left.treeview {
background-color: #eaeaea; } background-color: #f7f7f7; }
/* line 35, ../../../../general/res/sass/mobile/_layout.scss */ /* line 35, ../../../../general/res/sass/mobile/_layout.scss */
.pane.right-repr { .pane.right-repr {
@ -3701,7 +3710,7 @@ span.req {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
color: #fff; color: #a6a6a6;
height: 17px; height: 17px;
width: 17px; width: 17px;
line-height: 17px; line-height: 17px;
@ -3724,13 +3733,12 @@ span.req {
width: 100%; } width: 100%; }
/* line 99, ../../../../general/res/sass/search/_search.scss */ /* line 99, ../../../../general/res/sass/search/_search.scss */
.search .search-bar .search-icon { .search .search-bar .search-icon {
color: #fff;
left: 3px; left: 3px;
transition: visibility .15s, opacity .15s, color .2s; transition: visibility .15s, opacity .15s, color .2s;
pointer-events: none; } pointer-events: none; }
/* line 119, ../../../../general/res/sass/search/_search.scss */ /* line 119, ../../../../general/res/sass/search/_search.scss */
.search .search-bar .search-input:hover + div.search-icon { .search .search-bar .search-input:hover + div.search-icon {
color: white; } color: #8c8c8c; }
/* line 123, ../../../../general/res/sass/search/_search.scss */ /* line 123, ../../../../general/res/sass/search/_search.scss */
.search .search-bar .clear-icon { .search .search-bar .clear-icon {
right: 22px; right: 22px;
@ -3743,7 +3751,7 @@ span.req {
opacity: 1; } opacity: 1; }
/* line 137, ../../../../general/res/sass/search/_search.scss */ /* line 137, ../../../../general/res/sass/search/_search.scss */
.search .search-bar .clear-icon:hover { .search .search-bar .clear-icon:hover {
color: white; } color: #8c8c8c; }
/* line 142, ../../../../general/res/sass/search/_search.scss */ /* line 142, ../../../../general/res/sass/search/_search.scss */
.search .search-bar .menu-icon { .search .search-bar .menu-icon {
font-size: 0.8em; font-size: 0.8em;
@ -3752,7 +3760,7 @@ span.req {
text-align: right; } text-align: right; }
/* line 148, ../../../../general/res/sass/search/_search.scss */ /* line 148, ../../../../general/res/sass/search/_search.scss */
.search .search-bar .menu-icon:hover { .search .search-bar .menu-icon:hover {
color: white; } color: #8c8c8c; }
/* line 153, ../../../../general/res/sass/search/_search.scss */ /* line 153, ../../../../general/res/sass/search/_search.scss */
.search .search-bar .search-menu-holder { .search .search-bar .search-menu-holder {
float: right; float: right;
@ -3784,12 +3792,13 @@ span.req {
margin-top: 3px; } margin-top: 3px; }
/* line 193, ../../../../general/res/sass/search/_search.scss */ /* line 193, ../../../../general/res/sass/search/_search.scss */
.search .active-filter-display .clear-filters-icon { .search .active-filter-display .clear-filters-icon {
opacity: 0.4; color: #a6a6a6;
opacity: 1;
font-size: 0.8em; font-size: 0.8em;
position: absolute; position: absolute;
left: 1px; left: 1px;
cursor: pointer; } cursor: pointer; }
/* line 204, ../../../../general/res/sass/search/_search.scss */ /* line 205, ../../../../general/res/sass/search/_search.scss */
.search .active-filter-display.off { .search .active-filter-display.off {
visibility: hidden; visibility: hidden;
opacity: 0; opacity: 0;
@ -3797,7 +3806,7 @@ span.req {
margin: 0; margin: 0;
padding: 0; padding: 0;
border: 0; } border: 0; }
/* line 214, ../../../../general/res/sass/search/_search.scss */ /* line 215, ../../../../general/res/sass/search/_search.scss */
.search .search-scroll { .search .search-scroll {
order: 3; order: 3;
margin-top: 4px; margin-top: 4px;
@ -3806,27 +3815,27 @@ span.req {
height: auto; height: auto;
max-height: 100%; max-height: 100%;
position: relative; } position: relative; }
/* line 227, ../../../../general/res/sass/search/_search.scss */ /* line 228, ../../../../general/res/sass/search/_search.scss */
.search .search-scroll .load-icon { .search .search-scroll .load-icon {
position: relative; } position: relative; }
/* line 229, ../../../../general/res/sass/search/_search.scss */ /* line 230, ../../../../general/res/sass/search/_search.scss */
.search .search-scroll .load-icon.loading { .search .search-scroll .load-icon.loading {
pointer-events: none; pointer-events: none;
margin-left: 6px; } margin-left: 6px; }
/* line 233, ../../../../general/res/sass/search/_search.scss */ /* line 234, ../../../../general/res/sass/search/_search.scss */
.search .search-scroll .load-icon.loading .title-label { .search .search-scroll .load-icon.loading .title-label {
font-style: italic; font-style: italic;
font-size: .9em; font-size: .9em;
opacity: 0.5; opacity: 0.5;
margin-left: 26px; margin-left: 26px;
line-height: 24px; } line-height: 24px; }
/* line 243, ../../../../general/res/sass/search/_search.scss */ /* line 244, ../../../../general/res/sass/search/_search.scss */
.search .search-scroll .load-icon.loading .wait-spinner { .search .search-scroll .load-icon.loading .wait-spinner {
margin-left: 6px; } margin-left: 6px; }
/* line 248, ../../../../general/res/sass/search/_search.scss */ /* line 249, ../../../../general/res/sass/search/_search.scss */
.search .search-scroll .load-icon:not(.loading) { .search .search-scroll .load-icon:not(.loading) {
cursor: pointer; } cursor: pointer; }
/* line 253, ../../../../general/res/sass/search/_search.scss */ /* line 254, ../../../../general/res/sass/search/_search.scss */
.search .search-scroll .load-more-button { .search .search-scroll .load-more-button {
margin-top: 5px 0; margin-top: 5px 0;
font-size: 0.8em; font-size: 0.8em;
@ -3879,7 +3888,7 @@ span.req {
z-index: 100; } z-index: 100; }
/* line 32, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 32, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay > .holder { .overlay > .holder {
background-color: #efefef; background-color: #fcfcfc;
-moz-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
border-radius: 4px; border-radius: 4px;
@ -3937,7 +3946,7 @@ span.req {
padding: 0 15px; } padding: 0 15px; }
/* line 68, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 68, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay .bottom-bar .s-btn:not(.major), .overlay .bottom-bar .s-menu:not(.major), .overlay .bottom-bar .select:not(.major) { .overlay .bottom-bar .s-btn:not(.major), .overlay .bottom-bar .s-menu:not(.major), .overlay .bottom-bar .select:not(.major) {
background-color: #898989; background-color: #969696;
-moz-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
border-radius: 4px; border-radius: 4px;
@ -3949,7 +3958,8 @@ span.req {
-moz-user-select: -moz-none; -moz-user-select: -moz-none;
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; } user-select: none;
text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; }
/* line 271, ../../../../general/res/sass/_mixins.scss */ /* line 271, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major) .icon, .overlay .bottom-bar .s-menu:not(.major) .icon, .overlay .bottom-bar .select:not(.major) .icon { .overlay .bottom-bar .s-btn:not(.major) .icon, .overlay .bottom-bar .s-menu:not(.major) .icon, .overlay .bottom-bar .select:not(.major) .icon {
color: #fff; } color: #fff; }
@ -4111,7 +4121,6 @@ ul.tree {
.tree-item .label .type-icon .icon.l-icon-link, .tree-item .label .type-icon .icon.l-icon-alert, .tree-item .label .type-icon .icon.l-icon-link, .tree-item .label .type-icon .icon.l-icon-alert,
.search-result-item .label .type-icon .icon.l-icon-link, .search-result-item .label .type-icon .icon.l-icon-link,
.search-result-item .label .type-icon .icon.l-icon-alert { .search-result-item .label .type-icon .icon.l-icon-alert {
text-shadow: black 0 1px 2px;
position: absolute; position: absolute;
z-index: 2; } z-index: 2; }
/* line 90, ../../../../general/res/sass/tree/_tree.scss */ /* line 90, ../../../../general/res/sass/tree/_tree.scss */
@ -4170,15 +4179,15 @@ ul.tree {
.tree-item.selected, .tree-item.selected,
.search-result-item.selected { .search-result-item.selected {
background: #1ac6ff; background: #1ac6ff;
color: #efefef; } color: #fcfcfc; }
/* line 131, ../../../../general/res/sass/tree/_tree.scss */ /* line 131, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.selected .view-control, .tree-item.selected .view-control,
.search-result-item.selected .view-control { .search-result-item.selected .view-control {
color: #efefef; } color: #fcfcfc; }
/* line 134, ../../../../general/res/sass/tree/_tree.scss */ /* line 134, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.selected .label .type-icon, .tree-item.selected .label .type-icon,
.search-result-item.selected .label .type-icon { .search-result-item.selected .label .type-icon {
color: #efefef; } color: #fcfcfc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 142, ../../../../general/res/sass/tree/_tree.scss */ /* line 142, ../../../../general/res/sass/tree/_tree.scss */
.tree-item:not(.selected):hover, .tree-item:not(.selected):hover,
@ -4285,7 +4294,7 @@ ul.tree {
*****************************************************************************/ *****************************************************************************/
/* line 25, ../../../../general/res/sass/user-environ/_frame.scss */ /* line 25, ../../../../general/res/sass/user-environ/_frame.scss */
.frame.child-frame.panel { .frame.child-frame.panel {
background: #efefef; background: #fcfcfc;
border: 1px solid rgba(102, 102, 102, 0.2); } border: 1px solid rgba(102, 102, 102, 0.2); }
/* line 28, ../../../../general/res/sass/user-environ/_frame.scss */ /* line 28, ../../../../general/res/sass/user-environ/_frame.scss */
.frame.child-frame.panel:hover { .frame.child-frame.panel:hover {
@ -4682,7 +4691,7 @@ table {
.tabular thead, .tabular .thead, .tabular thead, .tabular .thead,
table thead, table thead,
table .thead { table .thead {
border-bottom: 1px solid #efefef; } border-bottom: 1px solid #fcfcfc; }
/* line 47, ../../../../general/res/sass/lists/_tabular.scss */ /* line 47, ../../../../general/res/sass/lists/_tabular.scss */
.tabular tbody, .tabular .tbody, .tabular tbody, .tabular .tbody,
table tbody, table tbody,
@ -4731,7 +4740,7 @@ table {
table .tr th, table .tr th,
table .tr .th { table .tr .th {
background-color: white; background-color: white;
border-left: 1px solid #efefef; border-left: 1px solid #fcfcfc;
color: white; color: white;
padding: 5px 5px; padding: 5px 5px;
white-space: nowrap; white-space: nowrap;
@ -4938,6 +4947,7 @@ table {
display: none; } display: none; }
/* line 76, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 76, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-display-area { .gl-plot .gl-plot-display-area {
background-color: #eee;
position: absolute; position: absolute;
top: 25px; top: 25px;
right: 0; right: 0;
@ -4945,13 +4955,13 @@ table {
left: 60px; left: 60px;
cursor: crosshair; cursor: crosshair;
border: 1px solid rgba(102, 102, 102, 0.2); } border: 1px solid rgba(102, 102, 102, 0.2); }
/* line 86, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 89, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-label, .gl-plot .gl-plot-label,
.gl-plot .l-plot-label { .gl-plot .l-plot-label {
color: #999999; color: #999999;
position: absolute; position: absolute;
text-align: center; } text-align: center; }
/* line 94, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 97, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-label.gl-plot-x-label, .gl-plot .gl-plot-label.l-plot-x-label, .gl-plot .gl-plot-label.gl-plot-x-label, .gl-plot .gl-plot-label.l-plot-x-label,
.gl-plot .l-plot-label.gl-plot-x-label, .gl-plot .l-plot-label.gl-plot-x-label,
.gl-plot .l-plot-label.l-plot-x-label { .gl-plot .l-plot-label.l-plot-x-label {
@ -4960,7 +4970,7 @@ table {
bottom: 0; bottom: 0;
left: 0; left: 0;
height: auto; } height: auto; }
/* line 103, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 106, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-label.gl-plot-y-label, .gl-plot .gl-plot-label.l-plot-y-label, .gl-plot .gl-plot-label.gl-plot-y-label, .gl-plot .gl-plot-label.l-plot-y-label,
.gl-plot .l-plot-label.gl-plot-y-label, .gl-plot .l-plot-label.gl-plot-y-label,
.gl-plot .l-plot-label.l-plot-y-label { .gl-plot .l-plot-label.l-plot-y-label {
@ -4977,7 +4987,7 @@ table {
left: 0; left: 0;
top: 50%; top: 50%;
white-space: nowrap; } white-space: nowrap; }
/* line 117, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 120, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-y-options { .gl-plot .gl-plot-y-options {
position: absolute; position: absolute;
top: 50%; top: 50%;
@ -4988,19 +4998,19 @@ table {
height: auto; height: auto;
min-height: 32px; min-height: 32px;
width: 32px; } width: 32px; }
/* line 131, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 134, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-hash { .gl-plot .gl-plot-hash {
position: absolute; position: absolute;
border: 0 rgba(255, 255, 255, 0.3) dashed; } border: 0 rgba(255, 255, 255, 0.3) dashed; }
/* line 134, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 137, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-hash.hash-v { .gl-plot .gl-plot-hash.hash-v {
border-right-width: 1px; border-right-width: 1px;
height: 100%; } height: 100%; }
/* line 138, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 141, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-hash.hash-h { .gl-plot .gl-plot-hash.hash-h {
border-bottom-width: 1px; border-bottom-width: 1px;
width: 100%; } width: 100%; }
/* line 144, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 147, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-legend { .gl-plot .gl-plot-legend {
position: absolute; position: absolute;
top: 0; top: 0;
@ -5010,24 +5020,24 @@ table {
height: 20px; height: 20px;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; } overflow-y: auto; }
/* line 157, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 160, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .l-limit-bar, .gl-plot .l-limit-bar,
.gl-plot .l-oob-data { .gl-plot .l-oob-data {
position: absolute; position: absolute;
left: 0; left: 0;
right: 0; right: 0;
width: auto; } width: auto; }
/* line 165, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 168, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .l-limit-bar { .gl-plot .l-limit-bar {
height: auto; height: auto;
z-index: 0; } z-index: 0; }
/* line 173, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 176, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .l-limit-bar.s-limit-yellow { .gl-plot .l-limit-bar.s-limit-yellow {
background: rgba(157, 117, 0, 0.2); } background: rgba(157, 117, 0, 0.2); }
/* line 174, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 177, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .l-limit-bar.s-limit-red { .gl-plot .l-limit-bar.s-limit-red {
background: rgba(170, 0, 0, 0.2); } background: rgba(170, 0, 0, 0.2); }
/* line 177, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 180, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .l-oob-data { .gl-plot .l-oob-data {
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
@ -5040,7 +5050,7 @@ table {
pointer-events: none; pointer-events: none;
height: 10px; height: 10px;
z-index: 1; } z-index: 1; }
/* line 185, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 188, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .l-oob-data.l-oob-data-up { .gl-plot .l-oob-data.l-oob-data-up {
top: 0; top: 0;
bottom: auto; bottom: auto;
@ -5049,7 +5059,7 @@ table {
background-image: -moz-linear-gradient(90deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); background-image: -moz-linear-gradient(90deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%);
background-image: -webkit-linear-gradient(90deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); background-image: -webkit-linear-gradient(90deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%);
background-image: linear-gradient(0deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); } background-image: linear-gradient(0deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); }
/* line 190, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 193, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .l-oob-data.l-oob-data-dwn { .gl-plot .l-oob-data.l-oob-data-dwn {
bottom: 0; bottom: 0;
top: auto; top: auto;
@ -5059,7 +5069,7 @@ table {
background-image: -webkit-linear-gradient(270deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); background-image: -webkit-linear-gradient(270deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%);
background-image: linear-gradient(180deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); } background-image: linear-gradient(180deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); }
/* line 200, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 203, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-legend .plot-legend-item, .gl-plot-legend .plot-legend-item,
.gl-plot-legend .legend-item, .gl-plot-legend .legend-item,
.legend .plot-legend-item, .legend .plot-legend-item,
@ -5067,13 +5077,13 @@ table {
display: inline-block; display: inline-block;
margin-right: 10px; margin-right: 10px;
margin-bottom: 3px; } margin-bottom: 3px; }
/* line 205, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 208, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-legend .plot-legend-item span, .gl-plot-legend .plot-legend-item span,
.gl-plot-legend .legend-item span, .gl-plot-legend .legend-item span,
.legend .plot-legend-item span, .legend .plot-legend-item span,
.legend .legend-item span { .legend .legend-item span {
vertical-align: middle; } vertical-align: middle; }
/* line 208, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 211, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-legend .plot-legend-item .plot-color-swatch, .gl-plot-legend .plot-legend-item .plot-color-swatch,
.gl-plot-legend .plot-legend-item .color-swatch, .gl-plot-legend .plot-legend-item .color-swatch,
.gl-plot-legend .legend-item .plot-color-swatch, .gl-plot-legend .legend-item .plot-color-swatch,
@ -5088,31 +5098,36 @@ table {
display: inline-block; display: inline-block;
height: 8px; height: 8px;
width: 8px; } width: 8px; }
/* line 220, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-legend .plot-legend-item[class*='s-limit'] .title-label,
.gl-plot-legend .legend-item[class*='s-limit'] .title-label,
.legend .plot-legend-item[class*='s-limit'] .title-label,
.legend .legend-item[class*='s-limit'] .title-label {
color: #fff; }
/* line 221, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 228, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-legend .plot-legend-item { .gl-plot-legend .plot-legend-item {
-moz-border-radius: 2px; -moz-border-radius: 2px;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
color: #fff;
line-height: 1.5em; line-height: 1.5em;
padding: 0px 5px; } padding: 0px 5px; }
/* line 227, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 234, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-legend .plot-legend-item .plot-color-swatch { .gl-plot-legend .plot-legend-item .plot-color-swatch {
border: 1px solid #efefef; border: 1px solid #fcfcfc;
height: 9px; height: 9px;
width: 9px; } width: 9px; }
/* line 235, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 242, ../../../../general/res/sass/plots/_plots-main.scss */
.tick { .tick {
position: absolute; position: absolute;
border: 0 rgba(255, 255, 255, 0.3) solid; } border: 0 rgba(255, 255, 255, 0.3) solid; }
/* line 238, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 245, ../../../../general/res/sass/plots/_plots-main.scss */
.tick.tick-x { .tick.tick-x {
border-right-width: 1px; border-right-width: 1px;
height: 100%; } height: 100%; }
/* line 244, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 251, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-tick, .gl-plot-tick,
.tick-label { .tick-label {
font-size: 0.7rem; font-size: 0.7rem;
@ -5120,7 +5135,7 @@ table {
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; } text-overflow: ellipsis; }
/* line 252, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 259, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-tick.gl-plot-x-tick-label, .gl-plot-tick.tick-label-x, .gl-plot-tick.gl-plot-x-tick-label, .gl-plot-tick.tick-label-x,
.tick-label.gl-plot-x-tick-label, .tick-label.gl-plot-x-tick-label,
.tick-label.tick-label-x { .tick-label.tick-label-x {
@ -5131,7 +5146,7 @@ table {
width: 20%; width: 20%;
margin-left: -10%; margin-left: -10%;
text-align: center; } text-align: center; }
/* line 262, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 269, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-tick.gl-plot-y-tick-label, .gl-plot-tick.tick-label-y, .gl-plot-tick.gl-plot-y-tick-label, .gl-plot-tick.tick-label-y,
.tick-label.gl-plot-y-tick-label, .tick-label.gl-plot-y-tick-label,
.tick-label.tick-label-y { .tick-label.tick-label-y {
@ -5141,18 +5156,18 @@ table {
margin-bottom: -0.5em; margin-bottom: -0.5em;
text-align: right; } text-align: right; }
/* line 274, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 281, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-tick.gl-plot-x-tick-label { .gl-plot-tick.gl-plot-x-tick-label {
top: 5px; } top: 5px; }
/* line 277, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 284, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-tick.gl-plot-y-tick-label { .gl-plot-tick.gl-plot-y-tick-label {
right: 5px; right: 5px;
left: 5px; } left: 5px; }
/* line 284, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 291, ../../../../general/res/sass/plots/_plots-main.scss */
.tick-label.tick-label-x { .tick-label.tick-label-x {
top: 0; } top: 0; }
/* line 287, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 294, ../../../../general/res/sass/plots/_plots-main.scss */
.tick-label.tick-label-y { .tick-label.tick-label-y {
right: 0; right: 0;
left: 0; } left: 0; }
@ -5273,19 +5288,20 @@ table {
top: 0; } top: 0; }
/* line 29, ../../../../general/res/sass/items/_item.scss */ /* line 29, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item { .items-holder .item.grid-item {
background-color: #a3a3a3; background-color: #b0b0b0;
-moz-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
border-radius: 4px; border-radius: 4px;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
color: #fff; color: #ddd;
display: inline-block; display: inline-block;
-moz-user-select: -moz-none; -moz-user-select: -moz-none;
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; user-select: none;
text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px;
box-sizing: border-box; box-sizing: border-box;
cursor: pointer; cursor: pointer;
float: left; float: left;
@ -5296,7 +5312,7 @@ table {
position: relative; } position: relative; }
/* line 271, ../../../../general/res/sass/_mixins.scss */ /* line 271, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item .icon { .items-holder .item.grid-item .icon {
color: #fff; } color: #ddd; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 276, ../../../../general/res/sass/_mixins.scss */ /* line 276, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item:not(.disabled):hover { .items-holder .item.grid-item:not(.disabled):hover {
@ -5354,7 +5370,7 @@ table {
left: 40px; left: 40px;
width: auto; width: auto;
height: auto; height: auto;
color: #fff; color: #ddd;
text-align: center; text-align: center;
font-size: 96.9px; font-size: 96.9px;
line-height: 102px; line-height: 102px;
@ -5394,18 +5410,20 @@ table {
text-align: right; } text-align: right; }
/* line 128, ../../../../general/res/sass/items/_item.scss */ /* line 128, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .title { .items-holder .item.grid-item .title {
text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
color: #fff; } color: #fff; }
/* line 133, ../../../../general/res/sass/items/_item.scss */ /* line 133, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .details { .items-holder .item.grid-item .details {
text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
color: #d9d9d9; color: #d9d9d9;
font-size: 0.8em; } font-size: 0.8em; }
/* line 138, ../../../../general/res/sass/items/_item.scss */ /* line 139, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item.selected { .items-holder .item.grid-item.selected {
background-color: #0099cc; background-color: #0099cc;
-moz-border-radius: 4px; -moz-border-radius: 4px;
@ -5420,10 +5438,11 @@ table {
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; user-select: none;
text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px;
color: #80dfff; } color: #80dfff; }
/* line 271, ../../../../general/res/sass/_mixins.scss */ /* line 271, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item.selected .icon { .items-holder .item.grid-item.selected .icon {
color: #fff; } color: #ddd; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 276, ../../../../general/res/sass/_mixins.scss */ /* line 276, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item.selected:not(.disabled):hover { .items-holder .item.grid-item.selected:not(.disabled):hover {
@ -5431,16 +5450,16 @@ table {
/* line 278, ../../../../general/res/sass/_mixins.scss */ /* line 278, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item.selected:not(.disabled):hover > .icon { .items-holder .item.grid-item.selected:not(.disabled):hover > .icon {
color: white; } } color: white; } }
/* line 143, ../../../../general/res/sass/items/_item.scss */ /* line 144, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item.selected .item-type, .items-holder .item.grid-item.selected .top-bar .icon:not(.alert) { .items-holder .item.grid-item.selected .item-type, .items-holder .item.grid-item.selected .top-bar .icon:not(.alert) {
color: #80dfff; } color: #80dfff; }
/* line 144, ../../../../general/res/sass/items/_item.scss */ /* line 145, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item.selected .item-main .item-open { .items-holder .item.grid-item.selected .item-main .item-open {
color: #80dfff; } color: #80dfff; }
/* line 145, ../../../../general/res/sass/items/_item.scss */ /* line 146, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item.selected .title { .items-holder .item.grid-item.selected .title {
color: white; } color: white; }
/* line 147, ../../../../general/res/sass/items/_item.scss */ /* line 148, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item.selected:hover .item-main .item-type { .items-holder .item.grid-item.selected:hover .item-main .item-type {
color: white !important; } color: white !important; }

21
platform/commonUI/themes/snow/res/sass/_constants.scss
View File

@ -1,9 +1,9 @@
$basicCr: 4px; $basicCr: 4px;
$controlCr: $basicCr; $controlCr: $basicCr;
/************************** COLORS AND SHADING */ /************************** COLORS AND SHADING */
$colorBodyBg: #efefef; $colorBodyBg: #fcfcfc;
$colorGenBg: #fff; // NEW
$colorBodyFg: #666; $colorBodyFg: #666;
$colorGenBg: #fff;
$colorFooterBg: #000; $colorFooterBg: #000;
$colorKey: #0099cc; $colorKey: #0099cc;
$colorKeySelectedBg: $colorKey; $colorKeySelectedBg: $colorKey;
@ -16,7 +16,8 @@ $colorBtnBg: pullForward($colorBodyBg, $contrastRatioPercent);
$colorBtnFg: #fff; $colorBtnFg: #fff;
$colorBtnMajorBg: $colorKey; $colorBtnMajorBg: $colorKey;
$colorBtnMajorFg: $colorKeyFg; $colorBtnMajorFg: $colorKeyFg;
$colorBtnIcon: $colorBtnFg; $colorBtnIcon: #ddd;
$colorObjHdrIcon: $colorBodyFg;
$colorInvokeMenu: #000; $colorInvokeMenu: #000;
$contrastInvokeMenuPercent: 50%; $contrastInvokeMenuPercent: 50%;
@ -50,7 +51,8 @@ $colorFormSectionHeader: rgba(#000, 0.1);
$colorInputBg: $colorGenBg; $colorInputBg: $colorGenBg;
$colorInputFg: $colorBodyFg; $colorInputFg: $colorBodyFg;
$colorFormText: pushBack($colorBodyFg, 10%); $colorFormText: pushBack($colorBodyFg, 10%);
// Limits and staleness colors $colorInputIcon: pushBack($colorBodyFg, 25%);
// Limits and staleness colors//
$colorLimitYellow: #9d7500; $colorLimitYellow: #9d7500;
$colorLimitRed: #aa0000; $colorLimitRed: #aa0000;
$colorTelemFresh: #fff; $colorTelemFresh: #fff;
@ -58,7 +60,7 @@ $colorTelemStale: #888;
$styleTelemStale: italic; $styleTelemStale: italic;
// Bubble colors // Bubble colors
$colorInfoBubbleFg: #666; $colorInfoBubbleFg: #666;
$colorInfoBubbleBg: #ddd; $colorInfoBubbleBg: $colorMenuBg;
$colorThumbsBubbleFg: lighten($colorBodyFg, 10%); $colorThumbsBubbleFg: lighten($colorBodyFg, 10%);
$colorThumbsBubbleBg: lighten($colorBodyBg, 10%); $colorThumbsBubbleBg: lighten($colorBodyBg, 10%);
// Overlay // Overlay
@ -71,10 +73,10 @@ $colorOvrBtnFg: #fff;
$colorItemBg: $colorBtnBg; //pullForward($colorBodyBg, 15%); $colorItemBg: $colorBtnBg; //pullForward($colorBodyBg, 15%);
$colorItemFg: $colorBtnFg; //lighten($colorItemBg, 20%); $colorItemFg: $colorBtnFg; //lighten($colorItemBg, 20%);
$colorItemFgDetails: darken($colorItemFg, 15%); $colorItemFgDetails: darken($colorItemFg, 15%);
$colorItemIcon: $colorItemFg; $colorItemIcon: $colorBtnIcon;
$colorItemSubIcons: $colorItemFgDetails; $colorItemSubIcons: $colorItemFgDetails;
$colorItemOpenIcon: $colorItemFgDetails; $colorItemOpenIcon: $colorItemFgDetails;
$shdwItemText: none; $shdwItemText: rgba(black, 0.2) 0 1px 2px;
$colorItemBgSelected: $colorKey; $colorItemBgSelected: $colorKey;
// Tabular // Tabular
$tabularColorBorder: rgba(white, 0.1); $tabularColorBorder: rgba(white, 0.1);
@ -83,6 +85,9 @@ $tabularColorBodyFg: lighten($tabularColorBodyBg, 40%);
$tabularColorHeaderBg: lighten($colorBodyBg, 10%); $tabularColorHeaderBg: lighten($colorBodyBg, 10%);
$tabularColorHeaderFg: lighten($tabularColorHeaderBg, 40%); $tabularColorHeaderFg: lighten($tabularColorHeaderBg, 40%);
$tabularColorHeaderBorder: $colorBodyBg; $tabularColorHeaderBorder: $colorBodyBg;
// Plot
$colorPlotBg: #eee; //
$colorPlotFg: $colorBodyFg;
// Tree // Tree
$colorItemTreeIcon: $colorKey; $colorItemTreeIcon: $colorKey;
$colorItemTreeIconHover: $colorItemTreeIcon; //pushBack($colorItemTreeIcon, 20%); $colorItemTreeIconHover: $colorItemTreeIcon; //pushBack($colorItemTreeIcon, 20%);
@ -102,6 +107,8 @@ $scrollbarThumbColorHov: $colorKey;
$splitterShdw: none; $splitterShdw: none;
$colorSplitterInterior: $colorBodyBg; $colorSplitterInterior: $colorBodyBg;
$colorSplitterHover: $colorKey; $colorSplitterHover: $colorKey;
$splitterW: 5px;
$splitterEndCr: $splitterW;
$colorGrippyInteriorHover: $colorBodyBg; $colorGrippyInteriorHover: $colorBodyBg;
/********************************* MOBILE */ /********************************* MOBILE */

1
platform/commonUI/themes/snow/res/sass/_mixins.scss
View File

@ -5,6 +5,7 @@
@mixin btnSubtle($bg: $colorBtnBg, $bgHov: none, $fg: $colorBtnFg, $ic: $colorBtnIcon) { @mixin btnSubtle($bg: $colorBtnBg, $bgHov: none, $fg: $colorBtnFg, $ic: $colorBtnIcon) {
@include containerSubtle($bg, $fg); @include containerSubtle($bg, $fg);
@include btnBase($bg, $colorKey, $fg, $ic); @include btnBase($bg, $colorKey, $fg, $ic);
@include text-shadow($shdwItemText);
} }
@function pullForward($c: $colorBodyBg, $p: 20%) { @function pullForward($c: $colorBodyBg, $p: 20%) {