From 3b2454c6a9be6207e21371ecbc2bbc24269e80e0 Mon Sep 17 00:00:00 2001 From: Charles Hacskaylo Date: Thu, 10 Sep 2015 11:43:39 -0700 Subject: [PATCH] [Frontend] IN-PROGRESS Theming continues open #95 Search, plots; Minor tweaks to add shdw to items and buttons; --- bundles.json | 2 +- .../commonUI/general/res/sass/_mixins.scss | 2 +- .../general/res/sass/controls/_controls.scss | 1 + .../general/res/sass/helpers/_splitter.scss | 6 +- .../general/res/sass/items/_item.scss | 1 + .../general/res/sass/plots/_plots-main.scss | 13 +- .../general/res/sass/search/_search.scss | 13 +- .../commonUI/general/res/sass/tree/_tree.scss | 2 +- .../espresso/res/css/theme-espresso.css | 180 ++++++----- .../themes/espresso/res/sass/_constants.scss | 9 +- .../themes/snow/res/css/theme-snow.css | 293 ++++++++++-------- .../themes/snow/res/sass/_constants.scss | 21 +- .../themes/snow/res/sass/_mixins.scss | 1 + 13 files changed, 298 insertions(+), 246 deletions(-) diff --git a/bundles.json b/bundles.json index 3de757f1c6..2860dbde5e 100644 --- a/bundles.json +++ b/bundles.json @@ -8,7 +8,7 @@ "platform/commonUI/dialog", "platform/commonUI/general", "platform/commonUI/inspect", - "platform/commonUI/themes/snow", + "platform/commonUI/themes/espresso", "platform/containment", "platform/execution", "platform/telemetry", diff --git a/platform/commonUI/general/res/sass/_mixins.scss b/platform/commonUI/general/res/sass/_mixins.scss index 6699a116de..83984a206f 100644 --- a/platform/commonUI/general/res/sass/_mixins.scss +++ b/platform/commonUI/general/res/sass/_mixins.scss @@ -287,7 +287,7 @@ @include appearance(none); @include border-radius($controlCr); @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; border: none; color: $fg; diff --git a/platform/commonUI/general/res/sass/controls/_controls.scss b/platform/commonUI/general/res/sass/controls/_controls.scss index f12eaaf70d..7590daa255 100644 --- a/platform/commonUI/general/res/sass/controls/_controls.scss +++ b/platform/commonUI/general/res/sass/controls/_controls.scss @@ -240,6 +240,7 @@ label.checkbox.custom { //} > .type-icon { + color: $colorObjHdrIcon; font-size: 120%; float: left; margin-right: $interiorMargin; diff --git a/platform/commonUI/general/res/sass/helpers/_splitter.scss b/platform/commonUI/general/res/sass/helpers/_splitter.scss index 3a344696ad..f91f5936d4 100644 --- a/platform/commonUI/general/res/sass/helpers/_splitter.scss +++ b/platform/commonUI/general/res/sass/helpers/_splitter.scss @@ -21,10 +21,10 @@ *****************************************************************************/ .split-layout { $b: pullForward($colorBodyBg, $contrastRatioPercent); - $splitterD: 5px; .splitter { background-color: $b; + @include border-radius($splitterEndCr); @include boxShdw($splitterShdw); overflow: hidden; position: absolute; @@ -53,7 +53,7 @@ cursor: row-resize; left: 0; right: 0; width: auto; - height: $splitterD; + height: $splitterW; } } &.vertical { @@ -72,7 +72,7 @@ @include controlGrippy($colorBodyBg, vertical); bottom: 0; cursor: col-resize; - width: $splitterD; + width: $splitterW; } } } diff --git a/platform/commonUI/general/res/sass/items/_item.scss b/platform/commonUI/general/res/sass/items/_item.scss index fdf59c2b9c..321c6dfbf6 100644 --- a/platform/commonUI/general/res/sass/items/_item.scss +++ b/platform/commonUI/general/res/sass/items/_item.scss @@ -131,6 +131,7 @@ color: $colorItemFg; } .details { + @include txtShdw($shdwItemText); @include ellipsize(); color: $colorItemFgDetails; font-size: 0.8em; diff --git a/platform/commonUI/general/res/sass/plots/_plots-main.scss b/platform/commonUI/general/res/sass/plots/_plots-main.scss index af59fd0af2..9845c4d4be 100644 --- a/platform/commonUI/general/res/sass/plots/_plots-main.scss +++ b/platform/commonUI/general/res/sass/plots/_plots-main.scss @@ -29,7 +29,7 @@ $swatchD: 8px; $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBarW); // Top, right, bottom, left .gl-plot { - color: $colorBodyFg; + color: $colorPlotFg; font-size: 0.7rem; position: relative; width: 100%; @@ -74,6 +74,9 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa } .gl-plot-display-area { + @if $colorPlotBg != none { + background-color: $colorPlotBg; + } position: absolute; top: nth($plotDisplayArea, 1); right: nth($plotDisplayArea, 2); @@ -213,7 +216,11 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa width: $swatchD; //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 { //@include test(); @include border-radius($smallCr); - color: #fff; + //color: #fff; line-height: 1.5em; padding: 0px $itemPadLR; .plot-color-swatch { diff --git a/platform/commonUI/general/res/sass/search/_search.scss b/platform/commonUI/general/res/sass/search/_search.scss index 34a323e6ef..783206ce99 100644 --- a/platform/commonUI/general/res/sass/search/_search.scss +++ b/platform/commonUI/general/res/sass/search/_search.scss @@ -69,7 +69,7 @@ .menu-icon { //@include test(#008800); @include box-sizing(border-box); - color: $colorItemFg; + color: $colorInputIcon; height: $iconD; width: $iconD; line-height: $iconD; position: absolute; @@ -97,7 +97,7 @@ } .search-icon { - color: $colorItemFg; + //color: $colorItemFg; left: $interiorMarginSm; transition: visibility .15s, opacity .15s, color .2s; pointer-events: none; @@ -117,7 +117,7 @@ // Make icon lighten when hovering over search bar .search-input:hover + div.search-icon { - color: lighten($colorItemFg, 20%); + color: pullForward($colorInputIcon, 10%); } .clear-icon { @@ -135,7 +135,7 @@ } &:hover { - color: lighten($colorItemFg, 20%); + color: pullForward($colorInputIcon, 10%); } } @@ -146,7 +146,7 @@ text-align: right; &:hover { - color: lighten($colorItemFg, 20%); + color: pullForward($colorInputIcon, 10%); } } @@ -191,7 +191,8 @@ .clear-filters-icon { - opacity: 0.4; + color: $colorInputIcon; + opacity: 1; font-size: 0.8em; position: absolute; left: 1px; diff --git a/platform/commonUI/general/res/sass/tree/_tree.scss b/platform/commonUI/general/res/sass/tree/_tree.scss index 17261cd136..2c0343a6c4 100644 --- a/platform/commonUI/general/res/sass/tree/_tree.scss +++ b/platform/commonUI/general/res/sass/tree/_tree.scss @@ -83,7 +83,7 @@ ul.tree { .icon { &.l-icon-link, &.l-icon-alert { - @include txtShdwSubtle(1); + //@include txtShdw($shdwItemTreeIcon); position: absolute; z-index: 2; } diff --git a/platform/commonUI/themes/espresso/res/css/theme-espresso.css b/platform/commonUI/themes/espresso/res/css/theme-espresso.css index bef92fab74..5984982297 100644 --- a/platform/commonUI/themes/espresso/res/css/theme-espresso.css +++ b/platform/commonUI/themes/espresso/res/css/theme-espresso.css @@ -20,7 +20,7 @@ * this source code distribution or the Licensing information page available * 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, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, @@ -41,38 +41,38 @@ time, mark, audio, video { font-size: 100%; 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 { 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 { 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 { border-collapse: collapse; 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 { text-align: left; font-weight: normal; 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 { 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 { content: ""; 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 { 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 { display: block; } @@ -943,9 +943,12 @@ mct-container { * this source code distribution or the Licensing information page available * 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 { 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; -webkit-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; } /* line 242, ../../../../general/res/sass/controls/_controls.scss */ .object-header > .type-icon { + color: #cccccc; font-size: 120%; float: left; margin-right: 5px; } - /* line 248, ../../../../general/res/sass/controls/_controls.scss */ + /* line 249, ../../../../general/res/sass/controls/_controls.scss */ .object-header .l-elem-wrapper { 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 { min-width: 0.7em; } - /* line 259, ../../../../general/res/sass/controls/_controls.scss */ + /* line 260, ../../../../general/res/sass/controls/_controls.scss */ .object-header .action { margin-right: 5px; } - /* line 263, ../../../../general/res/sass/controls/_controls.scss */ + /* line 264, ../../../../general/res/sass/controls/_controls.scss */ .object-header .title-label { overflow: hidden; text-overflow: ellipsis; @@ -1876,13 +1880,13 @@ label.checkbox.custom { flex: 0 1 auto; -webkit-flex: 0 1 auto; padding-right: 0.35em; } - /* line 272, ../../../../general/res/sass/controls/_controls.scss */ + /* line 273, ../../../../general/res/sass/controls/_controls.scss */ .object-header .context-available { font-size: 0.7em; 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) { - /* line 279, ../../../../general/res/sass/controls/_controls.scss */ + /* line 280, ../../../../general/res/sass/controls/_controls.scss */ .object-header .context-available { -moz-transition-property: opacity; -o-transition-property: opacity; @@ -1897,12 +1901,12 @@ label.checkbox.custom { -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; opacity: 0; } - /* line 284, ../../../../general/res/sass/controls/_controls.scss */ + /* line 285, ../../../../general/res/sass/controls/_controls.scss */ .object-header:hover .context-available { opacity: 1; } } /******************************************************** SLIDERS */ -/* line 297, ../../../../general/res/sass/controls/_controls.scss */ +/* line 298, ../../../../general/res/sass/controls/_controls.scss */ .slider .slot { -moz-border-radius: 2px; -webkit-border-radius: 2px; @@ -1921,7 +1925,7 @@ label.checkbox.custom { right: 0; bottom: auto; left: 0; } -/* line 308, ../../../../general/res/sass/controls/_controls.scss */ +/* line 309, ../../../../general/res/sass/controls/_controls.scss */ .slider .knob { background-color: #333; -moz-border-radius: 3px; @@ -2003,12 +2007,12 @@ label.checkbox.custom { -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; border-color: #0099cc; } - /* line 319, ../../../../general/res/sass/controls/_controls.scss */ + /* line 320, ../../../../general/res/sass/controls/_controls.scss */ .slider .knob:before { top: 1px; bottom: 3px; left: 5px; } -/* line 326, ../../../../general/res/sass/controls/_controls.scss */ +/* line 327, ../../../../general/res/sass/controls/_controls.scss */ .slider .range { background: rgba(0, 153, 204, 0.6); cursor: ew-resize; @@ -2019,13 +2023,13 @@ label.checkbox.custom { left: auto; height: auto; width: auto; } - /* line 336, ../../../../general/res/sass/controls/_controls.scss */ + /* line 337, ../../../../general/res/sass/controls/_controls.scss */ .slider .range:hover { background: rgba(0, 153, 204, 0.7); } /******************************************************** 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) { - /* line 345, ../../../../general/res/sass/controls/_controls.scss */ + /* line 346, ../../../../general/res/sass/controls/_controls.scss */ ::-webkit-scrollbar { -moz-border-radius: 2px; -webkit-border-radius: 2px; @@ -2040,7 +2044,7 @@ label.checkbox.custom { height: 10px; width: 10px; } - /* line 351, ../../../../general/res/sass/controls/_controls.scss */ + /* line 352, ../../../../general/res/sass/controls/_controls.scss */ ::-webkit-scrollbar-thumb { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; @@ -2054,7 +2058,7 @@ label.checkbox.custom { -moz-box-sizing: border-box; -webkit-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 { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUyNTI1MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; @@ -2063,7 +2067,7 @@ label.checkbox.custom { background-image: -webkit-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 { background: rgba(0, 0, 0, 0.4); } } /***************************************************************************** @@ -2591,9 +2595,9 @@ label.checkbox.custom { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; - -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; - -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; - 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 3px; + box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; background: rgba(255, 255, 255, 0.1); border: none; color: #cccccc; @@ -2650,9 +2654,9 @@ input[type="text"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; - -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; - -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; - 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 3px; + box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; background: rgba(255, 255, 255, 0.1); border: none; color: #cccccc; @@ -2675,9 +2679,9 @@ textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; - -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; - -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; - 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 3px; + box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; background: rgba(255, 255, 255, 0.1); border: none; color: #cccccc; @@ -2805,9 +2809,9 @@ textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; - -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; - -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; - 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 3px; + box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; background: #333; border: none; color: #999; @@ -2966,9 +2970,9 @@ span.req { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; - -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; - -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; - 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 3px; + box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; background: #333; border: none; color: #999; @@ -3761,7 +3765,7 @@ span.req { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; - color: #bfbfbf; + color: #595959; height: 17px; width: 17px; line-height: 17px; @@ -3784,13 +3788,12 @@ span.req { width: 100%; } /* line 99, ../../../../general/res/sass/search/_search.scss */ .search .search-bar .search-icon { - color: #bfbfbf; left: 3px; transition: visibility .15s, opacity .15s, color .2s; pointer-events: none; } /* line 119, ../../../../general/res/sass/search/_search.scss */ .search .search-bar .search-input:hover + div.search-icon { - color: #f2f2f2; } + color: #737373; } /* line 123, ../../../../general/res/sass/search/_search.scss */ .search .search-bar .clear-icon { right: 22px; @@ -3803,7 +3806,7 @@ span.req { opacity: 1; } /* line 137, ../../../../general/res/sass/search/_search.scss */ .search .search-bar .clear-icon:hover { - color: #f2f2f2; } + color: #737373; } /* line 142, ../../../../general/res/sass/search/_search.scss */ .search .search-bar .menu-icon { font-size: 0.8em; @@ -3812,7 +3815,7 @@ span.req { text-align: right; } /* line 148, ../../../../general/res/sass/search/_search.scss */ .search .search-bar .menu-icon:hover { - color: #f2f2f2; } + color: #737373; } /* line 153, ../../../../general/res/sass/search/_search.scss */ .search .search-bar .search-menu-holder { float: right; @@ -3844,12 +3847,13 @@ span.req { margin-top: 3px; } /* line 193, ../../../../general/res/sass/search/_search.scss */ .search .active-filter-display .clear-filters-icon { - opacity: 0.4; + color: #595959; + opacity: 1; font-size: 0.8em; position: absolute; left: 1px; cursor: pointer; } - /* line 204, ../../../../general/res/sass/search/_search.scss */ + /* line 205, ../../../../general/res/sass/search/_search.scss */ .search .active-filter-display.off { visibility: hidden; opacity: 0; @@ -3857,7 +3861,7 @@ span.req { margin: 0; padding: 0; border: 0; } - /* line 214, ../../../../general/res/sass/search/_search.scss */ + /* line 215, ../../../../general/res/sass/search/_search.scss */ .search .search-scroll { order: 3; margin-top: 4px; @@ -3866,27 +3870,27 @@ span.req { height: auto; max-height: 100%; position: relative; } - /* line 227, ../../../../general/res/sass/search/_search.scss */ + /* line 228, ../../../../general/res/sass/search/_search.scss */ .search .search-scroll .load-icon { position: relative; } - /* line 229, ../../../../general/res/sass/search/_search.scss */ + /* line 230, ../../../../general/res/sass/search/_search.scss */ .search .search-scroll .load-icon.loading { pointer-events: none; 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 { font-style: italic; font-size: .9em; opacity: 0.5; margin-left: 26px; 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 { 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) { cursor: pointer; } - /* line 253, ../../../../general/res/sass/search/_search.scss */ + /* line 254, ../../../../general/res/sass/search/_search.scss */ .search .search-scroll .load-more-button { margin-top: 5px 0; 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, .search-result-item .label .type-icon .icon.l-icon-link, .search-result-item .label .type-icon .icon.l-icon-alert { - text-shadow: black 0 1px 2px; position: absolute; z-index: 2; } /* line 90, ../../../../general/res/sass/tree/_tree.scss */ @@ -5025,13 +5028,13 @@ table { left: 60px; cursor: crosshair; 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 .l-plot-label { color: #cccccc; position: absolute; 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 .l-plot-label.gl-plot-x-label, .gl-plot .l-plot-label.l-plot-x-label { @@ -5040,7 +5043,7 @@ table { bottom: 0; left: 0; 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 .l-plot-label.gl-plot-y-label, .gl-plot .l-plot-label.l-plot-y-label { @@ -5057,7 +5060,7 @@ table { left: 0; top: 50%; 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 { position: absolute; top: 50%; @@ -5068,19 +5071,19 @@ table { height: auto; min-height: 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 { position: absolute; 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 { border-right-width: 1px; 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 { border-bottom-width: 1px; 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 { position: absolute; top: 0; @@ -5090,24 +5093,24 @@ table { height: 20px; overflow-x: hidden; 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-oob-data { position: absolute; left: 0; right: 0; 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 { height: auto; 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 { 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 { 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 { overflow: hidden; position: absolute; @@ -5120,7 +5123,7 @@ table { pointer-events: none; height: 10px; 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 { top: 0; 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: -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%); } - /* 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 { bottom: 0; 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: 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 .legend-item, .legend .plot-legend-item, @@ -5147,13 +5150,13 @@ table { display: inline-block; margin-right: 10px; 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 .legend-item span, .legend .plot-legend-item span, .legend .legend-item span { 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 .color-swatch, .gl-plot-legend .legend-item .plot-color-swatch, @@ -5168,31 +5171,36 @@ table { display: inline-block; height: 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 { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; - color: #fff; line-height: 1.5em; 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 { border: 1px solid #333; height: 9px; width: 9px; } -/* line 235, ../../../../general/res/sass/plots/_plots-main.scss */ +/* line 242, ../../../../general/res/sass/plots/_plots-main.scss */ .tick { position: absolute; 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 { border-right-width: 1px; height: 100%; } -/* line 244, ../../../../general/res/sass/plots/_plots-main.scss */ +/* line 251, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot-tick, .tick-label { font-size: 0.7rem; @@ -5200,7 +5208,7 @@ table { overflow: hidden; white-space: nowrap; 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, .tick-label.gl-plot-x-tick-label, .tick-label.tick-label-x { @@ -5211,7 +5219,7 @@ table { width: 20%; margin-left: -10%; 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, .tick-label.gl-plot-y-tick-label, .tick-label.tick-label-y { @@ -5221,18 +5229,18 @@ table { margin-bottom: -0.5em; 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 { 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 { right: 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 { 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 { right: 0; left: 0; } diff --git a/platform/commonUI/themes/espresso/res/sass/_constants.scss b/platform/commonUI/themes/espresso/res/sass/_constants.scss index e343952f19..601e0b3a28 100644 --- a/platform/commonUI/themes/espresso/res/sass/_constants.scss +++ b/platform/commonUI/themes/espresso/res/sass/_constants.scss @@ -1,7 +1,7 @@ /************************** COLORS AND SHADING */ $colorBodyBg: #333; -$colorGenBg: #222; $colorBodyFg: #999; +$colorGenBg: #222; $colorFooterBg: #000; $colorKey: #0099cc; $colorKeySelectedBg: #005177; @@ -13,6 +13,7 @@ $colorBtnFg: $colorBodyFg; $colorBtnMajorBg: $colorKey; $colorBtnMajorFg: $colorKeyFg; $colorBtnIcon: $colorKey; +$colorObjHdrIcon: pullForward($colorBodyFg, 20%); $colorInvokeMenu: #fff; $contrastInvokeMenuPercent: 20%; @@ -46,6 +47,7 @@ $colorFormInvalid: #ff3300; $colorInputBg: rgba(#fff, 0.1); $colorInputFg: pullForward($colorBodyFg, 20%); $colorFormText: rgba(#fff, 0.5); +$colorInputIcon: pushBack($colorBodyFg, 25%); // Limits and staleness colors $colorLimitYellow: #9d7500; $colorLimitRed: #aa0000; @@ -79,6 +81,9 @@ $tabularColorBodyFg: lighten($tabularColorBodyBg, 40%); $tabularColorHeaderBg: lighten($colorBodyBg, 10%); $tabularColorHeaderFg: lighten($tabularColorHeaderBg, 40%); $tabularColorHeaderBorder: $colorBodyBg; +// Plot +$colorPlotBg: none; +$colorPlotFg: $colorBodyFg; // Tree $colorItemTreeIcon: $colorKey; $colorItemTreeIconHover: lighten($colorItemTreeIcon, 20%); @@ -98,6 +103,8 @@ $scrollbarThumbColorHov: lighten($scrollbarThumbColor, 2%); $splitterShdw: rgba(black, 0.4) 0 0 3px; $colorSplitterInterior: $colorBodyBg; $colorSplitterHover: none; +$splitterW: 5px; +$splitterEndCr: 1px; $colorGrippyInteriorHover: $colorKey; /********************************* MOBILE */ diff --git a/platform/commonUI/themes/snow/res/css/theme-snow.css b/platform/commonUI/themes/snow/res/css/theme-snow.css index 9dc8936c9b..7cd4d06e41 100644 --- a/platform/commonUI/themes/snow/res/css/theme-snow.css +++ b/platform/commonUI/themes/snow/res/css/theme-snow.css @@ -20,7 +20,7 @@ * this source code distribution or the Licensing information page available * 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, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, @@ -41,38 +41,38 @@ time, mark, audio, video { font-size: 100%; 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 { 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 { 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 { border-collapse: collapse; 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 { text-align: left; font-weight: normal; 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 { 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 { content: ""; 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 { 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 { display: block; } @@ -354,7 +354,7 @@ a { body, html { -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: grayscale; - background-color: #efefef; + background-color: #fcfcfc; color: #666; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 100%; @@ -829,7 +829,7 @@ mct-container { height: 0; border-top: 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) { /* line 88, ../../../../general/res/sass/helpers/_bubbles.scss */ .l-infobubble-wrapper.arw-right { @@ -844,7 +844,7 @@ mct-container { height: 0; border-top: 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 */ .l-infobubble-wrapper.arw-top .l-infobubble::before { top: 20px; } @@ -861,7 +861,7 @@ mct-container { margin-left: -5px; border-left: 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 */ .l-infobubble-wrapper .arw { z-index: 2; } @@ -892,7 +892,7 @@ mct-container { -moz-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; - background: #ddd; + background: white; color: #666; font-size: 0.8rem; } /* line 157, ../../../../general/res/sass/helpers/_bubbles.scss */ @@ -902,7 +902,7 @@ mct-container { /* line 163, ../../../../general/res/sass/helpers/_bubbles.scss */ .s-infobubble table tr td { border: none; - border-top: 1px solid #c4c4c4 !important; + border-top: 1px solid #e6e6e6 !important; font-size: 0.9em; } /* line 169, ../../../../general/res/sass/helpers/_bubbles.scss */ .s-infobubble table tr:first-child td { @@ -943,9 +943,12 @@ mct-container { * this source code distribution or the Licensing information page available * 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 { - background-color: #a3a3a3; + background-color: #b0b0b0; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; overflow: hidden; position: absolute; z-index: 1; } @@ -992,7 +995,7 @@ mct-container { pointer-events: none; position: absolute; z-index: 2; - border-top: 1px dotted #c9c9c9; + border-top: 1px dotted #d6d6d6; top: 2px; left: 5px; right: 5px; } @@ -1010,7 +1013,7 @@ mct-container { -o-transition-timing-function: ease-in-out; -webkit-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 */ .split-layout.vertical .pane { top: 0; @@ -1046,7 +1049,7 @@ mct-container { pointer-events: none; position: absolute; z-index: 2; - border-left: 1px dotted #c9c9c9; + border-left: 1px dotted #d6d6d6; left: 2px; bottom: 5px; top: 5px; } @@ -1064,7 +1067,7 @@ mct-container { -o-transition-timing-function: ease-in-out; -webkit-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 */ .browse-area .splitter { @@ -1383,7 +1386,8 @@ mct-container { -moz-user-select: -moz-none; -ms-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 */ .s-btn.major .icon, .major.s-menu .icon, .major.select .icon { color: #fff; } @@ -1396,7 +1400,7 @@ mct-container { color: white; } } /* line 94, ../../../../general/res/sass/controls/_buttons.scss */ .s-btn:not(.major), .s-menu:not(.major), .select:not(.major) { - background-color: #a3a3a3; + background-color: #b0b0b0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; @@ -1408,10 +1412,11 @@ mct-container { -moz-user-select: -moz-none; -ms-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 */ .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) { /* 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 { @@ -1433,7 +1438,8 @@ mct-container { -moz-user-select: -moz-none; -ms-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 */ .s-btn.paused .icon, .paused.s-menu .icon, .paused.select .icon { color: #fff; } @@ -1822,20 +1828,21 @@ label.checkbox.custom { font-size: 1em; } /* line 242, ../../../../general/res/sass/controls/_controls.scss */ .object-header > .type-icon { + color: #666; font-size: 120%; float: left; margin-right: 5px; } - /* line 248, ../../../../general/res/sass/controls/_controls.scss */ + /* line 249, ../../../../general/res/sass/controls/_controls.scss */ .object-header .l-elem-wrapper { 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 { min-width: 0.7em; } - /* line 259, ../../../../general/res/sass/controls/_controls.scss */ + /* line 260, ../../../../general/res/sass/controls/_controls.scss */ .object-header .action { margin-right: 5px; } - /* line 263, ../../../../general/res/sass/controls/_controls.scss */ + /* line 264, ../../../../general/res/sass/controls/_controls.scss */ .object-header .title-label { overflow: hidden; text-overflow: ellipsis; @@ -1843,13 +1850,13 @@ label.checkbox.custom { flex: 0 1 auto; -webkit-flex: 0 1 auto; padding-right: 0.35em; } - /* line 272, ../../../../general/res/sass/controls/_controls.scss */ + /* line 273, ../../../../general/res/sass/controls/_controls.scss */ .object-header .context-available { font-size: 0.7em; 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) { - /* line 279, ../../../../general/res/sass/controls/_controls.scss */ + /* line 280, ../../../../general/res/sass/controls/_controls.scss */ .object-header .context-available { -moz-transition-property: opacity; -o-transition-property: opacity; @@ -1864,12 +1871,12 @@ label.checkbox.custom { -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; opacity: 0; } - /* line 284, ../../../../general/res/sass/controls/_controls.scss */ + /* line 285, ../../../../general/res/sass/controls/_controls.scss */ .object-header:hover .context-available { opacity: 1; } } /******************************************************** SLIDERS */ -/* line 297, ../../../../general/res/sass/controls/_controls.scss */ +/* line 298, ../../../../general/res/sass/controls/_controls.scss */ .slider .slot { -moz-border-radius: 2px; -webkit-border-radius: 2px; @@ -1888,9 +1895,9 @@ label.checkbox.custom { right: 0; bottom: auto; left: 0; } -/* line 308, ../../../../general/res/sass/controls/_controls.scss */ +/* line 309, ../../../../general/res/sass/controls/_controls.scss */ .slider .knob { - background-color: #a3a3a3; + background-color: #b0b0b0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; @@ -1903,6 +1910,7 @@ label.checkbox.custom { -ms-user-select: none; -webkit-user-select: none; user-select: none; + text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; cursor: ew-resize; position: absolute; height: 100%; @@ -1913,7 +1921,7 @@ label.checkbox.custom { left: auto; } /* line 271, ../../../../general/res/sass/_mixins.scss */ .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) { /* line 276, ../../../../general/res/sass/_mixins.scss */ .slider .knob:not(.disabled):hover { @@ -1959,13 +1967,13 @@ label.checkbox.custom { -o-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; - border-color: #efefef; } - /* line 319, ../../../../general/res/sass/controls/_controls.scss */ + border-color: #fcfcfc; } + /* line 320, ../../../../general/res/sass/controls/_controls.scss */ .slider .knob:before { top: 1px; bottom: 3px; left: 5px; } -/* line 326, ../../../../general/res/sass/controls/_controls.scss */ +/* line 327, ../../../../general/res/sass/controls/_controls.scss */ .slider .range { background: rgba(0, 153, 204, 0.6); cursor: ew-resize; @@ -1976,13 +1984,13 @@ label.checkbox.custom { left: auto; height: auto; width: auto; } - /* line 336, ../../../../general/res/sass/controls/_controls.scss */ + /* line 337, ../../../../general/res/sass/controls/_controls.scss */ .slider .range:hover { background: rgba(0, 153, 204, 0.7); } /******************************************************** 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) { - /* line 345, ../../../../general/res/sass/controls/_controls.scss */ + /* line 346, ../../../../general/res/sass/controls/_controls.scss */ ::-webkit-scrollbar { -moz-border-radius: 2px; -webkit-border-radius: 2px; @@ -1997,21 +2005,21 @@ label.checkbox.custom { height: 10px; width: 10px; } - /* line 351, ../../../../general/res/sass/controls/_controls.scss */ + /* line 352, ../../../../general/res/sass/controls/_controls.scss */ ::-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-image: -webkit-gradient(linear, 50% 0%, 50% 20, color-stop(0%, #bcbcbc), color-stop(100%, #afafaf)); - background-image: -moz-linear-gradient(#bcbcbc, #afafaf 20px); - background-image: -webkit-linear-gradient(#bcbcbc, #afafaf 20px); - background-image: linear-gradient(#bcbcbc, #afafaf 20px); + background-image: -webkit-gradient(linear, 50% 0%, 50% 20, color-stop(0%, #c9c9c9), color-stop(100%, #bcbcbc)); + background-image: -moz-linear-gradient(#c9c9c9, #bcbcbc 20px); + background-image: -webkit-linear-gradient(#c9c9c9, #bcbcbc 20px); + background-image: linear-gradient(#c9c9c9, #bcbcbc 20px); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-sizing: border-box; -webkit-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 { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWNlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTljYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; @@ -2020,7 +2028,7 @@ label.checkbox.custom { background-image: -webkit-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 { background: rgba(0, 0, 0, 0.5); } } /***************************************************************************** @@ -2541,9 +2549,9 @@ label.checkbox.custom { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; - -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; - -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; - 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 3px; + box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; background: #fff; border: none; color: #666; @@ -2600,9 +2608,9 @@ input[type="text"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; - -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; - -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; - 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 3px; + box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; background: #fff; border: none; color: #666; @@ -2625,9 +2633,9 @@ textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; - -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; - -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; - 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 3px; + box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; background: #fff; border: none; color: #666; @@ -2663,7 +2671,7 @@ textarea { *****************************************************************************/ /* line 22, ../../../../general/res/sass/forms/_selects.scss */ .select { - background-color: #a3a3a3; + background-color: #b0b0b0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; @@ -2676,12 +2684,13 @@ textarea { -ms-user-select: none; -webkit-user-select: none; user-select: none; + text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; margin: 0 0 2px 2px; overflow: hidden; position: relative; } /* line 271, ../../../../general/res/sass/_mixins.scss */ .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) { /* line 276, ../../../../general/res/sass/_mixins.scss */ .select:not(.disabled):hover { @@ -2745,15 +2754,15 @@ textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; - -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; - -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; - box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; - background: #efefef; + -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 3px; + box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; + background: #fcfcfc; border: none; color: #666; outline: none; padding: 0 3px; - background: #f7f7f7; + background: white; border-bottom: 1px solid white; min-height: 300px; max-height: 400px; @@ -2906,15 +2915,15 @@ span.req { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; - -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; - -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; - box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; - background: #efefef; + -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 3px; + box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; + background: #fcfcfc; border: none; color: #666; outline: none; padding: 0 3px; - background: #f7f7f7; + background: white; border-bottom: 1px solid white; } /* line 295, ../../../../general/res/sass/_mixins.scss */ .filter input.filter.error, @@ -3352,7 +3361,7 @@ span.req { /* line 31, ../../../../general/res/sass/mobile/_layout.scss */ .pane.left.treeview { - background-color: #eaeaea; } + background-color: #f7f7f7; } /* line 35, ../../../../general/res/sass/mobile/_layout.scss */ .pane.right-repr { @@ -3701,7 +3710,7 @@ span.req { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; - color: #fff; + color: #a6a6a6; height: 17px; width: 17px; line-height: 17px; @@ -3724,13 +3733,12 @@ span.req { width: 100%; } /* line 99, ../../../../general/res/sass/search/_search.scss */ .search .search-bar .search-icon { - color: #fff; left: 3px; transition: visibility .15s, opacity .15s, color .2s; pointer-events: none; } /* line 119, ../../../../general/res/sass/search/_search.scss */ .search .search-bar .search-input:hover + div.search-icon { - color: white; } + color: #8c8c8c; } /* line 123, ../../../../general/res/sass/search/_search.scss */ .search .search-bar .clear-icon { right: 22px; @@ -3743,7 +3751,7 @@ span.req { opacity: 1; } /* line 137, ../../../../general/res/sass/search/_search.scss */ .search .search-bar .clear-icon:hover { - color: white; } + color: #8c8c8c; } /* line 142, ../../../../general/res/sass/search/_search.scss */ .search .search-bar .menu-icon { font-size: 0.8em; @@ -3752,7 +3760,7 @@ span.req { text-align: right; } /* line 148, ../../../../general/res/sass/search/_search.scss */ .search .search-bar .menu-icon:hover { - color: white; } + color: #8c8c8c; } /* line 153, ../../../../general/res/sass/search/_search.scss */ .search .search-bar .search-menu-holder { float: right; @@ -3784,12 +3792,13 @@ span.req { margin-top: 3px; } /* line 193, ../../../../general/res/sass/search/_search.scss */ .search .active-filter-display .clear-filters-icon { - opacity: 0.4; + color: #a6a6a6; + opacity: 1; font-size: 0.8em; position: absolute; left: 1px; cursor: pointer; } - /* line 204, ../../../../general/res/sass/search/_search.scss */ + /* line 205, ../../../../general/res/sass/search/_search.scss */ .search .active-filter-display.off { visibility: hidden; opacity: 0; @@ -3797,7 +3806,7 @@ span.req { margin: 0; padding: 0; border: 0; } - /* line 214, ../../../../general/res/sass/search/_search.scss */ + /* line 215, ../../../../general/res/sass/search/_search.scss */ .search .search-scroll { order: 3; margin-top: 4px; @@ -3806,27 +3815,27 @@ span.req { height: auto; max-height: 100%; position: relative; } - /* line 227, ../../../../general/res/sass/search/_search.scss */ + /* line 228, ../../../../general/res/sass/search/_search.scss */ .search .search-scroll .load-icon { position: relative; } - /* line 229, ../../../../general/res/sass/search/_search.scss */ + /* line 230, ../../../../general/res/sass/search/_search.scss */ .search .search-scroll .load-icon.loading { pointer-events: none; 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 { font-style: italic; font-size: .9em; opacity: 0.5; margin-left: 26px; 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 { 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) { cursor: pointer; } - /* line 253, ../../../../general/res/sass/search/_search.scss */ + /* line 254, ../../../../general/res/sass/search/_search.scss */ .search .search-scroll .load-more-button { margin-top: 5px 0; font-size: 0.8em; @@ -3879,7 +3888,7 @@ span.req { z-index: 100; } /* line 32, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay > .holder { - background-color: #efefef; + background-color: #fcfcfc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; @@ -3937,7 +3946,7 @@ span.req { padding: 0 15px; } /* 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) { - background-color: #898989; + background-color: #969696; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; @@ -3949,7 +3958,8 @@ span.req { -moz-user-select: -moz-none; -ms-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 */ .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; } @@ -4111,7 +4121,6 @@ ul.tree { .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-alert { - text-shadow: black 0 1px 2px; position: absolute; z-index: 2; } /* line 90, ../../../../general/res/sass/tree/_tree.scss */ @@ -4170,15 +4179,15 @@ ul.tree { .tree-item.selected, .search-result-item.selected { background: #1ac6ff; - color: #efefef; } + color: #fcfcfc; } /* line 131, ../../../../general/res/sass/tree/_tree.scss */ .tree-item.selected .view-control, .search-result-item.selected .view-control { - color: #efefef; } + color: #fcfcfc; } /* line 134, ../../../../general/res/sass/tree/_tree.scss */ .tree-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) { /* line 142, ../../../../general/res/sass/tree/_tree.scss */ .tree-item:not(.selected):hover, @@ -4285,7 +4294,7 @@ ul.tree { *****************************************************************************/ /* line 25, ../../../../general/res/sass/user-environ/_frame.scss */ .frame.child-frame.panel { - background: #efefef; + background: #fcfcfc; border: 1px solid rgba(102, 102, 102, 0.2); } /* line 28, ../../../../general/res/sass/user-environ/_frame.scss */ .frame.child-frame.panel:hover { @@ -4682,7 +4691,7 @@ table { .tabular thead, .tabular .thead, table thead, table .thead { - border-bottom: 1px solid #efefef; } + border-bottom: 1px solid #fcfcfc; } /* line 47, ../../../../general/res/sass/lists/_tabular.scss */ .tabular tbody, .tabular .tbody, table tbody, @@ -4731,7 +4740,7 @@ table { table .tr th, table .tr .th { background-color: white; - border-left: 1px solid #efefef; + border-left: 1px solid #fcfcfc; color: white; padding: 5px 5px; white-space: nowrap; @@ -4938,6 +4947,7 @@ table { display: none; } /* line 76, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .gl-plot-display-area { + background-color: #eee; position: absolute; top: 25px; right: 0; @@ -4945,13 +4955,13 @@ table { left: 60px; cursor: crosshair; 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 .l-plot-label { color: #999999; position: absolute; 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 .l-plot-label.gl-plot-x-label, .gl-plot .l-plot-label.l-plot-x-label { @@ -4960,7 +4970,7 @@ table { bottom: 0; left: 0; 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 .l-plot-label.gl-plot-y-label, .gl-plot .l-plot-label.l-plot-y-label { @@ -4977,7 +4987,7 @@ table { left: 0; top: 50%; 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 { position: absolute; top: 50%; @@ -4988,19 +4998,19 @@ table { height: auto; min-height: 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 { position: absolute; 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 { border-right-width: 1px; 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 { border-bottom-width: 1px; 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 { position: absolute; top: 0; @@ -5010,24 +5020,24 @@ table { height: 20px; overflow-x: hidden; 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-oob-data { position: absolute; left: 0; right: 0; 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 { height: auto; 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 { 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 { 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 { overflow: hidden; position: absolute; @@ -5040,7 +5050,7 @@ table { pointer-events: none; height: 10px; 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 { top: 0; 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: -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%); } - /* 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 { bottom: 0; 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: 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 .legend-item, .legend .plot-legend-item, @@ -5067,13 +5077,13 @@ table { display: inline-block; margin-right: 10px; 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 .legend-item span, .legend .plot-legend-item span, .legend .legend-item span { 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 .color-swatch, .gl-plot-legend .legend-item .plot-color-swatch, @@ -5088,31 +5098,36 @@ table { display: inline-block; height: 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 { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; - color: #fff; line-height: 1.5em; 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 { - border: 1px solid #efefef; + border: 1px solid #fcfcfc; height: 9px; width: 9px; } -/* line 235, ../../../../general/res/sass/plots/_plots-main.scss */ +/* line 242, ../../../../general/res/sass/plots/_plots-main.scss */ .tick { position: absolute; 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 { border-right-width: 1px; height: 100%; } -/* line 244, ../../../../general/res/sass/plots/_plots-main.scss */ +/* line 251, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot-tick, .tick-label { font-size: 0.7rem; @@ -5120,7 +5135,7 @@ table { overflow: hidden; white-space: nowrap; 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, .tick-label.gl-plot-x-tick-label, .tick-label.tick-label-x { @@ -5131,7 +5146,7 @@ table { width: 20%; margin-left: -10%; 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, .tick-label.gl-plot-y-tick-label, .tick-label.tick-label-y { @@ -5141,18 +5156,18 @@ table { margin-bottom: -0.5em; 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 { 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 { right: 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 { 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 { right: 0; left: 0; } @@ -5273,19 +5288,20 @@ table { top: 0; } /* line 29, ../../../../general/res/sass/items/_item.scss */ .items-holder .item.grid-item { - background-color: #a3a3a3; + background-color: #b0b0b0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; - color: #fff; + color: #ddd; display: inline-block; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; + text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; box-sizing: border-box; cursor: pointer; float: left; @@ -5296,7 +5312,7 @@ table { position: relative; } /* line 271, ../../../../general/res/sass/_mixins.scss */ .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) { /* line 276, ../../../../general/res/sass/_mixins.scss */ .items-holder .item.grid-item:not(.disabled):hover { @@ -5354,7 +5370,7 @@ table { left: 40px; width: auto; height: auto; - color: #fff; + color: #ddd; text-align: center; font-size: 96.9px; line-height: 102px; @@ -5394,18 +5410,20 @@ table { text-align: right; } /* line 128, ../../../../general/res/sass/items/_item.scss */ .items-holder .item.grid-item .title { + text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; } /* line 133, ../../../../general/res/sass/items/_item.scss */ .items-holder .item.grid-item .details { + text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #d9d9d9; 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 { background-color: #0099cc; -moz-border-radius: 4px; @@ -5420,10 +5438,11 @@ table { -ms-user-select: none; -webkit-user-select: none; user-select: none; + text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; color: #80dfff; } /* line 271, ../../../../general/res/sass/_mixins.scss */ .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) { /* line 276, ../../../../general/res/sass/_mixins.scss */ .items-holder .item.grid-item.selected:not(.disabled):hover { @@ -5431,16 +5450,16 @@ table { /* line 278, ../../../../general/res/sass/_mixins.scss */ .items-holder .item.grid-item.selected:not(.disabled):hover > .icon { 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) { 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 { 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 { 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 { color: white !important; } diff --git a/platform/commonUI/themes/snow/res/sass/_constants.scss b/platform/commonUI/themes/snow/res/sass/_constants.scss index ec236bc289..f7d180cede 100644 --- a/platform/commonUI/themes/snow/res/sass/_constants.scss +++ b/platform/commonUI/themes/snow/res/sass/_constants.scss @@ -1,9 +1,9 @@ $basicCr: 4px; $controlCr: $basicCr; /************************** COLORS AND SHADING */ -$colorBodyBg: #efefef; -$colorGenBg: #fff; // NEW +$colorBodyBg: #fcfcfc; $colorBodyFg: #666; +$colorGenBg: #fff; $colorFooterBg: #000; $colorKey: #0099cc; $colorKeySelectedBg: $colorKey; @@ -16,7 +16,8 @@ $colorBtnBg: pullForward($colorBodyBg, $contrastRatioPercent); $colorBtnFg: #fff; $colorBtnMajorBg: $colorKey; $colorBtnMajorFg: $colorKeyFg; -$colorBtnIcon: $colorBtnFg; +$colorBtnIcon: #ddd; +$colorObjHdrIcon: $colorBodyFg; $colorInvokeMenu: #000; $contrastInvokeMenuPercent: 50%; @@ -50,7 +51,8 @@ $colorFormSectionHeader: rgba(#000, 0.1); $colorInputBg: $colorGenBg; $colorInputFg: $colorBodyFg; $colorFormText: pushBack($colorBodyFg, 10%); -// Limits and staleness colors +$colorInputIcon: pushBack($colorBodyFg, 25%); +// Limits and staleness colors// $colorLimitYellow: #9d7500; $colorLimitRed: #aa0000; $colorTelemFresh: #fff; @@ -58,7 +60,7 @@ $colorTelemStale: #888; $styleTelemStale: italic; // Bubble colors $colorInfoBubbleFg: #666; -$colorInfoBubbleBg: #ddd; +$colorInfoBubbleBg: $colorMenuBg; $colorThumbsBubbleFg: lighten($colorBodyFg, 10%); $colorThumbsBubbleBg: lighten($colorBodyBg, 10%); // Overlay @@ -71,10 +73,10 @@ $colorOvrBtnFg: #fff; $colorItemBg: $colorBtnBg; //pullForward($colorBodyBg, 15%); $colorItemFg: $colorBtnFg; //lighten($colorItemBg, 20%); $colorItemFgDetails: darken($colorItemFg, 15%); -$colorItemIcon: $colorItemFg; +$colorItemIcon: $colorBtnIcon; $colorItemSubIcons: $colorItemFgDetails; $colorItemOpenIcon: $colorItemFgDetails; -$shdwItemText: none; +$shdwItemText: rgba(black, 0.2) 0 1px 2px; $colorItemBgSelected: $colorKey; // Tabular $tabularColorBorder: rgba(white, 0.1); @@ -83,6 +85,9 @@ $tabularColorBodyFg: lighten($tabularColorBodyBg, 40%); $tabularColorHeaderBg: lighten($colorBodyBg, 10%); $tabularColorHeaderFg: lighten($tabularColorHeaderBg, 40%); $tabularColorHeaderBorder: $colorBodyBg; +// Plot +$colorPlotBg: #eee; // +$colorPlotFg: $colorBodyFg; // Tree $colorItemTreeIcon: $colorKey; $colorItemTreeIconHover: $colorItemTreeIcon; //pushBack($colorItemTreeIcon, 20%); @@ -102,6 +107,8 @@ $scrollbarThumbColorHov: $colorKey; $splitterShdw: none; $colorSplitterInterior: $colorBodyBg; $colorSplitterHover: $colorKey; +$splitterW: 5px; +$splitterEndCr: $splitterW; $colorGrippyInteriorHover: $colorBodyBg; /********************************* MOBILE */ diff --git a/platform/commonUI/themes/snow/res/sass/_mixins.scss b/platform/commonUI/themes/snow/res/sass/_mixins.scss index ddf80cb80c..267aa62d26 100644 --- a/platform/commonUI/themes/snow/res/sass/_mixins.scss +++ b/platform/commonUI/themes/snow/res/sass/_mixins.scss @@ -5,6 +5,7 @@ @mixin btnSubtle($bg: $colorBtnBg, $bgHov: none, $fg: $colorBtnFg, $ic: $colorBtnIcon) { @include containerSubtle($bg, $fg); @include btnBase($bg, $colorKey, $fg, $ic); + @include text-shadow($shdwItemText); } @function pullForward($c: $colorBodyBg, $p: 20%) {