From b09ec2361753c8b543f4d99ed21784c023c9dc09 Mon Sep 17 00:00:00 2001 From: Charles Hacskaylo Date: Tue, 2 Jun 2015 16:12:19 -0700 Subject: [PATCH] [Frontend] Renew of ue-frontend Picks up markup and CSS changes from open1174 (breadcrumbs) --- platform/commonUI/general/res/css/forms.css | 82 +- platform/commonUI/general/res/css/items.css | 45 +- platform/commonUI/general/res/css/plots.css | 118 +- .../general/res/css/theme-espresso.css | 1470 +++++++++-------- platform/commonUI/general/res/css/tree.css | 12 +- .../general/res/fonts/symbols/wtdsymbols.eot | Bin 9952 -> 10128 bytes .../general/res/fonts/symbols/wtdsymbols.svg | 10 +- .../general/res/fonts/symbols/wtdsymbols.ttf | Bin 9788 -> 9964 bytes .../general/res/fonts/symbols/wtdsymbols.woff | Bin 6948 -> 7036 bytes .../commonUI/general/res/sass/_autoflow.scss | 19 +- .../commonUI/general/res/sass/_badges.scss | 2 +- .../commonUI/general/res/sass/_constants.scss | 23 +- .../general/res/sass/_data-status.scss | 7 + .../commonUI/general/res/sass/_effects.scss | 17 + .../general/res/sass/_fixed-position.scss | 42 +- .../commonUI/general/res/sass/_icons.scss | 2 +- .../commonUI/general/res/sass/_limits.scss | 52 + platform/commonUI/general/res/sass/_main.scss | 4 + .../commonUI/general/res/sass/_mixins.scss | 17 +- .../res/sass/controls/_breadcrumb.scss | 31 + .../general/res/sass/controls/_controls.scss | 12 +- .../general/res/sass/controls/_menus.scss | 4 +- .../general/res/sass/helpers/_splitter.scss | 2 +- .../general/res/sass/lists/_tabular.scss | 149 +- .../general/res/sass/plots/_plots-main.scss | 82 +- .../res/sass/user-environ/_layout.scss | 23 +- .../res/sass/user-environ/_object-browse.scss | 4 +- .../res/sass/user-environ/_tool-bar.scss | 8 +- .../res/sass/user-environ/_top-bar.scss | 4 +- .../res/templates/controls/breadcrumb.html | 15 + 30 files changed, 1357 insertions(+), 899 deletions(-) create mode 100644 platform/commonUI/general/res/sass/_data-status.scss create mode 100644 platform/commonUI/general/res/sass/_limits.scss create mode 100644 platform/commonUI/general/res/sass/controls/_breadcrumb.scss create mode 100644 platform/commonUI/general/res/templates/controls/breadcrumb.html 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 376850e1d3..822247fd74 100644 --- a/platform/commonUI/general/res/css/items.css +++ b/platform/commonUI/general/res/css/items.css @@ -8,25 +8,24 @@ top: 0; } /* line 8, ../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 21, ../sass/items/_item.scss */ .items-holder .item.grid-item:hover .item-main .item-type { @@ -100,38 +100,39 @@ font-size: 0.8em; } /* line 83, ../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 88, ../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 62cf0bca2a..ef4298f3a1 100644 --- a/platform/commonUI/general/res/css/plots.css +++ b/platform/commonUI/general/res/css/plots.css @@ -1,10 +1,11 @@ /* 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 and Out-of-Bounds data */ } /* line 17, ../sass/plots/_plots-main.scss */ .gl-plot .gl-plot-axis-area { position: absolute; } @@ -26,15 +27,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 +54,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 +69,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,21 +119,69 @@ height: 24px; overflow-x: hidden; overflow-y: auto; } + /* line 136, ../sass/plots/_plots-main.scss */ + .gl-plot .l-limit-bar, + .gl-plot .l-oob-data { + position: absolute; + left: 0; + right: 0; + width: auto; } + /* line 144, ../sass/plots/_plots-main.scss */ + .gl-plot .l-limit-bar { + height: auto; + z-index: 0; } + /* line 152, ../sass/plots/_plots-main.scss */ + .gl-plot .l-limit-bar.s-limit-yellow { + background: rgba(157, 117, 0, 0.2); } + /* line 153, ../sass/plots/_plots-main.scss */ + .gl-plot .l-limit-bar.s-limit-red { + background: rgba(170, 0, 0, 0.2); } + /* line 156, ../sass/plots/_plots-main.scss */ + .gl-plot .l-oob-data { + 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 164, ../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 169, ../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 151, ../sass/plots/_plots-main.scss */ +/* line 179, ../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 154, ../sass/plots/_plots-main.scss */ + /* line 183, ../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 158, ../sass/plots/_plots-main.scss */ + /* line 186, ../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, @@ -145,26 +190,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 172, ../sass/plots/_plots-main.scss */ +/* line 199, ../sass/plots/_plots-main.scss */ +.gl-plot-legend .plot-legend-item { + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + color: #fff; + line-height: 1.5em; + padding: 0px 5px; } + /* line 205, ../sass/plots/_plots-main.scss */ + .gl-plot-legend .plot-legend-item .plot-color-swatch { + border: 1px solid #333; + height: 9px; + width: 9px; } + +/* line 213, ../sass/plots/_plots-main.scss */ .tick { position: absolute; border: 0 rgba(255, 255, 255, 0.3) solid; } - /* line 175, ../sass/plots/_plots-main.scss */ + /* line 216, ../sass/plots/_plots-main.scss */ .tick.tick-x { border-right-width: 1px; height: 100%; } -/* line 183, ../sass/plots/_plots-main.scss */ +/* line 222, ../sass/plots/_plots-main.scss */ .gl-plot-tick, .tick-label { font-size: 0.7rem; @@ -172,7 +228,7 @@ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } - /* line 191, ../sass/plots/_plots-main.scss */ + /* line 230, ../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 { @@ -183,7 +239,7 @@ width: 20%; margin-left: -10%; text-align: center; } - /* line 201, ../sass/plots/_plots-main.scss */ + /* line 240, ../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 { @@ -193,18 +249,18 @@ margin-bottom: -0.5em; text-align: right; } -/* line 212, ../sass/plots/_plots-main.scss */ +/* line 252, ../sass/plots/_plots-main.scss */ .gl-plot-tick.gl-plot-x-tick-label { top: 5px; } -/* line 215, ../sass/plots/_plots-main.scss */ +/* line 255, ../sass/plots/_plots-main.scss */ .gl-plot-tick.gl-plot-y-tick-label { right: 5px; left: 5px; } -/* line 222, ../sass/plots/_plots-main.scss */ +/* line 262, ../sass/plots/_plots-main.scss */ .tick-label.tick-label-x { top: 0; } -/* line 225, ../sass/plots/_plots-main.scss */ +/* line 265, ../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 7df32355af..13e4dbf2d7 100644 --- a/platform/commonUI/general/res/css/theme-espresso.css +++ b/platform/commonUI/general/res/css/theme-espresso.css @@ -1,5 +1,6 @@ +@charset "UTF-8"; /* CONSTANTS */ -/* line 17, ../../../../../../../../../../Library/Ruby/Gems/1.8/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 +21,42 @@ time, mark, audio, video { font-size: 100%; vertical-align: baseline; } -/* line 22, ../../../../../../../../../../Library/Ruby/Gems/1.8/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/1.8/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/1.8/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/1.8/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/1.8/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/1.8/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/1.8/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/1.8/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 +66,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 +77,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; } @@ -87,6 +89,39 @@ a.disabled { .test { background-color: rgba(255, 204, 0, 0.2); } +@-moz-keyframes pulse { + 0% { + opacity: 0.2; } + 100% { + opacity: 1; } } +@-webkit-keyframes pulse { + 0% { + opacity: 0.2; } + 100% { + opacity: 1; } } +@keyframes pulse { + 0% { + opacity: 0.2; } + 100% { + opacity: 1; } } +/* line 38, ../sass/_effects.scss */ +.pulse { + -moz-animation-name: pulse; + -webkit-animation-name: pulse; + animation-name: pulse; + -moz-animation-duration: 1000ms; + -webkit-animation-duration: 1000ms; + animation-duration: 1000ms; + -moz-animation-direction: alternate; + -webkit-animation-direction: alternate; + animation-direction: alternate; + -moz-animation-iteration-count: infinite; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -moz-animation-timing-function: ease-in-out; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; } + /* line 1, ../sass/_global.scss */ a { color: #ccc; @@ -98,8 +133,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 +211,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,7 +233,6 @@ 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'; } @@ -210,7 +244,7 @@ span { bottom: 3px; left: 3px; } -/* line 21, ../sass/user-environ/_layout.scss */ +/* line 19, ../sass/user-environ/_layout.scss */ .browse-area, .edit-area, .editor { @@ -218,10 +252,8 @@ span { /* line 25, ../sass/user-environ/_layout.scss */ .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; } /* line 29, ../sass/user-environ/_layout.scss */ @@ -245,13 +277,13 @@ span { .bar.abs, .btn-menu span.bar.l-click-area { text-wrap: none; white-space: nowrap; } - /* line 53, ../sass/user-environ/_layout.scss */ + /* line 52, ../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 58, ../sass/user-environ/_layout.scss */ + /* line 57, ../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 { @@ -265,11 +297,11 @@ span { .btn-menu span.bar.l-click-area .right .icon.major { margin-left: 15px; } -/* line 76, ../sass/user-environ/_layout.scss */ +/* line 74, ../sass/user-environ/_layout.scss */ .user-environ .browse-area, .user-environ .edit-area, .user-environ .editor { - top: 45px; + top: 40px; right: 5px; bottom: 30px; left: 5px; } @@ -278,37 +310,40 @@ span { .user-environ .edit-area > .contents { left: 0; right: 0; } -/* line 93, ../sass/user-environ/_layout.scss */ -.user-environ .edit-area .tool-bar { - bottom: auto; - height: 35px; - line-height: 28px; } -/* line 98, ../sass/user-environ/_layout.scss */ -.user-environ .edit-area .work-area { - top: 45px; } -/* line 103, ../sass/user-environ/_layout.scss */ +/* line 91, ../sass/user-environ/_layout.scss */ +.user-environ .edit-area { + top: 40px; } + /* line 94, ../sass/user-environ/_layout.scss */ + .user-environ .edit-area .tool-bar { + bottom: auto; + height: 30px; + line-height: 25px; } + /* line 99, ../sass/user-environ/_layout.scss */ + .user-environ .edit-area .work-area { + top: 40px; } +/* line 104, ../sass/user-environ/_layout.scss */ .user-environ .bottom-bar { top: auto; right: 5px; bottom: 5px; left: 5px; height: 20px; } - /* line 109, ../sass/user-environ/_layout.scss */ + /* line 110, ../sass/user-environ/_layout.scss */ .user-environ .bottom-bar .status-holder { right: 110px; } - /* line 112, ../sass/user-environ/_layout.scss */ + /* line 113, ../sass/user-environ/_layout.scss */ .user-environ .bottom-bar .app-logo { left: auto; width: 105px; } -/* line 119, ../sass/user-environ/_layout.scss */ +/* line 120, ../sass/user-environ/_layout.scss */ .cols { overflow: hidden; *zoom: 1; } - /* line 121, ../sass/user-environ/_layout.scss */ + /* line 122, ../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; @@ -316,89 +351,103 @@ span { margin-left: 1.5%; padding-left: 5px; position: relative; } - /* line 129, ../sass/user-environ/_layout.scss */ + /* line 130, ../sass/user-environ/_layout.scss */ .cols .col:first-child { margin-left: 0; padding-left: 0; } - /* line 136, ../sass/user-environ/_layout.scss */ + /* line 137, ../sass/user-environ/_layout.scss */ .cols.cols-2 .col-1 { min-width: 250px; width: 48.5%; } - /* line 142, ../sass/user-environ/_layout.scss */ + /* line 143, ../sass/user-environ/_layout.scss */ .cols.cols-2-ff .col-100px { width: 100px; } - /* line 149, ../sass/user-environ/_layout.scss */ + /* line 150, ../sass/user-environ/_layout.scss */ .cols.cols-6 .col-1 { min-width: 83.33333px; width: 15.16667%; } - /* line 155, ../sass/user-environ/_layout.scss */ + /* line 156, ../sass/user-environ/_layout.scss */ .cols.cols-16 .col-1 { min-width: 31.25px; width: 4.75%; } - /* line 158, ../sass/user-environ/_layout.scss */ + /* line 159, ../sass/user-environ/_layout.scss */ .cols.cols-16 .col-2 { min-width: 62.5px; width: 11%; } - /* line 161, ../sass/user-environ/_layout.scss */ + /* line 162, ../sass/user-environ/_layout.scss */ .cols.cols-16 .col-7 { min-width: 218.75px; width: 42.25%; } - /* line 167, ../sass/user-environ/_layout.scss */ + /* line 168, ../sass/user-environ/_layout.scss */ .cols.cols-32 .col-2 { min-width: 31.25px; width: 4.75%; } - /* line 170, ../sass/user-environ/_layout.scss */ + /* line 171, ../sass/user-environ/_layout.scss */ .cols.cols-32 .col-15 { min-width: 234.375px; width: 45.375%; } - /* line 174, ../sass/user-environ/_layout.scss */ + /* line 175, ../sass/user-environ/_layout.scss */ .cols .l-row { overflow: hidden; *zoom: 1; padding: 5px 0; } -/* line 180, ../sass/user-environ/_layout.scss */ +/* line 181, ../sass/user-environ/_layout.scss */ .pane { position: absolute; } - /* line 183, ../sass/user-environ/_layout.scss */ + /* line 184, ../sass/user-environ/_layout.scss */ .pane.treeview .create-btn-holder { bottom: auto; - height: 35px; } - /* line 186, ../sass/user-environ/_layout.scss */ + top: 0; + height: 30px; } + /* line 187, ../sass/user-environ/_layout.scss */ + .pane.treeview .create-btn-holder .wrapper.menu-element { + position: absolute; + bottom: 5px; } + /* line 192, ../sass/user-environ/_layout.scss */ .pane.treeview .tree-holder { overflow: auto; - top: 40px; } - /* line 195, ../sass/user-environ/_layout.scss */ - .pane.items .object-holder { - top: 40px; } + top: 35px; } /* line 200, ../sass/user-environ/_layout.scss */ + .pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .btn-menu span.left.l-click-area, .btn-menu .pane.items .object-browse-bar span.left.l-click-area, + .pane.items .object-browse-bar .right.abs, + .pane.items .object-browse-bar .btn-menu span.right.l-click-area, + .btn-menu .pane.items .object-browse-bar span.right.l-click-area { + top: auto; } + /* line 204, ../sass/user-environ/_layout.scss */ + .pane.items .object-browse-bar .right.abs, .pane.items .object-browse-bar .btn-menu span.right.l-click-area, .btn-menu .pane.items .object-browse-bar span.right.l-click-area { + bottom: 5px; } + /* line 208, ../sass/user-environ/_layout.scss */ + .pane.items .object-holder { + top: 35px; } + /* line 213, ../sass/user-environ/_layout.scss */ .pane.edit-main .object-holder { top: 0; } - /* line 206, ../sass/user-environ/_layout.scss */ + /* line 219, ../sass/user-environ/_layout.scss */ .pane .object-holder { overflow: auto; } -/* line 214, ../sass/user-environ/_layout.scss */ +/* line 227, ../sass/user-environ/_layout.scss */ .split-layout.horizontal > .pane { margin-top: 5px; } - /* line 217, ../sass/user-environ/_layout.scss */ + /* line 230, ../sass/user-environ/_layout.scss */ .split-layout.horizontal > .pane:first-child { margin-top: 0; } -/* line 224, ../sass/user-environ/_layout.scss */ +/* line 237, ../sass/user-environ/_layout.scss */ .split-layout.vertical > .pane { margin-left: 5px; } - /* line 226, ../sass/user-environ/_layout.scss */ + /* line 239, ../sass/user-environ/_layout.scss */ .split-layout.vertical > .pane > .holder { left: 0; right: 0; } - /* line 230, ../sass/user-environ/_layout.scss */ + /* line 243, ../sass/user-environ/_layout.scss */ .split-layout.vertical > .pane:first-child { margin-left: 0; } - /* line 232, ../sass/user-environ/_layout.scss */ + /* line 245, ../sass/user-environ/_layout.scss */ .split-layout.vertical > .pane:first-child .holder { right: 5px; } -/* line 241, ../sass/user-environ/_layout.scss */ +/* line 254, ../sass/user-environ/_layout.scss */ .vscroll { overflow-y: auto; } @@ -411,81 +460,89 @@ span { left: 0; width: auto; height: auto; } - /* line 12, ../sass/_fixed-position.scss */ + /* line 8, ../sass/_fixed-position.scss */ .t-fixed-position.l-fixed-position .l-grid-holder { position: relative; height: 100%; width: 100%; } - /* line 16, ../sass/_fixed-position.scss */ + /* line 11, ../sass/_fixed-position.scss */ .t-fixed-position.l-fixed-position .l-grid-holder .l-grid { position: absolute; height: 100%; width: 100%; pointer-events: none; z-index: 0; } -/* line 27, ../sass/_fixed-position.scss */ +/* line 21, ../sass/_fixed-position.scss */ .t-fixed-position .l-fixed-position-item { position: absolute; border: 1px solid transparent; } - /* line 31, ../sass/_fixed-position.scss */ + /* 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 36, ../sass/_fixed-position.scss */ + /* line 30, ../sass/_fixed-position.scss */ .t-fixed-position .l-fixed-position-item.s-not-selected { opacity: 0.8; } - /* line 42, ../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%; } - /* line 51, ../sass/_fixed-position.scss */ + /* line 44, ../sass/_fixed-position.scss */ .t-fixed-position .l-fixed-position-item .l-fixed-position-image { background-size: cover; background-repeat: no-repeat; background-position: center; } - /* line 57, ../sass/_fixed-position.scss */ + /* line 50, ../sass/_fixed-position.scss */ .t-fixed-position .l-fixed-position-item .l-fixed-position-text { text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; border: 1px solid transparent; - font-size: 0.8rem; } - /* line 62, ../sass/_fixed-position.scss */ + font-size: 0.8rem; + line-height: 100%; } + /* line 56, ../sass/_fixed-position.scss */ .t-fixed-position .l-fixed-position-item .l-fixed-position-text.l-static-text { - padding: 3px; } - /* line 67, ../sass/_fixed-position.scss */ + padding: 1px; } + /* line 61, ../sass/_fixed-position.scss */ .t-fixed-position .l-fixed-position-item .l-fixed-position-text.l-telemetry .l-elem { overflow: hidden; position: absolute; - top: 3px; - right: 3px; - bottom: 3px; - left: 3px; + top: 0; + right: 0; + bottom: 0; + left: 0; width: auto; height: auto; - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; + padding: 2px; width: 50%; } - /* line 71, ../sass/_fixed-position.scss */ + /* line 67, ../sass/_fixed-position.scss */ .t-fixed-position .l-fixed-position-item .l-fixed-position-text.l-telemetry .l-elem.l-title { right: auto; - left: 3px; } - /* line 75, ../sass/_fixed-position.scss */ + left: 1px; } + /* line 71, ../sass/_fixed-position.scss */ .t-fixed-position .l-fixed-position-item .l-fixed-position-text.l-telemetry .l-elem.l-value { - right: 3px; + right: 1px; left: auto; text-align: right; } - /* line 80, ../sass/_fixed-position.scss */ + /* line 76, ../sass/_fixed-position.scss */ .t-fixed-position .l-fixed-position-item .l-fixed-position-text.l-telemetry .l-elem.l-value.telem-only { - left: 3px; + left: 1px; width: auto; } + /* line 81, ../sass/_fixed-position.scss */ + .t-fixed-position .l-fixed-position-item .l-fixed-position-text.l-telemetry .l-elem.l-value .l-value-bg { + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + padding: 0 4px; } /* line 91, ../sass/_fixed-position.scss */ .t-fixed-position .l-fixed-position-item-handle { background: rgba(0, 153, 204, 0.5); @@ -495,17 +552,19 @@ span { /* line 105, ../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 109, ../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 117, ../sass/_fixed-position.scss */ .edit-mode .t-fixed-position .l-fixed-position-item:not(.s-selected) { @@ -612,43 +671,41 @@ 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; - line-height: 35px; + height: 25px; + line-height: 25px; margin-right: 5px; width: 35px; vertical-align: middle; } /* 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; } @@ -691,11 +748,11 @@ span { display: inline-block; font-size: 1rem; vertical-align: middle; } - /* line 171, ../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; } @@ -703,16 +760,16 @@ span { /* line 49, ../sass/_icons.scss */ .icon-buttons-main .invoke-menu { color: #666666; } - /* line 171, ../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, @@ -721,90 +778,228 @@ span { line-height: 1.695rem; position: absolute; } +/*.s-limit-upr, +.s-limit-lwr { + $a: 0.5; + $l: 30%; + white-space: nowrap; + &:before { + display: inline-block; + font-family: symbolsfont; + font-size: 0.85em; + font-style: normal !important; + margin-right: $interiorMarginSm; + vertical-align: middle; + } +} + +.s-limit-upr { + &.s-limit-yellow { @include limit($colorLimitYellow, "\0000ed"); } + &.s-limit-red { @include limit($colorLimitRed, "\0000eb"); } +} + +.s-limit-lwr { + &.s-limit-yellow { @include limit($colorLimitYellow, "\0000ec"); } + &.s-limit-red { @include limit($colorLimitRed, "\0000ee"); } +}*/ +/* line 35, ../sass/_limits.scss */ +[class*="s-limit"] { + white-space: nowrap; } + /* line 39, ../sass/_limits.scss */ + [class*="s-limit"]:before { + display: inline-block; + font-family: symbolsfont; + font-size: 0.85em; + font-style: normal !important; + margin-right: 3px; + vertical-align: middle; } + +/* line 49, ../sass/_limits.scss */ +.s-limit-upr-red { + background: #aa0000; } + /* line 3, ../sass/_limits.scss */ + .s-limit-upr-red:before { + color: #ff4444; + content: "ë"; } + +/* line 50, ../sass/_limits.scss */ +.s-limit-upr-yellow { + background: #9d7500; } + /* line 3, ../sass/_limits.scss */ + .s-limit-upr-yellow:before { + color: #ffcc37; + content: "í"; } + +/* line 51, ../sass/_limits.scss */ +.s-limit-lwr-yellow { + background: #9d7500; } + /* line 3, ../sass/_limits.scss */ + .s-limit-lwr-yellow:before { + color: #ffcc37; + content: "ì"; } + +/* line 52, ../sass/_limits.scss */ +.s-limit-lwr-red { + background: #aa0000; } + /* line 3, ../sass/_limits.scss */ + .s-limit-lwr-red:before { + color: #ff4444; + content: "î"; } + +/* line 1, ../sass/_data-status.scss */ +.s-stale { + color: rgba(255, 255, 255, 0.5) !important; + font-style: italic; } + /* line 3, ../sass/_data-status.scss */ + .s-stale .td { + color: rgba(255, 255, 255, 0.5) !important; + font-style: italic; } + /* line 1, ../sass/lists/_tabular.scss */ -.w1 { - background: #4d4d4d; - padding-top: 20px; - position: relative; } +.w1, .w2 { + position: relative; + height: 100%; } /* line 6, ../sass/lists/_tabular.scss */ -.w2 { - background: #1a1a1a; - overflow-y: auto; } - -/* 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; + color: #fff; display: table; font-size: 0.8em; + position: relative; + height: 100%; width: 100%; } - /* line 18, ../sass/lists/_tabular.scss */ - .tabular .tr { - display: table-row; } - /* line 20, ../sass/lists/_tabular.scss */ - .tabular .tr:first-child .td { - border-top: none; } - /* line 23, ../sass/lists/_tabular.scss */ - .tabular .tr:hover { + /* line 16, ../sass/lists/_tabular.scss */ + .tabular thead, .tabular .thead, + .tabular tbody tr, .tabular .tbody .tr { + display: table; + width: 100%; + table-layout: fixed; } + /* line 22, ../sass/lists/_tabular.scss */ + .tabular thead, .tabular .thead { + width: calc(100% - 10px); } + /* line 24, ../sass/lists/_tabular.scss */ + .tabular thead tr, .tabular thead .tr, .tabular .thead tr, .tabular .thead .tr { + height: 18px; } + /* line 27, ../sass/lists/_tabular.scss */ + .tabular thead:before, .tabular .thead:before { + content: ""; + display: block; + z-index: 0; + position: absolute; + width: 100%; + height: 18px; + background: rgba(255, 255, 255, 0.15); } + /* line 37, ../sass/lists/_tabular.scss */ + .tabular tbody, .tabular .tbody { + overflow: hidden; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: auto; + height: auto; + top: 18px; + display: block; + overflow-y: scroll; } + /* line 45, ../sass/lists/_tabular.scss */ + .tabular tbody tr:hover, .tabular tbody .tr:hover, .tabular .tbody tr:hover, .tabular .tbody .tr:hover { background: rgba(255, 255, 255, 0.1); } - /* line 26, ../sass/lists/_tabular.scss */ - .tabular .tr.header { - display: table-header-group; } - /* line 28, ../sass/lists/_tabular.scss */ - .tabular .tr.header .th { - border: none; - color: transparent; - height: 0px; - line-height: 0; - padding: 0 5px; - white-space: nowrap; - vertical-align: middle; } - /* line 36, ../sass/lists/_tabular.scss */ - .tabular .tr.header .th:first-child em { - border-left: none; } - /* line 40, ../sass/lists/_tabular.scss */ - .tabular .tr.header .th.sort em:after { - display: inline-block; - font-family: symbolsfont; - margin-left: 5px; } - /* line 45, ../sass/lists/_tabular.scss */ - .tabular .tr.header .th.sort.asc em:after { - content: '0'; } - /* line 46, ../sass/lists/_tabular.scss */ - .tabular .tr.header .th.sort.desc em:after { - content: '1'; } - /* line 48, ../sass/lists/_tabular.scss */ - .tabular .tr.header .th em { - border-left: 1px solid rgba(255, 255, 255, 0.1); - color: #b3b3b3; - cursor: pointer; - display: block; - font-style: normal; - font-weight: bold; - height: 20px; - line-height: 20px; - margin-left: -5px; - padding: 0 5px; - position: absolute; - top: 0; - vertical-align: middle; } - /* line 63, ../sass/lists/_tabular.scss */ - .tabular .tr.header .th em:hover { - color: #e6e6e6; } - /* line 69, ../sass/lists/_tabular.scss */ - .tabular .tr .th, .tabular .tr .td { - display: table-cell; } - /* line 72, ../sass/lists/_tabular.scss */ - .tabular .tr .td { - border-top: 1px solid rgba(255, 255, 255, 0.1); - padding: 2px 5px; } - /* line 75, ../sass/lists/_tabular.scss */ - .tabular .tr .td.numeric { - text-align: right; } + /* line 53, ../sass/lists/_tabular.scss */ + .tabular tr:first-child .td, .tabular .tr:first-child .td { + border-top: none; } + /* line 56, ../sass/lists/_tabular.scss */ + .tabular tr th, .tabular tr .th, .tabular tr td, .tabular tr .td, .tabular .tr th, .tabular .tr .th, .tabular .tr td, .tabular .tr .td { + display: table-cell; } + /* line 59, ../sass/lists/_tabular.scss */ + .tabular tr th, .tabular tr .th, .tabular .tr th, .tabular .tr .th { + border: none; + border-left: 1px solid rgba(255, 255, 255, 0.1); + color: #b3b3b3; + padding: 0 5px; + white-space: nowrap; + vertical-align: middle; + /* em { + //background: rgba(green, 0.2); + border-left: 1px solid $tabularColorBorder; + color: $tabularColorHeaderFg; + cursor: pointer; + display: block; + font-style: normal; + font-weight: bold; + height: $tabularHeaderH; + line-height: $tabularHeaderH; + margin-left: - $tabularTdPadLR; + padding: 0 $tabularTdPadLR; + position: absolute; + top: 0; + vertical-align: middle; + &:hover { + color: lighten($tabularColorHeaderFg, 20%); + } + }*/ } + /* line 66, ../sass/lists/_tabular.scss */ + .tabular tr th:first-child, .tabular tr .th:first-child, .tabular .tr th:first-child, .tabular .tr .th:first-child { + border-left: none; } + /* line 70, ../sass/lists/_tabular.scss */ + .tabular tr th.sort .icon-sorting:before, .tabular tr .th.sort .icon-sorting:before, .tabular .tr th.sort .icon-sorting:before, .tabular .tr .th.sort .icon-sorting:before { + display: inline-block; + font-family: symbolsfont; + margin-left: 5px; } + /* line 75, ../sass/lists/_tabular.scss */ + .tabular tr th.sort.asc .icon-sorting:before, .tabular tr .th.sort.asc .icon-sorting:before, .tabular .tr th.sort.asc .icon-sorting:before, .tabular .tr .th.sort.asc .icon-sorting:before { + content: '0'; } + /* line 78, ../sass/lists/_tabular.scss */ + .tabular tr th.sort.desc .icon-sorting:before, .tabular tr .th.sort.desc .icon-sorting:before, .tabular .tr th.sort.desc .icon-sorting:before, .tabular .tr .th.sort.desc .icon-sorting:before { + content: '1'; } + /* line 102, ../sass/lists/_tabular.scss */ + .tabular tr td, .tabular tr .td, .tabular .tr td, .tabular .tr .td { + border-top: 1px solid rgba(255, 255, 255, 0.1); + padding: 2px 5px; } + /* line 105, ../sass/lists/_tabular.scss */ + .tabular tr td.numeric, .tabular tr .td.numeric, .tabular .tr td.numeric, .tabular .tr .td.numeric { + text-align: right; } + /* line 111, ../sass/lists/_tabular.scss */ + .tabular.filterable tbody, .tabular.filterable .tbody { + top: 36px; } + +/* line 1, ../sass/controls/_breadcrumb.scss */ +.l-breadcrumb { + font-size: 0.7rem; + line-height: 1em; + margin-bottom: 5px; + margin-left: -4px; } + /* line 10, ../sass/controls/_breadcrumb.scss */ + .l-breadcrumb .l-breadcrumb-item a { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -moz-border-radius: 2.25px; + -webkit-border-radius: 2.25px; + border-radius: 2.25px; + -moz-transition: background-color 0.25s; + -o-transition: background-color 0.25s; + -webkit-transition: background-color 0.25s; + transition: background-color 0.25s; + color: #737373; + display: inline-block; + padding: 2px 4px; } + /* line 18, ../sass/controls/_breadcrumb.scss */ + .l-breadcrumb .l-breadcrumb-item a .icon { + color: #0099cc; + margin-right: 5px; } + /* line 22, ../sass/controls/_breadcrumb.scss */ + .l-breadcrumb .l-breadcrumb-item a:hover { + background: #4d4d4d; + color: #b3b3b3; } + /* line 25, ../sass/controls/_breadcrumb.scss */ + .l-breadcrumb .l-breadcrumb-item a:hover .icon { + color: #33ccff; } /*********************************** TYPE STYLES */ /* line 4, ../sass/controls/_buttons.scss */ @@ -814,13 +1009,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; @@ -828,32 +1021,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 */ @@ -876,7 +1069,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, @@ -885,8 +1078,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 */ @@ -897,24 +1090,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; @@ -926,11 +1119,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; } @@ -939,7 +1132,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 { @@ -956,10 +1149,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; } @@ -975,13 +1166,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; @@ -1025,125 +1214,123 @@ 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; text-decoration: none; } /* line 84, ../sass/controls/_controls.scss */ .btn.create-btn { - height: 35px; - line-height: 35px; - font-size: 1.1em; - padding: 0 15px 0 10px; } - /* line 90, ../sass/controls/_controls.scss */ + height: 25px; + line-height: 25px; + padding: 0 22.5px; } + /* line 91, ../sass/controls/_controls.scss */ .btn.create-btn .menu { - margin-left: -10px; } - /* line 93, ../sass/controls/_controls.scss */ + margin-left: -22.5px; } + /* line 94, ../sass/controls/_controls.scss */ .btn.create-btn .ui-symbol.major { font-size: 1.1em; } - /* line 97, ../sass/controls/_controls.scss */ + /* line 98, ../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 */ + /* line 103, ../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 */ + /* line 107, ../sass/controls/_controls.scss */ .btn.major .invoke-menu { color: #ccf2ff; } - /* line 110, ../sass/controls/_controls.scss */ + /* line 111, ../sass/controls/_controls.scss */ .btn.normal { - padding: 5px 7px; } - /* line 114, ../sass/controls/_controls.scss */ + padding: 11.25px 15.75px; } + /* line 115, ../sass/controls/_controls.scss */ .btn.outline:hover { background: rgba(255, 255, 255, 0.1); } - /* line 118, ../sass/controls/_controls.scss */ + /* line 119, ../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; @@ -1151,28 +1338,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 */ + /* line 123, ../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; @@ -1180,69 +1367,66 @@ 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 */ + /* line 126, ../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; } - /* line 131, ../sass/controls/_controls.scss */ + /* line 132, ../sass/controls/_controls.scss */ .btn.icon-btn .icon { color: #0099cc; } - /* line 135, ../sass/controls/_controls.scss */ + /* line 136, ../sass/controls/_controls.scss */ .btn.icon-btn:not(.disabled):hover .icon { color: #33ccff; } -/* line 145, ../sass/controls/_controls.scss */ +/* line 144, ../sass/controls/_controls.scss */ .btn-bar .btn, .btn-bar .btn-set, .btn-bar .t-btn { display: inline-block; } -/* line 157, ../sass/controls/_controls.scss */ +/* line 158, ../sass/controls/_controls.scss */ .l-composite-control { vertical-align: middle; } - /* line 160, ../sass/controls/_controls.scss */ + /* line 161, ../sass/controls/_controls.scss */ .l-composite-control.l-checkbox .composite-control-label { line-height: 18px; } -/* line 166, ../sass/controls/_controls.scss */ +/* line 167, ../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; padding: 0 5px; position: relative; } - /* line 174, ../sass/controls/_controls.scss */ + /* line 175, ../sass/controls/_controls.scss */ .l-control-group:first-child { border-left: none; padding-left: 0; } -/* line 180, ../sass/controls/_controls.scss */ +/* line 181, ../sass/controls/_controls.scss */ .btn-set { display: inline-block; position: relative; } /* line 185, ../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; } - /* line 189, ../sass/controls/_controls.scss */ + /* line 190, ../sass/controls/_controls.scss */ .btn-set .btn:first-child, .btn-set .t-btn:first-child { border-left: none; @@ -1252,7 +1436,7 @@ a.l-btn span { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } - /* line 193, ../sass/controls/_controls.scss */ + /* line 194, ../sass/controls/_controls.scss */ .btn-set .btn:last-child, .btn-set .t-btn:last-child { -moz-border-radius-topright: 3px; @@ -1262,7 +1446,7 @@ a.l-btn span { -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } -/* line 204, ../sass/controls/_controls.scss */ +/* line 200, ../sass/controls/_controls.scss */ .object-browse-bar .btn, .object-browse-bar .t-btn, .top-bar .buttons-main .btn, @@ -1270,10 +1454,10 @@ a.l-btn span { .tool-bar .btn, .tool-bar .t-btn { display: inline-block; - font-size: 12.6px; - height: 28px; - line-height: 28px; } - /* line 210, ../sass/controls/_controls.scss */ + font-size: 11.25px; + height: 25px; + line-height: 25px; } + /* line 211, ../sass/controls/_controls.scss */ .object-browse-bar .btn .icon:not(.invoke-menu), .object-browse-bar .t-btn .icon:not(.invoke-menu), .top-bar .buttons-main .btn .icon:not(.invoke-menu), @@ -1283,7 +1467,7 @@ a.l-btn span { font-size: 150%; vertical-align: middle; } -/* line 218, ../sass/controls/_controls.scss */ +/* line 219, ../sass/controls/_controls.scss */ label.checkbox.custom { cursor: pointer; display: inline-block; @@ -1292,18 +1476,16 @@ label.checkbox.custom { padding-left: 19px; position: relative; vertical-align: top; } - /* line 229, ../sass/controls/_controls.scss */ + /* line 230, ../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 */ + /* line 235, ../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; @@ -1319,153 +1501,151 @@ label.checkbox.custom { top: 0; position: absolute; text-align: center; } - /* line 252, ../sass/controls/_controls.scss */ + /* line 253, ../sass/controls/_controls.scss */ label.checkbox.custom.no-text { overflow: hidden; margin-right: 0; padding-left: 0; height: 14px; width: 14px; } - /* line 258, ../sass/controls/_controls.scss */ + /* line 259, ../sass/controls/_controls.scss */ label.checkbox.custom.no-text em { overflow: hidden; } - /* line 262, ../sass/controls/_controls.scss */ + /* line 263, ../sass/controls/_controls.scss */ label.checkbox.custom input { display: none; } - /* line 264, ../sass/controls/_controls.scss */ + /* line 265, ../sass/controls/_controls.scss */ label.checkbox.custom input:checked ~ em:before { background: #0099cc; color: #ccf2ff; content: "2"; } -/* line 272, ../sass/controls/_controls.scss */ +/* line 273, ../sass/controls/_controls.scss */ .input-labeled { margin-left: 5px; } - /* line 274, ../sass/controls/_controls.scss */ + /* line 275, ../sass/controls/_controls.scss */ .input-labeled label { display: inline-block; margin-right: 3px; } - /* line 278, ../sass/controls/_controls.scss */ + /* line 279, ../sass/controls/_controls.scss */ .input-labeled.inline { display: inline-block; } - /* line 281, ../sass/controls/_controls.scss */ + /* line 282, ../sass/controls/_controls.scss */ .input-labeled:first-child { margin-left: 0; } -/* line 286, ../sass/controls/_controls.scss */ +/* line 287, ../sass/controls/_controls.scss */ .btn-menu label.checkbox.custom { margin-left: 5px; } -/* line 291, ../sass/controls/_controls.scss */ +/* line 292, ../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 */ +/* line 298, ../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 */ + /* line 305, ../sass/controls/_controls.scss */ .btn-menu.dropdown { padding-left: 10px; padding-right: 10px; } - /* line 310, ../sass/controls/_controls.scss */ + /* line 311, ../sass/controls/_controls.scss */ .btn-menu:not(.disabled):hover { color: #cccccc; } - /* line 314, ../sass/controls/_controls.scss */ + /* line 315, ../sass/controls/_controls.scss */ .btn-menu.btn-invoke-menu { color: #0099cc; padding: 0 5px; } - /* line 318, ../sass/controls/_controls.scss */ + /* line 319, ../sass/controls/_controls.scss */ .btn-menu.btn-invoke-menu:hover { color: deepskyblue; } - /* line 328, ../sass/controls/_controls.scss */ + /* line 329, ../sass/controls/_controls.scss */ .btn-menu .type-icon { margin-right: 5px; } - /* line 331, ../sass/controls/_controls.scss */ + /* line 332, ../sass/controls/_controls.scss */ .btn-menu .menu { position: absolute; left: 0; text-align: left; } - /* line 336, ../sass/controls/_controls.scss */ + /* line 337, ../sass/controls/_controls.scss */ .btn-menu .menu .ui-symbol.icon { width: 12px; } -/* line 342, ../sass/controls/_controls.scss */ +/* line 343, ../sass/controls/_controls.scss */ .top-bar .btn-menu { - height: 35px; - line-height: 35px; + height: 25px; + line-height: 25px; padding-right: 10px; } - /* line 350, ../sass/controls/_controls.scss */ + /* line 351, ../sass/controls/_controls.scss */ .top-bar .btn-menu.browse-btn { margin-right: 5px; - padding-left: 35px; } - /* line 353, ../sass/controls/_controls.scss */ + padding-left: 25px; } + /* line 354, ../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; - line-height: 25px; + line-height: 15px; position: absolute; top: 5px; left: 5px; bottom: 5px; right: auto; - width: 25px; + width: 15px; height: auto; } /******************************************************** OBJECT-HEADER */ -/* line 370, ../sass/controls/_controls.scss */ +/* line 371, ../sass/controls/_controls.scss */ .object-header { display: inline-block; font-size: 1em; } - /* line 373, ../sass/controls/_controls.scss */ + /* line 374, ../sass/controls/_controls.scss */ .object-header .title { color: white; } - /* line 376, ../sass/controls/_controls.scss */ + /* line 377, ../sass/controls/_controls.scss */ .object-header .type-icon { font-size: 1.5em; margin-right: 5px; vertical-align: middle; } -/* line 385, ../sass/controls/_controls.scss */ +/* line 386, ../sass/controls/_controls.scss */ .top-bar .object-header, .object-browse-bar .object-header { font-size: 1.1em; } - /* line 387, ../sass/controls/_controls.scss */ + /* line 388, ../sass/controls/_controls.scss */ .top-bar .object-header span, .object-browse-bar .object-header span { display: inline-block; } @@ -1473,10 +1653,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; @@ -1496,16 +1674,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); @@ -1519,25 +1695,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; @@ -1549,10 +1724,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 { @@ -1591,16 +1767,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); @@ -1610,29 +1784,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 */ @@ -1658,30 +1832,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; @@ -1692,15 +1863,15 @@ label.checkbox.custom { .menu-element .menu ul { margin: 0; padding: 0; } - /* line 179, ../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; @@ -1714,7 +1885,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; } @@ -1731,13 +1902,20 @@ label.checkbox.custom { height: 430px; } /* line 54, ../sass/controls/_menus.scss */ .menu-element .super-menu .contents { - overflow: none; } - /* line 55, ../sass/controls/_menus.scss */ + overflow: hidden; + position: absolute; + top: 5px; + right: 5px; + bottom: 5px; + left: 5px; + width: auto; + height: auto; } + /* line 57, ../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 */ + /* line 59, ../sass/controls/_menus.scss */ .menu-element .super-menu .pane.left { border-right: 1px solid rgba(255, 255, 255, 0.2); left: 0; @@ -1746,28 +1924,26 @@ label.checkbox.custom { width: 225px !important; overflow-x: hidden; overflow-y: auto; } - /* line 67, ../sass/controls/_menus.scss */ + /* line 69, ../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 */ + /* line 75, ../sass/controls/_menus.scss */ .menu-element .super-menu .pane.left ul li:hover { background: #737373; } - /* line 76, ../sass/controls/_menus.scss */ + /* line 78, ../sass/controls/_menus.scss */ .menu-element .super-menu .pane.left ul li .icon { text-shadow: rgba(0, 0, 0, 0.4) 0 1px 2px; left: 5px; } - /* line 83, ../sass/controls/_menus.scss */ + /* line 85, ../sass/controls/_menus.scss */ .menu-element .super-menu .pane.right { left: 225px; right: 0; padding: 25px; width: 225px !important; } - /* line 94, ../sass/controls/_menus.scss */ + /* line 96, ../sass/controls/_menus.scss */ .menu-element .menu-item-description .desc-area.icon { position: relative; color: #8c8c8c; @@ -1776,77 +1952,76 @@ label.checkbox.custom { height: 150px; line-height: 150px; text-align: center; } - /* line 107, ../sass/controls/_menus.scss */ + /* line 109, ../sass/controls/_menus.scss */ .menu-element .menu-item-description .desc-area.description { color: #8c8c8c; font-size: 0.8em; } - /* line 111, ../sass/controls/_menus.scss */ + /* line 113, ../sass/controls/_menus.scss */ .menu-element .menu-item-description .desc-area.title { color: #d9d9d9; font-size: 1.2em; margin-bottom: 1rem; } - /* line 118, ../sass/controls/_menus.scss */ + /* line 120, ../sass/controls/_menus.scss */ .menu-element .context-menu { font-size: 0.80rem; pointer-events: auto; } - /* line 124, ../sass/controls/_menus.scss */ + /* line 126, ../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 */ + /* line 128, ../sass/controls/_menus.scss */ .menu-element .context-menu.menu ul li { padding-left: 30px; } - /* line 128, ../sass/controls/_menus.scss */ + /* line 130, ../sass/controls/_menus.scss */ .menu-element .context-menu.menu ul li a { color: white; } - /* line 129, ../sass/controls/_menus.scss */ + /* line 131, ../sass/controls/_menus.scss */ .menu-element .context-menu.menu ul li .icon { color: #1ac6ff; } - /* line 132, ../sass/controls/_menus.scss */ + /* line 134, ../sass/controls/_menus.scss */ .menu-element .context-menu.menu ul li .type-icon { left: 5px; } - /* line 135, ../sass/controls/_menus.scss */ + /* line 137, ../sass/controls/_menus.scss */ .menu-element .context-menu.menu ul li:hover .icon { color: #33ccff; } -/* line 143, ../sass/controls/_menus.scss */ +/* line 145, ../sass/controls/_menus.scss */ .context-menu-holder { pointer-events: none; position: absolute; height: 200px; width: 170px; z-index: 59; } - /* line 149, ../sass/controls/_menus.scss */ + /* line 151, ../sass/controls/_menus.scss */ .context-menu-holder .context-menu-wrapper { position: absolute; height: 100%; width: 100%; } - /* line 156, ../sass/controls/_menus.scss */ + /* line 158, ../sass/controls/_menus.scss */ .context-menu-holder.go-left .context-menu { right: 0; } - /* line 157, ../sass/controls/_menus.scss */ + /* line 159, ../sass/controls/_menus.scss */ .context-menu-holder.go-up .context-menu { bottom: 0; } -/* line 161, ../sass/controls/_menus.scss */ +/* line 162, ../sass/controls/_menus.scss */ .btn-bar.right .menu, .menus-to-left .menu { left: auto; @@ -1855,10 +2030,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; @@ -1872,8 +2045,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; @@ -1884,11 +2057,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; @@ -1938,13 +2111,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; @@ -1965,7 +2136,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; } @@ -1979,10 +2150,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; @@ -2025,19 +2194,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; @@ -2054,25 +2220,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; @@ -2081,21 +2246,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; @@ -2120,19 +2285,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; @@ -2181,24 +2343,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; @@ -2226,10 +2385,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; @@ -2244,18 +2401,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; @@ -2283,8 +2438,8 @@ input[type="text"] { /* line 68, ../sass/forms/_filter.scss */ .top-bar input.filter { font-size: .9em; - height: 35px; - line-height: 35px; + height: 30px; + line-height: 30px; margin-right: 5px; padding-left: 10px; padding-right: 10px; @@ -2295,11 +2450,12 @@ 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 and Out-of-Bounds data */ } /* line 17, ../sass/plots/_plots-main.scss */ .gl-plot .gl-plot-axis-area { position: absolute; } @@ -2321,15 +2477,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; @@ -2350,13 +2504,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 { @@ -2365,19 +2519,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; @@ -2417,21 +2569,69 @@ input[type="text"] { height: 24px; overflow-x: hidden; overflow-y: auto; } + /* line 136, ../sass/plots/_plots-main.scss */ + .gl-plot .l-limit-bar, + .gl-plot .l-oob-data { + position: absolute; + left: 0; + right: 0; + width: auto; } + /* line 144, ../sass/plots/_plots-main.scss */ + .gl-plot .l-limit-bar { + height: auto; + z-index: 0; } + /* line 152, ../sass/plots/_plots-main.scss */ + .gl-plot .l-limit-bar.s-limit-yellow { + background: rgba(157, 117, 0, 0.2); } + /* line 153, ../sass/plots/_plots-main.scss */ + .gl-plot .l-limit-bar.s-limit-red { + background: rgba(170, 0, 0, 0.2); } + /* line 156, ../sass/plots/_plots-main.scss */ + .gl-plot .l-oob-data { + 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 164, ../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 169, ../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 151, ../sass/plots/_plots-main.scss */ +/* line 179, ../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 154, ../sass/plots/_plots-main.scss */ + /* line 183, ../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 158, ../sass/plots/_plots-main.scss */ + /* line 186, ../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, @@ -2440,26 +2640,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 172, ../sass/plots/_plots-main.scss */ +/* line 199, ../sass/plots/_plots-main.scss */ +.gl-plot-legend .plot-legend-item { + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + color: #fff; + line-height: 1.5em; + padding: 0px 5px; } + /* line 205, ../sass/plots/_plots-main.scss */ + .gl-plot-legend .plot-legend-item .plot-color-swatch { + border: 1px solid #333; + height: 9px; + width: 9px; } + +/* line 213, ../sass/plots/_plots-main.scss */ .tick { position: absolute; border: 0 rgba(255, 255, 255, 0.3) solid; } - /* line 175, ../sass/plots/_plots-main.scss */ + /* line 216, ../sass/plots/_plots-main.scss */ .tick.tick-x { border-right-width: 1px; height: 100%; } -/* line 183, ../sass/plots/_plots-main.scss */ +/* line 222, ../sass/plots/_plots-main.scss */ .gl-plot-tick, .tick-label { font-size: 0.7rem; @@ -2467,7 +2678,7 @@ input[type="text"] { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } - /* line 191, ../sass/plots/_plots-main.scss */ + /* line 230, ../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 { @@ -2478,7 +2689,7 @@ input[type="text"] { width: 20%; margin-left: -10%; text-align: center; } - /* line 201, ../sass/plots/_plots-main.scss */ + /* line 240, ../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 { @@ -2488,18 +2699,18 @@ input[type="text"] { margin-bottom: -0.5em; text-align: right; } -/* line 212, ../sass/plots/_plots-main.scss */ +/* line 252, ../sass/plots/_plots-main.scss */ .gl-plot-tick.gl-plot-x-tick-label { top: 5px; } -/* line 215, ../sass/plots/_plots-main.scss */ +/* line 255, ../sass/plots/_plots-main.scss */ .gl-plot-tick.gl-plot-y-tick-label { right: 5px; left: 5px; } -/* line 222, ../sass/plots/_plots-main.scss */ +/* line 262, ../sass/plots/_plots-main.scss */ .tick-label.tick-label-x { top: 0; } -/* line 225, ../sass/plots/_plots-main.scss */ +/* line 265, ../sass/plots/_plots-main.scss */ .tick-label.tick-label-y { right: 0; left: 0; } @@ -2510,10 +2721,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; @@ -2525,32 +2734,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%; @@ -2599,7 +2805,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 { @@ -2621,32 +2827,29 @@ input[type="text"] { /* line 31, ../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 */ - .top-bar.browse, .top-bar.edit { - border-bottom: 1px solid #4d4d4d; - top: 5px; - right: 5px; - bottom: auto; - left: 5px; - height: 35px; } - /* line 16, ../sass/user-environ/_top-bar.scss */ - .top-bar .title { - color: #fff; } - /* line 21, ../sass/user-environ/_top-bar.scss */ - .top-bar .buttons-main { - font-size: 0.8em; - left: auto; - text-align: right; } - /* line 26, ../sass/user-environ/_top-bar.scss */ - .top-bar .buttons-main .btn { - margin-left: 5px; } +/* line 6, ../sass/user-environ/_top-bar.scss */ +.top-bar.browse, .top-bar.edit { + border-bottom: 1px solid #4d4d4d; + top: 5px; + right: 5px; + bottom: auto; + left: 5px; + height: 30px; } +/* line 16, ../sass/user-environ/_top-bar.scss */ +.top-bar .title { + color: #fff; } +/* line 21, ../sass/user-environ/_top-bar.scss */ +.top-bar .buttons-main { + font-size: 0.8em; + left: auto; + text-align: right; } + /* line 26, ../sass/user-environ/_top-bar.scss */ + .top-bar .buttons-main .btn { + margin-left: 5px; } /* line 34, ../sass/user-environ/_top-bar.scss */ .edit-mode .top-bar .buttons-main { @@ -2663,22 +2866,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; @@ -2695,13 +2896,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; @@ -2717,8 +2916,7 @@ input[type="text"] { /* line 1, ../sass/user-environ/_object-browse.scss */ .object-browse-bar { - height: 35px; - line-height: 35px; } + height: 30px; } /* line 5, ../sass/user-environ/_object-browse.scss */ .object-browse-bar .items-select .btn-menu { margin-right: 15px; } @@ -2728,27 +2926,27 @@ input[type="text"] { border-bottom: 1px solid #4d4d4d; } /* line 3, ../sass/user-environ/_tool-bar.scss */ .tool-bar .l-control-group { - height: 28px; } + height: 25px; } /* 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; + height: 25px; margin-bottom: 1px; position: relative; } /* line 12, ../sass/user-environ/_tool-bar.scss */ .tool-bar input[type="text"].sm { - width: 28px; } + width: 25px; } /* line 16, ../sass/user-environ/_tool-bar.scss */ .tool-bar .input-labeled label { - font-size: 12.6px; } + font-size: 11.25px; } /* 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; } @@ -2794,7 +2992,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; } @@ -2803,7 +3001,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; } @@ -2820,17 +3018,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 { @@ -2850,8 +3046,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; @@ -2922,57 +3118,41 @@ input[type="text"] { /* line 65, ../sass/helpers/_splitter.scss */ .browse-area .splitter { - top: 40px; } + top: 35px; } /* line 69, ../sass/helpers/_splitter.scss */ .edit-area .splitter { 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; position: absolute; - -webkit-animation: rotation 0.6s infinite linear; - -moz-animation: rotation 0.6s infinite linear; - -o-animation: rotation 0.6s infinite linear; - animation: rotation 0.6s infinite linear; + -webkit-animation: rotation .6s infinite linear; + -moz-animation: rotation .6s infinite linear; + -o-animation: rotation .6s infinite linear; + animation: rotation .6s infinite linear; border-color: rgba(0, 153, 204, 0.25); border-top-color: #0099cc; border-style: solid; @@ -3011,10 +3191,10 @@ input[type="text"] { .treeview .wait-spinner { display: block; position: absolute; - -webkit-animation: rotation 0.6s infinite linear; - -moz-animation: rotation 0.6s infinite linear; - -o-animation: rotation 0.6s infinite linear; - animation: rotation 0.6s infinite linear; + -webkit-animation: rotation .6s infinite linear; + -moz-animation: rotation .6s infinite linear; + -o-animation: rotation .6s infinite linear; + animation: rotation .6s infinite linear; border-color: rgba(0, 153, 204, 0.25); border-top-color: #0099cc; border-style: solid; @@ -3061,8 +3241,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; @@ -3072,8 +3252,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; @@ -3088,41 +3268,41 @@ input[type="text"] { /* line 49, ../sass/_autoflow.scss */ .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row:hover { background: rgba(255, 255, 255, 0.1); } - /* line 52, ../sass/_autoflow.scss */ - .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row.stale { - color: #666666; } - /* line 56, ../sass/_autoflow.scss */ - .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row:not(.stale) .l-autoflow-item.r { - color: #cccccc; } - /* line 61, ../sass/_autoflow.scss */ - .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row.alert .l-autoflow-item.r { - background: #cc0000; } - /* line 65, ../sass/_autoflow.scss */ + /* line 54, ../sass/_autoflow.scss */ + .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row.s-stale .l-autoflow-item.l { + color: rgba(255, 255, 255, 0.3) !important; + font-style: italic; } + /* line 55, ../sass/_autoflow.scss */ + .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row.s-stale .l-autoflow-item.r { + color: rgba(255, 255, 255, 0.5) !important; + font-style: italic; } + /* line 58, ../sass/_autoflow.scss */ + .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row:not(.s-stale) .l-autoflow-item.r { + color: #b3b3b3; } + /* line 62, ../sass/_autoflow.scss */ .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row.first-in-group { border-top: 1px solid gray; } - /* line 68, ../sass/_autoflow.scss */ + /* line 65, ../sass/_autoflow.scss */ .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row .l-autoflow-item { display: block; } - /* line 70, ../sass/_autoflow.scss */ + /* line 67, ../sass/_autoflow.scss */ .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row .l-autoflow-item.l { float: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: auto; } - /* line 78, ../sass/_autoflow.scss */ + /* line 74, ../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; - border-radius: 3px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; float: right; margin-left: 5px; padding-left: 2px; padding-right: 2px; text-align: right; } - /* line 90, ../sass/_autoflow.scss */ + /* line 85, ../sass/_autoflow.scss */ .autoflow .l-autoflow-items .l-autoflow-col:first-child { border-left: none; padding-left: 0; } diff --git a/platform/commonUI/general/res/css/tree.css b/platform/commonUI/general/res/css/tree.css index 9afd2d8968..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 179, ../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/fonts/symbols/wtdsymbols.eot b/platform/commonUI/general/res/fonts/symbols/wtdsymbols.eot index 6caed6eec3d0a1b06ed8d53b74d0b8b90e5064cc..bf781e614b96301d24eab919599f4d9f837a127b 100644 GIT binary patch delta 576 zcmZ8d&ubGw6#m}KZrY&TKwAY-ByCO1K`8a0B7&`G3xZaZ{*Z?1Qq$(pZB~*d5tZmc z+U==z@ZiadV8Kf?2W`or_!nsLBw9U)@sI>5=&ieb8(L6@c{6<9_r5o8-nUDOgZko8 zpt_`=)XH-!m8IU{#j@ z5LsjW2Z&EXUu9*kd?R$`H}=S%%;1CdXn6PbzIrt+C)*e|LqL@%7Kt~Eaa{HP&P#Am zgX{GnFDbsf7OyB&^*r%csG=OBy4tIa$bBHyqaRa`wI|xp$nYqGv+98spzG?k{;}nI z%ccQiztL}u8{?&mfoBH`f@epfD(d{64g{%#H)Sci)ke9-nRgvgb9tU1&c#kHf|G<~^ff@sY%|upnmVc8alqNcq)~~1!V_;BIU|?X7ad&ZbV`yby1M-1f1_l3M zeWS)yx%UhVj1fS7LUL|mf&4yeK?Vk9382`m^u*$V|Nj}785mT50OdK-b1KsqqD7W5 zFtDxw8mE(ynwY}o&}{;gy92~#89)JcccxoFy&^!qN=9x;Mg7;$3_U=B9YCCrlb@WZ zswxMxjO7bZ!KU2AiUNiO452_d3m{)1FEKZDg#y!d1_s3|Ku0(g%)_;6rd}5oE*yc-bo~ZPNnK5E=o7(Ehmg)wK;ghq}m6=l=J^%p4H)2Kr diff --git a/platform/commonUI/general/res/fonts/symbols/wtdsymbols.svg b/platform/commonUI/general/res/fonts/symbols/wtdsymbols.svg index 47dc61951f..2ca77321a4 100644 --- a/platform/commonUI/general/res/fonts/symbols/wtdsymbols.svg +++ b/platform/commonUI/general/res/fonts/symbols/wtdsymbols.svg @@ -2,7 +2,7 @@ -Created by FontForge 20090622 at Tue Apr 28 20:52:23 2015 +Created by FontForge 20090622 at Mon May 4 20:21:42 2015 By deploy user Copyright 2015 Adobe Systems Incorporated. All rights reserved. @@ -224,6 +224,14 @@ d="M188 235h-160q-28 67 -28 140q0 156 110 265.5t265 109.5q88 0 164 -37t129 -103h q39 0 66 27.5t27 66.5v93h2h186q39 0 66.5 27.5t27.5 66.5v94h1z" /> + + + + t#CfME$kC{PaQNCt(x#N5;s3QXG>7?f&&j&Lf-FD@z2$Unrupn3o( z{|xLoMh3^{JKOif^V@u7;AVaS6lb`Y+ZqO;nOegpF`Bc-fK|p!wqulKyt_GuaU&!D zoB#irknm(4=4i%ulQWpZ8AT@_U_Q(e8Xgugc_NGT#e&S=` z6XSE^i{p#iyo`0ebUhO=Ocruk&9Q)4RVyK;0;E%AAahAl)E2pgwdvSfM)K{_Eri8St-@u^eO+ pV;RF{XT@*Kj4_j~R9CYXGn6uvFqBPxqH4$(Jy}dmnK@VK5&+1zp;Z6? delta 355 zcmaFkyT_-VfsuiMftR6yftew|%`L?D$%^_g1_m_+ps0+yi>n($D+3#l59Bf^_y_A7 zHKxkFXJBBA0P+)(a}x{X_gM=vFfdC1#cri178m^g4>XBE^#@R%BR!`wjUifO83P0B z3ZQX18L5dWY!2NfK)E|WY?hIcTA#@7&U6c?Sp+Dcl95|d@%1x950JkDh!b-1lM_`{ z<$#v4d;!XD%1x{&U|7Hq3Y4<|@)hzDb5mC+Fl}dGP`my-gTe@B!Kew zz@B4da8#0*{4bv0<|_j?^9!Ij!^PCa?GT!2ar-1jbM^?Z%81E!jIxY(Hpeh-WSlI^ z9L4x*as_iZqu}HV%!em0WU-$7ftimn6v#4~%+I=r^&g)YpV;Potn;Nezg7Ig%os8G Wk?QKnQ`HO@!zUk8Q)W(e_y7QTU0xml diff --git a/platform/commonUI/general/res/fonts/symbols/wtdsymbols.woff b/platform/commonUI/general/res/fonts/symbols/wtdsymbols.woff index 8a4b634718466824d978e61081578be443e76c7d..c028a58cffb499ec586ad2eccfaddae58c96ab46 100644 GIT binary patch delta 6397 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 diff --git a/platform/commonUI/general/res/sass/_autoflow.scss b/platform/commonUI/general/res/sass/_autoflow.scss index 2647299a67..a20cc0b4c9 100644 --- a/platform/commonUI/general/res/sass/_autoflow.scss +++ b/platform/commonUI/general/res/sass/_autoflow.scss @@ -49,17 +49,14 @@ &:hover { background: rgba(#fff, 0.1); } - &.stale { - color: darken($colorBodyFg, 20%); + &.s-stale { + //color: darken($colorBodyFg, 20%); + .l-autoflow-item.l { @include s-stale(0.3); }; + .l-autoflow-item.r { @include s-stale(); }; } - &:not(.stale) { + &:not(.s-stale) { .l-autoflow-item.r { - color: lighten($colorBodyFg, 20%); - } - } - &.alert { - .l-autoflow-item.r { - background: $colorFormError; + color: lighten($colorBodyFg, 10%); } } &.first-in-group { @@ -68,7 +65,6 @@ .l-autoflow-item { display: block; &.l { - // @include test(orange); float: none; overflow: hidden; text-overflow: ellipsis; @@ -76,8 +72,7 @@ width: auto; } &.r { - // @include test(blue); - @include border-radius($controlCr); + @include border-radius($smallCr); float: right; margin-left: $interiorMargin; padding-left: $valPad; diff --git a/platform/commonUI/general/res/sass/_badges.scss b/platform/commonUI/general/res/sass/_badges.scss index 90656fd93a..eeca30d535 100644 --- a/platform/commonUI/general/res/sass/_badges.scss +++ b/platform/commonUI/general/res/sass/_badges.scss @@ -7,7 +7,7 @@ .top-bar .badge { @include border-radius($controlCr * 1.5); - $h: $ueTopBarH; // - 5px; + $h: $btnStdH; //$ueTopBarBtnH; // - 5px; font-size: 1.4em; height: $h; line-height: $h; diff --git a/platform/commonUI/general/res/sass/_constants.scss b/platform/commonUI/general/res/sass/_constants.scss index a7b0a5e364..c7ff8ad895 100644 --- a/platform/commonUI/general/res/sass/_constants.scss +++ b/platform/commonUI/general/res/sass/_constants.scss @@ -5,6 +5,7 @@ $interiorMarginLg: $interiorMargin * 2; $interiorMarginSm: 3px; $basicCr: 3px; $controlCr: $basicCr; +$smallCr: 2px; $badgeW: 35px; // Colors and shading @@ -24,20 +25,25 @@ $colorFormValid: #33cc33; $colorFormError: #cc0000; $colorFormInvalid: #ff9900; $colorGridLines: rgba(#fff, 0.05); - +$colorLimitYellow: #9d7500; +$colorLimitRed: #aa0000; +$colorTelemFresh: #fff; +$colorTelemStale: #888; +$styleTelemState: italic; // Ratios $ltGamma: 20%; $btnFontSizeToH: 0.45; // User Environment -$ueTopBarH: 35px; +$ueTopBarH: 30px; // Change to 45px when breadcrumb is enabled +$ueTopBarEditH: 30px; +$ueTopBarBtnH: 35px; $ueFooterH: 20px; $ueColMargin: 1.5%; $ueAppLogoW: 105px; -$ueBrowseViewBarH: $ueTopBarH; // was 30px -$ueEditToolBarH: $ueBrowseViewBarH; -$ueEditToolBarButtonH: $ueEditToolBarH * 0.8; +//$ueBrowseViewBarH: $ueTopBarH; // was 30px +$ueEditToolBarH: 25px; $ueBrowseLeftPaneW: 25%; $ueEditLeftPaneW: 75%; @@ -55,6 +61,7 @@ $ueBrowseGridItemBottomBarH: 40px; $colorItemBase: lighten($colorBodyBg, 5%); $colorItemFg: lighten($colorItemBase, 20%); $colorItemSelected: $colorKey; +$itemPadLR: 5px; // Tree $treeVCW: 10px; @@ -65,8 +72,8 @@ $colorItemTreeIconHover: lighten($colorItemTreeIcon, 20%); $colorItemTreeVCHover: $colorAlt1; //Tabular -$tabularHeaderH: 20px; -$tabularTdPadLR: 5px; +$tabularHeaderH: 18px; +$tabularTdPadLR: $itemPadLR; $tabularTdPadTB: 2px; $tabularColorBorder: rgba(white, 0.1); $tabularColorBodyBg: darken($colorBodyBg, 10%); @@ -83,6 +90,8 @@ $formRowCtrlsH: 14px; $menuLineH: 1.5rem; $scrollbarTrackSize: 10px; $scrollbarTrackColorBg: rgba(#000, 0.4); +$btnStdH: 25px; +$btnToolbarH: $btnStdH; // Paths $dirImgs: '../images/'; // Relative to platform/css/ directory diff --git a/platform/commonUI/general/res/sass/_data-status.scss b/platform/commonUI/general/res/sass/_data-status.scss new file mode 100644 index 0000000000..24a15db794 --- /dev/null +++ b/platform/commonUI/general/res/sass/_data-status.scss @@ -0,0 +1,7 @@ +.s-stale { + @include s-stale(); + .td { + @include s-stale(); + } +} + diff --git a/platform/commonUI/general/res/sass/_effects.scss b/platform/commonUI/general/res/sass/_effects.scss index 7f0e6f37eb..adf4823ee5 100644 --- a/platform/commonUI/general/res/sass/_effects.scss +++ b/platform/commonUI/general/res/sass/_effects.scss @@ -20,4 +20,21 @@ a.disabled { .test { @include test(); +} + +@include keyframes(pulse) { + 0% { opacity: 0.2; } + 100% { opacity: 1; } +} + +@mixin pulse($dur: 500ms) { + @include animation-name(pulse); + @include animation-duration($dur); + @include animation-direction(alternate); + @include animation-iteration-count(infinite); + @include animation-timing-function(ease-in-out); +} + +.pulse { + @include pulse(1000ms); } \ No newline at end of file diff --git a/platform/commonUI/general/res/sass/_fixed-position.scss b/platform/commonUI/general/res/sass/_fixed-position.scss index ab81688b49..737edf8545 100644 --- a/platform/commonUI/general/res/sass/_fixed-position.scss +++ b/platform/commonUI/general/res/sass/_fixed-position.scss @@ -1,23 +1,17 @@ .t-fixed-position { &.l-fixed-position { - // @include test(red); +// @include test(red); position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - width: auto; - height: auto; + top: 0; right: 0; bottom: 0; left: 0; + width: auto; height: auto; .l-grid-holder { position: relative; - height: 100%; - width: 100%; + height: 100%; width: 100%; .l-grid { - // @include test(orange); +// @include test(orange); position: absolute; - height: 100%; - width: 100%; + height: 100%; width: 100%; pointer-events: none; z-index: 0; } @@ -41,13 +35,12 @@ .l-fixed-position-image, .l-fixed-position-text { @include box-sizing(border-box); - height: 100%; - width: 100%; + height: 100%; width: 100%; } .l-fixed-position-box { } - + .l-fixed-position-image { background-size: cover; background-repeat: no-repeat; @@ -56,32 +49,39 @@ .l-fixed-position-text { @include txtShdwSubtle(); - border: 1px solid transparent; + border:1px solid transparent; font-size: 0.8rem; - $p: $interiorMarginSm; + $p: 1px; //$interiorMarginSm; + line-height: 100%; &.l-static-text { - // overflow: auto; +// overflow: auto; padding: $p; } &.l-telemetry { .l-elem { - @include absPosDefault($p); + //@include absPosDefault($p); + @include absPosDefault(0); @include box-sizing(border-box); + padding: 2px; width: 50%; &.l-title { right: auto; left: $p; } &.l-value { - // @include test(blue); +// @include test(blue); right: $p; left: auto; text-align: right; &.telem-only { - // @include test(red); +// @include test(red); left: $p; width: auto; } + .l-value-bg { + @include border-radius($smallCr); + padding: 0 4px; + } } } } 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..4a9971edba --- /dev/null +++ b/platform/commonUI/general/res/sass/_limits.scss @@ -0,0 +1,52 @@ +@mixin limit($c, $glyph) { + background: $c; + &:before { + //@include pulse(500ms); + color: lighten($c, 30%); + content: $glyph; + } +} + +/*.s-limit-upr, +.s-limit-lwr { + $a: 0.5; + $l: 30%; + white-space: nowrap; + &:before { + display: inline-block; + font-family: symbolsfont; + font-size: 0.85em; + font-style: normal !important; + margin-right: $interiorMarginSm; + vertical-align: middle; + } +} + +.s-limit-upr { + &.s-limit-yellow { @include limit($colorLimitYellow, "\0000ed"); } + &.s-limit-red { @include limit($colorLimitRed, "\0000eb"); } +} + +.s-limit-lwr { + &.s-limit-yellow { @include limit($colorLimitYellow, "\0000ec"); } + &.s-limit-red { @include limit($colorLimitRed, "\0000ee"); } +}*/ + +[class*="s-limit"] { + $a: 0.5; + $l: 30%; + white-space: nowrap; + &:before { + display: inline-block; + font-family: symbolsfont; + font-size: 0.85em; + font-style: normal !important; + margin-right: $interiorMarginSm; + vertical-align: middle; + } +} + +.s-limit-upr-red { @include limit($colorLimitRed, "\0000eb"); }; +.s-limit-upr-yellow { @include limit($colorLimitYellow, "\0000ed"); }; +.s-limit-lwr-yellow { @include limit($colorLimitYellow, "\0000ec"); }; +.s-limit-lwr-red { @include limit($colorLimitRed, "\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 f4dac4f816..01eca97aff 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,7 +15,10 @@ @import "text"; @import "badges"; @import "icons"; +@import "limits"; +@import "data-status"; @import "lists/tabular"; +@import "controls/breadcrumb"; @import "controls/buttons"; @import "controls/color-palette"; @import "controls/controls"; diff --git a/platform/commonUI/general/res/sass/_mixins.scss b/platform/commonUI/general/res/sass/_mixins.scss index 3c5326579b..edaabee384 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; @@ -157,6 +157,14 @@ @include box-shadow(rgba($color, $sVal) 0 0 30px); } +@mixin linearGlow($deg: 0, $c: red, $a: 0.4) { + @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); } @@ -226,8 +234,6 @@ background-color: rgba($c, $a); } - - @mixin testObj($w: 2000px, $h: 1000px, $c: black, $a: 0.1) { &:after { @include box-sizing(border-box); @@ -243,4 +249,9 @@ transform: scaleX(1) scaleY(1) scaleZ(1); transform-origin: 50% 50% 0; } +} + +@mixin s-stale($a: 0.5) { + color: rgba($colorTelemFresh, $a) !important; + font-style: italic; } \ No newline at end of file diff --git a/platform/commonUI/general/res/sass/controls/_breadcrumb.scss b/platform/commonUI/general/res/sass/controls/_breadcrumb.scss new file mode 100644 index 0000000000..35f0a21005 --- /dev/null +++ b/platform/commonUI/general/res/sass/controls/_breadcrumb.scss @@ -0,0 +1,31 @@ +.l-breadcrumb { + $c: darken($colorBodyFg, 15%); + $p: 4px; + font-size: 0.7rem; + line-height: 1em; + margin-bottom: $interiorMargin; + margin-left: -1 * $p; + .l-breadcrumb-item { + //@include test(); + a { + @include box-sizing(border-box); + @include border-radius($basicCr*.75); + @include single-transition(background-color, 0.25s); + color: darken($colorBodyFg, 15%); + display: inline-block; + //margin-right: $interiorMargin; + padding: $p/2 $p; + .icon { + color: $colorItemTreeIcon; + margin-right: $interiorMargin; + } + &:hover { + background: lighten($colorBodyBg, 10%); + color: lighten($colorBodyFg, 10%); + .icon { + color: $colorItemTreeIconHover; + } + } + } + } +} \ No newline at end of file diff --git a/platform/commonUI/general/res/sass/controls/_controls.scss b/platform/commonUI/general/res/sass/controls/_controls.scss index 6cf994cfb2..133100a92c 100644 --- a/platform/commonUI/general/res/sass/controls/_controls.scss +++ b/platform/commonUI/general/res/sass/controls/_controls.scss @@ -82,11 +82,12 @@ padding: 0 ($interiorMargin * 2); // Moved to s-btn text-decoration: none; // Moved to s-btn &.create-btn { - $h: $ueBrowseViewBarH; + $h: $ueTopBarH - $interiorMargin; //$btnStdH * 1.5;; + $p: $p * 2.25; height: $h; line-height: $h; - font-size: 1.1em; - padding: 0 ($p * 1.5) 0 $p; + //font-size: 1.1em; + padding: 0 $p; .menu { margin-left: $p * -1; } @@ -202,7 +203,7 @@ .top-bar .buttons-main .t-btn, .tool-bar .btn, .tool-bar .t-btn { - $h: $ueEditToolBarButtonH; + $h: $btnToolbarH; display: inline-block; font-size: $h * $btnFontSizeToH; height: $h; @@ -340,7 +341,7 @@ label.checkbox.custom { } .top-bar .btn-menu { - $h: $ueTopBarH; // 35px + $h: $btnStdH; //$ueTopBarBtnH; // 35px $p: 10px; $badgeM: $interiorMargin; $badgeD: $h - ($badgeM * 2); @@ -386,7 +387,6 @@ label.checkbox.custom { font-size: 1.1em; span { display: inline-block; -// margin-right: $interiorMargin; } } } diff --git a/platform/commonUI/general/res/sass/controls/_menus.scss b/platform/commonUI/general/res/sass/controls/_menus.scss index 8fce287f47..177919aadd 100644 --- a/platform/commonUI/general/res/sass/controls/_menus.scss +++ b/platform/commonUI/general/res/sass/controls/_menus.scss @@ -51,7 +51,9 @@ $prw: $w - $plw; width: $w; height: $h; - .contents { overflow: none; } + .contents { + @include absPosDefault($interiorMargin); + } .pane { @include box-sizing(border-box); &.left { diff --git a/platform/commonUI/general/res/sass/helpers/_splitter.scss b/platform/commonUI/general/res/sass/helpers/_splitter.scss index 0a4909630f..2a9b16b93f 100644 --- a/platform/commonUI/general/res/sass/helpers/_splitter.scss +++ b/platform/commonUI/general/res/sass/helpers/_splitter.scss @@ -63,7 +63,7 @@ } .browse-area .splitter { - top: $ueBrowseViewBarH + $interiorMargin; + top: $ueTopBarH + $interiorMargin; } .edit-area .splitter { diff --git a/platform/commonUI/general/res/sass/lists/_tabular.scss b/platform/commonUI/general/res/sass/lists/_tabular.scss index 6c4061da76..57fe0a45cb 100644 --- a/platform/commonUI/general/res/sass/lists/_tabular.scss +++ b/platform/commonUI/general/res/sass/lists/_tabular.scss @@ -1,75 +1,105 @@ -.w1 { - background: $tabularColorHeaderBg; - padding-top: $tabularHeaderH; +.w1, .w2 { position: relative; + height: 100%; } -.w2 { - background: $tabularColorBodyBg; - overflow-y: auto; -} .tabular { @include box-sizing(border-box); border-spacing: 0; border-collapse: collapse; + color: #fff; display: table; font-size: 0.8em; + position: relative; + height: 100%; width: 100%; - .tr { - display: table-row; + thead, .thead, + tbody tr, .tbody .tr { + display: table; + width: 100%; + table-layout: fixed; + } + thead, .thead { + width: calc(100% - 10px); + tr, .tr { + height: $tabularHeaderH; + } + &:before { + content: ""; + display: block; + z-index: 0; + position: absolute; + width: 100%; + height: $tabularHeaderH; + background: rgba(#fff, 0.15); + } + } + tbody, .tbody { + @include absPosDefault(0); + top: $tabularHeaderH; + //display: table-row-group; + display: block; + //width: 100%; + overflow-y: scroll; + tr, .tr { + &:hover { + background: rgba(white, 0.1); + } + } + } + tr, .tr { + //display: table-row; + //width: 100%; &:first-child .td { border-top: none; } - &:hover { - background: rgba(white, 0.1); - } - &.header { - display: table-header-group; - .th { - border: none; - color: transparent; - height: 0px; - line-height: 0; - padding: 0 $tabularTdPadLR; - white-space: nowrap; - vertical-align: middle; // This is crucial to hiding f**king 4px height injected by browser by default - &:first-child em { - border-left: none; - } - &.sort { - em:after { - display: inline-block; - font-family: symbolsfont; - margin-left: 5px; - } - &.asc em:after { content: '0'; } - &.desc em:after { content: '1'; } - } - em { -// background: rgba(green, 0.2); - border-left: 1px solid $tabularColorBorder; - color: $tabularColorHeaderFg; - cursor: pointer; - display: block; - font-style: normal; - font-weight: bold; - height: $tabularHeaderH; - line-height: $tabularHeaderH; - margin-left: - $tabularTdPadLR; - padding: 0 $tabularTdPadLR; - position: absolute; - top: 0; - vertical-align: middle; - &:hover { - color: lighten($tabularColorHeaderFg, 20%); - } - } - } - } - .th, .td { + th, .th, td, .td { display: table-cell; } - .td { + th, .th { + border: none; + border-left: 1px solid $tabularColorBorder; + color: $tabularColorHeaderFg; + padding: 0 $tabularTdPadLR; + white-space: nowrap; + vertical-align: middle; // This is crucial to hiding f**king 4px height injected by browser by default + &:first-child { + border-left: none; + } + &.sort { + .icon-sorting:before { + display: inline-block; + font-family: symbolsfont; + margin-left: 5px; + } + &.asc .icon-sorting:before { + content: '0'; + } + &.desc .icon-sorting:before { + content: '1'; + } + } + /* em { + //background: rgba(green, 0.2); + border-left: 1px solid $tabularColorBorder; + color: $tabularColorHeaderFg; + cursor: pointer; + display: block; + font-style: normal; + font-weight: bold; + height: $tabularHeaderH; + line-height: $tabularHeaderH; + margin-left: - $tabularTdPadLR; + padding: 0 $tabularTdPadLR; + position: absolute; + top: 0; + vertical-align: middle; + &:hover { + color: lighten($tabularColorHeaderFg, 20%); + } + }*/ + } + td, .td { border-top: 1px solid $tabularColorBorder; padding: $tabularTdPadTB $tabularTdPadLR; &.numeric { @@ -77,4 +107,9 @@ } } } + &.filterable { + tbody, .tbody { + top: $tabularHeaderH * 2; + } + } } \ No newline at end of file diff --git a/platform/commonUI/general/res/sass/plots/_plots-main.scss b/platform/commonUI/general/res/sass/plots/_plots-main.scss index e0304db48b..b5d02a93b0 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,22 +129,51 @@ $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; -// } -// } + } + + /****************************** Limits and Out-of-Bounds data */ + + .l-limit-bar, + .l-oob-data { + position: absolute; + left: 0; + right: 0; + width: auto; + } + + .l-limit-bar { + // Limits in plot display area + @mixin limitBg($c) { + background: rgba($c, 0.2); + } + + height: auto; + z-index: 0; + &.s-limit-yellow { @include limitBg($colorLimitYellow); } + &.s-limit-red { @include limitBg($colorLimitRed); } + } + + .l-oob-data { + $c: #7748d6; + $a: 0.5; + $h: 10px; + @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, @@ -160,11 +189,23 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa display: inline-block; height: $swatchD; width: $swatchD; - margin-right: $interiorMarginSm; - + //margin-right: $interiorMarginSm; } - .title-label { + .title-label {} + } +} +.gl-plot-legend { + .plot-legend-item { + //@include test(); + @include border-radius($smallCr); + color: #fff; + line-height: 1.5em; + padding: 0px $itemPadLR; + .plot-color-swatch { + border: 1px solid $colorBodyBg; + height: $swatchD + 1; + width: $swatchD + 1; } } } @@ -178,7 +219,6 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa } } - .gl-plot-tick, .tick-label { // @include test(red); diff --git a/platform/commonUI/general/res/sass/user-environ/_layout.scss b/platform/commonUI/general/res/sass/user-environ/_layout.scss index ece5675ee0..dc66fbc2c2 100644 --- a/platform/commonUI/general/res/sass/user-environ/_layout.scss +++ b/platform/commonUI/general/res/sass/user-environ/_layout.scss @@ -89,11 +89,12 @@ } .edit-area { - $tbH: $ueEditToolBarH; + $tbH: $btnToolbarH + $interiorMargin; + top: $bodyMargin + $ueTopBarEditH + ($interiorMargin); .tool-bar { bottom: auto; height: $tbH; - line-height: $ueEditToolBarButtonH; + line-height: $btnToolbarH; } .work-area { top: $tbH + $interiorMargin * 2; @@ -181,19 +182,31 @@ position: absolute; &.treeview { .create-btn-holder { - bottom: auto; height: $ueBrowseViewBarH; + bottom: auto; top: 0; + height: $ueTopBarH; + .wrapper.menu-element { + position: absolute; + bottom: $interiorMargin; + } } .tree-holder { overflow: auto; - top: $ueBrowseViewBarH + $interiorMargin; + top: $ueTopBarH + $interiorMargin; } } &.items { .object-browse-bar { // bottom: auto; + .left.abs, + .right.abs { + top: auto; + } + .right.abs { + bottom: $interiorMargin; + } } .object-holder { - top: $ueBrowseViewBarH + $interiorMargin; + top: $ueTopBarH + $interiorMargin; } } &.edit-main { diff --git a/platform/commonUI/general/res/sass/user-environ/_object-browse.scss b/platform/commonUI/general/res/sass/user-environ/_object-browse.scss index b968dcc099..270c9fc374 100644 --- a/platform/commonUI/general/res/sass/user-environ/_object-browse.scss +++ b/platform/commonUI/general/res/sass/user-environ/_object-browse.scss @@ -1,6 +1,6 @@ .object-browse-bar { - height: $ueBrowseViewBarH; - line-height: $ueBrowseViewBarH; + height: $ueTopBarH; + //line-height: $ueTopBarBtnH; .items-select { .btn-menu { margin-right: $interiorMargin * 3; diff --git a/platform/commonUI/general/res/sass/user-environ/_tool-bar.scss b/platform/commonUI/general/res/sass/user-environ/_tool-bar.scss index ac1d319280..bea45c5035 100644 --- a/platform/commonUI/general/res/sass/user-environ/_tool-bar.scss +++ b/platform/commonUI/general/res/sass/user-environ/_tool-bar.scss @@ -1,19 +1,19 @@ .tool-bar { border-bottom: 1px solid $colorInteriorBorder; .l-control-group { - height: $ueEditToolBarButtonH; + height: $btnToolbarH; } input[type="text"] { @include box-sizing(border-box); font-size: .9em; - height: $ueEditToolBarButtonH; + height: $btnToolbarH; margin-bottom: 1px; position: relative; &.sm { - width: $ueEditToolBarButtonH; + width: $btnToolbarH; } } .input-labeled label { - font-size: $ueEditToolBarButtonH * $btnFontSizeToH; + font-size: $btnToolbarH * $btnFontSizeToH; } } \ No newline at end of file diff --git a/platform/commonUI/general/res/sass/user-environ/_top-bar.scss b/platform/commonUI/general/res/sass/user-environ/_top-bar.scss index d70fbf0533..d2ba8d45bc 100644 --- a/platform/commonUI/general/res/sass/user-environ/_top-bar.scss +++ b/platform/commonUI/general/res/sass/user-environ/_top-bar.scss @@ -1,13 +1,13 @@ .top-bar { // $h: $ueTopBarH - 5px; // background: rgba(#ff0000, 0.2); - line-height: $ueTopBarH; +// line-height: $ueTopBarBtnH; &.browse, &.edit { border-bottom: 1px solid $colorInteriorBorder; top: $bodyMargin; right: $bodyMargin; bottom: auto; left: $bodyMargin; - height: $ueTopBarH; + height: $ueTopBarEditH; } .action { diff --git a/platform/commonUI/general/res/templates/controls/breadcrumb.html b/platform/commonUI/general/res/templates/controls/breadcrumb.html new file mode 100644 index 0000000000..5076ab67cc --- /dev/null +++ b/platform/commonUI/general/res/templates/controls/breadcrumb.html @@ -0,0 +1,15 @@ +
+ +
+ + {{bcItem.glyph}}{{bcItem.name}} } + +
\ No newline at end of file