From 39c8f0ab00d13a81e0b8515323a43f53b1ee0e18 Mon Sep 17 00:00:00 2001 From: Charles Hacskaylo Date: Wed, 6 May 2015 10:21:29 -0700 Subject: [PATCH] [Frontend] Plot limits and out-of-bounds indicators WTD-1172 Markup and CSS for plots; Example ng-class added to plot.html for legend items; Markup added to plot.html for OOB indicators; --- platform/commonUI/general/res/css/forms.css | 82 +- platform/commonUI/general/res/css/items.css | 45 +- platform/commonUI/general/res/css/plots.css | 162 ++-- .../general/res/css/theme-espresso.css | 807 +++++++++--------- platform/commonUI/general/res/css/tree.css | 12 +- .../commonUI/general/res/sass/_constants.scss | 3 +- .../commonUI/general/res/sass/_icons.scss | 2 +- .../commonUI/general/res/sass/_limits.scss | 43 + platform/commonUI/general/res/sass/_main.scss | 2 + .../commonUI/general/res/sass/_mixins.scss | 6 +- .../general/res/sass/plots/_plots-main.scss | 133 +-- .../features/plot/res/templates/plot.html | 310 +++---- 12 files changed, 869 insertions(+), 738 deletions(-) create mode 100644 platform/commonUI/general/res/sass/_limits.scss diff --git a/platform/commonUI/general/res/css/forms.css b/platform/commonUI/general/res/css/forms.css index f3ab0c7cf3..49356da659 100644 --- a/platform/commonUI/general/res/css/forms.css +++ b/platform/commonUI/general/res/css/forms.css @@ -1,9 +1,7 @@ /* line 3, ../sass/forms/_elems.scss */ .form .section-header { - -webkit-border-radius: 3px; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; background: rgba(255, 255, 255, 0.1); font-size: 0.8em; @@ -17,8 +15,8 @@ position: relative; } /* line 17, ../sass/forms/_elems.scss */ .form .form-row { - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; *zoom: 1; @@ -29,11 +27,11 @@ /* line 24, ../sass/forms/_elems.scss */ .form .form-row.first { border-top: none; } - /* line 29, ../sass/forms/_elems.scss */ + /* line 28, ../sass/forms/_elems.scss */ .form .form-row .label, .form .form-row .controls { - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; *zoom: 1; @@ -83,13 +81,11 @@ color: #666666; } /* line 95, ../sass/forms/_elems.scss */ .form .form-row .selector-list { - -webkit-border-radius: 3px; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; background: rgba(0, 0, 0, 0.2); padding: 5px; @@ -110,7 +106,7 @@ label.form-control.checkbox input { margin-right: 5px; vertical-align: top; } -/* line 127, ../sass/forms/_elems.scss */ +/* line 126, ../sass/forms/_elems.scss */ .hint, .s-hint { font-size: 0.9em; } @@ -124,10 +120,8 @@ label.form-control.checkbox input { vertical-align: top; } /* line 138, ../sass/forms/_elems.scss */ .l-result div.s-hint { - -webkit-border-radius: 3px; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; background: rgba(255, 153, 0, 0.8); display: block; @@ -136,19 +130,16 @@ label.form-control.checkbox input { /* line 1, ../sass/forms/_textarea.scss */ .edit-main textarea { - -webkit-appearance: none; -moz-appearance: none; - appearance: none; - -webkit-border-radius: 3px; + -webkit-appearance: none; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; - -webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px; -moz-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px; + -webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px; box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px; background: rgba(255, 255, 255, 0.1); border: none; @@ -165,19 +156,16 @@ label.form-control.checkbox input { /* line 1, ../sass/forms/_text-input.scss */ input[type="text"] { - -webkit-appearance: none; -moz-appearance: none; - appearance: none; - -webkit-border-radius: 3px; + -webkit-appearance: none; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; - -webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px; -moz-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px; + -webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px; box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px; background: rgba(255, 255, 255, 0.1); border: none; @@ -194,25 +182,24 @@ input[type="text"] { /* line 1, ../sass/forms/_selects.scss */ .form-control.select { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQwNDA0MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #404040)); - background-image: -webkit-linear-gradient(#4d4d4d, #404040); background-image: -moz-linear-gradient(#4d4d4d, #404040); - background-image: -o-linear-gradient(#4d4d4d, #404040); + background-image: -webkit-linear-gradient(#4d4d4d, #404040); background-image: linear-gradient(#4d4d4d, #404040); - -webkit-border-radius: 3px; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; - -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; + -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; border: none; border-top: 1px solid #666666; - color: #999999; + color: #999; display: inline-block; cursor: pointer; display: inline-block; @@ -221,21 +208,21 @@ input[type="text"] { position: relative; } /* line 127, ../sass/_mixins.scss */ .form-control.select:not(.disabled):hover { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #4d4d4d)); - background-image: -webkit-linear-gradient(#666666, #4d4d4d); background-image: -moz-linear-gradient(#666666, #4d4d4d); - background-image: -o-linear-gradient(#666666, #4d4d4d); + background-image: -webkit-linear-gradient(#666666, #4d4d4d); background-image: linear-gradient(#666666, #4d4d4d); } /* line 8, ../sass/forms/_selects.scss */ .form-control.select select { - -webkit-appearance: none; -moz-appearance: none; - appearance: none; - -webkit-box-sizing: border-box; + -webkit-appearance: none; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; background: none; - color: #999999; + color: #999; border: none !important; cursor: pointer; padding: 4px 25px 2px 5px; @@ -260,19 +247,16 @@ input[type="text"] { min-height: 22px; } /* line 6, ../sass/forms/_channel-selector.scss */ .channel-selector .treeview { - -webkit-appearance: none; -moz-appearance: none; - appearance: none; - -webkit-border-radius: 3px; + -webkit-appearance: none; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; - -webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px; -moz-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px; + -webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px; box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px; background: rgba(255, 255, 255, 0.1); border: none; diff --git a/platform/commonUI/general/res/css/items.css b/platform/commonUI/general/res/css/items.css index 2cc3c4c3ff..12041e2df4 100644 --- a/platform/commonUI/general/res/css/items.css +++ b/platform/commonUI/general/res/css/items.css @@ -8,25 +8,24 @@ top: 0; } /* line 6, ../sass/items/_item.scss */ .items-holder .item.grid-item { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #595959), color-stop(100%, #4d4d4d)); - background-image: -webkit-linear-gradient(#595959, #4d4d4d); background-image: -moz-linear-gradient(#595959, #4d4d4d); - background-image: -o-linear-gradient(#595959, #4d4d4d); + background-image: -webkit-linear-gradient(#595959, #4d4d4d); background-image: linear-gradient(#595959, #4d4d4d); - -webkit-border-radius: 3px; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; - -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; + -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; border: none; border-top: 1px solid #737373; - color: #999999; + color: #999; display: inline-block; box-sizing: border-box; cursor: pointer; @@ -38,10 +37,11 @@ position: relative; } /* line 127, ../sass/_mixins.scss */ .items-holder .item.grid-item:not(.disabled):hover { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzczNzM3MyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #737373), color-stop(100%, #595959)); - background-image: -webkit-linear-gradient(#737373, #595959); background-image: -moz-linear-gradient(#737373, #595959); - background-image: -o-linear-gradient(#737373, #595959); + background-image: -webkit-linear-gradient(#737373, #595959); background-image: linear-gradient(#737373, #595959); } /* line 19, ../sass/items/_item.scss */ .items-holder .item.grid-item:hover .item-main .item-type { @@ -94,38 +94,39 @@ font-size: 0.8em; } /* line 78, ../sass/items/_item.scss */ .items-holder .item.grid-item.selected { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYWNlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00bfff), color-stop(100%, #00ace6)); - background-image: -webkit-linear-gradient(#00bfff, #00ace6); background-image: -moz-linear-gradient(#00bfff, #00ace6); - background-image: -o-linear-gradient(#00bfff, #00ace6); + background-image: -webkit-linear-gradient(#00bfff, #00ace6); background-image: linear-gradient(#00bfff, #00ace6); - -webkit-border-radius: 3px; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; - -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; + -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; border: none; border-top: 1px solid #33ccff; - color: #999999; + color: #999; display: inline-block; + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzY2NmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTljYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #33ccff), color-stop(100%, #0099cc)); - background-image: -webkit-linear-gradient(#33ccff, #0099cc); background-image: -moz-linear-gradient(#33ccff, #0099cc); - background-image: -o-linear-gradient(#33ccff, #0099cc); + background-image: -webkit-linear-gradient(#33ccff, #0099cc); background-image: linear-gradient(#33ccff, #0099cc); color: #80dfff; } /* line 135, ../sass/_mixins.scss */ .items-holder .item.grid-item.selected:not(.disabled):hover { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2ZDlmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #66d9ff), color-stop(100%, #00bfff)); - background-image: -webkit-linear-gradient(#66d9ff, #00bfff); background-image: -moz-linear-gradient(#66d9ff, #00bfff); - background-image: -o-linear-gradient(#66d9ff, #00bfff); + background-image: -webkit-linear-gradient(#66d9ff, #00bfff); background-image: linear-gradient(#66d9ff, #00bfff); } /* line 83, ../sass/items/_item.scss */ .items-holder .item.grid-item.selected .item-type, .items-holder .item.grid-item.selected .top-bar .icon:not(.alert) { diff --git a/platform/commonUI/general/res/css/plots.css b/platform/commonUI/general/res/css/plots.css index 0e8c453481..4cf7eea8b0 100644 --- a/platform/commonUI/general/res/css/plots.css +++ b/platform/commonUI/general/res/css/plots.css @@ -1,10 +1,39 @@ /* line 10, ../sass/plots/_plots-main.scss */ .gl-plot { - color: #999999; + color: #999; font-size: 0.7rem; position: relative; width: 100%; - height: 100%; } + height: 100%; + /****************************** Limits */ + /*.l-limit { + // Limits in plot display area + + $h: 10px; + $a0: 0.1; + $a1: 0.2; + //top: auto; + height: auto; + z-index: 0; + &.s-limit-upr { + //$dir: 0deg; + &.s-limit-yellow { + @include limitBg($colorLimitYellow); + } + &.s-limit-red { + @include limitBg($colorLimitRed); + } + } + &.s-limit-lwr { + //$dir: 180deg; + &.s-limit-yellow { + @include limitBg($colorLimitYellow); + } + &.s-limit-red { + @include limitBg($colorLimitRed); + } + } + }*/ } /* line 17, ../sass/plots/_plots-main.scss */ .gl-plot .gl-plot-axis-area { position: absolute; } @@ -26,15 +55,13 @@ width: 60px; } /* line 38, ../sass/plots/_plots-main.scss */ .gl-plot .gl-plot-coords { - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; - -webkit-border-radius: 3px; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; - background: rgba(255, 199, 0, 0.5); + background: black; color: #e6e6e6; padding: 2px 5px; position: absolute; @@ -55,13 +82,13 @@ left: 60px; cursor: crosshair; border: 1px solid #4d4d4d; } - /* line 66, ../sass/plots/_plots-main.scss */ + /* line 65, ../sass/plots/_plots-main.scss */ .gl-plot .gl-plot-label, .gl-plot .l-plot-label { color: #cccccc; position: absolute; text-align: center; } - /* line 74, ../sass/plots/_plots-main.scss */ + /* line 73, ../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 { @@ -70,19 +97,17 @@ bottom: 0; left: 0; height: auto; } - /* line 83, ../sass/plots/_plots-main.scss */ + /* line 82, ../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 { - -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; - -o-transform-origin: 50% 0; + -webkit-transform-origin: 50% 0; transform-origin: 50% 0; - -webkit-transform: translateX(-50%) rotate(-90deg); -moz-transform: translateX(-50%) rotate(-90deg); -ms-transform: translateX(-50%) rotate(-90deg); - -o-transform: translateX(-50%) rotate(-90deg); + -webkit-transform: translateX(-50%) rotate(-90deg); transform: translateX(-50%) rotate(-90deg); display: inline-block; margin-left: 5px; @@ -122,53 +147,61 @@ height: 24px; overflow-x: hidden; overflow-y: auto; } - /* line 148, ../sass/plots/_plots-main.scss */ - .gl-plot .l-limit { + /* line 137, ../sass/plots/_plots-main.scss */ + .gl-plot .l-oob-data { position: absolute; - top: auto; left: 0; right: 0; - height: 30px; width: auto; } - /* line 159, ../sass/plots/_plots-main.scss */ - .gl-plot .l-limit.s-limit-upr.s-limit-0 { - background-image: -webkit-linear-gradient(0deg, rgba(204, 153, 0, 0), rgba(204, 153, 0, 0.4) 100%); - background-image: -moz-linear-gradient(0deg, rgba(204, 153, 0, 0), rgba(204, 153, 0, 0.4) 100%); - background-image: -o-linear-gradient(0deg, rgba(204, 153, 0, 0), rgba(204, 153, 0, 0.4) 100%); - background-image: linear-gradient(0deg, rgba(204, 153, 0, 0), rgba(204, 153, 0, 0.4) 100%); } - /* line 163, ../sass/plots/_plots-main.scss */ - .gl-plot .l-limit.s-limit-upr.s-limit-1 { - background-image: -webkit-linear-gradient(0deg, rgba(204, 0, 0, 0), rgba(204, 0, 0, 0.4) 100%); - background-image: -moz-linear-gradient(0deg, rgba(204, 0, 0, 0), rgba(204, 0, 0, 0.4) 100%); - background-image: -o-linear-gradient(0deg, rgba(204, 0, 0, 0), rgba(204, 0, 0, 0.4) 100%); - background-image: linear-gradient(0deg, rgba(204, 0, 0, 0), rgba(204, 0, 0, 0.4) 100%); } - /* line 170, ../sass/plots/_plots-main.scss */ - .gl-plot .l-limit.s-limit-lwr.s-limit-0 { - background-image: -webkit-linear-gradient(180deg, rgba(204, 153, 0, 0), rgba(204, 153, 0, 0.4) 100%); - background-image: -moz-linear-gradient(180deg, rgba(204, 153, 0, 0), rgba(204, 153, 0, 0.4) 100%); - background-image: -o-linear-gradient(180deg, rgba(204, 153, 0, 0), rgba(204, 153, 0, 0.4) 100%); - background-image: linear-gradient(180deg, rgba(204, 153, 0, 0), rgba(204, 153, 0, 0.4) 100%); } - /* line 174, ../sass/plots/_plots-main.scss */ - .gl-plot .l-limit.s-limit-lwr.s-limit-1 { - background-image: -webkit-linear-gradient(180deg, rgba(204, 0, 0, 0), rgba(204, 0, 0, 0.4) 100%); - background-image: -moz-linear-gradient(180deg, rgba(204, 0, 0, 0), rgba(204, 0, 0, 0.4) 100%); - background-image: -o-linear-gradient(180deg, rgba(204, 0, 0, 0), rgba(204, 0, 0, 0.4) 100%); - background-image: linear-gradient(180deg, rgba(204, 0, 0, 0), rgba(204, 0, 0, 0.4) 100%); } + /* line 173, ../sass/plots/_plots-main.scss */ + .gl-plot .l-oob-data { + -moz-animation: pulse 2s infinite; + -webkit-animation: pulse 2s infinite; + animation: pulse 2s infinite; + overflow: hidden; + position: absolute; + top: 0px; + right: 0px; + bottom: 0px; + left: 0px; + width: auto; + height: auto; + pointer-events: none; + height: 10px; + z-index: 1; } + /* line 182, ../sass/plots/_plots-main.scss */ + .gl-plot .l-oob-data.l-oob-data-up { + top: 0; + bottom: auto; + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc3NDhkNiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NzQ4ZDYiIHN0b3Atb3BhY2l0eT0iMC41Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); + background-size: 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: linear-gradient(0deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); } + /* line 187, ../sass/plots/_plots-main.scss */ + .gl-plot .l-oob-data.l-oob-data-dwn { + bottom: 0; + top: auto; + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc3NDhkNiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NzQ4ZDYiIHN0b3Atb3BhY2l0eT0iMC41Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); + background-size: 100%; + background-image: -moz-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%); } -/* line 184, ../sass/plots/_plots-main.scss */ +/* line 197, ../sass/plots/_plots-main.scss */ .gl-plot-legend .plot-legend-item, .gl-plot-legend .legend-item, .legend .plot-legend-item, .legend .legend-item { display: inline-block; margin-right: 10px; } - /* line 187, ../sass/plots/_plots-main.scss */ + /* line 201, ../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 191, ../sass/plots/_plots-main.scss */ + /* line 204, ../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, @@ -177,26 +210,37 @@ .legend .plot-legend-item .color-swatch, .legend .legend-item .plot-color-swatch, .legend .legend-item .color-swatch { - -webkit-border-radius: 2px; -moz-border-radius: 2px; - -ms-border-radius: 2px; - -o-border-radius: 2px; + -webkit-border-radius: 2px; border-radius: 2px; display: inline-block; height: 8px; - width: 8px; - margin-right: 3px; } + width: 8px; } -/* line 205, ../sass/plots/_plots-main.scss */ +/* line 219, ../sass/plots/_plots-main.scss */ +.gl-plot-legend .plot-legend-item { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + color: #fff; + line-height: 1.5em; + padding: 0px 5px; } + /* line 225, ../sass/plots/_plots-main.scss */ + .gl-plot-legend .plot-legend-item .plot-color-swatch { + border: 1px solid #333; + height: 9px; + width: 9px; } + +/* line 233, ../sass/plots/_plots-main.scss */ .tick { position: absolute; border: 0 rgba(255, 255, 255, 0.3) solid; } - /* line 208, ../sass/plots/_plots-main.scss */ + /* line 236, ../sass/plots/_plots-main.scss */ .tick.tick-x { border-right-width: 1px; height: 100%; } -/* line 216, ../sass/plots/_plots-main.scss */ +/* line 242, ../sass/plots/_plots-main.scss */ .gl-plot-tick, .tick-label { font-size: 0.7rem; @@ -204,7 +248,7 @@ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } - /* line 224, ../sass/plots/_plots-main.scss */ + /* line 250, ../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 { @@ -215,7 +259,7 @@ width: 20%; margin-left: -10%; text-align: center; } - /* line 234, ../sass/plots/_plots-main.scss */ + /* line 260, ../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 { @@ -225,18 +269,18 @@ margin-bottom: -0.5em; text-align: right; } -/* line 245, ../sass/plots/_plots-main.scss */ +/* line 272, ../sass/plots/_plots-main.scss */ .gl-plot-tick.gl-plot-x-tick-label { top: 5px; } -/* line 248, ../sass/plots/_plots-main.scss */ +/* line 275, ../sass/plots/_plots-main.scss */ .gl-plot-tick.gl-plot-y-tick-label { right: 5px; left: 5px; } -/* line 255, ../sass/plots/_plots-main.scss */ +/* line 282, ../sass/plots/_plots-main.scss */ .tick-label.tick-label-x { top: 0; } -/* line 258, ../sass/plots/_plots-main.scss */ +/* line 285, ../sass/plots/_plots-main.scss */ .tick-label.tick-label-y { right: 0; left: 0; } diff --git a/platform/commonUI/general/res/css/theme-espresso.css b/platform/commonUI/general/res/css/theme-espresso.css index 0da6913607..95cc481648 100644 --- a/platform/commonUI/general/res/css/theme-espresso.css +++ b/platform/commonUI/general/res/css/theme-espresso.css @@ -1,5 +1,5 @@ /* CONSTANTS */ -/* line 17, ../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/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, @@ -20,42 +20,42 @@ time, mark, audio, video { font-size: 100%; vertical-align: baseline; } -/* line 22, ../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/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-0.12.2/frameworks/compass/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-0.12.2/frameworks/compass/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-0.12.2/frameworks/compass/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-0.12.2/frameworks/compass/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-0.12.2/frameworks/compass/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-0.12.2/frameworks/compass/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-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ -article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { +/* 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; } -/* line 2, ../sass/_effects.scss */ +/* line 1, ../sass/_effects.scss */ .disabled, a.disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); @@ -65,8 +65,8 @@ a.disabled { /* line 8, ../sass/_effects.scss */ .incised { - -webkit-box-shadow: inset rgba(0, 0, 0, 0.8) 0 1px 5px; -moz-box-shadow: inset rgba(0, 0, 0, 0.8) 0 1px 5px; + -webkit-box-shadow: inset rgba(0, 0, 0, 0.8) 0 1px 5px; box-shadow: inset rgba(0, 0, 0, 0.8) 0 1px 5px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } @@ -76,10 +76,11 @@ a.disabled { /* line 17, ../sass/_effects.scss */ .test-stripes { - background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 0, 0.1) 50%, rgba(255, 255, 0, 0.1) 75%, transparent 75%, transparent 0%); - background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 0, 0.1) 50%, rgba(255, 255, 0, 0.1) 75%, transparent 75%, transparent 0%); - background-image: -o-linear-gradient(-45deg, rgba(255, 255, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 0, 0.1) 50%, rgba(255, 255, 0, 0.1) 75%, transparent 75%, transparent 0%); - background-image: linear-gradient(-45deg, rgba(255, 255, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 0, 0.1) 50%, rgba(255, 255, 0, 0.1) 75%, transparent 75%, transparent 0%); + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjEuMCIgeDI9IjAuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNmZmZmMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiNmZmZmMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; + background-image: -moz-linear-gradient(135deg, rgba(255, 255, 0, 0.1) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 0, 0.1) 50%, rgba(255, 255, 0, 0.1) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%); + background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 0, 0.1) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 0, 0.1) 50%, rgba(255, 255, 0, 0.1) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%); + background-image: linear-gradient(-45deg, rgba(255, 255, 0, 0.1) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 0, 0.1) 50%, rgba(255, 255, 0, 0.1) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%); background-repeat: repeat; background-size: 40px 40px; } @@ -98,8 +99,8 @@ a { /* line 10, ../sass/_global.scss */ body, html { - background-color: #333333; - color: #999999; + background-color: #333; + color: #999; font-family: Helvetica, Arial, sans-serif; font-size: 100%; height: 100%; @@ -176,11 +177,11 @@ span { /* line 90, ../sass/_global.scss */ .ds { - -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 4px 10px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.7) 0 4px 10px 2px; + -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 4px 10px 2px; box-shadow: rgba(0, 0, 0, 0.7) 0 4px 10px 2px; } -/* line 95, ../sass/_global.scss */ +/* line 94, ../sass/_global.scss */ .hide, .hidden { display: none !important; } @@ -198,23 +199,20 @@ span { src: url("../fonts/symbols/wtdsymbols.eot?#iefix") format("embedded-opentype"), url("../fonts/symbols/wtdsymbols.woff") format("woff"), url("../fonts/symbols/wtdsymbols.ttf") format("truetype"), url("../fonts/symbols/wtdsymbols.svg#armataregular") format("svg"); font-weight: normal; font-style: normal; } - /* line 15, ../sass/_fonts.scss */ .ui-symbol { font-family: 'symbolsfont'; } -/* line 13, ../sass/user-environ/_layout.scss */ +/* line 11, ../sass/user-environ/_layout.scss */ .browse-area, .edit-area, .editor { - -webkit-border-radius: 4.5px; -moz-border-radius: 4.5px; - -ms-border-radius: 4.5px; - -o-border-radius: 4.5px; + -webkit-border-radius: 4.5px; border-radius: 4.5px; position: absolute; } -/* line 24, ../sass/user-environ/_layout.scss */ +/* line 22, ../sass/user-environ/_layout.scss */ .user-environ .browse-area, .user-environ .edit-area, .user-environ .editor { @@ -266,13 +264,13 @@ span { .bar.abs, .btn-menu span.bar.l-click-area { text-wrap: none; white-space: nowrap; } - /* line 84, ../sass/user-environ/_layout.scss */ + /* line 83, ../sass/user-environ/_layout.scss */ .bar.abs.left, .btn-menu span.bar.left.l-click-area, .bar.abs .left, .btn-menu span.bar.l-click-area .left { width: 45%; right: auto; } - /* line 89, ../sass/user-environ/_layout.scss */ + /* line 88, ../sass/user-environ/_layout.scss */ .bar.abs.right, .btn-menu span.bar.right.l-click-area, .bar.abs .right, .btn-menu span.bar.l-click-area .right { @@ -292,8 +290,8 @@ span { *zoom: 1; } /* line 106, ../sass/user-environ/_layout.scss */ .cols .col { - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; *zoom: 1; @@ -414,20 +412,20 @@ span { border: 1px solid transparent; } /* line 25, ../sass/_fixed-position.scss */ .t-fixed-position .l-fixed-position-item.s-selected { - -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px; -moz-box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px; + -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px; box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px; border-color: #0099cc; cursor: move; } /* line 30, ../sass/_fixed-position.scss */ .t-fixed-position .l-fixed-position-item.s-not-selected { opacity: 0.8; } - /* line 36, ../sass/_fixed-position.scss */ + /* line 34, ../sass/_fixed-position.scss */ .t-fixed-position .l-fixed-position-item .l-fixed-position-box, .t-fixed-position .l-fixed-position-item .l-fixed-position-image, .t-fixed-position .l-fixed-position-item .l-fixed-position-text { - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; width: 100%; } @@ -454,8 +452,8 @@ span { left: 3px; width: auto; height: auto; - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; } /* line 64, ../sass/_fixed-position.scss */ @@ -480,17 +478,19 @@ span { /* line 98, ../sass/_fixed-position.scss */ .edit-mode .t-fixed-position.l-fixed-position .l-grid-holder .l-grid.l-grid-x { - background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px, transparent 100%); - background-image: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px, transparent 100%); - background-image: -o-linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px, transparent 100%); - background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px, transparent 100%); + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIxcHgiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPjxzdG9wIG9mZnNldD0iMXB4IiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); + background-size: 100%; + background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0.05) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%); + background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0.05) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%); + background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%); background-repeat: repeat-x; } /* line 102, ../sass/_fixed-position.scss */ .edit-mode .t-fixed-position.l-fixed-position .l-grid-holder .l-grid.l-grid-y { - background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px, transparent 100%); - background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px, transparent 100%); - background-image: -o-linear-gradient(0deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px, transparent 100%); - background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px, transparent 100%); + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIxcHgiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPjxzdG9wIG9mZnNldD0iMXB4IiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); + background-size: 100%; + background-image: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%); + background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%); + background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.05) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%); background-repeat: repeat-y; } /* line 110, ../sass/_fixed-position.scss */ .edit-mode .t-fixed-position .l-fixed-position-item:not(.s-selected):hover { @@ -594,21 +594,20 @@ span { /* line 1, ../sass/_badges.scss */ .badge { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZDIzMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmYzcwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffd233), color-stop(100%, #ffc700)); - background-image: -webkit-linear-gradient(#ffd233, #ffc700); background-image: -moz-linear-gradient(#ffd233, #ffc700); - background-image: -o-linear-gradient(#ffd233, #ffc700); + background-image: -webkit-linear-gradient(#ffd233, #ffc700); background-image: linear-gradient(#ffd233, #ffc700); - color: #333333; + color: #333; display: inline-block; text-align: center; } /* line 8, ../sass/_badges.scss */ .top-bar .badge { - -webkit-border-radius: 4.5px; -moz-border-radius: 4.5px; - -ms-border-radius: 4.5px; - -o-border-radius: 4.5px; + -webkit-border-radius: 4.5px; border-radius: 4.5px; font-size: 1.4em; height: 35px; @@ -619,18 +618,17 @@ span { /* line 33, ../sass/_badges.scss */ .super-menu .badge { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTljYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00bfff), color-stop(100%, #0099cc)); - background-image: -webkit-linear-gradient(#00bfff, #0099cc); background-image: -moz-linear-gradient(#00bfff, #0099cc); - background-image: -o-linear-gradient(#00bfff, #0099cc); + background-image: -webkit-linear-gradient(#00bfff, #0099cc); background-image: linear-gradient(#00bfff, #0099cc); - -webkit-border-radius: 3px; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; - -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; + -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; padding: 2px 7px; } @@ -673,11 +671,11 @@ span { display: inline-block; font-size: 1rem; vertical-align: middle; } - /* line 175, ../sass/_mixins.scss */ + /* line 179, ../sass/_mixins.scss */ .invoke-menu:hover { color: #33ccff; } -/* line 45, ../sass/_icons.scss */ +/* line 44, ../sass/_icons.scss */ .btn-menu .invoke-menu, .icon.major .invoke-menu { margin-left: 5px; } @@ -685,16 +683,16 @@ span { /* line 49, ../sass/_icons.scss */ .icon-buttons-main .invoke-menu { color: #666666; } - /* line 175, ../sass/_mixins.scss */ + /* line 179, ../sass/_mixins.scss */ .icon-buttons-main .invoke-menu:hover { color: #999999; } /* line 57, ../sass/_icons.scss */ .object-header .type-icon { - color: #ffc700; + color: #0099cc; margin-right: 5px; } -/* line 65, ../sass/_icons.scss */ +/* line 62, ../sass/_icons.scss */ .menu .type-icon, .tree-item .type-icon, .icon-btn .menu.dropdown .icon, @@ -703,6 +701,42 @@ span { line-height: 1.695rem; position: absolute; } +/* line 4, ../sass/_limits.scss */ +.s-limit:before { + display: inline-block; + font-family: symbolsfont; + line-height: 1.1em; + margin-right: 3px; + vertical-align: bottom; } +/* line 12, ../sass/_limits.scss */ +.s-limit.s-limit-upr.s-limit-yellow { + background: rgba(204, 153, 0, 0.7); } + /* line 14, ../sass/_limits.scss */ + .s-limit.s-limit-upr.s-limit-yellow:before { + color: #ffd966; + content: "\0000ed"; } +/* line 19, ../sass/_limits.scss */ +.s-limit.s-limit-upr.s-limit-red { + background: rgba(204, 0, 0, 0.7); } + /* line 21, ../sass/_limits.scss */ + .s-limit.s-limit-upr.s-limit-red:before { + color: #ff6666; + content: "\0000eb"; } +/* line 28, ../sass/_limits.scss */ +.s-limit.s-limit-lwr.s-limit-yellow { + background: rgba(204, 153, 0, 0.7); } + /* line 30, ../sass/_limits.scss */ + .s-limit.s-limit-lwr.s-limit-yellow:before { + color: #ffd966; + content: "\0000ec"; } +/* line 35, ../sass/_limits.scss */ +.s-limit.s-limit-lwr.s-limit-red { + background: rgba(204, 0, 0, 0.7); } + /* line 37, ../sass/_limits.scss */ + .s-limit.s-limit-lwr.s-limit-red:before { + color: #ff6666; + content: "\0000ee"; } + /* line 1, ../sass/lists/_tabular.scss */ .w1 { background: #4d4d4d; @@ -716,8 +750,8 @@ span { /* line 11, ../sass/lists/_tabular.scss */ .tabular { - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; border-spacing: 0; border-collapse: collapse; @@ -796,13 +830,11 @@ span { /*********************************** STYLE STYLES */ /* line 10, ../sass/controls/_buttons.scss */ .s-btn, .s-icon-btn { - -webkit-border-radius: 3px; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px; line-height: 1.2em; @@ -810,32 +842,32 @@ span { text-decoration: none; } /* line 18, ../sass/controls/_buttons.scss */ .s-btn.s-very-subtle, .s-very-subtle.s-icon-btn { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQwNDA0MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #404040)); - background-image: -webkit-linear-gradient(#4d4d4d, #404040); background-image: -moz-linear-gradient(#4d4d4d, #404040); - background-image: -o-linear-gradient(#4d4d4d, #404040); + background-image: -webkit-linear-gradient(#4d4d4d, #404040); background-image: linear-gradient(#4d4d4d, #404040); - -webkit-border-radius: 3px; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; - -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; + -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; border: none; border-top: 1px solid #666666; - color: #999999; + color: #999; display: inline-block; } /* line 82, ../sass/_mixins.scss */ .s-btn.s-very-subtle:hover, .s-very-subtle.s-icon-btn:hover { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #595959)); - background-image: -webkit-linear-gradient(#666666, #595959); background-image: -moz-linear-gradient(#666666, #595959); - background-image: -o-linear-gradient(#666666, #595959); + background-image: -webkit-linear-gradient(#666666, #595959); background-image: linear-gradient(#666666, #595959); } /* line 23, ../sass/controls/_buttons.scss */ @@ -858,7 +890,7 @@ span { margin-left: 5px; } /*********************************** LAYOUT STYLES */ -/* line 50, ../sass/controls/_buttons.scss */ +/* line 47, ../sass/controls/_buttons.scss */ span.l-btn, span.l-btn span, a.l-btn, @@ -867,8 +899,8 @@ a.l-btn span { /* line 1, ../sass/controls/_color-palette.scss */ .l-color-palette { - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px !important; } /* line 10, ../sass/controls/_color-palette.scss */ @@ -879,24 +911,24 @@ a.l-btn span { width: 170px; } /* line 15, ../sass/controls/_color-palette.scss */ .l-color-palette .l-palette-row .l-palette-item { - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; text-shadow: rgba(0, 0, 0, 0.8) 0 1px 2px; - -webkit-transition-property: visibility, opacity, background-color, border-color; -moz-transition-property: visibility, opacity, background-color, border-color; -o-transition-property: visibility, opacity, background-color, border-color; + -webkit-transition-property: visibility, opacity, background-color, border-color; transition-property: visibility, opacity, background-color, border-color; - -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -o-transition-duration: 0.25s; + -webkit-transition-duration: 0.25s; transition-duration: 0.25s; - -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; + -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; border: 1px solid transparent; - color: white; + color: #fff; display: block; font-family: 'symbolsfont'; float: left; @@ -908,11 +940,11 @@ a.l-btn span { vertical-align: middle; } /* line 32, ../sass/controls/_color-palette.scss */ .l-color-palette .l-palette-row .s-palette-item:hover { - -webkit-transition-property: none; -moz-transition-property: none; -o-transition-property: none; + -webkit-transition-property: none; transition-property: none; - border-color: white !important; } + border-color: #fff !important; } /* line 38, ../sass/controls/_color-palette.scss */ .l-color-palette .l-palette-row .l-palette-item-label { margin-left: 5px; } @@ -921,7 +953,7 @@ a.l-btn span { margin-bottom: 5px; } /* line 44, ../sass/controls/_color-palette.scss */ .l-color-palette .l-palette-row.l-option-row .s-palette-item { - border-color: #999999; } + border-color: #999; } /* line 3, ../sass/controls/_controls.scss */ .control.view-control .icon { @@ -938,10 +970,8 @@ a.l-btn span { vertical-align: middle; } /* line 18, ../sass/controls/_controls.scss */ .control.view-control .toggle { - -webkit-border-radius: 3px; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; display: inline-block; padding: 1px 6px 4px 4px; } @@ -957,13 +987,11 @@ a.l-btn span { margin-top: 0; } /* line 35, ../sass/controls/_controls.scss */ .accordion .accordion-head { - -webkit-border-radius: 2.25px; -moz-border-radius: 2.25px; - -ms-border-radius: 2.25px; - -o-border-radius: 2.25px; + -webkit-border-radius: 2.25px; border-radius: 2.25px; - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; background: rgba(153, 153, 153, 0.2); cursor: pointer; @@ -1007,13 +1035,11 @@ a.l-btn span { /* line 74, ../sass/controls/_controls.scss */ .btn { - -webkit-border-radius: 3px; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px; padding: 0 10px; @@ -1032,73 +1058,75 @@ a.l-btn span { font-size: 1.1em; } /* line 97, ../sass/controls/_controls.scss */ .btn.major { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYWNlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00bfff), color-stop(100%, #00ace6)); - background-image: -webkit-linear-gradient(#00bfff, #00ace6); background-image: -moz-linear-gradient(#00bfff, #00ace6); - background-image: -o-linear-gradient(#00bfff, #00ace6); + background-image: -webkit-linear-gradient(#00bfff, #00ace6); background-image: linear-gradient(#00bfff, #00ace6); - -webkit-border-radius: 3px; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; - -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; + -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; border: none; border-top: 1px solid #33ccff; - color: #999999; + color: #999; display: inline-block; + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzY2NmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTljYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #33ccff), color-stop(100%, #0099cc)); - background-image: -webkit-linear-gradient(#33ccff, #0099cc); background-image: -moz-linear-gradient(#33ccff, #0099cc); - background-image: -o-linear-gradient(#33ccff, #0099cc); + background-image: -webkit-linear-gradient(#33ccff, #0099cc); background-image: linear-gradient(#33ccff, #0099cc); color: #ccf2ff; } /* line 135, ../sass/_mixins.scss */ .btn.major:not(.disabled):hover { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2ZDlmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #66d9ff), color-stop(100%, #00bfff)); - background-image: -webkit-linear-gradient(#66d9ff, #00bfff); background-image: -moz-linear-gradient(#66d9ff, #00bfff); - background-image: -o-linear-gradient(#66d9ff, #00bfff); + background-image: -webkit-linear-gradient(#66d9ff, #00bfff); background-image: linear-gradient(#66d9ff, #00bfff); } /* line 102, ../sass/controls/_controls.scss */ .btn.major:hover { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhYzZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1ac6ff), color-stop(100%, #00bfff)); - background-image: -webkit-linear-gradient(#1ac6ff, #00bfff); background-image: -moz-linear-gradient(#1ac6ff, #00bfff); - background-image: -o-linear-gradient(#1ac6ff, #00bfff); + background-image: -webkit-linear-gradient(#1ac6ff, #00bfff); background-image: linear-gradient(#1ac6ff, #00bfff); - -webkit-border-radius: 3px; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; - -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; + -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; border: none; border-top: 1px solid #4dd2ff; - color: #999999; + color: #999; display: inline-block; + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkZDJmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYWNlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4dd2ff), color-stop(100%, #00ace6)); - background-image: -webkit-linear-gradient(#4dd2ff, #00ace6); background-image: -moz-linear-gradient(#4dd2ff, #00ace6); - background-image: -o-linear-gradient(#4dd2ff, #00ace6); + background-image: -webkit-linear-gradient(#4dd2ff, #00ace6); background-image: linear-gradient(#4dd2ff, #00ace6); color: #ccf2ff; } /* line 135, ../sass/_mixins.scss */ .btn.major:hover:not(.disabled):hover { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgwZGZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFhYzZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #80dfff), color-stop(100%, #1ac6ff)); - background-image: -webkit-linear-gradient(#80dfff, #1ac6ff); background-image: -moz-linear-gradient(#80dfff, #1ac6ff); - background-image: -o-linear-gradient(#80dfff, #1ac6ff); + background-image: -webkit-linear-gradient(#80dfff, #1ac6ff); background-image: linear-gradient(#80dfff, #1ac6ff); } /* line 106, ../sass/controls/_controls.scss */ .btn.major .invoke-menu { @@ -1111,21 +1139,20 @@ a.l-btn span { background: rgba(255, 255, 255, 0.1); } /* line 118, ../sass/controls/_controls.scss */ .btn.subtle { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzczNzM3MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #808080), color-stop(100%, #737373)); - background-image: -webkit-linear-gradient(#808080, #737373); background-image: -moz-linear-gradient(#808080, #737373); - background-image: -o-linear-gradient(#808080, #737373); + background-image: -webkit-linear-gradient(#808080, #737373); background-image: linear-gradient(#808080, #737373); - -webkit-border-radius: 3px; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; - -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; + -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; border: none; border-top: 1px solid #999999; @@ -1133,28 +1160,28 @@ a.l-btn span { display: inline-block; } /* line 127, ../sass/_mixins.scss */ .btn.subtle:not(.disabled):hover { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #999999), color-stop(100%, #808080)); - background-image: -webkit-linear-gradient(#999999, #808080); background-image: -moz-linear-gradient(#999999, #808080); - background-image: -o-linear-gradient(#999999, #808080); + background-image: -webkit-linear-gradient(#999999, #808080); background-image: linear-gradient(#999999, #808080); } /* line 122, ../sass/controls/_controls.scss */ .btn.very-subtle { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQwNDA0MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #404040)); - background-image: -webkit-linear-gradient(#4d4d4d, #404040); background-image: -moz-linear-gradient(#4d4d4d, #404040); - background-image: -o-linear-gradient(#4d4d4d, #404040); + background-image: -webkit-linear-gradient(#4d4d4d, #404040); background-image: linear-gradient(#4d4d4d, #404040); - -webkit-border-radius: 3px; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; - -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; + -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; border: none; border-top: 1px solid #666666; @@ -1162,17 +1189,16 @@ a.l-btn span { display: inline-block; } /* line 127, ../sass/_mixins.scss */ .btn.very-subtle:not(.disabled):hover { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #4d4d4d)); - background-image: -webkit-linear-gradient(#666666, #4d4d4d); background-image: -moz-linear-gradient(#666666, #4d4d4d); - background-image: -o-linear-gradient(#666666, #4d4d4d); + background-image: -webkit-linear-gradient(#666666, #4d4d4d); background-image: linear-gradient(#666666, #4d4d4d); } /* line 125, ../sass/controls/_controls.scss */ .btn.lg { - -webkit-border-radius: 4.5px; -moz-border-radius: 4.5px; - -ms-border-radius: 4.5px; - -o-border-radius: 4.5px; + -webkit-border-radius: 4.5px; border-radius: 4.5px; font-size: 1.2em; padding: 7px 25px; } @@ -1183,7 +1209,7 @@ a.l-btn span { .btn.icon-btn:not(.disabled):hover .icon { color: #33ccff; } -/* line 145, ../sass/controls/_controls.scss */ +/* line 143, ../sass/controls/_controls.scss */ .btn-bar .btn, .btn-bar .btn-set, .btn-bar .t-btn { @@ -1198,8 +1224,8 @@ a.l-btn span { /* line 166, ../sass/controls/_controls.scss */ .l-control-group { - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #4d4d4d; display: inline-block; @@ -1214,13 +1240,11 @@ a.l-btn span { .btn-set { display: inline-block; position: relative; } - /* line 185, ../sass/controls/_controls.scss */ + /* line 184, ../sass/controls/_controls.scss */ .btn-set .btn, .btn-set .t-btn { - -webkit-border-radius: 0; -moz-border-radius: 0; - -ms-border-radius: 0; - -o-border-radius: 0; + -webkit-border-radius: 0; border-radius: 0; border-left: 1px solid #666666; margin-left: 0; } @@ -1244,7 +1268,7 @@ a.l-btn span { -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } -/* line 204, ../sass/controls/_controls.scss */ +/* line 199, ../sass/controls/_controls.scss */ .object-browse-bar .btn, .object-browse-bar .t-btn, .top-bar .buttons-main .btn, @@ -1276,16 +1300,14 @@ label.checkbox.custom { vertical-align: top; } /* line 229, ../sass/controls/_controls.scss */ label.checkbox.custom em { - color: #999999; + color: #999; display: inline-block; height: 14px; min-width: 14px; } /* line 234, ../sass/controls/_controls.scss */ label.checkbox.custom em:before { - -webkit-border-radius: 2.25px; -moz-border-radius: 2.25px; - -ms-border-radius: 2.25px; - -o-border-radius: 2.25px; + -webkit-border-radius: 2.25px; border-radius: 2.25px; background: #666666; border-bottom: 1px solid gray; @@ -1340,41 +1362,41 @@ label.checkbox.custom { /* line 291, ../sass/controls/_controls.scss */ .item .checkbox.checked label { - -webkit-box-shadow: none; -moz-box-shadow: none; + -webkit-box-shadow: none; box-shadow: none; border-bottom: none; } /* line 297, ../sass/controls/_controls.scss */ .btn-menu { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQwNDA0MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #404040)); - background-image: -webkit-linear-gradient(#4d4d4d, #404040); background-image: -moz-linear-gradient(#4d4d4d, #404040); - background-image: -o-linear-gradient(#4d4d4d, #404040); + background-image: -webkit-linear-gradient(#4d4d4d, #404040); background-image: linear-gradient(#4d4d4d, #404040); - -webkit-border-radius: 3px; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; - -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; + -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; border: none; border-top: 1px solid #666666; - color: #999999; + color: #999; display: inline-block; height: 20px; line-height: 20px; } /* line 127, ../sass/_mixins.scss */ .btn-menu:not(.disabled):hover { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #4d4d4d)); - background-image: -webkit-linear-gradient(#666666, #4d4d4d); background-image: -moz-linear-gradient(#666666, #4d4d4d); - background-image: -o-linear-gradient(#666666, #4d4d4d); + background-image: -webkit-linear-gradient(#666666, #4d4d4d); background-image: linear-gradient(#666666, #4d4d4d); } /* line 304, ../sass/controls/_controls.scss */ .btn-menu.dropdown { @@ -1413,10 +1435,8 @@ label.checkbox.custom { padding-left: 35px; } /* line 353, ../sass/controls/_controls.scss */ .top-bar .btn-menu.browse-btn .badge { - -webkit-border-radius: 4.5px; -moz-border-radius: 4.5px; - -ms-border-radius: 4.5px; - -o-border-radius: 4.5px; + -webkit-border-radius: 4.5px; border-radius: 4.5px; display: block; font-size: 1em; @@ -1455,10 +1475,8 @@ label.checkbox.custom { /******************************************************** VIEW-CONTROLS */ /* line 396, ../sass/controls/_controls.scss */ .view-controls .view-type { - -webkit-border-radius: 3px; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; box-sizing: border-box; display: inline-block; @@ -1478,16 +1496,14 @@ label.checkbox.custom { /******************************************************** SLIDERS */ /* line 423, ../sass/controls/_controls.scss */ .slider .slot { - -webkit-border-radius: 2px; -moz-border-radius: 2px; - -ms-border-radius: 2px; - -o-border-radius: 2px; + -webkit-border-radius: 2px; border-radius: 2px; - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; - -webkit-box-shadow: inset rgba(0, 0, 0, 0.7) 0 1px 5px; -moz-box-shadow: inset rgba(0, 0, 0, 0.7) 0 1px 5px; + -webkit-box-shadow: inset rgba(0, 0, 0, 0.7) 0 1px 5px; box-shadow: inset rgba(0, 0, 0, 0.7) 0 1px 5px; background-color: rgba(0, 0, 0, 0.4); border-bottom: 1px solid rgba(77, 77, 77, 0.4); @@ -1501,25 +1517,24 @@ label.checkbox.custom { left: 0; } /* line 434, ../sass/controls/_controls.scss */ .slider .knob { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQwNDA0MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #404040)); - background-image: -webkit-linear-gradient(#4d4d4d, #404040); background-image: -moz-linear-gradient(#4d4d4d, #404040); - background-image: -o-linear-gradient(#4d4d4d, #404040); + background-image: -webkit-linear-gradient(#4d4d4d, #404040); background-image: linear-gradient(#4d4d4d, #404040); - -webkit-border-radius: 3px; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; - -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; + -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; border: none; border-top: 1px solid #666666; - color: #999999; + color: #999; display: inline-block; cursor: ew-resize; position: absolute; @@ -1531,10 +1546,11 @@ label.checkbox.custom { left: auto; } /* line 127, ../sass/_mixins.scss */ .slider .knob:not(.disabled):hover { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #4d4d4d)); - background-image: -webkit-linear-gradient(#666666, #4d4d4d); background-image: -moz-linear-gradient(#666666, #4d4d4d); - background-image: -o-linear-gradient(#666666, #4d4d4d); + background-image: -webkit-linear-gradient(#666666, #4d4d4d); background-image: linear-gradient(#666666, #4d4d4d); } /* line 99, ../sass/_mixins.scss */ .slider .knob:before { @@ -1573,16 +1589,14 @@ label.checkbox.custom { /******************************************************** BROWSER ELEMENTS */ /* line 470, ../sass/controls/_controls.scss */ ::-webkit-scrollbar { - -webkit-border-radius: 2px; -moz-border-radius: 2px; - -ms-border-radius: 2px; - -o-border-radius: 2px; + -webkit-border-radius: 2px; border-radius: 2px; - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; - -webkit-box-shadow: inset rgba(0, 0, 0, 0.7) 0 1px 5px; -moz-box-shadow: inset rgba(0, 0, 0, 0.7) 0 1px 5px; + -webkit-box-shadow: inset rgba(0, 0, 0, 0.7) 0 1px 5px; box-shadow: inset rgba(0, 0, 0, 0.7) 0 1px 5px; background-color: rgba(0, 0, 0, 0.4); border-bottom: 1px solid rgba(77, 77, 77, 0.4); @@ -1592,29 +1606,29 @@ label.checkbox.custom { /* line 476, ../sass/controls/_controls.scss */ ::-webkit-scrollbar-thumb { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 20, color-stop(0%, #666666), color-stop(100%, #595959)); - background-image: -webkit-linear-gradient(#666666, #595959 20px); background-image: -moz-linear-gradient(#666666, #595959 20px); - background-image: -o-linear-gradient(#666666, #595959 20px); + background-image: -webkit-linear-gradient(#666666, #595959 20px); background-image: linear-gradient(#666666, #595959 20px); - -webkit-border-radius: 1px; -moz-border-radius: 1px; - -ms-border-radius: 1px; - -o-border-radius: 1px; + -webkit-border-radius: 1px; border-radius: 1px; - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; - -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; + -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; border-top: 1px solid gray; } /* line 483, ../sass/controls/_controls.scss */ ::-webkit-scrollbar-thumb:hover { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzczNzM3MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 20, color-stop(0%, #808080), color-stop(100%, #737373)); - background-image: -webkit-linear-gradient(#808080, #737373 20px); background-image: -moz-linear-gradient(#808080, #737373 20px); - background-image: -o-linear-gradient(#808080, #737373 20px); + background-image: -webkit-linear-gradient(#808080, #737373 20px); background-image: linear-gradient(#808080, #737373 20px); } /* line 488, ../sass/controls/_controls.scss */ @@ -1640,30 +1654,27 @@ label.checkbox.custom { position: relative; } /* line 8, ../sass/controls/_menus.scss */ .menu-element .menu { - -webkit-border-radius: 3px; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #595959), color-stop(100%, #4d4d4d)); - background-image: -webkit-linear-gradient(#595959, #4d4d4d); background-image: -moz-linear-gradient(#595959, #4d4d4d); - background-image: -o-linear-gradient(#595959, #4d4d4d); + background-image: -webkit-linear-gradient(#595959, #4d4d4d); background-image: linear-gradient(#595959, #4d4d4d); - -webkit-border-radius: 3px; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; - -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; + -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; border: none; border-top: 1px solid #737373; - color: #999999; + color: #999; display: inline-block; text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; display: block; @@ -1674,15 +1685,15 @@ label.checkbox.custom { .menu-element .menu ul { margin: 0; padding: 0; } - /* line 183, ../sass/_mixins.scss */ + /* line 187, ../sass/_mixins.scss */ .menu-element .menu ul li { list-style-type: none; margin: 0; padding: 0; } /* line 18, ../sass/controls/_menus.scss */ .menu-element .menu ul li { - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #737373; line-height: 1.5rem; @@ -1696,7 +1707,7 @@ label.checkbox.custom { background: #737373; } /* line 30, ../sass/controls/_menus.scss */ .menu-element .menu ul li:hover a { - color: white; } + color: #fff; } /* line 33, ../sass/controls/_menus.scss */ .menu-element .menu ul li:hover .icon { color: #33ccff; } @@ -1716,8 +1727,8 @@ label.checkbox.custom { overflow: none; } /* line 55, ../sass/controls/_menus.scss */ .menu-element .super-menu .pane { - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; } /* line 57, ../sass/controls/_menus.scss */ .menu-element .super-menu .pane.left { @@ -1730,10 +1741,8 @@ label.checkbox.custom { overflow-y: auto; } /* line 67, ../sass/controls/_menus.scss */ .menu-element .super-menu .pane.left ul li { - -webkit-border-radius: 3px; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; border-top: none; } /* line 73, ../sass/controls/_menus.scss */ @@ -1773,25 +1782,24 @@ label.checkbox.custom { pointer-events: auto; } /* line 124, ../sass/controls/_menus.scss */ .menu-element .context-menu.menu { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjOGM4YyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8c8c8c), color-stop(100%, #808080)); - background-image: -webkit-linear-gradient(#8c8c8c, #808080); background-image: -moz-linear-gradient(#8c8c8c, #808080); - background-image: -o-linear-gradient(#8c8c8c, #808080); + background-image: -webkit-linear-gradient(#8c8c8c, #808080); background-image: linear-gradient(#8c8c8c, #808080); - -webkit-border-radius: 3px; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; - -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; + -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; border: none; border-top: 1px solid #a6a6a6; - color: #999999; + color: #999; display: inline-block; } /* line 126, ../sass/controls/_menus.scss */ .menu-element .context-menu.menu ul li { @@ -1828,7 +1836,7 @@ label.checkbox.custom { .context-menu-holder.go-up .context-menu { bottom: 0; } -/* line 161, ../sass/controls/_menus.scss */ +/* line 160, ../sass/controls/_menus.scss */ .btn-bar.right .menu, .menus-to-left .menu { left: auto; @@ -1837,10 +1845,8 @@ label.checkbox.custom { /* line 3, ../sass/forms/_elems.scss */ .form .section-header { - -webkit-border-radius: 3px; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; background: rgba(255, 255, 255, 0.1); font-size: 0.8em; @@ -1854,8 +1860,8 @@ label.checkbox.custom { position: relative; } /* line 17, ../sass/forms/_elems.scss */ .form .form-row { - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; *zoom: 1; @@ -1866,11 +1872,11 @@ label.checkbox.custom { /* line 24, ../sass/forms/_elems.scss */ .form .form-row.first { border-top: none; } - /* line 29, ../sass/forms/_elems.scss */ + /* line 28, ../sass/forms/_elems.scss */ .form .form-row .label, .form .form-row .controls { - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; *zoom: 1; @@ -1920,13 +1926,11 @@ label.checkbox.custom { color: #666666; } /* line 95, ../sass/forms/_elems.scss */ .form .form-row .selector-list { - -webkit-border-radius: 3px; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; background: rgba(0, 0, 0, 0.2); padding: 5px; @@ -1947,7 +1951,7 @@ label.form-control.checkbox input { margin-right: 5px; vertical-align: top; } -/* line 127, ../sass/forms/_elems.scss */ +/* line 126, ../sass/forms/_elems.scss */ .hint, .s-hint { font-size: 0.9em; } @@ -1961,10 +1965,8 @@ label.form-control.checkbox input { vertical-align: top; } /* line 138, ../sass/forms/_elems.scss */ .l-result div.s-hint { - -webkit-border-radius: 3px; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; background: rgba(255, 153, 0, 0.8); display: block; @@ -2007,19 +2009,16 @@ span.req { /* line 1, ../sass/forms/_text-input.scss */ input[type="text"] { - -webkit-appearance: none; -moz-appearance: none; - appearance: none; - -webkit-border-radius: 3px; + -webkit-appearance: none; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; - -webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px; -moz-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px; + -webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px; box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px; background: rgba(255, 255, 255, 0.1); border: none; @@ -2036,25 +2035,24 @@ input[type="text"] { /* line 1, ../sass/forms/_selects.scss */ .form-control.select { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQwNDA0MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #404040)); - background-image: -webkit-linear-gradient(#4d4d4d, #404040); background-image: -moz-linear-gradient(#4d4d4d, #404040); - background-image: -o-linear-gradient(#4d4d4d, #404040); + background-image: -webkit-linear-gradient(#4d4d4d, #404040); background-image: linear-gradient(#4d4d4d, #404040); - -webkit-border-radius: 3px; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; - -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; + -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; border: none; border-top: 1px solid #666666; - color: #999999; + color: #999; display: inline-block; cursor: pointer; display: inline-block; @@ -2063,21 +2061,21 @@ input[type="text"] { position: relative; } /* line 127, ../sass/_mixins.scss */ .form-control.select:not(.disabled):hover { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #4d4d4d)); - background-image: -webkit-linear-gradient(#666666, #4d4d4d); background-image: -moz-linear-gradient(#666666, #4d4d4d); - background-image: -o-linear-gradient(#666666, #4d4d4d); + background-image: -webkit-linear-gradient(#666666, #4d4d4d); background-image: linear-gradient(#666666, #4d4d4d); } /* line 8, ../sass/forms/_selects.scss */ .form-control.select select { - -webkit-appearance: none; -moz-appearance: none; - appearance: none; - -webkit-box-sizing: border-box; + -webkit-appearance: none; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; background: none; - color: #999999; + color: #999; border: none !important; cursor: pointer; padding: 4px 25px 2px 5px; @@ -2102,19 +2100,16 @@ input[type="text"] { min-height: 22px; } /* line 6, ../sass/forms/_channel-selector.scss */ .channel-selector .treeview { - -webkit-appearance: none; -moz-appearance: none; - appearance: none; - -webkit-border-radius: 3px; + -webkit-appearance: none; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; - -webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px; -moz-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px; + -webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px; box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px; background: rgba(255, 255, 255, 0.1); border: none; @@ -2163,24 +2158,21 @@ input[type="text"] { .complex.datetime .time.sm input { width: 40px; } -/* line 4, ../sass/forms/_filter.scss */ +/* line 3, ../sass/forms/_filter.scss */ .filter input.filter, .filter input.t-filter-input, .t-filter input.filter, .t-filter input.t-filter-input { - -webkit-appearance: none; -moz-appearance: none; - appearance: none; - -webkit-border-radius: 3px; + -webkit-appearance: none; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; - -webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px; -moz-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px; + -webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px; box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px; background: rgba(255, 255, 255, 0.1); border: none; @@ -2208,10 +2200,8 @@ input[type="text"] { /* line 21, ../sass/forms/_filter.scss */ .filter .icon.ui-symbol, .t-filter .icon.ui-symbol { - -webkit-border-radius: 3px; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; display: inline-block; font-size: 1.3em; @@ -2226,18 +2216,16 @@ input[type="text"] { /* line 33, ../sass/forms/_filter.scss */ .filter .s-a-clear.ui-symbol, .t-filter .s-a-clear.ui-symbol { - -webkit-border-radius: 3px; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: 0.2; - background: white; - color: #333333; + background: #fff; + color: #333; display: block; position: absolute; height: 13px; @@ -2277,11 +2265,40 @@ input[type="text"] { /* line 10, ../sass/plots/_plots-main.scss */ .gl-plot { - color: #999999; + color: #999; font-size: 0.7rem; position: relative; width: 100%; - height: 100%; } + height: 100%; + /****************************** Limits */ + /*.l-limit { + // Limits in plot display area + + $h: 10px; + $a0: 0.1; + $a1: 0.2; + //top: auto; + height: auto; + z-index: 0; + &.s-limit-upr { + //$dir: 0deg; + &.s-limit-yellow { + @include limitBg($colorLimitYellow); + } + &.s-limit-red { + @include limitBg($colorLimitRed); + } + } + &.s-limit-lwr { + //$dir: 180deg; + &.s-limit-yellow { + @include limitBg($colorLimitYellow); + } + &.s-limit-red { + @include limitBg($colorLimitRed); + } + } + }*/ } /* line 17, ../sass/plots/_plots-main.scss */ .gl-plot .gl-plot-axis-area { position: absolute; } @@ -2303,15 +2320,13 @@ input[type="text"] { width: 60px; } /* line 38, ../sass/plots/_plots-main.scss */ .gl-plot .gl-plot-coords { - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; - -webkit-border-radius: 3px; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; - background: rgba(255, 199, 0, 0.5); + background: black; color: #e6e6e6; padding: 2px 5px; position: absolute; @@ -2332,13 +2347,13 @@ input[type="text"] { left: 60px; cursor: crosshair; border: 1px solid #4d4d4d; } - /* line 66, ../sass/plots/_plots-main.scss */ + /* line 65, ../sass/plots/_plots-main.scss */ .gl-plot .gl-plot-label, .gl-plot .l-plot-label { color: #cccccc; position: absolute; text-align: center; } - /* line 74, ../sass/plots/_plots-main.scss */ + /* line 73, ../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 { @@ -2347,19 +2362,17 @@ input[type="text"] { bottom: 0; left: 0; height: auto; } - /* line 83, ../sass/plots/_plots-main.scss */ + /* line 82, ../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 { - -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; - -o-transform-origin: 50% 0; + -webkit-transform-origin: 50% 0; transform-origin: 50% 0; - -webkit-transform: translateX(-50%) rotate(-90deg); -moz-transform: translateX(-50%) rotate(-90deg); -ms-transform: translateX(-50%) rotate(-90deg); - -o-transform: translateX(-50%) rotate(-90deg); + -webkit-transform: translateX(-50%) rotate(-90deg); transform: translateX(-50%) rotate(-90deg); display: inline-block; margin-left: 5px; @@ -2399,53 +2412,61 @@ input[type="text"] { height: 24px; overflow-x: hidden; overflow-y: auto; } - /* line 148, ../sass/plots/_plots-main.scss */ - .gl-plot .l-limit { + /* line 137, ../sass/plots/_plots-main.scss */ + .gl-plot .l-oob-data { position: absolute; - top: auto; left: 0; right: 0; - height: 30px; width: auto; } - /* line 159, ../sass/plots/_plots-main.scss */ - .gl-plot .l-limit.s-limit-upr.s-limit-0 { - background-image: -webkit-linear-gradient(0deg, rgba(204, 153, 0, 0), rgba(204, 153, 0, 0.4) 100%); - background-image: -moz-linear-gradient(0deg, rgba(204, 153, 0, 0), rgba(204, 153, 0, 0.4) 100%); - background-image: -o-linear-gradient(0deg, rgba(204, 153, 0, 0), rgba(204, 153, 0, 0.4) 100%); - background-image: linear-gradient(0deg, rgba(204, 153, 0, 0), rgba(204, 153, 0, 0.4) 100%); } - /* line 163, ../sass/plots/_plots-main.scss */ - .gl-plot .l-limit.s-limit-upr.s-limit-1 { - background-image: -webkit-linear-gradient(0deg, rgba(204, 0, 0, 0), rgba(204, 0, 0, 0.4) 100%); - background-image: -moz-linear-gradient(0deg, rgba(204, 0, 0, 0), rgba(204, 0, 0, 0.4) 100%); - background-image: -o-linear-gradient(0deg, rgba(204, 0, 0, 0), rgba(204, 0, 0, 0.4) 100%); - background-image: linear-gradient(0deg, rgba(204, 0, 0, 0), rgba(204, 0, 0, 0.4) 100%); } - /* line 170, ../sass/plots/_plots-main.scss */ - .gl-plot .l-limit.s-limit-lwr.s-limit-0 { - background-image: -webkit-linear-gradient(180deg, rgba(204, 153, 0, 0), rgba(204, 153, 0, 0.4) 100%); - background-image: -moz-linear-gradient(180deg, rgba(204, 153, 0, 0), rgba(204, 153, 0, 0.4) 100%); - background-image: -o-linear-gradient(180deg, rgba(204, 153, 0, 0), rgba(204, 153, 0, 0.4) 100%); - background-image: linear-gradient(180deg, rgba(204, 153, 0, 0), rgba(204, 153, 0, 0.4) 100%); } - /* line 174, ../sass/plots/_plots-main.scss */ - .gl-plot .l-limit.s-limit-lwr.s-limit-1 { - background-image: -webkit-linear-gradient(180deg, rgba(204, 0, 0, 0), rgba(204, 0, 0, 0.4) 100%); - background-image: -moz-linear-gradient(180deg, rgba(204, 0, 0, 0), rgba(204, 0, 0, 0.4) 100%); - background-image: -o-linear-gradient(180deg, rgba(204, 0, 0, 0), rgba(204, 0, 0, 0.4) 100%); - background-image: linear-gradient(180deg, rgba(204, 0, 0, 0), rgba(204, 0, 0, 0.4) 100%); } + /* line 173, ../sass/plots/_plots-main.scss */ + .gl-plot .l-oob-data { + -moz-animation: pulse 2s infinite; + -webkit-animation: pulse 2s infinite; + animation: pulse 2s infinite; + overflow: hidden; + position: absolute; + top: 0px; + right: 0px; + bottom: 0px; + left: 0px; + width: auto; + height: auto; + pointer-events: none; + height: 10px; + z-index: 1; } + /* line 182, ../sass/plots/_plots-main.scss */ + .gl-plot .l-oob-data.l-oob-data-up { + top: 0; + bottom: auto; + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc3NDhkNiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NzQ4ZDYiIHN0b3Atb3BhY2l0eT0iMC41Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); + background-size: 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: linear-gradient(0deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); } + /* line 187, ../sass/plots/_plots-main.scss */ + .gl-plot .l-oob-data.l-oob-data-dwn { + bottom: 0; + top: auto; + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc3NDhkNiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NzQ4ZDYiIHN0b3Atb3BhY2l0eT0iMC41Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); + background-size: 100%; + background-image: -moz-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%); } -/* line 184, ../sass/plots/_plots-main.scss */ +/* line 197, ../sass/plots/_plots-main.scss */ .gl-plot-legend .plot-legend-item, .gl-plot-legend .legend-item, .legend .plot-legend-item, .legend .legend-item { display: inline-block; margin-right: 10px; } - /* line 187, ../sass/plots/_plots-main.scss */ + /* line 201, ../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 191, ../sass/plots/_plots-main.scss */ + /* line 204, ../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, @@ -2454,26 +2475,37 @@ input[type="text"] { .legend .plot-legend-item .color-swatch, .legend .legend-item .plot-color-swatch, .legend .legend-item .color-swatch { - -webkit-border-radius: 2px; -moz-border-radius: 2px; - -ms-border-radius: 2px; - -o-border-radius: 2px; + -webkit-border-radius: 2px; border-radius: 2px; display: inline-block; height: 8px; - width: 8px; - margin-right: 3px; } + width: 8px; } -/* line 205, ../sass/plots/_plots-main.scss */ +/* line 219, ../sass/plots/_plots-main.scss */ +.gl-plot-legend .plot-legend-item { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + color: #fff; + line-height: 1.5em; + padding: 0px 5px; } + /* line 225, ../sass/plots/_plots-main.scss */ + .gl-plot-legend .plot-legend-item .plot-color-swatch { + border: 1px solid #333; + height: 9px; + width: 9px; } + +/* line 233, ../sass/plots/_plots-main.scss */ .tick { position: absolute; border: 0 rgba(255, 255, 255, 0.3) solid; } - /* line 208, ../sass/plots/_plots-main.scss */ + /* line 236, ../sass/plots/_plots-main.scss */ .tick.tick-x { border-right-width: 1px; height: 100%; } -/* line 216, ../sass/plots/_plots-main.scss */ +/* line 242, ../sass/plots/_plots-main.scss */ .gl-plot-tick, .tick-label { font-size: 0.7rem; @@ -2481,7 +2513,7 @@ input[type="text"] { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } - /* line 224, ../sass/plots/_plots-main.scss */ + /* line 250, ../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 { @@ -2492,7 +2524,7 @@ input[type="text"] { width: 20%; margin-left: -10%; text-align: center; } - /* line 234, ../sass/plots/_plots-main.scss */ + /* line 260, ../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 { @@ -2502,18 +2534,18 @@ input[type="text"] { margin-bottom: -0.5em; text-align: right; } -/* line 245, ../sass/plots/_plots-main.scss */ +/* line 272, ../sass/plots/_plots-main.scss */ .gl-plot-tick.gl-plot-x-tick-label { top: 5px; } -/* line 248, ../sass/plots/_plots-main.scss */ +/* line 275, ../sass/plots/_plots-main.scss */ .gl-plot-tick.gl-plot-y-tick-label { right: 5px; left: 5px; } -/* line 255, ../sass/plots/_plots-main.scss */ +/* line 282, ../sass/plots/_plots-main.scss */ .tick-label.tick-label-x { top: 0; } -/* line 258, ../sass/plots/_plots-main.scss */ +/* line 285, ../sass/plots/_plots-main.scss */ .tick-label.tick-label-y { right: 0; left: 0; } @@ -2524,10 +2556,8 @@ input[type="text"] { z-index: 100; } /* line 6, ../sass/overlay/_overlay.scss */ .overlay .btn.close { - -webkit-border-radius: 6px; -moz-border-radius: 6px; - -ms-border-radius: 6px; - -o-border-radius: 6px; + -webkit-border-radius: 6px; border-radius: 6px; padding: 3px 6px; position: absolute; @@ -2539,32 +2569,29 @@ input[type="text"] { z-index: 100; } /* line 17, ../sass/overlay/_overlay.scss */ .overlay > .holder { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQwNDA0MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #404040)); - background-image: -webkit-linear-gradient(#4d4d4d, #404040); background-image: -moz-linear-gradient(#4d4d4d, #404040); - background-image: -o-linear-gradient(#4d4d4d, #404040); + background-image: -webkit-linear-gradient(#4d4d4d, #404040); background-image: linear-gradient(#4d4d4d, #404040); - -webkit-border-radius: 3px; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; - -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; + -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; border: none; border-top: 1px solid #666666; - color: #999999; + color: #999; display: inline-block; - -webkit-border-radius: 9px; -moz-border-radius: 9px; - -ms-border-radius: 9px; - -o-border-radius: 9px; + -webkit-border-radius: 9px; border-radius: 9px; - color: #999999; + color: #999; top: 15%; right: 15%; bottom: 15%; @@ -2609,7 +2636,7 @@ input[type="text"] { /* line 4, ../sass/user-environ/_frame.scss */ .frame.child-frame.panel { - background: #333333; + background: #333; border: 1px solid #4d4d4d; } /* line 7, ../sass/user-environ/_frame.scss */ .frame.child-frame.panel:hover { @@ -2625,14 +2652,14 @@ input[type="text"] { /* line 24, ../sass/user-environ/_frame.scss */ .edit-main .frame.child-frame.panel:hover { border-color: #0099cc; - -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px; -moz-box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px; + -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px; box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px; } /* line 1, ../sass/user-environ/_top-bar.scss */ .top-bar { line-height: 35px; } - /* line 7, ../sass/user-environ/_top-bar.scss */ + /* line 6, ../sass/user-environ/_top-bar.scss */ .top-bar.browse, .top-bar.edit { top: 5px; right: 5px; @@ -2666,22 +2693,20 @@ input[type="text"] { line-height: 16px; } /* line 5, ../sass/user-environ/_bottom-bar.scss */ .ue-bottom-bar .status-holder { - -webkit-border-radius: 5.25px; -moz-border-radius: 5.25px; - -ms-border-radius: 5.25px; - -o-border-radius: 5.25px; + -webkit-border-radius: 5.25px; border-radius: 5.25px; - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; - background: black; + background: #000; border-bottom: 1px solid #4d4d4d; padding: 2px 5px; text-transform: uppercase; } /* line 13, ../sass/user-environ/_bottom-bar.scss */ .ue-bottom-bar .app-logo { - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; font-size: 0.8em; @@ -2698,13 +2723,11 @@ input[type="text"] { margin-right: 20px; } /* line 29, ../sass/user-environ/_bottom-bar.scss */ .status.block .status-indicator { - -webkit-border-radius: 2.7px; -moz-border-radius: 2.7px; - -ms-border-radius: 2.7px; - -o-border-radius: 2.7px; + -webkit-border-radius: 2.7px; border-radius: 2.7px; - -webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 0 3px; -moz-box-shadow: inset rgba(0, 0, 0, 0.5) 0 0 3px; + -webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 0 3px; box-shadow: inset rgba(0, 0, 0, 0.5) 0 0 3px; text-shadow: rgba(0, 0, 0, 0.3) 0 0 2px; display: inline-block; @@ -2734,8 +2757,8 @@ input[type="text"] { height: 28px; } /* line 6, ../sass/user-environ/_tool-bar.scss */ .tool-bar input[type="text"] { - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; font-size: .9em; height: 28px; @@ -2750,8 +2773,8 @@ input[type="text"] { /* line 6, ../sass/helpers/_bubbles.scss */ .l-infobubble-wrapper { - -webkit-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; box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px; position: absolute; z-index: 70; } @@ -2797,7 +2820,7 @@ input[type="text"] { right: 100%; border-top: 5px solid transparent; border-bottom: 5px solid transparent; - border-right: 7.5px solid #dddddd; } + border-right: 7.5px solid #ddd; } /* line 62, ../sass/helpers/_bubbles.scss */ .l-infobubble-wrapper.arw-right { margin-right: 10px; } @@ -2806,7 +2829,7 @@ input[type="text"] { left: 100%; border-top: 5px solid transparent; border-bottom: 5px solid transparent; - border-left: 7.5px solid #dddddd; } + border-left: 7.5px solid #ddd; } /* line 73, ../sass/helpers/_bubbles.scss */ .l-infobubble-wrapper.arw-top .l-infobubble::before { top: 10px; } @@ -2823,17 +2846,15 @@ input[type="text"] { margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; - border-top: 7.5px solid #dddddd; } + border-top: 7.5px solid #ddd; } /* line 99, ../sass/helpers/_bubbles.scss */ .s-infobubble { - -webkit-border-radius: 3px; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; - background: #dddddd; - color: #666666; + background: #ddd; + color: #666; font-size: 0.8rem; } /* line 105, ../sass/helpers/_bubbles.scss */ .s-infobubble .title { @@ -2853,8 +2874,8 @@ input[type="text"] { /* line 8, ../sass/helpers/_splitter.scss */ .split-layout .splitter { background-color: #404040; - -webkit-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; box-shadow: rgba(0, 0, 0, 0.4) 0 0 3px; overflow: hidden; position: absolute; @@ -2932,42 +2953,26 @@ input[type="text"] { top: 0; } @-webkit-keyframes rotation { - /* line 2, ../sass/helpers/_wait-spinner.scss */ from { -webkit-transform: rotate(0deg); } - - /* line 3, ../sass/helpers/_wait-spinner.scss */ to { -webkit-transform: rotate(359deg); } } - @-moz-keyframes rotation { - /* line 7, ../sass/helpers/_wait-spinner.scss */ from { -moz-transform: rotate(0deg); } - - /* line 8, ../sass/helpers/_wait-spinner.scss */ to { -moz-transform: rotate(359deg); } } - @-o-keyframes rotation { - /* line 12, ../sass/helpers/_wait-spinner.scss */ from { -o-transform: rotate(0deg); } - - /* line 13, ../sass/helpers/_wait-spinner.scss */ to { -o-transform: rotate(359deg); } } - @keyframes rotation { - /* line 17, ../sass/helpers/_wait-spinner.scss */ from { transform: rotate(0deg); } - - /* line 18, ../sass/helpers/_wait-spinner.scss */ to { transform: rotate(359deg); } } - -/* line 22, ../sass/helpers/_wait-spinner.scss */ +/* line 21, ../sass/helpers/_wait-spinner.scss */ .t-wait-spinner, .wait-spinner { display: block; @@ -3064,8 +3069,8 @@ input[type="text"] { white-space: nowrap; } /* line 27, ../sass/_autoflow.scss */ .autoflow .l-autoflow-items .l-autoflow-col { - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #4d4d4d; display: inline-block; @@ -3075,8 +3080,8 @@ input[type="text"] { width: 225px; } /* line 37, ../sass/_autoflow.scss */ .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row { - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid rgba(255, 255, 255, 0.05); display: block; @@ -3115,10 +3120,8 @@ input[type="text"] { width: auto; } /* line 78, ../sass/_autoflow.scss */ .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row .l-autoflow-item.r { - -webkit-border-radius: 3px; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; float: right; margin-left: 5px; diff --git a/platform/commonUI/general/res/css/tree.css b/platform/commonUI/general/res/css/tree.css index 38bb95fffb..700e545355 100644 --- a/platform/commonUI/general/res/css/tree.css +++ b/platform/commonUI/general/res/css/tree.css @@ -2,7 +2,7 @@ ul.tree { margin: 0; padding: 0; } - /* line 183, ../sass/_mixins.scss */ + /* line 187, ../sass/_mixins.scss */ ul.tree li { list-style-type: none; margin: 0; @@ -13,14 +13,12 @@ ul.tree { position: relative; } /* line 6, ../sass/tree/_tree.scss */ ul.tree li span.tree-item { - -webkit-border-radius: 3px; -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; - -webkit-transition: background-color 0.25s; -moz-transition: background-color 0.25s; -o-transition: background-color 0.25s; + -webkit-transition: background-color 0.25s; transition: background-color 0.25s; display: block; font-size: 0.80rem; @@ -63,7 +61,7 @@ ul.tree { /* line 38, ../sass/tree/_tree.scss */ ul.tree li span.tree-item .label .type-icon .alert { text-shadow: rgba(0, 0, 0, 0.3) 0 1px 2px; - background: #333333; + background: #333; color: #ff3c00; font-size: 0.7em; margin-top: -3px; @@ -105,7 +103,7 @@ ul.tree { /* line 79, ../sass/tree/_tree.scss */ ul.tree li span.tree-item.selected { background: #005177; - color: white; } + color: #fff; } /* line 83, ../sass/tree/_tree.scss */ ul.tree li span.tree-item.selected .view-control { color: #0099cc; } diff --git a/platform/commonUI/general/res/sass/_constants.scss b/platform/commonUI/general/res/sass/_constants.scss index a7b0a5e364..05268ecfb8 100644 --- a/platform/commonUI/general/res/sass/_constants.scss +++ b/platform/commonUI/general/res/sass/_constants.scss @@ -24,7 +24,8 @@ $colorFormValid: #33cc33; $colorFormError: #cc0000; $colorFormInvalid: #ff9900; $colorGridLines: rgba(#fff, 0.05); - +$colorLimitYellow: #cc9900; +$colorLimitRed: #cc0000; // Ratios $ltGamma: 20%; diff --git a/platform/commonUI/general/res/sass/_icons.scss b/platform/commonUI/general/res/sass/_icons.scss index e5557785fe..6557bf8f79 100644 --- a/platform/commonUI/general/res/sass/_icons.scss +++ b/platform/commonUI/general/res/sass/_icons.scss @@ -55,7 +55,7 @@ } .object-header .type-icon { - color: $colorAlt1; + color: $colorKey; margin-right: $interiorMargin; } diff --git a/platform/commonUI/general/res/sass/_limits.scss b/platform/commonUI/general/res/sass/_limits.scss new file mode 100644 index 0000000000..976833c31a --- /dev/null +++ b/platform/commonUI/general/res/sass/_limits.scss @@ -0,0 +1,43 @@ +.s-limit { + $a: 0.7; + $l: 30%; + &:before { + display: inline-block; + font-family: symbolsfont; + line-height: 1.1em; + margin-right: $interiorMarginSm; + vertical-align: bottom; + } + &.s-limit-upr { + &.s-limit-yellow { + background: rgba($colorLimitYellow, $a); + &:before { + color: lighten($colorLimitYellow, $l); + content: "\0000ed"; + } + } + &.s-limit-red { + background: rgba($colorLimitRed, $a); + &:before { + color: lighten($colorLimitRed, $l); + content: "\0000eb"; + } + } + } + &.s-limit-lwr { + &.s-limit-yellow { + background: rgba($colorLimitYellow, $a); + &:before { + color: lighten($colorLimitYellow, $l); + content: "\0000ec"; + } + } + &.s-limit-red { + background: rgba($colorLimitRed, $a); + &:before { + color: lighten($colorLimitRed, $l); + content: "\0000ee"; + } + } + } +} \ No newline at end of file diff --git a/platform/commonUI/general/res/sass/_main.scss b/platform/commonUI/general/res/sass/_main.scss index 99bf5b6322..ff4dd6c73e 100755 --- a/platform/commonUI/general/res/sass/_main.scss +++ b/platform/commonUI/general/res/sass/_main.scss @@ -1,6 +1,7 @@ @import "compass"; @import "compass/reset"; @import "compass/css3"; +@import "compass/css3/animation"; @import "compass/css3/user-interface"; @import "compass/utilities"; @@ -14,6 +15,7 @@ @import "text"; @import "badges"; @import "icons"; +@import "limits"; @import "lists/tabular"; @import "controls/buttons"; @import "controls/color-palette"; diff --git a/platform/commonUI/general/res/sass/_mixins.scss b/platform/commonUI/general/res/sass/_mixins.scss index b786d0460b..69919194d9 100644 --- a/platform/commonUI/general/res/sass/_mixins.scss +++ b/platform/commonUI/general/res/sass/_mixins.scss @@ -46,7 +46,7 @@ rgba($c, $a) 25%, transparent 25%, transparent 50%, rgba($c, $a) 50%, rgba($c, $a) 75%, transparent 75%, - transparent 0 + transparent 100% )); background-repeat: repeat; background-size: $d $d; @@ -161,6 +161,10 @@ @include background-image(linear-gradient($deg, rgba($c,0), rgba($c, $a) 100%)); } +@mixin subtleGrad($deg: 0, $c: red, $a0: 0.2, $a1: 0.3) { + @include background-image(linear-gradient($deg, rgba($c,$a0), rgba($c, $a1) 100%)); +} + @mixin txtShdwSubtle($sVal: 0.1) { @include text-shadow(rgba(black, $sVal) 0 1px 2px); } diff --git a/platform/commonUI/general/res/sass/plots/_plots-main.scss b/platform/commonUI/general/res/sass/plots/_plots-main.scss index fc6b847af4..5d91c07f8e 100644 --- a/platform/commonUI/general/res/sass/plots/_plots-main.scss +++ b/platform/commonUI/general/res/sass/plots/_plots-main.scss @@ -1,5 +1,5 @@ $yBarW: 60px; -$yLabelW: auto; //10px; +$yLabelW: auto; $xBarH: 32px; $legendH: 24px; $colorHash: rgba(white, 0.3); @@ -38,7 +38,7 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa .gl-plot-coords { @include box-sizing(border-box); @include border-radius($controlCr); - background: rgba($colorAlt1, 0.5); + background: black; //rgba($colorKey, 0.5); color: lighten($colorBodyFg, 30%); padding: 2px 5px; position: absolute; @@ -80,7 +80,7 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa } &.gl-plot-y-label, - &.l-plot-y-label { + &.l-plot-y-label { $x: -50%; $r: -90deg; @include transform-origin(50%, 0); @@ -129,55 +129,69 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa height: $legendH; overflow-x: hidden; overflow-y: auto; -// .plot-legend-item { -// display: inline-block; -// margin-right: $interiorMarginLg; -// span { -// vertical-align: middle; -// } -// .plot-color-swatch { -// @include border-radius(2px); -// display: inline-block; -// height: $swatchD; -// width: $swatchD; -// margin-right: $interiorMarginSm; -// } -// } } - - .l-limit { -// @include linearGlow(0,#66cc66); -// @include test(); - $cLimit0: #cc9900; - $cLimit1: #cc0000; - $h: 30px; - position: absolute; - top: auto; left: 0; right: 0; - height: $h; width: auto; - &.s-limit-upr { -// border-top: 1px solid; - &.s-limit-0 { -// border-color: $cLimit0; - @include linearGlow(0deg,$cLimit0); - } - &.s-limit-1 { -// border-color: $cLimit1; - @include linearGlow(0deg,$cLimit1); - } - } - &.s-limit-lwr { -// border-bottom: 1px solid; - &.s-limit-0 { -// border-color: $cLimit0; - @include linearGlow(180deg,$cLimit0); - } - &.s-limit-1 { -// border-color: $cLimit1; - @include linearGlow(180deg,$cLimit1); - } - } - } + + /****************************** Limits */ + + //.l-limit, + .l-oob-data { + position: absolute; + left: 0; + right: 0; + width: auto; + } + + /*.l-limit { + // Limits in plot display area + + $h: 10px; + $a0: 0.1; + $a1: 0.2; + //top: auto; + height: auto; + z-index: 0; + &.s-limit-upr { + //$dir: 0deg; + &.s-limit-yellow { + @include limitBg($colorLimitYellow); + } + &.s-limit-red { + @include limitBg($colorLimitRed); + } + } + &.s-limit-lwr { + //$dir: 180deg; + &.s-limit-yellow { + @include limitBg($colorLimitYellow); + } + &.s-limit-red { + @include limitBg($colorLimitRed); + } + } + }*/ + + .l-oob-data { + $c: #7748d6; + $a: 0.5; + $h: 10px; + @include animation(pulse 2s infinite); + @include absPosDefault(); + pointer-events: none; + height: $h; + z-index: 1; + &.l-oob-data-up { + top: 0; + bottom: auto; + @include linearGlow(0deg, $c, $a); + } + &.l-oob-data-dwn { + bottom: 0; + top: auto; + @include linearGlow(180deg, $c, $a); + } + } } + .gl-plot-legend, .legend { .plot-legend-item, @@ -193,8 +207,7 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa display: inline-block; height: $swatchD; width: $swatchD; - margin-right: $interiorMarginSm; - + //margin-right: $interiorMarginSm; } .title-label { @@ -202,6 +215,21 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa } } +.gl-plot-legend { + .plot-legend-item { + //@include test(); + @include border-radius($controlCr); + color: #fff; + line-height: 1.5em; + padding: 0px 5px; + .plot-color-swatch { + border: 1px solid $colorBodyBg; + height: $swatchD + 1; + width: $swatchD + 1; + } + } +} + .tick { position: absolute; border: 0 $colorHash solid; @@ -211,7 +239,6 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa } } - .gl-plot-tick, .tick-label { // @include test(red); diff --git a/platform/features/plot/res/templates/plot.html b/platform/features/plot/res/templates/plot.html index 0e504ba5b0..65cf351e81 100644 --- a/platform/features/plot/res/templates/plot.html +++ b/platform/features/plot/res/templates/plot.html @@ -1,147 +1,171 @@ - + -
-
- - - - {{telemetryObject.getModel().name}} +
+
+ + -
- -
- {{subplot.getHoverCoordinates()}} -
- -
- -
- {{axes[1].active.name}} -
- -
- {{tick.label}} -
- -
-
- -
-
- -
- -
- -
-
-
-
- - - - - -
- - - < - - - - I - - -
- - - - {{plot.getMode().glyph}} - {{plot.getMode().name}} - v - -
- -
-
- -
- - -
-
- -
- {{tick.label}} -
- -
- {{axes[0].active.name}} -
- - -
-
- -
-
- -
+ {{telemetryObject.getModel().name}} +
- + +
+ {{subplot.getHoverCoordinates()}} +
+ +
+ +
+ {{axes[1].active.name}} +
+ +
+ {{tick.label}} +
+ +
+
+ +
+
+ +
+ +
+ +
+ + +
+ + +
+
+ +
+
+
+
+ + + + + +
+ + + < + + + + I + + +
+ + + + {{plot.getMode().glyph}} + {{plot.getMode().name}} + v + +
+ +
+
+ +
+ + +
+
+ +
+ {{tick.label}} +
+ +
+ {{axes[0].active.name}} +
+ + +
+
+ +
+
+ +
+
+