From 2797af43e921250a446178a885557618a6532693 Mon Sep 17 00:00:00 2001 From: Victor Woeltjen Date: Wed, 20 May 2015 09:00:16 -0700 Subject: [PATCH 01/17] [Configuration] Add server app Add server app which provides the ability to include/exclude bundles. WTD-1199. --- .gitignore | 3 +++ app.js | 62 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 65 insertions(+) create mode 100644 app.js diff --git a/.gitignore b/.gitignore index e034b4100b..4c2c6ce8a0 100644 --- a/.gitignore +++ b/.gitignore @@ -17,3 +17,6 @@ target # Closed source libraries closed-lib +# Node dependencies +node_modules + diff --git a/app.js b/app.js new file mode 100644 index 0000000000..1361d637f0 --- /dev/null +++ b/app.js @@ -0,0 +1,62 @@ +/*global require,process,console*/ + +/** + * Usage: + * + * npm install minimist express + * node app.js [options] + */ + +(function () { + "use strict"; + + var BUNDLE_FILE = 'bundles.json', + options = require('minimist')(process.argv.slice(2)), + express = require('express'), + app = express(), + fs = require('fs'), + bundles = JSON.parse(fs.readFileSync(BUNDLE_FILE, 'utf8')); + + // Defaults + options.port = options.port || options.p || 8080; + ['include', 'exclude', 'i', 'x'].forEach(function (opt) { + options[opt] = options[opt] || []; + // Make sure includes/excludes always end up as arrays + options[opt] = Array.isArray(options[opt]) ? + options[opt] : [options[opt]]; + }); + options.include = options.include.concat(options.i); + options.exclude = options.exclude.concat(options.x); + + // Show command line options + if (options.help || options.h) { + console.log("\nUsage: node app.js [options]\n"); + console.log("Options:"); + console.log(" --help, -h Show this message."); + console.log(" --port, -p Specify port."); + console.log(" --include, -i Include the specified bundle."); + console.log(" --exclude, -x Exclude the specified bundle."); + console.log(""); + process.exit(0); + } + + // Handle command line inclusions/exclusions + bundles = bundles.concat(options.include); + bundles = bundles.filter(function (bundle) { + return options.exclude.indexOf(bundle) === -1; + }); + bundles = bundles.filter(function (bundle, index) { // Uniquify + return bundles.indexOf(bundle) === index; + }); + + // Override bundles.json for HTTP requests + app.use('/' + BUNDLE_FILE, function (req, res) { + res.send(JSON.stringify(bundles)); + }); + + // Expose everything else as static files + app.use(express.static('.')); + + // Finally, open the HTTP server + app.listen(options.port); +}()); \ No newline at end of file From 3ace850d31ffd539a514987e7ca627110d416694 Mon Sep 17 00:00:00 2001 From: Victor Woeltjen Date: Tue, 19 May 2015 13:04:12 -0700 Subject: [PATCH 02/17] [Configuration] Use example persistence Use example persistence in open source friendly branch to avoid need for set up of ElasticSearch when running, WTD-1199. --- bundles.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/bundles.json b/bundles.json index 04515b1897..666e520854 100644 --- a/bundles.json +++ b/bundles.json @@ -15,8 +15,8 @@ "platform/features/scrolling", "platform/forms", "platform/persistence/queue", - "platform/persistence/elastic", "platform/policy", + "example/persistence", "example/generator" ] From 6ed14ed3a94b2bfab56d5ecbc569c2c16c793542 Mon Sep 17 00:00:00 2001 From: Victor Woeltjen Date: Tue, 19 May 2015 13:06:34 -0700 Subject: [PATCH 03/17] [Configuration] Deprioritize default constants Mark ElasticSearch configuration constants as priority=fallback; these are intended to be specified/overridden on a per-deployment basis. WTD-1199. --- platform/persistence/elastic/bundle.json | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/platform/persistence/elastic/bundle.json b/platform/persistence/elastic/bundle.json index 53f8571e1a..371b8aa17a 100644 --- a/platform/persistence/elastic/bundle.json +++ b/platform/persistence/elastic/bundle.json @@ -17,15 +17,18 @@ }, { "key": "ELASTIC_ROOT", - "value": "/elastic" + "value": "/elastic", + "priority": "fallback" }, { "key": "ELASTIC_PATH", - "value": "mct/domain_object" + "value": "mct/domain_object", + "priority": "fallback" }, { "key": "ELASTIC_INDICATOR_INTERVAL", - "value": 15000 + "value": 15000, + "priority": "fallback" } ], "indicators": [ From a937a3193b494cb1542852633cf0bd0468a56e94 Mon Sep 17 00:00:00 2001 From: Victor Woeltjen Date: Wed, 20 May 2015 09:57:04 -0700 Subject: [PATCH 04/17] [Windowing] Show title of navigated object Show title of navigated object in window, WTD-1200. --- platform/commonUI/browse/bundle.json | 6 ++ .../commonUI/browse/src/BrowseController.js | 1 + .../src/navigation/NavigationService.js | 10 ++-- .../browse/src/windowing/WindowTitler.js | 30 ++++++++++ .../test/navigation/NavigationServiceSpec.js | 10 ++++ platform/commonUI/browse/test/suite.json | 3 +- .../browse/test/windowing/WindowTitlerSpec.js | 59 +++++++++++++++++++ 7 files changed, 114 insertions(+), 5 deletions(-) create mode 100644 platform/commonUI/browse/src/windowing/WindowTitler.js create mode 100644 platform/commonUI/browse/test/windowing/WindowTitlerSpec.js diff --git a/platform/commonUI/browse/bundle.json b/platform/commonUI/browse/bundle.json index ca7a4a41e3..ca3e4e8052 100644 --- a/platform/commonUI/browse/bundle.json +++ b/platform/commonUI/browse/bundle.json @@ -121,6 +121,12 @@ "depends": [ "typeService", "dialogService", "creationService", "policyService" ] } ], + "runs": [ + { + "implementation": "windowing/WindowTitler.js", + "depends": [ "navigationService", "$rootScope", "$document" ] + } + ], "licenses": [ { "name": "screenfull.js", diff --git a/platform/commonUI/browse/src/BrowseController.js b/platform/commonUI/browse/src/BrowseController.js index 0d0e07781c..822444a8d4 100644 --- a/platform/commonUI/browse/src/BrowseController.js +++ b/platform/commonUI/browse/src/BrowseController.js @@ -25,6 +25,7 @@ define( function setNavigation(domainObject) { $scope.navigatedObject = domainObject; $scope.treeModel.selectedObject = domainObject; + navigationService.setNavigation(domainObject); } // Load the root object, put it in the scope. diff --git a/platform/commonUI/browse/src/navigation/NavigationService.js b/platform/commonUI/browse/src/navigation/NavigationService.js index 3f8e9f41ab..ba8d6fb439 100644 --- a/platform/commonUI/browse/src/navigation/NavigationService.js +++ b/platform/commonUI/browse/src/navigation/NavigationService.js @@ -24,10 +24,12 @@ define( // Setter for navigation; invokes callbacks function setNavigation(value) { - navigated = value; - callbacks.forEach(function (callback) { - callback(value); - }); + if (navigated !== value) { + navigated = value; + callbacks.forEach(function (callback) { + callback(value); + }); + } } // Adds a callback diff --git a/platform/commonUI/browse/src/windowing/WindowTitler.js b/platform/commonUI/browse/src/windowing/WindowTitler.js new file mode 100644 index 0000000000..e1381c2f14 --- /dev/null +++ b/platform/commonUI/browse/src/windowing/WindowTitler.js @@ -0,0 +1,30 @@ +/*global define,Promise*/ + +define( + [], + function () { + "use strict"; + + /** + * + * @constructor + */ + function WindowTitler(navigationService, $rootScope, $document) { + // Look up name of the navigated domain object... + function getNavigatedObjectName() { + var navigatedObject = navigationService.getNavigation(); + return navigatedObject && navigatedObject.getModel().name; + } + + // Set the window title... + function setTitle(name) { + $document[0].title = name; + } + + // Watch the former, and invoke the latter + $rootScope.$watch(getNavigatedObjectName, setTitle); + } + + return WindowTitler; + } +); \ No newline at end of file diff --git a/platform/commonUI/browse/test/navigation/NavigationServiceSpec.js b/platform/commonUI/browse/test/navigation/NavigationServiceSpec.js index ae757158b0..1bef7411a7 100644 --- a/platform/commonUI/browse/test/navigation/NavigationServiceSpec.js +++ b/platform/commonUI/browse/test/navigation/NavigationServiceSpec.js @@ -41,6 +41,16 @@ define( expect(callback).toHaveBeenCalledWith(testObject); }); + it("does not notify listeners when no changes occur", function () { + var testObject = { someKey: 42 }, + callback = jasmine.createSpy("callback"); + + navigationService.addListener(callback); + navigationService.setNavigation(testObject); + navigationService.setNavigation(testObject); + expect(callback.calls.length).toEqual(1); + }); + it("stops notifying listeners after removal", function () { var testObject = { someKey: 42 }, callback = jasmine.createSpy("callback"); diff --git a/platform/commonUI/browse/test/suite.json b/platform/commonUI/browse/test/suite.json index 2c74311faa..21d76dae05 100644 --- a/platform/commonUI/browse/test/suite.json +++ b/platform/commonUI/browse/test/suite.json @@ -8,5 +8,6 @@ "creation/LocatorController", "navigation/NavigateAction", "navigation/NavigationService", - "windowing/FullscreenAction" + "windowing/FullscreenAction", + "windowing/WindowTitler" ] \ No newline at end of file diff --git a/platform/commonUI/browse/test/windowing/WindowTitlerSpec.js b/platform/commonUI/browse/test/windowing/WindowTitlerSpec.js new file mode 100644 index 0000000000..cc08be51f8 --- /dev/null +++ b/platform/commonUI/browse/test/windowing/WindowTitlerSpec.js @@ -0,0 +1,59 @@ +/*global define,Promise,describe,it,expect,beforeEach,waitsFor,jasmine*/ + +/** + * WindowTitlerSpec. Created by vwoeltje on 11/6/14. + */ +define( + ["../../src/windowing/WindowTitler"], + function (WindowTitler) { + "use strict"; + + describe("The window titler", function () { + var mockNavigationService, + mockRootScope, + mockDocument, + mockDomainObject, + titler; + + beforeEach(function () { + mockNavigationService = jasmine.createSpyObj( + 'navigationService', + [ 'getNavigation' ] + ); + mockRootScope = jasmine.createSpyObj( + '$rootScope', + [ '$watch' ] + ); + mockDomainObject = jasmine.createSpyObj( + 'domainObject', + ['getModel'] + ); + mockDocument = [{}]; + + mockDomainObject.getModel.andReturn({ name: 'Test name' }); + mockNavigationService.getNavigation.andReturn(mockDomainObject); + + titler = new WindowTitler( + mockNavigationService, + mockRootScope, + mockDocument + ); + }); + + it("listens for changes to the name of the navigated object", function () { + expect(mockRootScope.$watch).toHaveBeenCalledWith( + jasmine.any(Function), + jasmine.any(Function) + ); + expect(mockRootScope.$watch.mostRecentCall.args[0]()) + .toEqual('Test name'); + }); + + it("sets the title to the name of the navigated object", function () { + mockRootScope.$watch.mostRecentCall.args[1]("Some name"); + expect(mockDocument[0].title).toEqual("Some name"); + }); + + }); + } +); \ No newline at end of file From ce2b48981a65573dca42dead534a6fc3ae08859c Mon Sep 17 00:00:00 2001 From: Victor Woeltjen Date: Wed, 20 May 2015 10:06:59 -0700 Subject: [PATCH 05/17] [Windowing] Add in-line documentation WTD-1200. --- platform/commonUI/browse/src/windowing/WindowTitler.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/platform/commonUI/browse/src/windowing/WindowTitler.js b/platform/commonUI/browse/src/windowing/WindowTitler.js index e1381c2f14..49a121df90 100644 --- a/platform/commonUI/browse/src/windowing/WindowTitler.js +++ b/platform/commonUI/browse/src/windowing/WindowTitler.js @@ -6,7 +6,8 @@ define( "use strict"; /** - * + * Updates the title of the current window to reflect the name + * of the currently navigated-to domain object. * @constructor */ function WindowTitler(navigationService, $rootScope, $document) { From 11ab4df159282e98ce0d871a04b8a27d4eed85f4 Mon Sep 17 00:00:00 2001 From: Victor Woeltjen Date: Thu, 21 May 2015 20:47:49 -0700 Subject: [PATCH 06/17] [Configuration] Ignore node modules in build Ignore node modules and the top-level app.js when running JSLint for a Maven build; scope of this testing is client code. WTD-1199. --- pom.xml | 2 ++ 1 file changed, 2 insertions(+) diff --git a/pom.xml b/pom.xml index 783cc8ce45..b8cc32ca06 100644 --- a/pom.xml +++ b/pom.xml @@ -160,6 +160,8 @@ ${basedir} **/lib/** + app.js + node_modules/**/* From b09ec2361753c8b543f4d99ed21784c023c9dc09 Mon Sep 17 00:00:00 2001 From: Charles Hacskaylo Date: Tue, 2 Jun 2015 16:12:19 -0700 Subject: [PATCH 07/17] [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 zcmZu#Wl$SjunnbHaT=gNaVc)aU5XWVcPF@8NK0^+;@08>cPY|R+=@HJ-5r9xd~e>* zw=?IS*|TS7@6Oy`w~+6V58|ULD+@pZAc8Cqfc+mc9Q}9xe<3TYrHt^IA!_gc!&Z&C zfZQh;S%fBm$SDz^0z?8(RW&)d0RW^zM6Q5<*;i|dGfO9PR{-GEI6@~wU@-ug>}+f9 z0YQjl0tgfOe|UKTAlo|n*#H2qO922NBVtB72@*KU&f44x(Zq@H@F2j4s-`k&hY%4O zLPrb*0O-)#iqW>&6& zo%LWB2fd+{JfMd%Vk`TMgKMo@~Ul!OTbwBdmO3E71+gakto+wWLVY@~*8tCh8!CTjDP`D}gklePP6pn=;8mT0z-Eo4Q(!3( zp=Pv1H2B`n$>L_##liDD__deBaZ98`I>x@q9w&auyUJst5^qecC26Zl-3_|Q1huQN zjg=WH=H1r1W7F(|L-Z|kl)V>r6D-GkH>Gc*OJk}uaI!IG<-XwI_d3_~QlPzO;_C~@ zPSN#CwDn7p^GhgQ9?n^Y48m_d@S3$P0 zFK_@jL^!fICO9VlJ&90#j6hB8wyxDyC+Epx`>8F42IWZxd-tqjr^&*>V=1z>8tqx4 zbalHShB^%3&@6l!r`+(JfVgBwZ^LS7stf+KuHKVpy6xh^7!oRnRZx>!ibs+0e2m1-yd1Uu$pO!vBsGx zzY0Q%GMDHTO7#*l8vDhV67$^O5{P8eeF*+x&`%|vQqqLa_6rqBHmW2u1Z4p$)oJHz z?G-b+CEAGIdt{N=SQ4t;{oX&uE5^p*d*N!X6`0ZeNgl>j!~!MmILq}zm^8!hPYhh^ zDrk(5sZ(ohE)H4i1J|SS`V|rl?CrX_ zZv|xSI*k41$%-dT&)DGtN+t2h9$fr_axdsXLeOmirJ@+GS|YBkn0+tjGVpx?fN5upY9Lp5^8GfGlGs}_Ry6YOe=rVts=bQ zYWlxX0fPO6+|PJgM{YuN%@?JwZC`hDi~atxP$*(P`C#UtV4pj)i7S8KYTZltk7gCh zw8l0%dV4n{IxCV_0_iry8tw@<0JpNI6?rZ~yV$NNhr&cFi&DG0jZ6=7ZK2fc3TW{Z+~N{I{v0#y+K0_zY)Z zdFZ(2laNKn=QfEK%!55vxNzyZ#L*xs=-?v2vGQ zTuop8J?)n2rg88{e*Ph;YMPfzkZ0H*FlZ`B&i`r`2QpmBim9fZIqzAgQH4&NK9Kdc z?pYQhrl#GnzVIRfi4?ovFBx~oz}Y_7D;qL&E(>8c%)I^RHw0|mNHt6f*m?Ohwvj8- zvvU14OQWnkn+WILRf!R-KIWJ@ePO{u#=tz|zu-TBR(yT5q-0c!2a-Z;|;BB`HWr~C=-vhFkVQC8m)mCHGE%8 z0#zXLa-Bp?Yc#lU==Fyv7}cOW9B&9lm-Po99g<%$WP{ZF!y^1+<|`|+uZ!=T)AyUU z8@GWiHnZWe2ceiKTt?zk+6hyswjO^S(WASA6)SVt*m5}8|H%P~*n7<9Znhqn7ytt?fldmbH z(-MBuUOnnpY1J1~9VB4ccgL?7oETPjagkIEcZXPUi5 zV-$X_IbdB_h@TjS_SZFM1_*33YgH>VC&;RBS2S<2g&9pP8fXeyUmka8wa5R8vae(@ zY+{>NSWSDnrZZUJZiE#VHM;DQSGT+Ot9U3{dx1b++xZVf?H5A>y*R6QE~vm9vqxgk zAD6{LvZZ|N0vk#rFx^d`I(M1*EM%k)ezUMjVcZe)bWkAeAIA}8iKR=$S|5ES@rrdp zX5sxC?$<>FgzjDmSm{Sh_cWrP#bI{NRbQBfh5I7znY=ZRuCt|VozrBDKy~I%y-_>2 z%q*+J{1eU-8t)`P{f@L%+A;Ht$k%#eRg6FA4x#xUJB_d-sss!!r5H=)KoDSE^s8bm zCD86^ZOclkC>^b8(#6fcAmJR$L=Vn9_FyI}3__hYwyjwa`|Zz695?B`9RyWXg{$nw z{$_&&k8T)Qmt6P2IimB<&l@G!2k&B%j`+}pha|dH#lB#zSI}}hyt5_OWVHz(`DOS+ z-Ky*6_`&;02CX?!J@F_T-wNUsbx&^I6YMC_7^4Lxm?6G|Po6MQ2u=5c}2kX!|; zCnD4zM2haWl#GesW7}b^^EQkYNp+64)sq9uifvA+K|SoAlJw?MkRa@OXom*n_HHvg zdi@d~N(XJz_IF_RQ!q2*tGz^8w|lC*MR?xdg$AUb#in9|7aw%q4)C^;KtVUx6NL!4Zr6Q76Dm&$$~D{? zEXdp4mMjik=Hui<_c7QbP9043HU0;jO<4O7=7x<$JD(G1L_MG}KJx8V(s(Q%Q%qB& zkNDG%-&*2|0XzFnHqu}%pQ@Is!a^J#m|e#o`0~gO&iRcoC6!DKBIl!5ySI1 zrYMa)UE+54ACwq;+Zeeyt<2Jkbj_8PpQdw;+LCld-_)IYin{h@o9ZHrg5TaYgMX%!6N>vuDUUEc|Nb?72kSlw zrp7!ue?wGG$|x*^kB?4G%RZ1aup(gNCu!Od@ z*>5;qM@dq7sW!RMlelygKT_{Br-gflHBOIrx)yK5wVnjP+*snd)Yk$ol64npSHwHp zYT^Qi)LliIWbU#}u&d^&VHq=#j>4o&DoHrrRH+o0sqlKYMSQoPEg|%ddX*7Zb3quA z5w6UaWp5?p@jZcp84DGY+TdMF>1>q_D7HLyvsWcn=Lnd{zQ=z?Zx@fv=rSkA5m-t_ z6JZc+g)W|qiBeRA;%P1EapMME_x1Mp-NB{}(Pq=$3a+NQk&@ImKOt`2yzCtCny7>2 zZ@^#{s#2>#QQn;7iAHC#F5Rr8=i~A$g`Y%J2w?A`Qoe_j)r2UKg*86FA10LdP0by7 zHcpKz;e4B#`8pnlmA-Fk${M#ci=NiOPb;zc^Nf=*6As6#F?|e;-X%Jsi|J!c_-U4q ztc~0L4)rmr(2=?UmR6+7PKruNA0HoxcyXQtp(x7mPam(mRl)!w)2E-`y^r+#y^rPv zT$<1M?nK9m%nhPO&H6~%Hffi>Jxk8=Qlmw?8dv5+p?j{VoAU|{(KjtQ)Ed%9zX!&a zc8?3i!>%ITx2^8*JII0>e1lw0AA6%AEFV-ppBYfYp9a%=y#9SOy)%YzC;HqT7f@1& z4A7urWR=iUCg7fpv|=G6nMm4v4#CY*Za+e{Ws}b^OZ81FbyxK7q0NxUy(s|?mKbHr z-*G6Z9G3qQ=8@DeGrhJva}hJ$U0o8BQVn|RYFpm5HCTwNdB=gRFXRuvx5$)%pm-dq zPM(C?&WxrMwzqJx$>n|jO*zmg(1FKa*mhM`l<)>~4W}*qq?aGQas_ffreD0ARCN7| zDeNDR97L}AEVm#WzDLq3_u3Xl{kjF508JuxeHpmxstfqIFRFi)`15-VO#e5SkW0(>8I_)<5vTX9-Wa2us^X)YHooYtVfLjEmbJBi*~U~UDe z0s5>|Ew;|c;*rf+yi@7Gcu6>qJP1Zf#9^48CD0Aejm}X=;wrbBPE@K99*V#S&3e()>8cr(YB`iGg37Cyg}uWd&?*AFlML_4tIu$pCRKinUuLY^ghy zOhk&AeMx8^_K3`toL2PK(+k>-s>4}|uxbc~jD z8hvk1dd1^!wTRwzH$7oEVtPM6$etjzMg7(O<>ZJntdAFVMXdi5QbB=hBNMd(j^$5~ z<;#j*fV742x1$~sW>xG=Z(#`z3-nlX=XZO{la8cEedAq=16+im)(3K8NQ{+gZE7u) zeVYWq99dz2J>DFg!BY#25j)THPIK!`340XI~rwtmGWy~8H6abAvy zWrpLz9#6B*j4Pz8{; zs$9|V`tz<&VcDm?cO0w@a43Jg5s@>e21yKnp!DK7dQL2~GWQoPdCp}+6hAZ!d)kU{ zS2R*gSraxOfqsw3OMeztM=e7PEz~t;0p;p=qkMf) z4BBf!C9IFL$?A;x9JaCaxgv7m_j1;Y%kTVr)OtrE$g%$<%U~TaAbGn`Fc_XLY!9((cSR5-4#KM;^dc{-d{YCDc|G6bDMMQdGWDvNMgjAb5hr|^e*lLYxQ_O z`?6vk$Hpqlj&(KjCx)u)&wG{B)$;4bm7CB&2RR55w(O3u2_i}k?aSw%vQz^$9qGBIRDM z>M^-L(qn9n>^HF+4VMdOcTkkYC(3-hI|f~}@*XYm`(ue_XB|vfTRSuw#E)6TkjCcs zGIy)1^XQNj2$tn~g1v>B&K+u^wq#y*E=nOGkiKSu50_~!H*#Qx*lJ|kDB}?~zlOzz zZckhl4JV$AwRfE{eS7Hqv!H9C95ki5sj-1a-GvPF$8-`Y+BZtjHPwy21V;&I;l5rDm7D+^A5E^hcc}4*s~+xw&O3#d`S`JEEAhPeEt*yF?dv7n6r+49|Kl_kc zgFSj)R9|`T%vXNp1;yF%jHfbmOIGC@;kHe_=9drdICk_nyFfkiF`OW(d#v91$k^i8Ba%)7SKy*!EK?4 z*X=rH-BIc5+8xaBBdRucvk?`T^Z!bH2a_r;fz8-{^yTo#_6R*WQ^G|P8EgJq- z_J?Oj64rZ0S@ns%m?mfrNz@0v`;7$QkVXQ?te_U8+7^_KyFcT0ag)|1uaS~5MW80Jno%GF(3JrR bh(BZi(tk&vb@R}Fth5rA^&d|-(Mf(_W-O8boqIN?J+jUO-AZg{8ZZ6h0tGNOyO4EK4`i4bojw(jY0k`#tCP z=X=k2?won%nLBgu{cj%m3itpI6$k``1VStddJxWkmQnb>{r_7Kh=vkEhk=Mu{)e3s zKucCy1_A<+?<0IL0yLoSAT$+qPA(7#sQ}^2BLEFBr#>~cH+BMnUW_7mQUsR39YO?_ z#;yQ@B;P=Y{yP-o`5A<4Y3F4D0->aUKt$V!8f+ka;vy?^V>3k3JA{S@0X{VGa2_iJ ziQo`Cq9_PNk1qRS$;#f%6TzJ!{3V2iUSEPD>>N!II^-P$SN9(n7^rpZjXe={k%B-V z07Q)-X+Sw3O$TFpa}enDS45y0ksw(@^PgVhsyIXc%kjR+jtmGW z+(Jl3*>+!w6A*LYBZ1;;(U|@x2!&#pKutkNj5HQzpfCadyO$th9ME47=)br{OK*HR zk{Dp}@&M6`=aSN7yYdSO;^0jf_fLF1A`Db43H)y9??*W`?;56479?c5MJAV=uvbtE zQBxKiO!64hD{6iQ+jvck5<6V%2(?=J@!u2ONK1W6C({a*!BVgL#+CG@fy5whtWoB5 zHREeoKM~~D>8-f|p6$wIRveS(Akpf`ngp=3m?YV$;_f8%Pik(6iVNU7PIa_isLG;^ zwqMVdxp6V=9K@k^X4ix<*nY^rku;3S_RQzl;#K*RLAildd?i{?;-OCH^H=yWeRO?D z{(07hvyr2bFcsM~&2O9_RgXvNzsps|$a6{=69;GO^UmsAep*R`8}O>kmdzPR0VK6V zwfJ^FCFy&{feZACQ4Rcb#y5n()~y2$b~#7ekifcE{GQUdhd*)0a6oWrii=*4zJO*m z_Gcx&jHdTzTXbDK1X?<#nM&@9doiZtp4(D*VI>h&YG_#~6!eM-ntcv6ebnfb%zWdm zL&N25gD~Ntd|^4olU-$pT}ag~@R4Iza(q|X-Au^gd5vA(+WHZVC)_5f)BnEidZ2(s zFf&3?U&~$D!LXw}rzX_oZEk%zR6M7s4e*>q}v!89wXjohu27`wdO6hOP)nb;CED0g?n( z?KbEqpcgYNAF$rgaPCpaR_FV9P;UjY(&cdrZb#(Q8)&#uc5fX;4O{Vf9LE=+W;Qo6 z`DFY4U9&uf&+GbB0+lYpApo%B?vga}+b$z|o5qUp8j?73au#%*7#l-taBv>biv>|< zN1=<$CCru%yg&)Wp{j-4o0$6eY$xmXSiDzg*Bu&LPFkbtS&}Q_ z=ctis9cp0(%L+n8L-v)+3>#rS%BI=-AR-#%xtM|a&CH1$rSzp4w+_&d8qz<*N)rL* zGIgaq;}LZT&B!Ok{c_{x0WLU|nwoO3qgI*{R2g?wHU|&FhSA@YQ)US|)s=CnVH<1J z8ebey!UQZQGhplk!XKuCPOs_HB820$dF-j01LzC{w-+lnuZ4%P`@T6^f3J*%}A!Vc%UIK2SWixt-c4@ zeyzIqLQ&?^ovhKlry@}gihE5l1^j_eBb=QyBKY5(c4>x%)D%0^bw z*4~%**lSAQ@2OX+E_^4nmIq*3am!kABX#Ce??LFrs@-^3DiHh43h#M_i(4X$WQ}{8 zG4SDL#^dHV|MYlWeMzAW@#6Pi&a&nelkvyELARFoW<<1*z z!e8CCCw36(&;p{9zb8Ce+0D66p6zuvpd5c3SYb^DcTWwgDj_`vA92mZ9GeVr(Wc0h z6K!{$4DRS24vuS>RXuypx34NmjS7luJ9FTPS*fC#S=RREW+Y3Qw>V_>yGJ#Wg4@0y z1yr7~4-Y8sg-Uj(6PgsMIPKPXV8`^qr!a3AGjY%|HTmn6R!b+)5(?ZQpK0JWlyOFyBYX8`qiZ9}*RoVa z`z?=D+DJ}u^|+$KXh&35MayO|OG$(It!QGgQar0;6Kx;&Gm{IN*DJCKYYWY^na#L2 zRVz>w`*$vOL7h}6O1=qxzGuewUx>$suaGk{(FKQ6)kAQzyzeG+)z8H|l+)K11$_15 zfHk)Z-a|G$sX!@)v-_Ys(_!`#{y z${e|O47*GEaCP6E{*O$)v8_wa3s!LQqf4cDNsjv(I!br(5LTWyH?&+o7|YOaIbumqEpwPZU{|v6JEDk&Os{|sLT>3}hkEQKbFzp-kneqN zA`!te>Q1@~CtVPRQPAbp?3?Io+uD*U%8e3y?+ZVN+wQ%d4S%(1i&e<*+5UrwIiBW@ z&M>uB4hu}7|KduoZLrppo0YSxktb52)%*N#?@`gPc;PMFMB=zk!qNSR0rr^&5OLeu z(4OeC6b4@T@rw7iQvw7_U?79~K02N$-ZnAU+qQ|);(ZEOW;vX^1YS8HzUgI>m7fgGdli z47PbuWjGexnMMBmENT%}LpjOdm~Vj3YAG$dxPnPeX=`jC%ZGFJ;r9ovE;#`|%k+x1 z=NlSuuGTN66&kP7^~-IRmTbzBR$%*u$q>#jw;^A+OBPVJJ9Q}hW~L^8QQJ~--*heY zp3g_cFh{yt@bkKj{sVpwF5ytjQIj>eesz9f+7w8T>MO@d-yQckVQdp$>eFzuWF>Aa zZM;b3rvll1^h9>{#CP`Qdmn1wjXC`2Oxtt$?V;f^N&N7%Pb)xiwL?g4`_LXyZ!9h~qR}kaYw@`Utpw3~_A$-7eQK=4# zz7#q!#y@k1FM^GIK$rqaQZc%CJ|wgEf|IWVz;P;0 z_5_{U)+UX#RDr5-t7rtW0&=&5=&H0C*U}K|?F!4_K08iyPdee?KQkR(6XTux8;o3x zY3ckwDipXo86p7k#D=Vt3vRmWL*Ewu)Al_jc3%xmv7;v$Unb=%_Ep_e`|7GxSEYmWBzan=WJ)@8~BD2D7@nlsiJ*r+BaDwoF(T9nZblLkXse z`!f6HsBLTKr%lhJ7D`lxiVe{8oN(KXu#Q?_T{uU^zWM+TdubNZ5!pTp@7)#Qs+x!? zgtsD^O5p1UXVF2+9qwOr6xuzXVu_snxhb(iq~)lGowhW%7?iam_%Hb(L>UL6n_#=p zRes;ixhSto!G^Wf_bNqF>e>}4g64f#=9GY&>mN}s!-3T>X6)kf#3^QV?Es1Y)pBoTxS1rgSJE}O8u{1D=e#%MHJ~1>4o{oX zNQ;H9GhZ93v6QYEm*@G6zN+glyV~35IMRJ-cMF04vJB*H=gUrRCaLD6mZe%vXSr?v z)3m-Gi?qUd8U9W8cc8^PGE}HO8jnAI06aNFw1XZX@gKJ-%-$vS!QQt-MUAni<;TJK z9IVfNQr;s}&>TN;`CitT)YK(8jY-RyLlG&HYCYD(L>67(!9cq)3FY<4P z50*pPJ_9Y?mE%bA%SQE^lFee8PC*%y3^r!A;BVh=6H#Ex z8D^_M^i(7pndC-Wx$@>LtL~x2Jx6lSfgtuaiH9nGzFmpildtnlRc;H)deRiPLdZvO zxq?HnAB3!965oT>-5STyKU%%^=W5OMGVN`OgR-v_=1p0DD1%X0lr#f5R@g~Q$~&+y zOkc|>c!p?Q!|g)ND5qKI={(p1cwY6mc}NHN@l9`ZfORdd)>h`4!bT5;oYHjf8e3P# zQ;X+?lLX%i8Q~k^duHK6<;7BD@P4W;hP;zlL=jV#-`=b$_c#7k;xuEwYpM%k5eb#H zy-I(EfH)6zzn0Jp$f;Ge{GfB4s09mOt<3{e{u=X|u!_=vH|051Wct4mpVL!TZdsbcSga#) zO7oM2e@tG_1pGn&c*VQ@YDL)L@%FcVn$5}n$*RaZozJgc-U?G2(dhhU1S`EQ{wDv> zwU8Z2E#|jUTD!g49)&5&aP zqamOzZ47)~JWekbjq8#1=Q@@vdat8jn}Nm3RKj0bI(&QcpkKZ?O$8^k700t$X;K;V zib?%gNB(g@@Nx3g8s?6`+9F}7}W!cms9WW}bb4S=SD#e&S#?w;Au%Czi zIX4E|q-p~d?p~>9Yhau4*4?_^BstWjyD5NE2C(b8bhrQ86Wu`jql7^^_?%n7NJC3Y zTALKUL(TmdAvTe%bLQ2No}^8htf8Ik8UOb$(N$n- z=#J#PERn@jXgWkUm!8lo&S}@F3PmLaOTVO^K&R2e3BNa?TeF{$?rCkV%#ll!)`pjV zEwmMsuBRZX+7Dh4T9~2#q4Z{qynOCy%*sy7_5pra+ppLU*`i!dXc7YmB3;m!?UG~+ zOL6wEulI4hy}i-UYada{4&-$fVX(cG@!J_siWST++XFM)+XGB)t(lG8r?E-Fy3CO7 z2x4zS#|G9*DLb1BO1ADV@Emi>Vkrh|b zUUC0y8X@*!*-=Krzkx8^0=st#ZTcEs^deiab~GwzTpb%T9EyyOdyK``<{MOL_{??H zckfXeGRpD(9K0@M>csSRnKe2y8-B2UBn_sdT8+kd-<$W%>+b+yJ+Z}on8c!{I-L+( ztTMcTw__t|7)mj{dVj?w7b4??y{dGxLAC90Pttt<;@Ec+wdt~%%GbBFDT?Vi|7@Jr z8*)t0o$7#rT!-f(cY$;f{o|Rnl{0-URSMifYeqeq{w3p z7uzLgewQUeOpPBP8>nk^-Z_*hcqaBsr~GaI>6D?^&VA{O2J&9+6IsEhW)}#9K#v+d zt!L3qll%4o%)@-Vs*-u+VB8)^fyybNbvIm#6NGAC9LY2|U>7>Dc~O z;$M587r0D-_fAo-M>FrlAW$~by9qb;0!!SYNH;8+F3c4Ot#tKaiyLUMB=E}5X-esy zG3hKijr0lcV=fouzj=1vtI~hv;qHAQ-#R-ZkEzS7yA^UFk|{29FmZLb9d+R{;B4yM zo!0LH#EPVBu?D%k%Y`R3c}E!hQN#+>mC27X3tUxIe%!!4z>um6)sYG{m^oGy3^nLY zyr#$cn-d8TzqpD?TDo`cQT6Gnp2+RLsQumya#Ip$NDnv$Z*ON*nLa5b8R!jU4kg=iLmHiKaJiZO%LM~0N+Z|aUU zbb0^^=3>Y6DrL^+fTAK$f`^zplJZzl@}7SH?w5&UKkWnR-cJLzW*mvSH+JvnJKOgJ zzg~*)nBG!v(N=Yc&jjCsThjme>Ni~7rMJpkNvVU*$G)0A+~w)+>;`8IQYJOw_P(nqoVbR>kn z(v-Kw>h&6P*>c<0dHPvO&%Z0j)od+Qm`Jy?M#T}*r=`U{C@R}QlrI-)sC4^MDwqLJ z_TtZ4%b|aJ*QQG?QcxS8&fl3K-Ub&ngSRTT2Xlujsw{As3ZthkoZ0UTFPNDVnAREr zkvO4`B@UEBoUqr-6rFSMY^({syLxz1(yxYwxt@ciIjT~K?J?YoKWkAAr`jW5YiNgS z^Xv8j^6rFDz<*6CnS+Z&E zf=o(G9MW=lfG#0x_iH>lMD~07Cd< z3srTO;6}!Oc(u06NQZWR5n+CGVS6ISWE_UqX+A#Pc=(9$5&h>Ii*<`@O*fRzm41NV4)9Q`T=b3 z=8n|$>weTuQFd7Zu=RZ7iKp7_{oF^lY7Qp-@>%aMuS`d+h}pFWqC)d(`(KYJ+*lmC zayv(82Wrw!pf_mze38%dG%Lpje5z%@zf9+OQZ69wjM@8Z11GCe(@IytEYvcX5xA}TQfEQhuT=N!YK zc_Yiq$?3|FFZR5@v}cy|kcnuc{RYQ}7C0rJkR>X$|s+_DTM^k*kG6ncRH4C%8x+>g3YOIKT+5OKF>{NU;mu^5g z!{&qQNlziG(!6t@LS>TB4RyVU_r=y?c@+Pt=-0ceV}6W4>ADU|nZ7LS&pX(!R}e!? sB*duy#s7xh8^|V@X!uYQ#8lk^13iunN{tM{pan(58&QxWn~R_QA0G(y4FCWD 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 From 6104201d8963d19ab3e7ac59f823f4a91a5eda56 Mon Sep 17 00:00:00 2001 From: Charles Hacskaylo Date: Tue, 2 Jun 2015 17:45:39 -0700 Subject: [PATCH 08/17] [Frontend] Markup and CSS for revised scrolling tabular view WTD-1217 --- .../scrolling/res/templates/scrolling.html | 46 ++++++++++--------- 1 file changed, 25 insertions(+), 21 deletions(-) diff --git a/platform/features/scrolling/res/templates/scrolling.html b/platform/features/scrolling/res/templates/scrolling.html index 802ae0790f..2d5d19fabc 100644 --- a/platform/features/scrolling/res/templates/scrolling.html +++ b/platform/features/scrolling/res/templates/scrolling.html @@ -20,27 +20,31 @@ at runtime from the About dialog for additional information. -->
- -
-
- -
- -
- {{header}}{{header}} -
-
- -
-
- {{cell}} -
-
- -
-
+
+ + + + + + + + + + + + + +
+ {{header}} +
+ {{cell}} +
+
From c20ad3764d63a42c84d7c3d7dd9fb3aac84510ae Mon Sep 17 00:00:00 2001 From: Charles Hacskaylo Date: Tue, 2 Jun 2015 18:26:49 -0700 Subject: [PATCH 09/17] Merge branch 'open-master' into ue-frontend Conflicts: platform/commonUI/general/res/css/theme-espresso.css platform/commonUI/general/res/sass/lists/_tabular.scss --- platform/commonUI/general/res/css/forms.css | 275 +- platform/commonUI/general/res/css/items.css | 107 +- platform/commonUI/general/res/css/plots.css | 135 +- .../general/res/css/theme-espresso.css | 2931 +++++++++++------ platform/commonUI/general/res/css/tree.css | 111 +- .../general/res/sass/lists/_tabular.scss | 149 +- 6 files changed, 2581 insertions(+), 1127 deletions(-) diff --git a/platform/commonUI/general/res/css/forms.css b/platform/commonUI/general/res/css/forms.css index 31ff2dd204..113a906725 100644 --- a/platform/commonUI/general/res/css/forms.css +++ b/platform/commonUI/general/res/css/forms.css @@ -19,7 +19,91 @@ * this source code distribution or the Licensing information page available * at runtime from the About dialog for additional information. *****************************************************************************/ -/* line 3, ../sass/forms/_elems.scss */ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/* line 24, ../sass/forms/_elems.scss */ .form .section-header { -moz-border-radius: 3px; -webkit-border-radius: 3px; @@ -28,13 +112,13 @@ font-size: 0.8em; margin-top: 5px; padding: 5px; } - /* line 9, ../sass/forms/_elems.scss */ + /* line 30, ../sass/forms/_elems.scss */ .form .section-header:first-child { margin-top: 0; } -/* line 13, ../sass/forms/_elems.scss */ +/* line 34, ../sass/forms/_elems.scss */ .form .form-section { position: relative; } -/* line 17, ../sass/forms/_elems.scss */ +/* line 38, ../sass/forms/_elems.scss */ .form .form-row { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; @@ -45,10 +129,10 @@ margin-top: 5px; padding: 5px; position: relative; } - /* line 24, ../sass/forms/_elems.scss */ + /* line 45, ../sass/forms/_elems.scss */ .form .form-row.first { border-top: none; } - /* line 28, ../sass/forms/_elems.scss */ + /* line 49, ../sass/forms/_elems.scss */ .form .form-row .label, .form .form-row .controls { -moz-box-sizing: border-box; @@ -60,47 +144,47 @@ font-size: 0.75rem; line-height: 22px; min-height: 22px; } - /* line 39, ../sass/forms/_elems.scss */ + /* line 60, ../sass/forms/_elems.scss */ .form .form-row > .label { float: left; position: relative; white-space: nowrap; width: 20%; } - /* line 47, ../sass/forms/_elems.scss */ + /* line 68, ../sass/forms/_elems.scss */ .form .form-row .value { color: #cccccc; } - /* line 51, ../sass/forms/_elems.scss */ + /* line 72, ../sass/forms/_elems.scss */ .form .form-row .controls { float: left; position: relative; width: 79.9%; } - /* line 58, ../sass/forms/_elems.scss */ + /* line 79, ../sass/forms/_elems.scss */ .form .form-row .controls .l-composite-control.l-checkbox { display: inline-block; line-height: 14px; margin-right: 5px; } - /* line 67, ../sass/forms/_elems.scss */ + /* line 88, ../sass/forms/_elems.scss */ .form .form-row .controls input[type="text"] { height: 22px; line-height: 22px; margin-top: -4px; vertical-align: baseline; } - /* line 74, ../sass/forms/_elems.scss */ + /* line 95, ../sass/forms/_elems.scss */ .form .form-row .controls .l-med input[type="text"] { width: 200px; } - /* line 78, ../sass/forms/_elems.scss */ + /* line 99, ../sass/forms/_elems.scss */ .form .form-row .controls .l-small input[type="text"] { width: 50px; } - /* line 82, ../sass/forms/_elems.scss */ + /* line 103, ../sass/forms/_elems.scss */ .form .form-row .controls .l-numeric input[type="text"] { text-align: right; } - /* line 86, ../sass/forms/_elems.scss */ + /* line 107, ../sass/forms/_elems.scss */ .form .form-row .controls .select { margin-right: 5px; } - /* line 91, ../sass/forms/_elems.scss */ + /* line 112, ../sass/forms/_elems.scss */ .form .form-row .field-hints { color: #666666; } - /* line 95, ../sass/forms/_elems.scss */ + /* line 116, ../sass/forms/_elems.scss */ .form .form-row .selector-list { -moz-border-radius: 3px; -webkit-border-radius: 3px; @@ -113,7 +197,7 @@ position: relative; height: 150px; overflow: auto; } - /* line 106, ../sass/forms/_elems.scss */ + /* line 127, ../sass/forms/_elems.scss */ .form .form-row .selector-list .wrapper { overflow-y: auto; position: absolute; @@ -122,24 +206,24 @@ bottom: 5px; left: 5px; } -/* line 120, ../sass/forms/_elems.scss */ +/* line 141, ../sass/forms/_elems.scss */ label.form-control.checkbox input { margin-right: 5px; vertical-align: top; } -/* line 126, ../sass/forms/_elems.scss */ +/* line 147, ../sass/forms/_elems.scss */ .hint, .s-hint { font-size: 0.9em; } -/* line 131, ../sass/forms/_elems.scss */ +/* line 152, ../sass/forms/_elems.scss */ .l-result { display: inline-block; min-width: 32px; min-height: 32px; position: relative; vertical-align: top; } - /* line 138, ../sass/forms/_elems.scss */ + /* line 159, ../sass/forms/_elems.scss */ .l-result div.s-hint { -moz-border-radius: 3px; -webkit-border-radius: 3px; @@ -149,7 +233,28 @@ label.form-control.checkbox input { color: #ffd699; padding: 5px; } -/* line 1, ../sass/forms/_textarea.scss */ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/* line 22, ../sass/forms/_textarea.scss */ .edit-main textarea { -moz-appearance: none; -webkit-appearance: none; @@ -171,11 +276,32 @@ label.form-control.checkbox input { position: absolute; height: 100%; width: 100%; } - /* line 12, ../sass/forms/_mixins.scss */ + /* line 33, ../sass/forms/_mixins.scss */ .edit-main textarea.error { background: rgba(255, 0, 0, 0.5); } -/* line 1, ../sass/forms/_text-input.scss */ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/* line 22, ../sass/forms/_text-input.scss */ input[type="text"] { -moz-appearance: none; -webkit-appearance: none; @@ -194,14 +320,35 @@ input[type="text"] { color: #cccccc; outline: none; padding: 0 3px; } - /* line 12, ../sass/forms/_mixins.scss */ + /* line 33, ../sass/forms/_mixins.scss */ input[type="text"].error { background: rgba(255, 0, 0, 0.5); } - /* line 8, ../sass/forms/_text-input.scss */ + /* line 29, ../sass/forms/_text-input.scss */ input[type="text"].numeric { text-align: right; } -/* line 1, ../sass/forms/_selects.scss */ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/* line 22, ../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%; @@ -227,7 +374,7 @@ input[type="text"] { margin: 0 0 2px 2px; overflow: hidden; position: relative; } - /* line 127, ../sass/_mixins.scss */ + /* line 148, ../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%; @@ -235,7 +382,7 @@ input[type="text"] { background-image: -moz-linear-gradient(#666666, #4d4d4d); background-image: -webkit-linear-gradient(#666666, #4d4d4d); background-image: linear-gradient(#666666, #4d4d4d); } - /* line 8, ../sass/forms/_selects.scss */ + /* line 29, ../sass/forms/_selects.scss */ .form-control.select select { -moz-appearance: none; -webkit-appearance: none; @@ -248,10 +395,10 @@ input[type="text"] { cursor: pointer; padding: 4px 25px 2px 5px; width: 120%; } - /* line 17, ../sass/forms/_selects.scss */ + /* line 38, ../sass/forms/_selects.scss */ .form-control.select select option { margin: 5px 0; } - /* line 21, ../sass/forms/_selects.scss */ + /* line 42, ../sass/forms/_selects.scss */ .form-control.select:after { color: #0099cc; content: "v"; @@ -262,11 +409,32 @@ input[type="text"] { right: 5px; top: 0; } -/* line 2, ../sass/forms/_channel-selector.scss */ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/* line 23, ../sass/forms/_channel-selector.scss */ .channel-selector .line { margin-bottom: 5px; min-height: 22px; } -/* line 6, ../sass/forms/_channel-selector.scss */ +/* line 27, ../sass/forms/_channel-selector.scss */ .channel-selector .treeview { -moz-appearance: none; -webkit-appearance: none; @@ -291,13 +459,13 @@ input[type="text"] { max-height: 400px; overflow: auto; padding: 5px; } - /* line 12, ../sass/forms/_mixins.scss */ + /* line 33, ../sass/forms/_mixins.scss */ .channel-selector .treeview.error { background: rgba(255, 0, 0, 0.5); } -/* line 15, ../sass/forms/_channel-selector.scss */ +/* line 36, ../sass/forms/_channel-selector.scss */ .channel-selector .btns-add-remove { margin-top: 150px; } - /* line 18, ../sass/forms/_channel-selector.scss */ + /* line 39, ../sass/forms/_channel-selector.scss */ .channel-selector .btns-add-remove .btn { display: block; font-size: 1.5em; @@ -305,23 +473,44 @@ input[type="text"] { padding: 10px; text-align: center; } -/* line 2, ../sass/forms/_datetime.scss */ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/* line 23, ../sass/forms/_datetime.scss */ .complex.datetime span { display: inline-block; margin-right: 5px; } -/* line 15, ../sass/forms/_datetime.scss */ +/* line 36, ../sass/forms/_datetime.scss */ .complex.datetime .fields { margin-top: 3px 0; padding: 3px 0; } -/* line 20, ../sass/forms/_datetime.scss */ +/* line 41, ../sass/forms/_datetime.scss */ .complex.datetime .date { width: 85px; } - /* line 23, ../sass/forms/_datetime.scss */ + /* line 44, ../sass/forms/_datetime.scss */ .complex.datetime .date input { width: 80px; } -/* line 29, ../sass/forms/_datetime.scss */ +/* line 50, ../sass/forms/_datetime.scss */ .complex.datetime .time.sm { width: 45px; } - /* line 32, ../sass/forms/_datetime.scss */ + /* line 53, ../sass/forms/_datetime.scss */ .complex.datetime .time.sm input { width: 40px; } diff --git a/platform/commonUI/general/res/css/items.css b/platform/commonUI/general/res/css/items.css index 700e28af08..92d6f49101 100644 --- a/platform/commonUI/general/res/css/items.css +++ b/platform/commonUI/general/res/css/items.css @@ -19,15 +19,78 @@ * this source code distribution or the Licensing information page available * at runtime from the About dialog for additional information. *****************************************************************************/ -/* line 1, ../sass/items/_item.scss */ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/* line 22, ../sass/items/_item.scss */ .items-holder { overflow: hidden; *zoom: 1; overflow-y: auto; } - /* line 4, ../sass/items/_item.scss */ + /* line 25, ../sass/items/_item.scss */ .items-holder .contents { top: 0; } - /* line 8, ../sass/items/_item.scss */ + /* line 29, ../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%; @@ -56,7 +119,7 @@ margin-bottom: 3px; margin-right: 3px; position: relative; } - /* line 127, ../sass/_mixins.scss */ + /* line 148, ../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%; @@ -64,62 +127,62 @@ background-image: -moz-linear-gradient(#737373, #595959); background-image: -webkit-linear-gradient(#737373, #595959); background-image: linear-gradient(#737373, #595959); } - /* line 21, ../sass/items/_item.scss */ + /* line 42, ../sass/items/_item.scss */ .items-holder .item.grid-item:hover .item-main .item-type { color: #0099cc !important; } - /* line 24, ../sass/items/_item.scss */ + /* line 45, ../sass/items/_item.scss */ .items-holder .item.grid-item:hover .item-main .item-open { display: block; } - /* line 28, ../sass/items/_item.scss */ + /* line 49, ../sass/items/_item.scss */ .items-holder .item.grid-item .contents { top: 5px; right: 5px; bottom: 5px; left: 5px; } - /* line 32, ../sass/items/_item.scss */ + /* line 53, ../sass/items/_item.scss */ .items-holder .item.grid-item .bar.top-bar.abs { bottom: auto; height: 20px; line-height: 20px; z-index: 5; } - /* line 37, ../sass/items/_item.scss */ + /* line 58, ../sass/items/_item.scss */ .items-holder .item.grid-item .bar.top-bar.abs .left, .items-holder .item.grid-item .bar.top-bar.abs .right { width: auto; } - /* line 39, ../sass/items/_item.scss */ + /* line 60, ../sass/items/_item.scss */ .items-holder .item.grid-item .bar.top-bar.abs .left .icon, .items-holder .item.grid-item .bar.top-bar.abs .right .icon { margin-left: 5px; } - /* line 44, ../sass/items/_item.scss */ + /* line 65, ../sass/items/_item.scss */ .items-holder .item.grid-item .bar.bottom-bar.abs { top: auto; height: 40px; padding: 5px; } - /* line 50, ../sass/items/_item.scss */ + /* line 71, ../sass/items/_item.scss */ .items-holder .item.grid-item .item-main { z-index: 1; } - /* line 58, ../sass/items/_item.scss */ + /* line 79, ../sass/items/_item.scss */ .items-holder .item.grid-item .item-main .item-type { color: #737373; text-align: center; font-size: 7em; line-height: 180px; } - /* line 64, ../sass/items/_item.scss */ + /* line 85, ../sass/items/_item.scss */ .items-holder .item.grid-item .item-main .item-open { display: none; font-size: 5em; line-height: 180px; left: auto; width: 30px; } - /* line 72, ../sass/items/_item.scss */ + /* line 93, ../sass/items/_item.scss */ .items-holder .item.grid-item .title { text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; color: #cccccc; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } - /* line 80, ../sass/items/_item.scss */ + /* line 101, ../sass/items/_item.scss */ .items-holder .item.grid-item .details { font-size: 0.8em; } - /* line 83, ../sass/items/_item.scss */ + /* line 104, ../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%; @@ -147,7 +210,7 @@ background-image: -webkit-linear-gradient(#33ccff, #0099cc); background-image: linear-gradient(#33ccff, #0099cc); color: #80dfff; } - /* line 135, ../sass/_mixins.scss */ + /* line 156, ../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%; @@ -155,15 +218,15 @@ background-image: -moz-linear-gradient(#66d9ff, #00bfff); background-image: -webkit-linear-gradient(#66d9ff, #00bfff); background-image: linear-gradient(#66d9ff, #00bfff); } - /* line 88, ../sass/items/_item.scss */ + /* line 109, ../sass/items/_item.scss */ .items-holder .item.grid-item.selected .item-type, .items-holder .item.grid-item.selected .top-bar .icon:not(.alert) { color: #80dfff; } - /* line 89, ../sass/items/_item.scss */ + /* line 110, ../sass/items/_item.scss */ .items-holder .item.grid-item.selected .item-main .item-open { color: #80dfff; } - /* line 90, ../sass/items/_item.scss */ + /* line 111, ../sass/items/_item.scss */ .items-holder .item.grid-item.selected .title { color: white; } - /* line 92, ../sass/items/_item.scss */ + /* line 113, ../sass/items/_item.scss */ .items-holder .item.grid-item.selected:hover .item-main .item-type { color: white !important; } diff --git a/platform/commonUI/general/res/css/plots.css b/platform/commonUI/general/res/css/plots.css index fa9981718c..924bef15c4 100644 --- a/platform/commonUI/general/res/css/plots.css +++ b/platform/commonUI/general/res/css/plots.css @@ -19,7 +19,70 @@ * this source code distribution or the Licensing information page available * at runtime from the About dialog for additional information. *****************************************************************************/ -/* line 10, ../sass/plots/_plots-main.scss */ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/* line 31, ../sass/plots/_plots-main.scss */ .gl-plot { color: #999; font-size: 0.7rem; @@ -27,10 +90,10 @@ width: 100%; height: 100%; /****************************** Limits and Out-of-Bounds data */ } - /* line 17, ../sass/plots/_plots-main.scss */ + /* line 38, ../sass/plots/_plots-main.scss */ .gl-plot .gl-plot-axis-area { position: absolute; } - /* line 20, ../sass/plots/_plots-main.scss */ + /* line 41, ../sass/plots/_plots-main.scss */ .gl-plot .gl-plot-axis-area.gl-plot-x { top: auto; right: 0; @@ -39,14 +102,14 @@ height: 32px; width: auto; overflow: hidden; } - /* line 29, ../sass/plots/_plots-main.scss */ + /* line 50, ../sass/plots/_plots-main.scss */ .gl-plot .gl-plot-axis-area.gl-plot-y { top: 29px; right: auto; bottom: 37px; left: 0; width: 60px; } - /* line 38, ../sass/plots/_plots-main.scss */ + /* line 59, ../sass/plots/_plots-main.scss */ .gl-plot .gl-plot-coords { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; @@ -63,10 +126,10 @@ bottom: auto; left: 70px; z-index: 10; } - /* line 50, ../sass/plots/_plots-main.scss */ + /* line 71, ../sass/plots/_plots-main.scss */ .gl-plot .gl-plot-coords:empty { display: none; } - /* line 55, ../sass/plots/_plots-main.scss */ + /* line 76, ../sass/plots/_plots-main.scss */ .gl-plot .gl-plot-display-area { position: absolute; top: 29px; @@ -75,13 +138,13 @@ left: 60px; cursor: crosshair; border: 1px solid #4d4d4d; } - /* line 65, ../sass/plots/_plots-main.scss */ + /* line 86, ../sass/plots/_plots-main.scss */ .gl-plot .gl-plot-label, .gl-plot .l-plot-label { color: #cccccc; position: absolute; text-align: center; } - /* line 73, ../sass/plots/_plots-main.scss */ + /* line 94, ../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 { @@ -90,7 +153,7 @@ bottom: 0; left: 0; height: auto; } - /* line 82, ../sass/plots/_plots-main.scss */ + /* line 103, ../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 { @@ -107,7 +170,7 @@ left: 0; top: 50%; white-space: nowrap; } - /* line 96, ../sass/plots/_plots-main.scss */ + /* line 117, ../sass/plots/_plots-main.scss */ .gl-plot .gl-plot-y-options { position: absolute; top: 50%; @@ -118,19 +181,19 @@ height: auto; min-height: 32px; width: 32px; } - /* line 110, ../sass/plots/_plots-main.scss */ + /* line 131, ../sass/plots/_plots-main.scss */ .gl-plot .gl-plot-hash { position: absolute; border: 0 rgba(255, 255, 255, 0.3) dashed; } - /* line 113, ../sass/plots/_plots-main.scss */ + /* line 134, ../sass/plots/_plots-main.scss */ .gl-plot .gl-plot-hash.hash-v { border-right-width: 1px; height: 100%; } - /* line 117, ../sass/plots/_plots-main.scss */ + /* line 138, ../sass/plots/_plots-main.scss */ .gl-plot .gl-plot-hash.hash-h { border-bottom-width: 1px; width: 100%; } - /* line 123, ../sass/plots/_plots-main.scss */ + /* line 144, ../sass/plots/_plots-main.scss */ .gl-plot .gl-plot-legend { position: absolute; top: 0; @@ -140,24 +203,24 @@ height: 24px; overflow-x: hidden; overflow-y: auto; } - /* line 136, ../sass/plots/_plots-main.scss */ + /* line 157, ../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 */ + /* line 165, ../sass/plots/_plots-main.scss */ .gl-plot .l-limit-bar { height: auto; z-index: 0; } - /* line 152, ../sass/plots/_plots-main.scss */ + /* line 173, ../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 */ + /* line 174, ../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 */ + /* line 177, ../sass/plots/_plots-main.scss */ .gl-plot .l-oob-data { overflow: hidden; position: absolute; @@ -170,7 +233,7 @@ pointer-events: none; height: 10px; z-index: 1; } - /* line 164, ../sass/plots/_plots-main.scss */ + /* line 185, ../sass/plots/_plots-main.scss */ .gl-plot .l-oob-data.l-oob-data-up { top: 0; bottom: auto; @@ -179,7 +242,7 @@ 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 */ + /* line 190, ../sass/plots/_plots-main.scss */ .gl-plot .l-oob-data.l-oob-data-dwn { bottom: 0; top: auto; @@ -189,20 +252,20 @@ 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 179, ../sass/plots/_plots-main.scss */ +/* line 200, ../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 183, ../sass/plots/_plots-main.scss */ + /* line 204, ../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 186, ../sass/plots/_plots-main.scss */ + /* line 207, ../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, @@ -218,7 +281,7 @@ height: 8px; width: 8px; } -/* line 199, ../sass/plots/_plots-main.scss */ +/* line 220, ../sass/plots/_plots-main.scss */ .gl-plot-legend .plot-legend-item { -moz-border-radius: 2px; -webkit-border-radius: 2px; @@ -226,22 +289,22 @@ color: #fff; line-height: 1.5em; padding: 0px 5px; } - /* line 205, ../sass/plots/_plots-main.scss */ + /* line 226, ../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 */ +/* line 234, ../sass/plots/_plots-main.scss */ .tick { position: absolute; border: 0 rgba(255, 255, 255, 0.3) solid; } - /* line 216, ../sass/plots/_plots-main.scss */ + /* line 237, ../sass/plots/_plots-main.scss */ .tick.tick-x { border-right-width: 1px; height: 100%; } -/* line 222, ../sass/plots/_plots-main.scss */ +/* line 243, ../sass/plots/_plots-main.scss */ .gl-plot-tick, .tick-label { font-size: 0.7rem; @@ -249,7 +312,7 @@ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } - /* line 230, ../sass/plots/_plots-main.scss */ + /* line 251, ../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 { @@ -260,7 +323,7 @@ width: 20%; margin-left: -10%; text-align: center; } - /* line 240, ../sass/plots/_plots-main.scss */ + /* line 261, ../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 { @@ -270,18 +333,18 @@ margin-bottom: -0.5em; text-align: right; } -/* line 252, ../sass/plots/_plots-main.scss */ +/* line 273, ../sass/plots/_plots-main.scss */ .gl-plot-tick.gl-plot-x-tick-label { top: 5px; } -/* line 255, ../sass/plots/_plots-main.scss */ +/* line 276, ../sass/plots/_plots-main.scss */ .gl-plot-tick.gl-plot-y-tick-label { right: 5px; left: 5px; } -/* line 262, ../sass/plots/_plots-main.scss */ +/* line 283, ../sass/plots/_plots-main.scss */ .tick-label.tick-label-x { top: 0; } -/* line 265, ../sass/plots/_plots-main.scss */ +/* line 286, ../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 c20c2e84a8..c3dd06eed9 100644 --- a/platform/commonUI/general/res/css/theme-espresso.css +++ b/platform/commonUI/general/res/css/theme-espresso.css @@ -1,3 +1,46 @@ +@charset "UTF-8"; +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ /***************************************************************************** * Open MCT Web, Copyright (c) 2014-2015, United States Government * as represented by the Administrator of the National Aeronautics and Space @@ -20,7 +63,28 @@ * at runtime from the About dialog for additional information. *****************************************************************************/ /* CONSTANTS */ -/* line 17, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/* line 5, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, @@ -41,42 +105,84 @@ 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 */ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/* line 22, ../sass/_effects.scss */ .disabled, a.disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); @@ -84,62 +190,117 @@ a.disabled { pointer-events: none !important; cursor: default !important; } -/* line 8, ../sass/_effects.scss */ +/* line 29, ../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); } -/* line 13, ../sass/_effects.scss */ +/* line 34, ../sass/_effects.scss */ .outline { border: 1px solid #666666; } -/* line 17, ../sass/_effects.scss */ +/* line 38, ../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; } -/* line 21, ../sass/_effects.scss */ +/* line 42, ../sass/_effects.scss */ .test { background-color: rgba(255, 204, 0, 0.2); } -/* line 1, ../sass/_global.scss */ +@-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 59, ../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; } + +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/* line 22, ../sass/_global.scss */ a { color: #ccc; cursor: pointer; text-decoration: none; } - /* line 5, ../sass/_global.scss */ + /* line 26, ../sass/_global.scss */ a:hover { color: #fff; } -/* line 10, ../sass/_global.scss */ +/* line 31, ../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%; width: 100%; overflow: hidden; } -/* line 20, ../sass/_global.scss */ +/* line 41, ../sass/_global.scss */ em { font-style: normal; } -/* line 25, ../sass/_global.scss */ +/* line 46, ../sass/_global.scss */ input, textarea { font-family: Helvetica, Arial, sans-serif; } -/* line 29, ../sass/_global.scss */ +/* line 50, ../sass/_global.scss */ h1, h2, h3 { margin: 0; } -/* line 33, ../sass/_global.scss */ +/* line 54, ../sass/_global.scss */ h1 { font-size: 1.7em; font-weight: normal !important; @@ -147,17 +308,17 @@ h1 { margin-bottom: 20px; margin-top: 0; } -/* line 41, ../sass/_global.scss */ +/* line 62, ../sass/_global.scss */ p { margin-bottom: 10px; } -/* line 45, ../sass/_global.scss */ +/* line 66, ../sass/_global.scss */ span { /* 618 DEBUG box-sizing: border-box; */ } -/* line 51, ../sass/_global.scss */ +/* line 72, ../sass/_global.scss */ .abs, .btn-menu span.l-click-area { position: absolute; top: 0; @@ -167,49 +328,70 @@ span { height: auto; width: auto; } -/* line 61, ../sass/_global.scss */ +/* line 82, ../sass/_global.scss */ .code, .codehilite { font-family: "Lucida Console", monospace; font-size: 0.7em; line-height: 150%; white-space: pre; } -/* line 68, ../sass/_global.scss */ +/* line 89, ../sass/_global.scss */ .codehilite { background-color: rgba(255, 255, 255, 0.1); padding: 1em; } -/* line 74, ../sass/_global.scss */ +/* line 95, ../sass/_global.scss */ .align-right { text-align: right; } -/* line 78, ../sass/_global.scss */ +/* line 99, ../sass/_global.scss */ .centered { text-align: center; } -/* line 82, ../sass/_global.scss */ +/* line 103, ../sass/_global.scss */ .no-margin { margin: 0; } -/* line 86, ../sass/_global.scss */ +/* line 107, ../sass/_global.scss */ .colorKey { color: #0099cc; } -/* line 90, ../sass/_global.scss */ +/* line 111, ../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 115, ../sass/_global.scss */ .hide, .hidden { display: none !important; } -/* line 99, ../sass/_global.scss */ +/* line 120, ../sass/_global.scss */ .sep { color: rgba(255, 255, 255, 0.2); } +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ @font-face { /* * Use https://www.web-font-generator.com/ to gen fonts @@ -219,33 +401,51 @@ 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 */ +/* line 36, ../sass/_fonts.scss */ .ui-symbol { font-family: 'symbolsfont'; } -/* line 11, ../sass/user-environ/_layout.scss */ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/* line 32, ../sass/user-environ/_layout.scss */ .holder-all { top: 3px; right: 3px; bottom: 3px; left: 3px; } -/* line 21, ../sass/user-environ/_layout.scss */ +/* line 40, ../sass/user-environ/_layout.scss */ .browse-area, .edit-area, .editor { position: absolute; } -/* line 25, ../sass/user-environ/_layout.scss */ +/* line 46, ../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 */ +/* line 50, ../sass/user-environ/_layout.scss */ .contents { box-sizing: border-box; position: absolute; @@ -253,26 +453,26 @@ span { right: 0; bottom: 0; left: 0; } - /* line 37, ../sass/user-environ/_layout.scss */ + /* line 58, ../sass/user-environ/_layout.scss */ .contents.nomargin { right: 0px; bottom: 0px; left: 0px; } -/* line 46, ../sass/user-environ/_layout.scss */ +/* line 67, ../sass/user-environ/_layout.scss */ .bar .icon.major { margin-right: 5px; } -/* line 49, ../sass/user-environ/_layout.scss */ +/* line 70, ../sass/user-environ/_layout.scss */ .bar.abs, .btn-menu span.bar.l-click-area { text-wrap: none; white-space: nowrap; } - /* line 53, ../sass/user-environ/_layout.scss */ + /* line 73, ../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 78, ../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 { @@ -280,56 +480,59 @@ span { left: auto; right: 0; text-align: right; } - /* line 63, ../sass/user-environ/_layout.scss */ + /* line 84, ../sass/user-environ/_layout.scss */ .bar.abs.right .icon.major, .btn-menu span.bar.right.l-click-area .icon.major, .bar.abs .right .icon.major, .btn-menu span.bar.l-click-area .right .icon.major { margin-left: 15px; } -/* line 76, ../sass/user-environ/_layout.scss */ +/* line 95, ../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; } -/* line 85, ../sass/user-environ/_layout.scss */ +/* line 106, ../sass/user-environ/_layout.scss */ .user-environ .browse-area > .contents, .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 112, ../sass/user-environ/_layout.scss */ +.user-environ .edit-area { + top: 40px; } + /* line 115, ../sass/user-environ/_layout.scss */ + .user-environ .edit-area .tool-bar { + bottom: auto; + height: 30px; + line-height: 25px; } + /* line 120, ../sass/user-environ/_layout.scss */ + .user-environ .edit-area .work-area { + top: 40px; } +/* line 125, ../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 131, ../sass/user-environ/_layout.scss */ .user-environ .bottom-bar .status-holder { right: 110px; } - /* line 112, ../sass/user-environ/_layout.scss */ + /* line 134, ../sass/user-environ/_layout.scss */ .user-environ .bottom-bar .app-logo { left: auto; width: 105px; } -/* line 119, ../sass/user-environ/_layout.scss */ +/* line 141, ../sass/user-environ/_layout.scss */ .cols { overflow: hidden; *zoom: 1; } - /* line 121, ../sass/user-environ/_layout.scss */ + /* line 143, ../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; @@ -337,93 +540,128 @@ span { margin-left: 1.5%; padding-left: 5px; position: relative; } - /* line 129, ../sass/user-environ/_layout.scss */ + /* line 151, ../sass/user-environ/_layout.scss */ .cols .col:first-child { margin-left: 0; padding-left: 0; } - /* line 136, ../sass/user-environ/_layout.scss */ + /* line 158, ../sass/user-environ/_layout.scss */ .cols.cols-2 .col-1 { min-width: 250px; width: 48.5%; } - /* line 142, ../sass/user-environ/_layout.scss */ + /* line 164, ../sass/user-environ/_layout.scss */ .cols.cols-2-ff .col-100px { width: 100px; } - /* line 149, ../sass/user-environ/_layout.scss */ + /* line 171, ../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 177, ../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 180, ../sass/user-environ/_layout.scss */ .cols.cols-16 .col-2 { min-width: 62.5px; width: 11%; } - /* line 161, ../sass/user-environ/_layout.scss */ + /* line 183, ../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 189, ../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 192, ../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 196, ../sass/user-environ/_layout.scss */ .cols .l-row { overflow: hidden; *zoom: 1; padding: 5px 0; } -/* line 180, ../sass/user-environ/_layout.scss */ +/* line 202, ../sass/user-environ/_layout.scss */ .pane { position: absolute; } - /* line 183, ../sass/user-environ/_layout.scss */ + /* line 205, ../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 208, ../sass/user-environ/_layout.scss */ + .pane.treeview .create-btn-holder .wrapper.menu-element { + position: absolute; + bottom: 5px; } + /* line 213, ../sass/user-environ/_layout.scss */ .pane.treeview .tree-holder { overflow: auto; - top: 40px; } - /* line 195, ../sass/user-environ/_layout.scss */ + top: 35px; } + /* line 221, ../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 225, ../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 229, ../sass/user-environ/_layout.scss */ .pane.items .object-holder { - top: 40px; } - /* line 200, ../sass/user-environ/_layout.scss */ + top: 35px; } + /* line 234, ../sass/user-environ/_layout.scss */ .pane.edit-main .object-holder { top: 0; } - /* line 206, ../sass/user-environ/_layout.scss */ + /* line 240, ../sass/user-environ/_layout.scss */ .pane .object-holder { overflow: auto; } -/* line 214, ../sass/user-environ/_layout.scss */ +/* line 248, ../sass/user-environ/_layout.scss */ .split-layout.horizontal > .pane { margin-top: 5px; } - /* line 217, ../sass/user-environ/_layout.scss */ + /* line 251, ../sass/user-environ/_layout.scss */ .split-layout.horizontal > .pane:first-child { margin-top: 0; } -/* line 224, ../sass/user-environ/_layout.scss */ +/* line 258, ../sass/user-environ/_layout.scss */ .split-layout.vertical > .pane { margin-left: 5px; } - /* line 226, ../sass/user-environ/_layout.scss */ + /* line 260, ../sass/user-environ/_layout.scss */ .split-layout.vertical > .pane > .holder { left: 0; right: 0; } - /* line 230, ../sass/user-environ/_layout.scss */ + /* line 264, ../sass/user-environ/_layout.scss */ .split-layout.vertical > .pane:first-child { margin-left: 0; } - /* line 232, ../sass/user-environ/_layout.scss */ + /* line 266, ../sass/user-environ/_layout.scss */ .split-layout.vertical > .pane:first-child .holder { right: 5px; } -/* line 241, ../sass/user-environ/_layout.scss */ +/* line 275, ../sass/user-environ/_layout.scss */ .vscroll { overflow-y: auto; } -/* line 2, ../sass/_fixed-position.scss */ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/* line 23, ../sass/_fixed-position.scss */ .t-fixed-position.l-fixed-position { position: absolute; top: 0; @@ -432,126 +670,157 @@ span { left: 0; width: auto; height: auto; } - /* line 12, ../sass/_fixed-position.scss */ + /* line 29, ../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 32, ../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 42, ../sass/_fixed-position.scss */ .t-fixed-position .l-fixed-position-item { position: absolute; border: 1px solid transparent; } - /* line 31, ../sass/_fixed-position.scss */ + /* line 46, ../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 51, ../sass/_fixed-position.scss */ .t-fixed-position .l-fixed-position-item.s-not-selected { opacity: 0.8; } - /* line 42, ../sass/_fixed-position.scss */ + /* line 55, ../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 65, ../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 71, ../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 77, ../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 82, ../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 88, ../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 92, ../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 97, ../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 91, ../sass/_fixed-position.scss */ + /* line 102, ../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 112, ../sass/_fixed-position.scss */ .t-fixed-position .l-fixed-position-item-handle { background: rgba(0, 153, 204, 0.5); cursor: crosshair; border: 1px solid #0099cc; position: absolute; } -/* line 105, ../sass/_fixed-position.scss */ +/* line 126, ../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 */ +/* line 130, ../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 */ +/* line 138, ../sass/_fixed-position.scss */ .edit-mode .t-fixed-position .l-fixed-position-item:not(.s-selected) { border: 1px dotted rgba(0, 153, 204, 0.75); } - /* line 119, ../sass/_fixed-position.scss */ + /* line 140, ../sass/_fixed-position.scss */ .edit-mode .t-fixed-position .l-fixed-position-item:not(.s-selected):hover { border: 1px dotted #0099cc; } -/* line 5, ../sass/_about.scss */ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/* line 26, ../sass/_about.scss */ .l-about.abs, .btn-menu span.l-about.l-click-area { overflow: auto; } -/* line 10, ../sass/_about.scss */ +/* line 31, ../sass/_about.scss */ .l-about .l-logo-holder { position: relative; height: 45%; } - /* line 13, ../sass/_about.scss */ + /* line 34, ../sass/_about.scss */ .l-about .l-logo-holder .l-logo { position: absolute; } - /* line 16, ../sass/_about.scss */ + /* line 37, ../sass/_about.scss */ .l-about .l-logo-holder .l-logo.l-logo-app { top: 0; right: 15%; bottom: 0; left: 15%; } - /* line 20, ../sass/_about.scss */ + /* line 41, ../sass/_about.scss */ .l-about .l-logo-holder .l-logo.s-logo-nasa { background-image: url("../images/logo-nasa.svg"); top: 10px; @@ -562,125 +831,186 @@ span { height: auto; padding-bottom: 5%; padding-top: 5%; } -/* line 29, ../sass/_about.scss */ +/* line 50, ../sass/_about.scss */ .l-about .l-content { position: relative; margin-top: 10px; } -/* line 36, ../sass/_about.scss */ +/* line 57, ../sass/_about.scss */ .s-about { line-height: 120%; } - /* line 40, ../sass/_about.scss */ + /* line 61, ../sass/_about.scss */ .s-about a { color: #84b3ff; } - /* line 47, ../sass/_about.scss */ + /* line 68, ../sass/_about.scss */ .s-about .s-logo-holder { background: url("../images/bg-about-openmctweb.jpg") no-repeat center; background-size: cover; } - /* line 51, ../sass/_about.scss */ + /* line 72, ../sass/_about.scss */ .s-about .s-logo { background-position: center; background-repeat: no-repeat; background-size: contain; } - /* line 57, ../sass/_about.scss */ + /* line 78, ../sass/_about.scss */ .s-about .s-logo-openmctweb { background-image: url("../images/logo-openmctweb-shdw.svg"); } - /* line 60, ../sass/_about.scss */ + /* line 81, ../sass/_about.scss */ .s-about .s-btn, .s-about .s-icon-btn { line-height: 2em; } - /* line 64, ../sass/_about.scss */ + /* line 85, ../sass/_about.scss */ .s-about .l-licenses-software .l-license-software { border-top: 1px solid #4d4d4d; padding: 0.5em 0; } - /* line 67, ../sass/_about.scss */ + /* line 88, ../sass/_about.scss */ .s-about .l-licenses-software .l-license-software:first-child { border-top: none; } - /* line 70, ../sass/_about.scss */ + /* line 91, ../sass/_about.scss */ .s-about .l-licenses-software .l-license-software em { color: #666666; } - /* line 77, ../sass/_about.scss */ + /* line 98, ../sass/_about.scss */ .s-about .l-licenses-software .l-license-software h3 { font-size: 1.25em; } - /* line 80, ../sass/_about.scss */ + /* line 101, ../sass/_about.scss */ .s-about .l-licenses-software .l-license-software .s-license-text { font-size: 0.9em; } -/* line 3, ../sass/_text.scss */ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/* line 24, ../sass/_text.scss */ .abs.l-standalone, .btn-menu span.l-standalone.l-click-area { padding: 5% 20%; } -/* line 8, ../sass/_text.scss */ +/* line 29, ../sass/_text.scss */ .s-text { font-size: 0.8em; } - /* line 10, ../sass/_text.scss */ + /* line 31, ../sass/_text.scss */ .s-text ol, .s-text ul { list-style: square; margin-left: 1.5em; } - /* line 18, ../sass/_text.scss */ + /* line 39, ../sass/_text.scss */ .s-text h1, .s-text h2, .s-text h3 { color: #fff; font-weight: normal !important; margin-bottom: 1em; } - /* line 24, ../sass/_text.scss */ + /* line 45, ../sass/_text.scss */ .s-text h2 { border-top: 1px solid #4d4d4d; font-size: 1.5em; margin-top: 2em; padding-top: 1em; } - /* line 31, ../sass/_text.scss */ + /* line 52, ../sass/_text.scss */ .s-text h3 { margin-top: 2em; } -/* line 1, ../sass/_badges.scss */ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/* line 22, ../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 */ +/* line 29, ../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 */ +/* line 54, ../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; } -/* line 1, ../sass/_icons.scss */ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/* line 22, ../sass/_icons.scss */ .triangle { width: 0; height: 0; border-top: 5px solid transparent; border-left: 5px solid #0099cc; border-bottom: 5px solid transparent; } - /* line 5, ../sass/_icons.scss */ + /* line 26, ../sass/_icons.scss */ .triangle.triangle-down { width: 0; height: 0; @@ -688,52 +1018,52 @@ span { border-top: 5px solid #0099cc; border-right: 5px solid transparent; } -/* line 12, ../sass/_icons.scss */ +/* line 33, ../sass/_icons.scss */ .ui-symbol.icon { color: #0099cc; text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; } - /* line 15, ../sass/_icons.scss */ + /* line 36, ../sass/_icons.scss */ .ui-symbol.icon.alert { color: #ff3c00; } - /* line 17, ../sass/_icons.scss */ + /* line 38, ../sass/_icons.scss */ .ui-symbol.icon.alert:hover { color: #ff8a66; } - /* line 21, ../sass/_icons.scss */ + /* line 42, ../sass/_icons.scss */ .ui-symbol.icon.major { font-size: 1.65em; } -/* line 33, ../sass/_icons.scss */ +/* line 54, ../sass/_icons.scss */ .bar .icon { display: inline-block; } -/* line 37, ../sass/_icons.scss */ +/* line 58, ../sass/_icons.scss */ .invoke-menu { color: #0099cc; display: inline-block; font-size: 1rem; vertical-align: middle; } - /* line 171, ../sass/_mixins.scss */ + /* line 200, ../sass/_mixins.scss */ .invoke-menu:hover { color: #33ccff; } -/* line 45, ../sass/_icons.scss */ +/* line 65, ../sass/_icons.scss */ .btn-menu .invoke-menu, .icon.major .invoke-menu { margin-left: 5px; } -/* line 49, ../sass/_icons.scss */ +/* line 70, ../sass/_icons.scss */ .icon-buttons-main .invoke-menu { color: #666666; } - /* line 171, ../sass/_mixins.scss */ + /* line 200, ../sass/_mixins.scss */ .icon-buttons-main .invoke-menu:hover { color: #999999; } -/* line 57, ../sass/_icons.scss */ +/* line 78, ../sass/_icons.scss */ .object-header .type-icon { - color: #ffc700; + color: #0099cc; margin-right: 5px; } -/* line 65, ../sass/_icons.scss */ +/* line 83, ../sass/_icons.scss */ .menu .type-icon, .tree-item .type-icon, .icon-btn .menu.dropdown .icon, @@ -742,200 +1072,399 @@ span { line-height: 1.695rem; position: absolute; } -/* line 1, ../sass/lists/_tabular.scss */ -.w1 { - background: #4d4d4d; - padding-top: 20px; - position: relative; } +/*.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; + } +} -/* line 6, ../sass/lists/_tabular.scss */ -.w2 { - background: #1a1a1a; - overflow-y: auto; } +.s-limit-upr { + &.s-limit-yellow { @include limit($colorLimitYellow, "\0000ed"); } + &.s-limit-red { @include limit($colorLimitRed, "\0000eb"); } +} -/* line 11, ../sass/lists/_tabular.scss */ +.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; } + +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/* line 22, ../sass/lists/_tabular.scss */ +.w1, .w2 { + position: relative; + height: 100%; } + +/* line 27, ../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 37, ../sass/lists/_tabular.scss */ + .tabular thead, .tabular .thead, + .tabular tbody tr, .tabular .tbody .tr { + display: table; + width: 100%; + table-layout: fixed; } + /* line 43, ../sass/lists/_tabular.scss */ + .tabular thead, .tabular .thead { + width: calc(100% - 10px); } + /* line 45, ../sass/lists/_tabular.scss */ + .tabular thead tr, .tabular thead .tr, .tabular .thead tr, .tabular .thead .tr { + height: 18px; } + /* line 48, ../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 58, ../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 66, ../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 74, ../sass/lists/_tabular.scss */ + .tabular tr:first-child .td, .tabular .tr:first-child .td { + border-top: none; } + /* line 77, ../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 80, ../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 87, ../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 91, ../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 96, ../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 99, ../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 123, ../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 126, ../sass/lists/_tabular.scss */ + .tabular tr td.numeric, .tabular tr .td.numeric, .tabular .tr td.numeric, .tabular .tr .td.numeric { + text-align: right; } + /* line 132, ../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; } + +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ /*********************************** TYPE STYLES */ -/* line 4, ../sass/controls/_buttons.scss */ +/* line 25, ../sass/controls/_buttons.scss */ .t-btn { cursor: pointer; } /*********************************** STYLE STYLES */ -/* line 10, ../sass/controls/_buttons.scss */ +/* line 31, ../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; padding: 0 10px; text-decoration: none; } - /* line 18, ../sass/controls/_buttons.scss */ + /* line 39, ../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 */ + /* line 103, ../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 */ +/* line 44, ../sass/controls/_buttons.scss */ .s-icon-btn { font-size: 1.2em; } - /* line 26, ../sass/controls/_buttons.scss */ + /* line 47, ../sass/controls/_buttons.scss */ .s-icon-btn .icon { color: #0099cc; } - /* line 30, ../sass/controls/_buttons.scss */ + /* line 51, ../sass/controls/_buttons.scss */ .s-icon-btn:not(.disabled):hover .icon { color: #33ccff; } - /* line 34, ../sass/controls/_buttons.scss */ + /* line 55, ../sass/controls/_buttons.scss */ .s-icon-btn.labeled { padding: 0 5px; } - /* line 36, ../sass/controls/_buttons.scss */ + /* line 57, ../sass/controls/_buttons.scss */ .s-icon-btn.labeled .icon { font-size: 1.5em; } - /* line 39, ../sass/controls/_buttons.scss */ + /* line 60, ../sass/controls/_buttons.scss */ .s-icon-btn.labeled .title-label { margin-left: 5px; } /*********************************** LAYOUT STYLES */ -/* line 50, ../sass/controls/_buttons.scss */ +/* line 68, ../sass/controls/_buttons.scss */ span.l-btn, span.l-btn span, a.l-btn, a.l-btn span { display: inline-block; } -/* line 1, ../sass/controls/_color-palette.scss */ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/* line 22, ../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 */ + /* line 31, ../sass/controls/_color-palette.scss */ .l-color-palette .l-palette-row { overflow: hidden; *zoom: 1; line-height: 16px; width: 170px; } - /* line 15, ../sass/controls/_color-palette.scss */ + /* line 36, ../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; @@ -945,64 +1474,81 @@ a.l-btn span { margin: 0 1px 1px 0; text-align: center; vertical-align: middle; } - /* line 32, ../sass/controls/_color-palette.scss */ + /* line 53, ../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; } - /* line 38, ../sass/controls/_color-palette.scss */ + border-color: #fff !important; } + /* line 59, ../sass/controls/_color-palette.scss */ .l-color-palette .l-palette-row .l-palette-item-label { margin-left: 5px; } - /* line 42, ../sass/controls/_color-palette.scss */ + /* line 63, ../sass/controls/_color-palette.scss */ .l-color-palette .l-palette-row.l-option-row { margin-bottom: 5px; } - /* line 44, ../sass/controls/_color-palette.scss */ + /* line 65, ../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 */ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/* line 24, ../sass/controls/_controls.scss */ .control.view-control .icon { display: inline-block; margin: -1px 5px 1px 2px; vertical-align: middle; } - /* line 7, ../sass/controls/_controls.scss */ + /* line 28, ../sass/controls/_controls.scss */ .control.view-control .icon.triangle-down { margin: 2px 2px -2px 0px; } -/* line 12, ../sass/controls/_controls.scss */ +/* line 33, ../sass/controls/_controls.scss */ .control.view-control .label { display: inline-block; font-size: 11px; vertical-align: middle; } -/* line 18, ../sass/controls/_controls.scss */ +/* line 39, ../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; } - /* line 22, ../sass/controls/_controls.scss */ + /* line 43, ../sass/controls/_controls.scss */ .control.view-control .toggle:hover { background: rgba(255, 255, 255, 0.1); } -/* line 29, ../sass/controls/_controls.scss */ +/* line 50, ../sass/controls/_controls.scss */ .accordion { margin-top: 5px; } - /* line 32, ../sass/controls/_controls.scss */ + /* line 53, ../sass/controls/_controls.scss */ .accordion:first-child { margin-top: 0; } - /* line 35, ../sass/controls/_controls.scss */ + /* line 56, ../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; @@ -1018,10 +1564,10 @@ a.l-btn span { width: auto; height: 18px; text-transform: uppercase; } - /* line 49, ../sass/controls/_controls.scss */ + /* line 70, ../sass/controls/_controls.scss */ .accordion .accordion-head:hover { background: rgba(153, 153, 153, 0.4); } - /* line 52, ../sass/controls/_controls.scss */ + /* line 73, ../sass/controls/_controls.scss */ .accordion .accordion-head:after { content: "^"; display: block; @@ -1031,10 +1577,10 @@ a.l-btn span { right: 5px; text-transform: none; top: 0; } - /* line 62, ../sass/controls/_controls.scss */ + /* line 83, ../sass/controls/_controls.scss */ .accordion .accordion-head:not(.expanded):after { content: "v"; } - /* line 66, ../sass/controls/_controls.scss */ + /* line 87, ../sass/controls/_controls.scss */ .accordion .accordion-contents { position: absolute; top: 23px; @@ -1044,226 +1590,221 @@ a.l-btn span { overflow-y: auto; overflow-x: hidden; } -/* line 74, ../sass/controls/_controls.scss */ +/* line 95, ../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 */ + /* line 105, ../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 112, ../sass/controls/_controls.scss */ .btn.create-btn .menu { - margin-left: -10px; } - /* line 93, ../sass/controls/_controls.scss */ + margin-left: -22.5px; } + /* line 115, ../sass/controls/_controls.scss */ .btn.create-btn .ui-symbol.major { font-size: 1.1em; } - /* line 97, ../sass/controls/_controls.scss */ + /* line 119, ../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 */ + /* line 156, ../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 124, ../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 */ + /* line 156, ../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 128, ../sass/controls/_controls.scss */ .btn.major .invoke-menu { color: #ccf2ff; } - /* line 110, ../sass/controls/_controls.scss */ + /* line 132, ../sass/controls/_controls.scss */ .btn.normal { - padding: 5px 7px; } - /* line 114, ../sass/controls/_controls.scss */ + padding: 11.25px 15.75px; } + /* line 136, ../sass/controls/_controls.scss */ .btn.outline:hover { background: rgba(255, 255, 255, 0.1); } - /* line 118, ../sass/controls/_controls.scss */ + /* line 140, ../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; color: #cccccc; display: inline-block; } - /* line 127, ../sass/_mixins.scss */ + /* line 148, ../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 144, ../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; color: #b3b3b3; display: inline-block; } - /* line 127, ../sass/_mixins.scss */ + /* line 148, ../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 147, ../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 153, ../sass/controls/_controls.scss */ .btn.icon-btn .icon { color: #0099cc; } - /* line 135, ../sass/controls/_controls.scss */ + /* line 157, ../sass/controls/_controls.scss */ .btn.icon-btn:not(.disabled):hover .icon { color: #33ccff; } -/* line 145, ../sass/controls/_controls.scss */ +/* line 165, ../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 179, ../sass/controls/_controls.scss */ .l-composite-control { vertical-align: middle; } - /* line 160, ../sass/controls/_controls.scss */ + /* line 182, ../sass/controls/_controls.scss */ .l-composite-control.l-checkbox .composite-control-label { line-height: 18px; } -/* line 166, ../sass/controls/_controls.scss */ +/* line 188, ../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 196, ../sass/controls/_controls.scss */ .l-control-group:first-child { border-left: none; padding-left: 0; } -/* line 180, ../sass/controls/_controls.scss */ +/* line 202, ../sass/controls/_controls.scss */ .btn-set { display: inline-block; position: relative; } - /* line 185, ../sass/controls/_controls.scss */ + /* line 206, ../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 211, ../sass/controls/_controls.scss */ .btn-set .btn:first-child, .btn-set .t-btn:first-child { border-left: none; @@ -1273,7 +1814,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 215, ../sass/controls/_controls.scss */ .btn-set .btn:last-child, .btn-set .t-btn:last-child { -moz-border-radius-topright: 3px; @@ -1283,7 +1824,7 @@ a.l-btn span { -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } -/* line 204, ../sass/controls/_controls.scss */ +/* line 221, ../sass/controls/_controls.scss */ .object-browse-bar .btn, .object-browse-bar .t-btn, .top-bar .buttons-main .btn, @@ -1291,10 +1832,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 232, ../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), @@ -1304,7 +1845,7 @@ a.l-btn span { font-size: 150%; vertical-align: middle; } -/* line 218, ../sass/controls/_controls.scss */ +/* line 240, ../sass/controls/_controls.scss */ label.checkbox.custom { cursor: pointer; display: inline-block; @@ -1313,18 +1854,16 @@ label.checkbox.custom { padding-left: 19px; position: relative; vertical-align: top; } - /* line 229, ../sass/controls/_controls.scss */ + /* line 251, ../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 256, ../sass/controls/_controls.scss */ label.checkbox.custom em:before { - -webkit-border-radius: 2.25px; -moz-border-radius: 2.25px; - -ms-border-radius: 2.25px; - -o-border-radius: 2.25px; + -webkit-border-radius: 2.25px; border-radius: 2.25px; background: #666666; border-bottom: 1px solid gray; @@ -1340,164 +1879,160 @@ label.checkbox.custom { top: 0; position: absolute; text-align: center; } - /* line 252, ../sass/controls/_controls.scss */ + /* line 274, ../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 280, ../sass/controls/_controls.scss */ label.checkbox.custom.no-text em { overflow: hidden; } - /* line 262, ../sass/controls/_controls.scss */ + /* line 284, ../sass/controls/_controls.scss */ label.checkbox.custom input { display: none; } - /* line 264, ../sass/controls/_controls.scss */ + /* line 286, ../sass/controls/_controls.scss */ label.checkbox.custom input:checked ~ em:before { background: #0099cc; color: #ccf2ff; content: "2"; } -/* line 272, ../sass/controls/_controls.scss */ +/* line 294, ../sass/controls/_controls.scss */ .input-labeled { margin-left: 5px; } - /* line 274, ../sass/controls/_controls.scss */ + /* line 296, ../sass/controls/_controls.scss */ .input-labeled label { display: inline-block; margin-right: 3px; } - /* line 278, ../sass/controls/_controls.scss */ + /* line 300, ../sass/controls/_controls.scss */ .input-labeled.inline { display: inline-block; } - /* line 281, ../sass/controls/_controls.scss */ + /* line 303, ../sass/controls/_controls.scss */ .input-labeled:first-child { margin-left: 0; } -/* line 286, ../sass/controls/_controls.scss */ +/* line 308, ../sass/controls/_controls.scss */ .btn-menu label.checkbox.custom { margin-left: 5px; } -/* line 291, ../sass/controls/_controls.scss */ +/* line 313, ../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 319, ../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 */ + /* line 148, ../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 326, ../sass/controls/_controls.scss */ .btn-menu.dropdown { padding-left: 10px; padding-right: 10px; } - /* line 310, ../sass/controls/_controls.scss */ + /* line 332, ../sass/controls/_controls.scss */ .btn-menu:not(.disabled):hover { color: #cccccc; } - /* line 314, ../sass/controls/_controls.scss */ + /* line 336, ../sass/controls/_controls.scss */ .btn-menu.btn-invoke-menu { color: #0099cc; padding: 0 5px; } - /* line 318, ../sass/controls/_controls.scss */ + /* line 340, ../sass/controls/_controls.scss */ .btn-menu.btn-invoke-menu:hover { color: deepskyblue; } - /* line 328, ../sass/controls/_controls.scss */ + /* line 350, ../sass/controls/_controls.scss */ .btn-menu .type-icon { margin-right: 5px; } - /* line 331, ../sass/controls/_controls.scss */ + /* line 353, ../sass/controls/_controls.scss */ .btn-menu .menu { position: absolute; left: 0; text-align: left; } - /* line 336, ../sass/controls/_controls.scss */ + /* line 358, ../sass/controls/_controls.scss */ .btn-menu .menu .ui-symbol.icon { width: 12px; } -/* line 342, ../sass/controls/_controls.scss */ +/* line 364, ../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 372, ../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 375, ../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 392, ../sass/controls/_controls.scss */ .object-header { display: inline-block; font-size: 1em; } - /* line 373, ../sass/controls/_controls.scss */ + /* line 395, ../sass/controls/_controls.scss */ .object-header .title { color: white; } - /* line 376, ../sass/controls/_controls.scss */ + /* line 398, ../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 407, ../sass/controls/_controls.scss */ .top-bar .object-header, .object-browse-bar .object-header { font-size: 1.1em; } - /* line 387, ../sass/controls/_controls.scss */ + /* line 409, ../sass/controls/_controls.scss */ .top-bar .object-header span, .object-browse-bar .object-header span { display: inline-block; } /******************************************************** VIEW-CONTROLS */ -/* line 396, ../sass/controls/_controls.scss */ +/* line 417, ../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; @@ -1506,27 +2041,25 @@ label.checkbox.custom { line-height: 20px; padding-left: 5px; padding-right: 5px; } - /* line 407, ../sass/controls/_controls.scss */ + /* line 428, ../sass/controls/_controls.scss */ .view-controls .view-type.cur { background: #666666; } -/* line 412, ../sass/controls/_controls.scss */ +/* line 433, ../sass/controls/_controls.scss */ .edit-mode .top-bar .control-set.edit-view-controls { margin-right: 50px; } /******************************************************** SLIDERS */ -/* line 423, ../sass/controls/_controls.scss */ +/* line 444, ../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); @@ -1538,27 +2071,26 @@ label.checkbox.custom { right: 0; bottom: auto; left: 0; } -/* line 434, ../sass/controls/_controls.scss */ +/* line 455, ../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; @@ -1568,14 +2100,15 @@ label.checkbox.custom { auto: 0; bottom: auto; left: auto; } - /* line 127, ../sass/_mixins.scss */ + /* line 148, ../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 */ + /* line 120, ../sass/_mixins.scss */ .slider .knob:before { content: ''; display: block; @@ -1586,15 +2119,15 @@ label.checkbox.custom { left: 2px; bottom: 5px; top: 5px; } - /* line 120, ../sass/_mixins.scss */ + /* line 141, ../sass/_mixins.scss */ .slider .knob:not(.disabled):hover:before { border-color: rgba(0, 153, 204, 0.9); } - /* line 445, ../sass/controls/_controls.scss */ + /* line 466, ../sass/controls/_controls.scss */ .slider .knob:before { top: 1px; bottom: 3px; left: 5px; } -/* line 452, ../sass/controls/_controls.scss */ +/* line 473, ../sass/controls/_controls.scss */ .slider .range { background: rgba(0, 153, 204, 0.6); cursor: ew-resize; @@ -1605,23 +2138,21 @@ label.checkbox.custom { left: auto; height: auto; width: auto; } - /* line 462, ../sass/controls/_controls.scss */ + /* line 483, ../sass/controls/_controls.scss */ .slider .range:hover { background: rgba(0, 153, 204, 0.7); } /******************************************************** BROWSER ELEMENTS */ -/* line 470, ../sass/controls/_controls.scss */ +/* line 491, ../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); @@ -1629,136 +2160,182 @@ label.checkbox.custom { height: 10px; width: 10px; } -/* line 476, ../sass/controls/_controls.scss */ +/* line 497, ../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 */ + /* line 504, ../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 */ +/* line 509, ../sass/controls/_controls.scss */ ::-webkit-scrollbar-corner { background: rgba(0, 0, 0, 0.4); } -/* line 2, ../sass/controls/_lists.scss */ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/* line 23, ../sass/controls/_lists.scss */ .checkbox-list label.checkbox.custom { display: block; margin-bottom: 5px; } -/* line 6, ../sass/controls/_lists.scss */ +/* line 27, ../sass/controls/_lists.scss */ .checkbox-list li { margin-bottom: 5px; } -/* line 14, ../sass/controls/_lists.scss */ +/* line 35, ../sass/controls/_lists.scss */ .l-tree-item-flat-list .tree-item .label { left: 5px !important; } +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ /******************************************************** MENUS */ -/* line 2, ../sass/controls/_menus.scss */ +/* line 23, ../sass/controls/_menus.scss */ .menu-element { cursor: pointer; position: relative; } - /* line 8, ../sass/controls/_menus.scss */ + /* line 29, ../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; padding: 3px 0; position: absolute; z-index: 10; } - /* line 16, ../sass/controls/_menus.scss */ + /* line 37, ../sass/controls/_menus.scss */ .menu-element .menu ul { margin: 0; padding: 0; } - /* line 179, ../sass/_mixins.scss */ + /* line 208, ../sass/_mixins.scss */ .menu-element .menu ul li { list-style-type: none; margin: 0; padding: 0; } - /* line 18, ../sass/controls/_menus.scss */ + /* line 39, ../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; padding: 3px 10px 3px 35px; white-space: nowrap; } - /* line 25, ../sass/controls/_menus.scss */ + /* line 46, ../sass/controls/_menus.scss */ .menu-element .menu ul li:first-child { border: none; } - /* line 28, ../sass/controls/_menus.scss */ + /* line 49, ../sass/controls/_menus.scss */ .menu-element .menu ul li:hover { background: #737373; } - /* line 30, ../sass/controls/_menus.scss */ + /* line 51, ../sass/controls/_menus.scss */ .menu-element .menu ul li:hover a { - color: white; } - /* line 33, ../sass/controls/_menus.scss */ + color: #fff; } + /* line 54, ../sass/controls/_menus.scss */ .menu-element .menu ul li:hover .icon { color: #33ccff; } - /* line 37, ../sass/controls/_menus.scss */ + /* line 58, ../sass/controls/_menus.scss */ .menu-element .menu ul li a { color: #d9d9d9; display: block; } - /* line 41, ../sass/controls/_menus.scss */ + /* line 62, ../sass/controls/_menus.scss */ .menu-element .menu ul li .type-icon { left: 10px; } - /* line 47, ../sass/controls/_menus.scss */ + /* line 68, ../sass/controls/_menus.scss */ .menu-element .super-menu { width: 450px; height: 430px; } - /* line 54, ../sass/controls/_menus.scss */ + /* line 75, ../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 78, ../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 80, ../sass/controls/_menus.scss */ .menu-element .super-menu .pane.left { border-right: 1px solid rgba(255, 255, 255, 0.2); left: 0; @@ -1767,28 +2344,26 @@ label.checkbox.custom { width: 225px !important; overflow-x: hidden; overflow-y: auto; } - /* line 67, ../sass/controls/_menus.scss */ + /* line 90, ../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 96, ../sass/controls/_menus.scss */ .menu-element .super-menu .pane.left ul li:hover { background: #737373; } - /* line 76, ../sass/controls/_menus.scss */ + /* line 99, ../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 106, ../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 117, ../sass/controls/_menus.scss */ .menu-element .menu-item-description .desc-area.icon { position: relative; color: #8c8c8c; @@ -1797,104 +2372,143 @@ label.checkbox.custom { height: 150px; line-height: 150px; text-align: center; } - /* line 107, ../sass/controls/_menus.scss */ + /* line 130, ../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 134, ../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 141, ../sass/controls/_menus.scss */ .menu-element .context-menu { font-size: 0.80rem; pointer-events: auto; } - /* line 124, ../sass/controls/_menus.scss */ + /* line 147, ../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 149, ../sass/controls/_menus.scss */ .menu-element .context-menu.menu ul li { padding-left: 30px; } - /* line 128, ../sass/controls/_menus.scss */ + /* line 151, ../sass/controls/_menus.scss */ .menu-element .context-menu.menu ul li a { color: white; } - /* line 129, ../sass/controls/_menus.scss */ + /* line 152, ../sass/controls/_menus.scss */ .menu-element .context-menu.menu ul li .icon { color: #1ac6ff; } - /* line 132, ../sass/controls/_menus.scss */ + /* line 155, ../sass/controls/_menus.scss */ .menu-element .context-menu.menu ul li .type-icon { left: 5px; } - /* line 135, ../sass/controls/_menus.scss */ + /* line 158, ../sass/controls/_menus.scss */ .menu-element .context-menu.menu ul li:hover .icon { color: #33ccff; } -/* line 143, ../sass/controls/_menus.scss */ +/* line 166, ../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 172, ../sass/controls/_menus.scss */ .context-menu-holder .context-menu-wrapper { position: absolute; height: 100%; width: 100%; } - /* line 156, ../sass/controls/_menus.scss */ + /* line 179, ../sass/controls/_menus.scss */ .context-menu-holder.go-left .context-menu { right: 0; } - /* line 157, ../sass/controls/_menus.scss */ + /* line 180, ../sass/controls/_menus.scss */ .context-menu-holder.go-up .context-menu { bottom: 0; } -/* line 161, ../sass/controls/_menus.scss */ +/* line 183, ../sass/controls/_menus.scss */ .btn-bar.right .menu, .menus-to-left .menu { left: auto; right: 0; width: auto; } -/* line 3, ../sass/forms/_elems.scss */ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/* line 24, ../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; margin-top: 5px; padding: 5px; } - /* line 9, ../sass/forms/_elems.scss */ + /* line 30, ../sass/forms/_elems.scss */ .form .section-header:first-child { margin-top: 0; } -/* line 13, ../sass/forms/_elems.scss */ +/* line 34, ../sass/forms/_elems.scss */ .form .form-section { position: relative; } -/* line 17, ../sass/forms/_elems.scss */ +/* line 38, ../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; @@ -1902,14 +2516,14 @@ label.checkbox.custom { margin-top: 5px; padding: 5px; position: relative; } - /* line 24, ../sass/forms/_elems.scss */ + /* line 45, ../sass/forms/_elems.scss */ .form .form-row.first { border-top: none; } - /* line 29, ../sass/forms/_elems.scss */ + /* line 49, ../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; @@ -1917,62 +2531,60 @@ label.checkbox.custom { font-size: 0.75rem; line-height: 22px; min-height: 22px; } - /* line 39, ../sass/forms/_elems.scss */ + /* line 60, ../sass/forms/_elems.scss */ .form .form-row > .label { float: left; position: relative; white-space: nowrap; width: 20%; } - /* line 47, ../sass/forms/_elems.scss */ + /* line 68, ../sass/forms/_elems.scss */ .form .form-row .value { color: #cccccc; } - /* line 51, ../sass/forms/_elems.scss */ + /* line 72, ../sass/forms/_elems.scss */ .form .form-row .controls { float: left; position: relative; width: 79.9%; } - /* line 58, ../sass/forms/_elems.scss */ + /* line 79, ../sass/forms/_elems.scss */ .form .form-row .controls .l-composite-control.l-checkbox { display: inline-block; line-height: 14px; margin-right: 5px; } - /* line 67, ../sass/forms/_elems.scss */ + /* line 88, ../sass/forms/_elems.scss */ .form .form-row .controls input[type="text"] { height: 22px; line-height: 22px; margin-top: -4px; vertical-align: baseline; } - /* line 74, ../sass/forms/_elems.scss */ + /* line 95, ../sass/forms/_elems.scss */ .form .form-row .controls .l-med input[type="text"] { width: 200px; } - /* line 78, ../sass/forms/_elems.scss */ + /* line 99, ../sass/forms/_elems.scss */ .form .form-row .controls .l-small input[type="text"] { width: 50px; } - /* line 82, ../sass/forms/_elems.scss */ + /* line 103, ../sass/forms/_elems.scss */ .form .form-row .controls .l-numeric input[type="text"] { text-align: right; } - /* line 86, ../sass/forms/_elems.scss */ + /* line 107, ../sass/forms/_elems.scss */ .form .form-row .controls .select { margin-right: 5px; } - /* line 91, ../sass/forms/_elems.scss */ + /* line 112, ../sass/forms/_elems.scss */ .form .form-row .field-hints { color: #666666; } - /* line 95, ../sass/forms/_elems.scss */ + /* line 116, ../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; position: relative; height: 150px; overflow: auto; } - /* line 106, ../sass/forms/_elems.scss */ + /* line 127, ../sass/forms/_elems.scss */ .form .form-row .selector-list .wrapper { overflow-y: auto; position: absolute; @@ -1981,39 +2593,58 @@ label.checkbox.custom { bottom: 5px; left: 5px; } -/* line 120, ../sass/forms/_elems.scss */ +/* line 141, ../sass/forms/_elems.scss */ label.form-control.checkbox input { margin-right: 5px; vertical-align: top; } -/* line 127, ../sass/forms/_elems.scss */ +/* line 147, ../sass/forms/_elems.scss */ .hint, .s-hint { font-size: 0.9em; } -/* line 131, ../sass/forms/_elems.scss */ +/* line 152, ../sass/forms/_elems.scss */ .l-result { display: inline-block; min-width: 32px; min-height: 32px; position: relative; vertical-align: top; } - /* line 138, ../sass/forms/_elems.scss */ + /* line 159, ../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; color: #ffd699; padding: 5px; } -/* line 4, ../sass/forms/_validation.scss */ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/* line 25, ../sass/forms/_validation.scss */ .validates > .label { padding-right: 25px; } - /* line 7, ../sass/forms/_validation.scss */ + /* line 28, ../sass/forms/_validation.scss */ .validates > .label::after { display: block; position: absolute; @@ -2027,38 +2658,56 @@ label.form-control.checkbox input { font-size: 1.1em; text-align: right; vertical-align: middle; } -/* line 25, ../sass/forms/_validation.scss */ +/* line 46, ../sass/forms/_validation.scss */ .validates.invalid > .label::after, .validates.invalid.req > .label::after { color: #ff9900; content: "x"; } -/* line 32, ../sass/forms/_validation.scss */ +/* line 53, ../sass/forms/_validation.scss */ .validates.valid > .label::after, .validates.valid.req > .label::after { color: #33cc33; content: "2"; } -/* line 38, ../sass/forms/_validation.scss */ +/* line 59, ../sass/forms/_validation.scss */ .validates.req > .label::after { color: #ffc700; content: "*"; } -/* line 45, ../sass/forms/_validation.scss */ +/* line 66, ../sass/forms/_validation.scss */ span.req { color: #ffc700; } -/* line 1, ../sass/forms/_text-input.scss */ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/* line 22, ../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; @@ -2066,65 +2715,85 @@ input[type="text"] { color: #cccccc; outline: none; padding: 0 3px; } - /* line 12, ../sass/forms/_mixins.scss */ + /* line 33, ../sass/forms/_mixins.scss */ input[type="text"].error { background: rgba(255, 0, 0, 0.5); } - /* line 8, ../sass/forms/_text-input.scss */ + /* line 29, ../sass/forms/_text-input.scss */ input[type="text"].numeric { text-align: right; } -/* line 1, ../sass/forms/_selects.scss */ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/* line 22, ../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; margin: 0 0 2px 2px; overflow: hidden; position: relative; } - /* line 127, ../sass/_mixins.scss */ + /* line 148, ../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 */ + /* line 29, ../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; width: 120%; } - /* line 17, ../sass/forms/_selects.scss */ + /* line 38, ../sass/forms/_selects.scss */ .form-control.select select option { margin: 5px 0; } - /* line 21, ../sass/forms/_selects.scss */ + /* line 42, ../sass/forms/_selects.scss */ .form-control.select:after { color: #0099cc; content: "v"; @@ -2135,25 +2804,43 @@ input[type="text"] { right: 5px; top: 0; } -/* line 2, ../sass/forms/_channel-selector.scss */ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/* line 23, ../sass/forms/_channel-selector.scss */ .channel-selector .line { margin-bottom: 5px; min-height: 22px; } -/* line 6, ../sass/forms/_channel-selector.scss */ +/* line 27, ../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; @@ -2167,13 +2854,13 @@ input[type="text"] { max-height: 400px; overflow: auto; padding: 5px; } - /* line 12, ../sass/forms/_mixins.scss */ + /* line 33, ../sass/forms/_mixins.scss */ .channel-selector .treeview.error { background: rgba(255, 0, 0, 0.5); } -/* line 15, ../sass/forms/_channel-selector.scss */ +/* line 36, ../sass/forms/_channel-selector.scss */ .channel-selector .btns-add-remove { margin-top: 150px; } - /* line 18, ../sass/forms/_channel-selector.scss */ + /* line 39, ../sass/forms/_channel-selector.scss */ .channel-selector .btns-add-remove .btn { display: block; font-size: 1.5em; @@ -2181,45 +2868,84 @@ input[type="text"] { padding: 10px; text-align: center; } -/* line 2, ../sass/forms/_datetime.scss */ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/* line 23, ../sass/forms/_datetime.scss */ .complex.datetime span { display: inline-block; margin-right: 5px; } -/* line 15, ../sass/forms/_datetime.scss */ +/* line 36, ../sass/forms/_datetime.scss */ .complex.datetime .fields { margin-top: 3px 0; padding: 3px 0; } -/* line 20, ../sass/forms/_datetime.scss */ +/* line 41, ../sass/forms/_datetime.scss */ .complex.datetime .date { width: 85px; } - /* line 23, ../sass/forms/_datetime.scss */ + /* line 44, ../sass/forms/_datetime.scss */ .complex.datetime .date input { width: 80px; } -/* line 29, ../sass/forms/_datetime.scss */ +/* line 50, ../sass/forms/_datetime.scss */ .complex.datetime .time.sm { width: 45px; } - /* line 32, ../sass/forms/_datetime.scss */ + /* line 53, ../sass/forms/_datetime.scss */ .complex.datetime .time.sm input { width: 40px; } -/* line 4, ../sass/forms/_filter.scss */ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/* line 24, ../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; @@ -2229,28 +2955,26 @@ input[type="text"] { padding: 0 3px; background: #3b3b3b; border-bottom: 1px solid #4d4d4d; } - /* line 12, ../sass/forms/_mixins.scss */ + /* line 33, ../sass/forms/_mixins.scss */ .filter input.filter.error, .filter input.t-filter-input.error, .t-filter input.filter.error, .t-filter input.t-filter-input.error { background: rgba(255, 0, 0, 0.5); } -/* line 7, ../sass/forms/_filter.scss */ +/* line 28, ../sass/forms/_filter.scss */ .filter input.t-filter-input, .t-filter input.t-filter-input { height: 22px; width: 200px; } - /* line 17, ../sass/forms/_filter.scss */ + /* line 38, ../sass/forms/_filter.scss */ .filter input.t-filter-input:not(.ng-dirty) + .t-a-clear, .t-filter input.t-filter-input:not(.ng-dirty) + .t-a-clear { display: none; } -/* line 21, ../sass/forms/_filter.scss */ +/* line 42, ../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; @@ -2258,25 +2982,23 @@ input[type="text"] { line-height: 22px; padding: 0px 5px; vertical-align: middle; } - /* line 29, ../sass/forms/_filter.scss */ + /* line 50, ../sass/forms/_filter.scss */ .filter .icon.ui-symbol:hover, .t-filter .icon.ui-symbol:hover { background: rgba(255, 255, 255, 0.1); } -/* line 33, ../sass/forms/_filter.scss */ +/* line 54, ../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; @@ -2289,42 +3011,64 @@ input[type="text"] { top: 50%; text-align: center; z-index: 5; } - /* line 53, ../sass/forms/_filter.scss */ + /* line 74, ../sass/forms/_filter.scss */ .filter .s-a-clear.ui-symbol:hover, .t-filter .s-a-clear.ui-symbol:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; background-color: #0099cc; } -/* line 61, ../sass/forms/_filter.scss */ +/* line 82, ../sass/forms/_filter.scss */ .l-filter { display: inline-block; position: relative; } -/* line 68, ../sass/forms/_filter.scss */ +/* line 89, ../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; vertical-align: top; } -/* line 79, ../sass/forms/_filter.scss */ +/* line 100, ../sass/forms/_filter.scss */ .top-bar .icon-filter { font-size: 1.4em; } -/* line 10, ../sass/plots/_plots-main.scss */ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/* line 31, ../sass/plots/_plots-main.scss */ .gl-plot { - color: #999999; + color: #999; font-size: 0.7rem; position: relative; width: 100%; - height: 100%; } - /* line 17, ../sass/plots/_plots-main.scss */ + height: 100%; + /****************************** Limits and Out-of-Bounds data */ } + /* line 38, ../sass/plots/_plots-main.scss */ .gl-plot .gl-plot-axis-area { position: absolute; } - /* line 20, ../sass/plots/_plots-main.scss */ + /* line 41, ../sass/plots/_plots-main.scss */ .gl-plot .gl-plot-axis-area.gl-plot-x { top: auto; right: 0; @@ -2333,24 +3077,22 @@ input[type="text"] { height: 32px; width: auto; overflow: hidden; } - /* line 29, ../sass/plots/_plots-main.scss */ + /* line 50, ../sass/plots/_plots-main.scss */ .gl-plot .gl-plot-axis-area.gl-plot-y { top: 29px; right: auto; bottom: 37px; left: 0; width: 60px; } - /* line 38, ../sass/plots/_plots-main.scss */ + /* line 59, ../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; @@ -2359,10 +3101,10 @@ input[type="text"] { bottom: auto; left: 70px; z-index: 10; } - /* line 50, ../sass/plots/_plots-main.scss */ + /* line 71, ../sass/plots/_plots-main.scss */ .gl-plot .gl-plot-coords:empty { display: none; } - /* line 55, ../sass/plots/_plots-main.scss */ + /* line 76, ../sass/plots/_plots-main.scss */ .gl-plot .gl-plot-display-area { position: absolute; top: 29px; @@ -2371,13 +3113,13 @@ input[type="text"] { left: 60px; cursor: crosshair; border: 1px solid #4d4d4d; } - /* line 66, ../sass/plots/_plots-main.scss */ + /* line 86, ../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 94, ../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 { @@ -2386,26 +3128,24 @@ input[type="text"] { bottom: 0; left: 0; height: auto; } - /* line 83, ../sass/plots/_plots-main.scss */ + /* line 103, ../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; left: 0; top: 50%; white-space: nowrap; } - /* line 96, ../sass/plots/_plots-main.scss */ + /* line 117, ../sass/plots/_plots-main.scss */ .gl-plot .gl-plot-y-options { position: absolute; top: 50%; @@ -2416,19 +3156,19 @@ input[type="text"] { height: auto; min-height: 32px; width: 32px; } - /* line 110, ../sass/plots/_plots-main.scss */ + /* line 131, ../sass/plots/_plots-main.scss */ .gl-plot .gl-plot-hash { position: absolute; border: 0 rgba(255, 255, 255, 0.3) dashed; } - /* line 113, ../sass/plots/_plots-main.scss */ + /* line 134, ../sass/plots/_plots-main.scss */ .gl-plot .gl-plot-hash.hash-v { border-right-width: 1px; height: 100%; } - /* line 117, ../sass/plots/_plots-main.scss */ + /* line 138, ../sass/plots/_plots-main.scss */ .gl-plot .gl-plot-hash.hash-h { border-bottom-width: 1px; width: 100%; } - /* line 123, ../sass/plots/_plots-main.scss */ + /* line 144, ../sass/plots/_plots-main.scss */ .gl-plot .gl-plot-legend { position: absolute; top: 0; @@ -2438,21 +3178,69 @@ input[type="text"] { height: 24px; overflow-x: hidden; overflow-y: auto; } + /* line 157, ../sass/plots/_plots-main.scss */ + .gl-plot .l-limit-bar, + .gl-plot .l-oob-data { + position: absolute; + left: 0; + right: 0; + width: auto; } + /* line 165, ../sass/plots/_plots-main.scss */ + .gl-plot .l-limit-bar { + height: auto; + z-index: 0; } + /* line 173, ../sass/plots/_plots-main.scss */ + .gl-plot .l-limit-bar.s-limit-yellow { + background: rgba(157, 117, 0, 0.2); } + /* line 174, ../sass/plots/_plots-main.scss */ + .gl-plot .l-limit-bar.s-limit-red { + background: rgba(170, 0, 0, 0.2); } + /* line 177, ../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 185, ../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 190, ../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 200, ../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 204, ../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 207, ../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, @@ -2461,26 +3249,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 220, ../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 226, ../sass/plots/_plots-main.scss */ + .gl-plot-legend .plot-legend-item .plot-color-swatch { + border: 1px solid #333; + height: 9px; + width: 9px; } + +/* line 234, ../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 237, ../sass/plots/_plots-main.scss */ .tick.tick-x { border-right-width: 1px; height: 100%; } -/* line 183, ../sass/plots/_plots-main.scss */ +/* line 243, ../sass/plots/_plots-main.scss */ .gl-plot-tick, .tick-label { font-size: 0.7rem; @@ -2488,7 +3287,7 @@ input[type="text"] { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } - /* line 191, ../sass/plots/_plots-main.scss */ + /* line 251, ../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 { @@ -2499,7 +3298,7 @@ input[type="text"] { width: 20%; margin-left: -10%; text-align: center; } - /* line 201, ../sass/plots/_plots-main.scss */ + /* line 261, ../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 { @@ -2509,32 +3308,51 @@ input[type="text"] { margin-bottom: -0.5em; text-align: right; } -/* line 212, ../sass/plots/_plots-main.scss */ +/* line 273, ../sass/plots/_plots-main.scss */ .gl-plot-tick.gl-plot-x-tick-label { top: 5px; } -/* line 215, ../sass/plots/_plots-main.scss */ +/* line 276, ../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 283, ../sass/plots/_plots-main.scss */ .tick-label.tick-label-x { top: 0; } -/* line 225, ../sass/plots/_plots-main.scss */ +/* line 286, ../sass/plots/_plots-main.scss */ .tick-label.tick-label-y { right: 0; left: 0; } -/* line 2, ../sass/overlay/_overlay.scss */ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/* line 23, ../sass/overlay/_overlay.scss */ .overlay .blocker { background: rgba(0, 0, 0, 0.7); z-index: 100; } -/* line 6, ../sass/overlay/_overlay.scss */ +/* line 27, ../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; @@ -2544,61 +3362,58 @@ input[type="text"] { bottom: auto; left: auto; z-index: 100; } -/* line 17, ../sass/overlay/_overlay.scss */ +/* line 38, ../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%; left: 15%; z-index: 101; } - /* line 24, ../sass/overlay/_overlay.scss */ + /* line 45, ../sass/overlay/_overlay.scss */ .overlay > .holder > .contents { top: 25px; right: 25px; bottom: 25px; left: 25px; } -/* line 29, ../sass/overlay/_overlay.scss */ +/* line 50, ../sass/overlay/_overlay.scss */ .overlay .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.3em; } -/* line 34, ../sass/overlay/_overlay.scss */ +/* line 55, ../sass/overlay/_overlay.scss */ .overlay .top-bar { height: 60px; } -/* line 38, ../sass/overlay/_overlay.scss */ +/* line 59, ../sass/overlay/_overlay.scss */ .overlay .editor { top: 70px; bottom: 50px; left: 0; right: 0; } -/* line 44, ../sass/overlay/_overlay.scss */ +/* line 65, ../sass/overlay/_overlay.scss */ .overlay .bottom-bar { top: auto; right: 0; @@ -2607,10 +3422,10 @@ input[type="text"] { font-size: 1em; height: 40px; text-align: right; } - /* line 49, ../sass/overlay/_overlay.scss */ + /* line 70, ../sass/overlay/_overlay.scss */ .overlay .bottom-bar .btn { margin-left: 10px; } -/* line 53, ../sass/overlay/_overlay.scss */ +/* line 74, ../sass/overlay/_overlay.scss */ .overlay .contents.l-dialog { top: 5px; right: 5px; @@ -2618,286 +3433,423 @@ input[type="text"] { left: 5px; overflow: auto; } -/* line 4, ../sass/user-environ/_frame.scss */ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/* line 25, ../sass/user-environ/_frame.scss */ .frame.child-frame.panel { - background: #333333; + background: #333; border: 1px solid #4d4d4d; } - /* line 7, ../sass/user-environ/_frame.scss */ + /* line 28, ../sass/user-environ/_frame.scss */ .frame.child-frame.panel:hover { border-color: #666666; } -/* line 14, ../sass/user-environ/_frame.scss */ +/* line 35, ../sass/user-environ/_frame.scss */ .frame > .object-header.abs, .btn-menu .frame > span.object-header.l-click-area { font-size: 0.75em; height: 20px; } -/* line 18, ../sass/user-environ/_frame.scss */ +/* line 39, ../sass/user-environ/_frame.scss */ .frame > .object-holder.abs, .btn-menu .frame > span.object-holder.l-click-area { top: 23px; } -/* line 21, ../sass/user-environ/_frame.scss */ +/* line 42, ../sass/user-environ/_frame.scss */ .frame .contents { top: 5px; right: 5px; bottom: 5px; left: 5px; } -/* line 31, ../sass/user-environ/_frame.scss */ +/* line 52, ../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; } +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/* line 27, ../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 37, ../sass/user-environ/_top-bar.scss */ +.top-bar .title { + color: #fff; } +/* line 42, ../sass/user-environ/_top-bar.scss */ +.top-bar .buttons-main { + font-size: 0.8em; + left: auto; + text-align: right; } + /* line 47, ../sass/user-environ/_top-bar.scss */ + .top-bar .buttons-main .btn { + margin-left: 5px; } -/* line 34, ../sass/user-environ/_top-bar.scss */ +/* line 55, ../sass/user-environ/_top-bar.scss */ .edit-mode .top-bar .buttons-main { white-space: nowrap; } - /* line 38, ../sass/user-environ/_top-bar.scss */ + /* line 59, ../sass/user-environ/_top-bar.scss */ .edit-mode .top-bar .buttons-main.abs, .edit-mode .top-bar .btn-menu span.buttons-main.l-click-area, .btn-menu .edit-mode .top-bar span.buttons-main.l-click-area { bottom: auto; left: auto; } -/* line 1, ../sass/user-environ/_bottom-bar.scss */ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/* line 22, ../sass/user-environ/_bottom-bar.scss */ .ue-bottom-bar { color: gray; font-size: 0.7em; line-height: 16px; } - /* line 5, ../sass/user-environ/_bottom-bar.scss */ + /* line 26, ../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 */ + /* line 34, ../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; line-height: 10px; padding-top: 1px; text-transform: uppercase; } - /* line 20, ../sass/user-environ/_bottom-bar.scss */ + /* line 41, ../sass/user-environ/_bottom-bar.scss */ .ue-bottom-bar .app-logo.logo-openmctweb { background: url("../images/logo-openmctweb.svg") no-repeat center center; } -/* line 26, ../sass/user-environ/_bottom-bar.scss */ +/* line 47, ../sass/user-environ/_bottom-bar.scss */ .status.block { display: inline-block; margin-right: 20px; } - /* line 29, ../sass/user-environ/_bottom-bar.scss */ + /* line 50, ../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; font-size: 1.25em; vertical-align: middle; margin-right: 5px; } - /* line 37, ../sass/user-environ/_bottom-bar.scss */ + /* line 58, ../sass/user-environ/_bottom-bar.scss */ .status.block .status-indicator.ok { color: #009900; } - /* line 40, ../sass/user-environ/_bottom-bar.scss */ + /* line 61, ../sass/user-environ/_bottom-bar.scss */ .status.block .status-indicator.caution { color: #ffaa00; } -/* line 1, ../sass/user-environ/_object-browse.scss */ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/* line 22, ../sass/user-environ/_object-browse.scss */ .object-browse-bar { - height: 35px; - line-height: 35px; } - /* line 5, ../sass/user-environ/_object-browse.scss */ + height: 30px; } + /* line 26, ../sass/user-environ/_object-browse.scss */ .object-browse-bar .items-select .btn-menu { margin-right: 15px; } -/* line 1, ../sass/user-environ/_tool-bar.scss */ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/* line 22, ../sass/user-environ/_tool-bar.scss */ .tool-bar { border-bottom: 1px solid #4d4d4d; } - /* line 3, ../sass/user-environ/_tool-bar.scss */ + /* line 24, ../sass/user-environ/_tool-bar.scss */ .tool-bar .l-control-group { - height: 28px; } - /* line 6, ../sass/user-environ/_tool-bar.scss */ + height: 25px; } + /* line 27, ../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 */ + /* line 33, ../sass/user-environ/_tool-bar.scss */ .tool-bar input[type="text"].sm { - width: 28px; } - /* line 16, ../sass/user-environ/_tool-bar.scss */ + width: 25px; } + /* line 37, ../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 */ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/* line 27, ../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; } - /* line 11, ../sass/helpers/_bubbles.scss */ + /* line 32, ../sass/helpers/_bubbles.scss */ .l-infobubble-wrapper .l-infobubble { display: inline-block; max-width: 250px; padding: 5px 10px; } - /* line 15, ../sass/helpers/_bubbles.scss */ + /* line 36, ../sass/helpers/_bubbles.scss */ .l-infobubble-wrapper .l-infobubble:before { content: ""; position: absolute; width: 0; height: 0; } - /* line 21, ../sass/helpers/_bubbles.scss */ + /* line 42, ../sass/helpers/_bubbles.scss */ .l-infobubble-wrapper .l-infobubble table { width: 100%; } - /* line 24, ../sass/helpers/_bubbles.scss */ + /* line 45, ../sass/helpers/_bubbles.scss */ .l-infobubble-wrapper .l-infobubble table tr td { padding: 2px 0; vertical-align: top; } - /* line 31, ../sass/helpers/_bubbles.scss */ + /* line 52, ../sass/helpers/_bubbles.scss */ .l-infobubble-wrapper .l-infobubble table tr td.label { padding-right: 10px; white-space: nowrap; } - /* line 35, ../sass/helpers/_bubbles.scss */ + /* line 56, ../sass/helpers/_bubbles.scss */ .l-infobubble-wrapper .l-infobubble table tr td.value { white-space: nowrap; } - /* line 39, ../sass/helpers/_bubbles.scss */ + /* line 60, ../sass/helpers/_bubbles.scss */ .l-infobubble-wrapper .l-infobubble table tr td.align-wrap { white-space: normal; } - /* line 45, ../sass/helpers/_bubbles.scss */ + /* line 66, ../sass/helpers/_bubbles.scss */ .l-infobubble-wrapper .l-infobubble .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px; } - /* line 52, ../sass/helpers/_bubbles.scss */ + /* line 73, ../sass/helpers/_bubbles.scss */ .l-infobubble-wrapper.arw-left { margin-left: 10px; } - /* line 54, ../sass/helpers/_bubbles.scss */ + /* line 75, ../sass/helpers/_bubbles.scss */ .l-infobubble-wrapper.arw-left .l-infobubble::before { right: 100%; border-top: 5px solid transparent; border-bottom: 5px solid transparent; - border-right: 7.5px solid #dddddd; } - /* line 62, ../sass/helpers/_bubbles.scss */ + border-right: 7.5px solid #ddd; } + /* line 83, ../sass/helpers/_bubbles.scss */ .l-infobubble-wrapper.arw-right { margin-right: 10px; } - /* line 64, ../sass/helpers/_bubbles.scss */ + /* line 85, ../sass/helpers/_bubbles.scss */ .l-infobubble-wrapper.arw-right .l-infobubble::before { left: 100%; border-top: 5px solid transparent; border-bottom: 5px solid transparent; - border-left: 7.5px solid #dddddd; } - /* line 73, ../sass/helpers/_bubbles.scss */ + border-left: 7.5px solid #ddd; } + /* line 94, ../sass/helpers/_bubbles.scss */ .l-infobubble-wrapper.arw-top .l-infobubble::before { top: 10px; } - /* line 79, ../sass/helpers/_bubbles.scss */ + /* line 100, ../sass/helpers/_bubbles.scss */ .l-infobubble-wrapper.arw-btm .l-infobubble::before { bottom: 10px; } - /* line 84, ../sass/helpers/_bubbles.scss */ + /* line 105, ../sass/helpers/_bubbles.scss */ .l-infobubble-wrapper.arw-down { margin-bottom: 10px; } - /* line 86, ../sass/helpers/_bubbles.scss */ + /* line 107, ../sass/helpers/_bubbles.scss */ .l-infobubble-wrapper.arw-down .l-infobubble::before { left: 50%; top: 100%; 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 */ +/* line 120, ../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 */ + /* line 126, ../sass/helpers/_bubbles.scss */ .s-infobubble .title { color: #333333; font-weight: bold; } - /* line 110, ../sass/helpers/_bubbles.scss */ + /* line 131, ../sass/helpers/_bubbles.scss */ .s-infobubble tr td { border-top: 1px solid #c4c4c4; font-size: 0.9em; } - /* line 114, ../sass/helpers/_bubbles.scss */ + /* line 135, ../sass/helpers/_bubbles.scss */ .s-infobubble tr:first-child td { border-top: none; } - /* line 118, ../sass/helpers/_bubbles.scss */ + /* line 139, ../sass/helpers/_bubbles.scss */ .s-infobubble .value { color: #333333; } -/* line 8, ../sass/helpers/_splitter.scss */ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/* line 29, ../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; z-index: 1; } -/* line 15, ../sass/helpers/_splitter.scss */ +/* line 36, ../sass/helpers/_splitter.scss */ .split-layout.horizontal { overflow: hidden; } - /* line 18, ../sass/helpers/_splitter.scss */ + /* line 39, ../sass/helpers/_splitter.scss */ .split-layout.horizontal .pane { left: 0; right: 0; } - /* line 21, ../sass/helpers/_splitter.scss */ + /* line 42, ../sass/helpers/_splitter.scss */ .split-layout.horizontal .pane.top { bottom: auto; } - /* line 25, ../sass/helpers/_splitter.scss */ + /* line 46, ../sass/helpers/_splitter.scss */ .split-layout.horizontal .pane.bottom { top: auto; } - /* line 30, ../sass/helpers/_splitter.scss */ + /* line 51, ../sass/helpers/_splitter.scss */ .split-layout.horizontal > .splitter { cursor: row-resize; left: 0; right: 0; width: auto; height: 5px; } - /* line 99, ../sass/_mixins.scss */ + /* line 120, ../sass/_mixins.scss */ .split-layout.horizontal > .splitter:before { content: ''; display: block; @@ -2908,25 +3860,25 @@ input[type="text"] { top: 2px; left: 5px; right: 5px; } - /* line 120, ../sass/_mixins.scss */ + /* line 141, ../sass/_mixins.scss */ .split-layout.horizontal > .splitter:not(.disabled):hover:before { border-color: rgba(0, 153, 204, 0.9); } -/* line 42, ../sass/helpers/_splitter.scss */ +/* line 63, ../sass/helpers/_splitter.scss */ .split-layout.vertical .pane { top: 0; bottom: 0; } - /* line 45, ../sass/helpers/_splitter.scss */ + /* line 66, ../sass/helpers/_splitter.scss */ .split-layout.vertical .pane.left { right: auto; } - /* line 49, ../sass/helpers/_splitter.scss */ + /* line 70, ../sass/helpers/_splitter.scss */ .split-layout.vertical .pane.right { left: auto; } -/* line 54, ../sass/helpers/_splitter.scss */ +/* line 75, ../sass/helpers/_splitter.scss */ .split-layout.vertical > .splitter { bottom: 0; cursor: col-resize; width: 5px; } - /* line 99, ../sass/_mixins.scss */ + /* line 120, ../sass/_mixins.scss */ .split-layout.vertical > .splitter:before { content: ''; display: block; @@ -2937,63 +3889,68 @@ input[type="text"] { left: 2px; bottom: 5px; top: 5px; } - /* line 120, ../sass/_mixins.scss */ + /* line 141, ../sass/_mixins.scss */ .split-layout.vertical > .splitter:not(.disabled):hover:before { border-color: rgba(0, 153, 204, 0.9); } -/* line 65, ../sass/helpers/_splitter.scss */ +/* line 86, ../sass/helpers/_splitter.scss */ .browse-area .splitter { - top: 40px; } + top: 35px; } -/* line 69, ../sass/helpers/_splitter.scss */ +/* line 90, ../sass/helpers/_splitter.scss */ .edit-area .splitter { top: 0; } +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ @-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 42, ../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; @@ -3009,33 +3966,33 @@ input[type="text"] { margin-left: -5%; z-index: 2; } -/* line 34, ../sass/helpers/_wait-spinner.scss */ +/* line 55, ../sass/helpers/_wait-spinner.scss */ .l-wait-spinner-holder { pointer-events: none; position: absolute; } - /* line 38, ../sass/helpers/_wait-spinner.scss */ + /* line 59, ../sass/helpers/_wait-spinner.scss */ .l-wait-spinner-holder.align-left .t-wait-spinner { left: 0; margin-left: 0; } - /* line 43, ../sass/helpers/_wait-spinner.scss */ + /* line 64, ../sass/helpers/_wait-spinner.scss */ .l-wait-spinner-holder.full-size { display: inline-block; height: 100%; width: 100%; } - /* line 46, ../sass/helpers/_wait-spinner.scss */ + /* line 67, ../sass/helpers/_wait-spinner.scss */ .l-wait-spinner-holder.full-size .t-wait-spinner { top: 0; margin-top: 0; padding: 30%; } -/* line 55, ../sass/helpers/_wait-spinner.scss */ +/* line 76, ../sass/helpers/_wait-spinner.scss */ .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; @@ -3048,42 +4005,84 @@ input[type="text"] { top: 2px; left: 0; } +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ /* Classes to be used for lists of properties and values */ -/* line 4, ../sass/_properties.scss */ +/* line 25, ../sass/_properties.scss */ .properties .s-row { border-top: 1px solid #4d4d4d; font-size: 0.8em; } - /* line 7, ../sass/_properties.scss */ + /* line 28, ../sass/_properties.scss */ .properties .s-row:first-child { border: none; } - /* line 10, ../sass/_properties.scss */ + /* line 31, ../sass/_properties.scss */ .properties .s-row .s-value { color: #fff; } -/* line 1, ../sass/_autoflow.scss */ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/* line 22, ../sass/_autoflow.scss */ .autoflow { font-size: 0.75rem; } - /* line 9, ../sass/_autoflow.scss */ + /* line 30, ../sass/_autoflow.scss */ .autoflow .l-autoflow-header { bottom: auto; height: 22px; line-height: 22px; } - /* line 13, ../sass/_autoflow.scss */ + /* line 34, ../sass/_autoflow.scss */ .autoflow .l-autoflow-header span { vertical-align: middle; } - /* line 16, ../sass/_autoflow.scss */ + /* line 37, ../sass/_autoflow.scss */ .autoflow .l-autoflow-header .l-filter { margin-left: 5px; } - /* line 21, ../sass/_autoflow.scss */ + /* line 42, ../sass/_autoflow.scss */ .autoflow .l-autoflow-items { overflow-x: scroll; overflow-y: hidden; top: 32px; white-space: nowrap; } - /* line 27, ../sass/_autoflow.scss */ + /* line 48, ../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; @@ -3091,10 +4090,10 @@ input[type="text"] { padding-right: 5px; vertical-align: top; width: 225px; } - /* line 37, ../sass/_autoflow.scss */ + /* line 58, ../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; @@ -3103,65 +4102,107 @@ input[type="text"] { margin-bottom: 1px; margin-top: 1px; position: relative; } - /* line 46, ../sass/_autoflow.scss */ + /* line 67, ../sass/_autoflow.scss */ .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row:first-child { border-top: none; } - /* line 49, ../sass/_autoflow.scss */ + /* line 70, ../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 75, ../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 76, ../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 79, ../sass/_autoflow.scss */ + .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row:not(.s-stale) .l-autoflow-item.r { + color: #b3b3b3; } + /* line 83, ../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 86, ../sass/_autoflow.scss */ .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row .l-autoflow-item { display: block; } - /* line 70, ../sass/_autoflow.scss */ + /* line 88, ../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 95, ../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 106, ../sass/_autoflow.scss */ .autoflow .l-autoflow-items .l-autoflow-col:first-child { border-left: none; padding-left: 0; } +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ /* Styles for the iframe EmbeddedPageController element */ -/* line 4, ../sass/_iframe.scss */ +/* line 25, ../sass/_iframe.scss */ .l-iframe iframe { display: block; height: 100%; width: 100%; } +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ /******************************** BROWSE */ -/* line 6, ../sass/_hide-non-functional.scss */ +/* line 27, ../sass/_hide-non-functional.scss */ .browse-mode .browse.top-bar { display: none; } -/* line 11, ../sass/_hide-non-functional.scss */ +/* line 32, ../sass/_hide-non-functional.scss */ .browse-mode .browse-area.holder { top: 5px; } - /* line 18, ../sass/_hide-non-functional.scss */ + /* line 39, ../sass/_hide-non-functional.scss */ .browse-mode .browse-area.holder > .contents.split-layout .object-browse-bar .t-btn.key-window { display: none; } diff --git a/platform/commonUI/general/res/css/tree.css b/platform/commonUI/general/res/css/tree.css index 3d38df90ac..d39b47ef87 100644 --- a/platform/commonUI/general/res/css/tree.css +++ b/platform/commonUI/general/res/css/tree.css @@ -19,20 +19,83 @@ * this source code distribution or the Licensing information page available * at runtime from the About dialog for additional information. *****************************************************************************/ -/* line 1, ../sass/tree/_tree.scss */ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/* line 22, ../sass/tree/_tree.scss */ ul.tree { margin: 0; padding: 0; } - /* line 187, ../sass/_mixins.scss */ + /* line 208, ../sass/_mixins.scss */ ul.tree li { list-style-type: none; margin: 0; padding: 0; } - /* line 3, ../sass/tree/_tree.scss */ + /* line 24, ../sass/tree/_tree.scss */ ul.tree li { display: block; position: relative; } - /* line 6, ../sass/tree/_tree.scss */ + /* line 27, ../sass/tree/_tree.scss */ ul.tree li span.tree-item { -moz-border-radius: 3px; -webkit-border-radius: 3px; @@ -47,15 +110,15 @@ ul.tree { line-height: 1.5rem; margin-bottom: 3px; position: relative; } - /* line 17, ../sass/tree/_tree.scss */ + /* line 38, ../sass/tree/_tree.scss */ ul.tree li span.tree-item .view-control { display: inline-block; margin-left: 5px; width: 10px; } - /* line 23, ../sass/tree/_tree.scss */ + /* line 44, ../sass/tree/_tree.scss */ ul.tree li span.tree-item .view-control:hover { color: #ffc700; } - /* line 28, ../sass/tree/_tree.scss */ + /* line 49, ../sass/tree/_tree.scss */ ul.tree li span.tree-item .label { display: block; overflow: hidden; @@ -67,7 +130,7 @@ ul.tree { width: auto; height: auto; left: 20px; } - /* line 34, ../sass/tree/_tree.scss */ + /* line 55, ../sass/tree/_tree.scss */ ul.tree li span.tree-item .label .type-icon { overflow: hidden; position: absolute; @@ -79,7 +142,7 @@ ul.tree { height: auto; text-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px; color: #0099cc; } - /* line 38, ../sass/tree/_tree.scss */ + /* line 59, ../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: #333; @@ -94,7 +157,7 @@ ul.tree { width: auto; position: absolute; z-index: 2; } - /* line 54, ../sass/tree/_tree.scss */ + /* line 75, ../sass/tree/_tree.scss */ ul.tree li span.tree-item .label .title-label { overflow: hidden; position: absolute; @@ -109,52 +172,52 @@ ul.tree { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } - /* line 66, ../sass/tree/_tree.scss */ + /* line 87, ../sass/tree/_tree.scss */ ul.tree li span.tree-item.loading { pointer-events: none; } - /* line 68, ../sass/tree/_tree.scss */ + /* line 89, ../sass/tree/_tree.scss */ ul.tree li span.tree-item.loading .label { opacity: 0.5; } - /* line 70, ../sass/tree/_tree.scss */ + /* line 91, ../sass/tree/_tree.scss */ ul.tree li span.tree-item.loading .label .title-label { font-style: italic; } - /* line 74, ../sass/tree/_tree.scss */ + /* line 95, ../sass/tree/_tree.scss */ ul.tree li span.tree-item.loading .wait-spinner { margin-left: 14px; } - /* line 79, ../sass/tree/_tree.scss */ + /* line 100, ../sass/tree/_tree.scss */ ul.tree li span.tree-item.selected { background: #005177; color: #fff; } - /* line 83, ../sass/tree/_tree.scss */ + /* line 104, ../sass/tree/_tree.scss */ ul.tree li span.tree-item.selected .view-control { color: #0099cc; } - /* line 86, ../sass/tree/_tree.scss */ + /* line 107, ../sass/tree/_tree.scss */ ul.tree li span.tree-item.selected .label .type-icon { color: #fff; } - /* line 92, ../sass/tree/_tree.scss */ + /* line 113, ../sass/tree/_tree.scss */ ul.tree li span.tree-item:not(.selected):hover { background: #404040; color: #cccccc; } - /* line 95, ../sass/tree/_tree.scss */ + /* line 116, ../sass/tree/_tree.scss */ ul.tree li span.tree-item:not(.selected):hover .context-trigger { display: block; } - /* line 98, ../sass/tree/_tree.scss */ + /* line 119, ../sass/tree/_tree.scss */ ul.tree li span.tree-item:not(.selected):hover .icon { color: #33ccff; } - /* line 104, ../sass/tree/_tree.scss */ + /* line 125, ../sass/tree/_tree.scss */ ul.tree li span.tree-item:not(.loading) { cursor: pointer; } - /* line 109, ../sass/tree/_tree.scss */ + /* line 130, ../sass/tree/_tree.scss */ ul.tree li span.tree-item .context-trigger { display: none; top: -1px; position: absolute; right: 3px; } - /* line 115, ../sass/tree/_tree.scss */ + /* line 136, ../sass/tree/_tree.scss */ ul.tree li span.tree-item .context-trigger .btn-invoke-menu { font-size: 0.75em; height: 0.9rem; line-height: 0.9rem; } - /* line 124, ../sass/tree/_tree.scss */ + /* line 145, ../sass/tree/_tree.scss */ ul.tree ul.tree { margin-left: 15px; } diff --git a/platform/commonUI/general/res/sass/lists/_tabular.scss b/platform/commonUI/general/res/sass/lists/_tabular.scss index 95bda6f673..213b79ce5b 100644 --- a/platform/commonUI/general/res/sass/lists/_tabular.scss +++ b/platform/commonUI/general/res/sass/lists/_tabular.scss @@ -19,78 +19,108 @@ * this source code distribution or the Licensing information page available * at runtime from the About dialog for additional information. *****************************************************************************/ -.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 { @@ -98,4 +128,9 @@ } } } + &.filterable { + tbody, .tbody { + top: $tabularHeaderH * 2; + } + } } \ No newline at end of file From f23f12720727e26a6b17d7b8c47b49e9a0988450 Mon Sep 17 00:00:00 2001 From: Charles Hacskaylo Date: Tue, 2 Jun 2015 19:29:57 -0700 Subject: [PATCH 10/17] [Frontend] Markup and CSS for Time Controller WTD-1219 Markup, CSS, etc. for time controller; New template .html file; Rebuilt from open-master and ue-frontend branches; --- platform/commonUI/general/bundle.json | 4 + platform/commonUI/general/res/css/forms.css | 31 ++- .../general/res/css/theme-espresso.css | 203 +++++++++++++++--- platform/commonUI/general/res/sass/_main.scss | 1 + .../general/res/sass/controls/_controls.scss | 62 +++--- .../res/sass/controls/_time-controller.scss | 104 +++++++++ .../general/res/sass/forms/_text-input.scss | 17 +- .../templates/controls/time-controller.html | 69 ++++++ 8 files changed, 421 insertions(+), 70 deletions(-) create mode 100644 platform/commonUI/general/res/sass/controls/_time-controller.scss create mode 100644 platform/commonUI/general/res/templates/controls/time-controller.html diff --git a/platform/commonUI/general/bundle.json b/platform/commonUI/general/bundle.json index f05f0e2be4..2923d96c47 100644 --- a/platform/commonUI/general/bundle.json +++ b/platform/commonUI/general/bundle.json @@ -43,6 +43,10 @@ { "key": "indicator", "templateUrl": "templates/indicator.html" + }, + { + "key": "time-controller", + "templateUrl": "templates/controls/time-controller.html" } ], "controllers": [ diff --git a/platform/commonUI/general/res/css/forms.css b/platform/commonUI/general/res/css/forms.css index 113a906725..4fee272bb9 100644 --- a/platform/commonUI/general/res/css/forms.css +++ b/platform/commonUI/general/res/css/forms.css @@ -302,7 +302,8 @@ label.form-control.checkbox input { * at runtime from the About dialog for additional information. *****************************************************************************/ /* line 22, ../sass/forms/_text-input.scss */ -input[type="text"] { +input[type="text"], +input[type="date"] { -moz-appearance: none; -webkit-appearance: none; -moz-border-radius: 3px; @@ -321,10 +322,32 @@ input[type="text"] { outline: none; padding: 0 3px; } /* line 33, ../sass/forms/_mixins.scss */ - input[type="text"].error { + input[type="text"].error, + input[type="date"].error { background: rgba(255, 0, 0, 0.5); } - /* line 29, ../sass/forms/_text-input.scss */ - input[type="text"].numeric { + /* line 61, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */ + input[type="text"]:-moz-placeholder, + input[type="date"]:-moz-placeholder { + color: gray; + font-style: italic; } + /* line 64, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */ + input[type="text"]::-moz-placeholder, + input[type="date"]::-moz-placeholder { + color: gray; + font-style: italic; } + /* line 67, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */ + input[type="text"]:-ms-input-placeholder, + input[type="date"]:-ms-input-placeholder { + color: gray; + font-style: italic; } + /* line 56, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */ + input[type="text"]::-webkit-input-placeholder, + input[type="date"]::-webkit-input-placeholder { + color: gray; + font-style: italic; } + /* line 34, ../sass/forms/_text-input.scss */ + input[type="text"].numeric, + input[type="date"].numeric { text-align: right; } /***************************************************************************** diff --git a/platform/commonUI/general/res/css/theme-espresso.css b/platform/commonUI/general/res/css/theme-espresso.css index c3dd06eed9..c2a160e6d0 100644 --- a/platform/commonUI/general/res/css/theme-espresso.css +++ b/platform/commonUI/general/res/css/theme-espresso.css @@ -2050,7 +2050,11 @@ label.checkbox.custom { margin-right: 50px; } /******************************************************** SLIDERS */ -/* line 444, ../sass/controls/_controls.scss */ +/* line 439, ../sass/controls/_controls.scss */ +.wrapper-slider { + position: relative; } + +/* line 447, ../sass/controls/_controls.scss */ .slider .slot { -moz-border-radius: 2px; -webkit-border-radius: 2px; @@ -2064,14 +2068,30 @@ label.checkbox.custom { background-color: rgba(0, 0, 0, 0.4); border-bottom: 1px solid rgba(77, 77, 77, 0.4); border-right: 1px solid rgba(77, 77, 77, 0.4); - height: 50%; + height: auto; width: auto; position: absolute; - top: 25%; + top: 10%; right: 0; - bottom: auto; - left: 0; } -/* line 455, ../sass/controls/_controls.scss */ + bottom: 10%; + left: 0; + z-index: 0; } + /* line 459, ../sass/controls/_controls.scss */ + .slider .slot .range { + background: rgba(0, 153, 204, 0.3); + cursor: ew-resize; + position: absolute; + top: 0; + right: auto; + bottom: 0; + left: auto; + height: auto; + width: auto; + z-index: 1; } + /* line 470, ../sass/controls/_controls.scss */ + .slider .slot .range:hover { + background: rgba(0, 153, 204, 0.5); } +/* line 475, ../sass/controls/_controls.scss */ .slider .knob { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQwNDA0MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; @@ -2092,14 +2112,17 @@ label.checkbox.custom { border-top: 1px solid #666666; color: #999; display: inline-block; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; cursor: ew-resize; position: absolute; - height: 100%; + height: auto; width: 12px; top: 0; - auto: 0; - bottom: auto; - left: auto; } + bottom: 0; + left: auto; + z-index: 2; } /* line 148, ../sass/_mixins.scss */ .slider .knob:not(.disabled):hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); @@ -2122,28 +2145,20 @@ label.checkbox.custom { /* line 141, ../sass/_mixins.scss */ .slider .knob:not(.disabled):hover:before { border-color: rgba(0, 153, 204, 0.9); } - /* line 466, ../sass/controls/_controls.scss */ + /* line 487, ../sass/controls/_controls.scss */ + .slider .knob.knob-l { + margin-left: -6px; } + /* line 488, ../sass/controls/_controls.scss */ + .slider .knob.knob-r { + margin-right: -6px; } + /* line 489, ../sass/controls/_controls.scss */ .slider .knob:before { top: 1px; bottom: 3px; - left: 5px; } -/* line 473, ../sass/controls/_controls.scss */ -.slider .range { - background: rgba(0, 153, 204, 0.6); - cursor: ew-resize; - position: absolute; - top: 0; - right: auto; - bottom: 0; - left: auto; - height: auto; - width: auto; } - /* line 483, ../sass/controls/_controls.scss */ - .slider .range:hover { - background: rgba(0, 153, 204, 0.7); } + left: 45%; } /******************************************************** BROWSER ELEMENTS */ -/* line 491, ../sass/controls/_controls.scss */ +/* line 501, ../sass/controls/_controls.scss */ ::-webkit-scrollbar { -moz-border-radius: 2px; -webkit-border-radius: 2px; @@ -2160,7 +2175,7 @@ label.checkbox.custom { height: 10px; width: 10px; } -/* line 497, ../sass/controls/_controls.scss */ +/* line 507, ../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%; @@ -2178,7 +2193,7 @@ label.checkbox.custom { -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 504, ../sass/controls/_controls.scss */ + /* line 514, ../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%; @@ -2187,7 +2202,7 @@ label.checkbox.custom { background-image: -webkit-linear-gradient(#808080, #737373 20px); background-image: linear-gradient(#808080, #737373 20px); } -/* line 509, ../sass/controls/_controls.scss */ +/* line 519, ../sass/controls/_controls.scss */ ::-webkit-scrollbar-corner { background: rgba(0, 0, 0, 0.4); } @@ -2448,6 +2463,103 @@ label.checkbox.custom { right: 0; width: auto; } +/* line 1, ../sass/controls/_time-controller.scss */ +.l-time-controller { + position: relative; + margin: 10px 0; + min-width: 400px; } + /* line 12, ../sass/controls/_time-controller.scss */ + .l-time-controller .l-time-range-inputs-holder, + .l-time-controller .l-time-range-slider { + font-size: 0.8em; } + /* line 17, ../sass/controls/_time-controller.scss */ + .l-time-controller .l-time-range-inputs-holder, + .l-time-controller .l-time-range-slider-holder, + .l-time-controller .l-time-range-ticks-holder { + margin-bottom: 5px; + position: relative; } + /* line 24, ../sass/controls/_time-controller.scss */ + .l-time-controller .l-time-range-slider, + .l-time-controller .l-time-range-ticks { + overflow: visible; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: auto; + height: auto; } + /* line 30, ../sass/controls/_time-controller.scss */ + .l-time-controller .l-time-range-inputs-holder { + height: 20px; } + /* line 34, ../sass/controls/_time-controller.scss */ + .l-time-controller .l-time-range-slider, + .l-time-controller .l-time-range-ticks { + left: 90px; + right: 90px; } + /* line 40, ../sass/controls/_time-controller.scss */ + .l-time-controller .l-time-range-slider-holder { + height: 30px; } + /* line 42, ../sass/controls/_time-controller.scss */ + .l-time-controller .l-time-range-slider-holder .range-holder { + -moz-box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; + background: none; + border: none; + height: 75%; } + /* line 50, ../sass/controls/_time-controller.scss */ + .l-time-controller .l-time-range-ticks-holder { + height: 10px; } + /* line 52, ../sass/controls/_time-controller.scss */ + .l-time-controller .l-time-range-ticks-holder .l-time-range-ticks { + border-top: 1px solid #4d4d4d; } + /* line 54, ../sass/controls/_time-controller.scss */ + .l-time-controller .l-time-range-ticks-holder .l-time-range-ticks .tick { + background-color: #4d4d4d; + border: none; + width: 1px; + margin-left: -1px; } + /* line 59, ../sass/controls/_time-controller.scss */ + .l-time-controller .l-time-range-ticks-holder .l-time-range-ticks .tick:first-child { + margin-left: 0; } + /* line 62, ../sass/controls/_time-controller.scss */ + .l-time-controller .l-time-range-ticks-holder .l-time-range-ticks .tick .l-time-range-tick-label { + color: gray; + font-size: 0.7em; + position: absolute; + margin-left: -25px; + text-align: center; + top: 10px; + width: 50px; + z-index: 2; } + /* line 76, ../sass/controls/_time-controller.scss */ + .l-time-controller .knob { + width: 9px; } + /* line 78, ../sass/controls/_time-controller.scss */ + .l-time-controller .knob .range-value { + position: absolute; + top: 50%; + margin-top: -7px; + white-space: nowrap; + width: 75px; } + /* line 87, ../sass/controls/_time-controller.scss */ + .l-time-controller .knob:hover .range-value { + color: #0099cc; } + /* line 90, ../sass/controls/_time-controller.scss */ + .l-time-controller .knob.knob-l { + margin-left: -4.5px; } + /* line 92, ../sass/controls/_time-controller.scss */ + .l-time-controller .knob.knob-l .range-value { + text-align: right; + right: 14px; } + /* line 97, ../sass/controls/_time-controller.scss */ + .l-time-controller .knob.knob-r { + margin-right: -4.5px; } + /* line 99, ../sass/controls/_time-controller.scss */ + .l-time-controller .knob.knob-r .range-value { + left: 14px; } + /***************************************************************************** * Open MCT Web, Copyright (c) 2014-2015, United States Government * as represented by the Administrator of the National Aeronautics and Space @@ -2697,7 +2809,8 @@ span.req { * at runtime from the About dialog for additional information. *****************************************************************************/ /* line 22, ../sass/forms/_text-input.scss */ -input[type="text"] { +input[type="text"], +input[type="date"] { -moz-appearance: none; -webkit-appearance: none; -moz-border-radius: 3px; @@ -2716,10 +2829,32 @@ input[type="text"] { outline: none; padding: 0 3px; } /* line 33, ../sass/forms/_mixins.scss */ - input[type="text"].error { + input[type="text"].error, + input[type="date"].error { background: rgba(255, 0, 0, 0.5); } - /* line 29, ../sass/forms/_text-input.scss */ - input[type="text"].numeric { + /* line 61, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */ + input[type="text"]:-moz-placeholder, + input[type="date"]:-moz-placeholder { + color: gray; + font-style: italic; } + /* line 64, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */ + input[type="text"]::-moz-placeholder, + input[type="date"]::-moz-placeholder { + color: gray; + font-style: italic; } + /* line 67, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */ + input[type="text"]:-ms-input-placeholder, + input[type="date"]:-ms-input-placeholder { + color: gray; + font-style: italic; } + /* line 56, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */ + input[type="text"]::-webkit-input-placeholder, + input[type="date"]::-webkit-input-placeholder { + color: gray; + font-style: italic; } + /* line 34, ../sass/forms/_text-input.scss */ + input[type="text"].numeric, + input[type="date"].numeric { text-align: right; } /***************************************************************************** diff --git a/platform/commonUI/general/res/sass/_main.scss b/platform/commonUI/general/res/sass/_main.scss index 3eb4397f91..3c4fe84514 100644 --- a/platform/commonUI/general/res/sass/_main.scss +++ b/platform/commonUI/general/res/sass/_main.scss @@ -45,6 +45,7 @@ @import "controls/controls"; @import "controls/lists"; @import "controls/menus"; +@import "controls/time-controller"; @import "forms/mixins"; @import "forms/elems"; @import "forms/validation"; diff --git a/platform/commonUI/general/res/sass/controls/_controls.scss b/platform/commonUI/general/res/sass/controls/_controls.scss index 721a557a32..86544886f5 100644 --- a/platform/commonUI/general/res/sass/controls/_controls.scss +++ b/platform/commonUI/general/res/sass/controls/_controls.scss @@ -436,52 +436,62 @@ label.checkbox.custom { } /******************************************************** SLIDERS */ - +.wrapper-slider { + position: relative; +} .slider { - $knobH: 100%; //14px; + //$knobH: 70%; //14px; $knobW: 12px; - $slotH: 50%; + $slotH: 80%; + $rangeO: 0.3; .slot { -// @include border-radius($basicCr * .75); + // @include border-radius($basicCr * .75); @include sliderTrack(); - height: $slotH; + height: auto; width: auto; position: absolute; - top: ($knobH - $slotH) / 2; + //top: ($knobH - $slotH) / 2; + top: (100% - $slotH)/2; right: 0; - bottom: auto; + bottom: (100% - $slotH)/2; left: 0; + z-index: 0; + .range { + background: rgba($colorKey, $rangeO); + cursor: ew-resize; + position: absolute; + top: 0; + right: auto; + bottom: 0; + left: auto; + height: auto; + width: auto; + z-index: 1; + &:hover { + background: rgba($colorKey, $rangeO + 0.2); + } + } } .knob { @include btnSubtle(); @include controlGrippy(rgba(black, 0.3), vertical, 1px, solid); + @include border-radius(2px); cursor: ew-resize; position: absolute; - height: $knobH; + height: auto; width: $knobW; top: 0; - auto: 0; - bottom: auto; + bottom: 0; left: auto; + z-index: 2; + &.knob-l { margin-left: $knobW / -2; } + &.knob-r { margin-right: $knobW / -2; } &:before { top: 1px; bottom: 3px; - left: ($knobW / 2) - 1; - } - - } - .range { - background: rgba($colorKey, 0.6); - cursor: ew-resize; - position: absolute; - top: 0; - right: auto; - bottom: 0; - left: auto; - height: auto; - width: auto; - &:hover { - background: rgba($colorKey, 0.7); + //left: ($knobW / 2) - 1; + //margin-left: -1px; + left: 45%; } } } diff --git a/platform/commonUI/general/res/sass/controls/_time-controller.scss b/platform/commonUI/general/res/sass/controls/_time-controller.scss new file mode 100644 index 0000000000..6991617ae7 --- /dev/null +++ b/platform/commonUI/general/res/sass/controls/_time-controller.scss @@ -0,0 +1,104 @@ +.l-time-controller { + $inputTxtW: 90px; + $knobW: 9px; + $r1H: 20px; + $r2H: 30px; + $r3H: 10px; + + position: relative; + margin: $interiorMarginLg 0; + min-width: 400px; + + .l-time-range-inputs-holder, + .l-time-range-slider { + font-size: 0.8em; + } + + .l-time-range-inputs-holder, + .l-time-range-slider-holder, + .l-time-range-ticks-holder + { + margin-bottom: $interiorMargin; + position: relative; + } + .l-time-range-slider, + .l-time-range-ticks { + //@include test(red, 0.1); + @include absPosDefault(0, visible); + } + + .l-time-range-inputs-holder { + height: $r1H; + } + + .l-time-range-slider, + .l-time-range-ticks { + left: $inputTxtW; right: $inputTxtW; + + } + + .l-time-range-slider-holder { + height: $r2H; + .range-holder { + @include box-shadow(none); + background: none; + border: none; + height: 75%; + } + } + + .l-time-range-ticks-holder { + height: $r3H; + .l-time-range-ticks { + border-top: 1px solid $colorInteriorBorder; + .tick { + background-color: $colorInteriorBorder; + border:none; + width: 1px; + margin-left: -1px; + &:first-child { + margin-left: 0; + } + .l-time-range-tick-label { + color: lighten($colorInteriorBorder, 20%); + font-size: 0.7em; + position: absolute; + margin-left: -0.5 * $tickLblW; + text-align: center; + top: $r3H; + width: $tickLblW; + z-index: 2; + } + } + } + } + + .knob { + width: $knobW; + .range-value { + $w: 75px; + //@include test(); + position: absolute; + top: 50%; + margin-top: -7px; // Label is 13px high + white-space: nowrap; + width: $w; + } + &:hover .range-value { + color: $colorKey; + } + &.knob-l { + margin-left: $knobW / -2; + .range-value { + text-align: right; + right: $knobW + $interiorMargin; + } + } + &.knob-r { + margin-right: $knobW / -2; + .range-value { + left: $knobW + $interiorMargin; + } + } + } +} \ No newline at end of file diff --git a/platform/commonUI/general/res/sass/forms/_text-input.scss b/platform/commonUI/general/res/sass/forms/_text-input.scss index f445b43aa0..eed6ebd42d 100644 --- a/platform/commonUI/general/res/sass/forms/_text-input.scss +++ b/platform/commonUI/general/res/sass/forms/_text-input.scss @@ -19,13 +19,18 @@ * this source code distribution or the Licensing information page available * at runtime from the About dialog for additional information. *****************************************************************************/ -input[type="text"] { +input[type="text"], +input[type="date"] { @include nice-input(); - &.filter { - &.ng-dirty { -// background: red; - } - } + @include input-placeholder { + color: darken($colorBodyFg, 10%); + font-style: italic; + } + &.filter { + &.ng-dirty { + // background: red; + } + } &.numeric { text-align: right; } diff --git a/platform/commonUI/general/res/templates/controls/time-controller.html b/platform/commonUI/general/res/templates/controls/time-controller.html new file mode 100644 index 0000000000..fe1b6ff14a --- /dev/null +++ b/platform/commonUI/general/res/templates/controls/time-controller.html @@ -0,0 +1,69 @@ + + +
+ +
+
+ Start: + End: +
+ +
+
+
+
+
+
+
+
05/22 14:46
+
+
+
07/22 01:21
+
+
+
+
+ +
+
+
+ {{tick}} +
+
+
+
\ No newline at end of file From 45568ecb215fc48d6e496a2690462e4f09d9b6db Mon Sep 17 00:00:00 2001 From: Victor Woeltjen Date: Tue, 2 Jun 2015 13:43:35 -0700 Subject: [PATCH 11/17] [Forms] Allow date-time controls to be optional Don't force date-time inputs to act as if they are required; allow them to be treated as optional, but enforce that this only occurs when left completely empty (as opposed to partially complete.) Supports WTD-1221. --- .../forms/res/templates/controls/datetime.html | 8 ++++---- .../forms/src/controllers/DateTimeController.js | 14 ++++++++++++++ 2 files changed, 18 insertions(+), 4 deletions(-) diff --git a/platform/forms/res/templates/controls/datetime.html b/platform/forms/res/templates/controls/datetime.html index e2accf7c8f..6dae89eb8a 100644 --- a/platform/forms/res/templates/controls/datetime.html +++ b/platform/forms/res/templates/controls/datetime.html @@ -38,7 +38,7 @@ placeholder="YYYY-DDD" ng-pattern="/\d\d\d\d-\d\d\d/" ng-model='datetime.date' - ng-required='true'/> + ng-required='ngRequired || partiallyComplete'/> + ng-required='ngRequired || partiallyComplete'/> + ng-required='ngRequired || partiallyComplete'/> + ng-required='ngRequired || partiallyComplete'/> UTC diff --git a/platform/forms/src/controllers/DateTimeController.js b/platform/forms/src/controllers/DateTimeController.js index bf122c3f9c..530c966380 100644 --- a/platform/forms/src/controllers/DateTimeController.js +++ b/platform/forms/src/controllers/DateTimeController.js @@ -52,6 +52,20 @@ define( if (fullDateTime.isValid()) { $scope.ngModel[$scope.field] = fullDateTime.valueOf(); } + + // If anything is complete, say so in scope; there are + // ng-required usages that will update off of this (to + // allow datetime to be optional while still permitting + // incomplete input) + $scope.partiallyComplete = + Object.keys($scope.datetime).some(function (key) { + return $scope.datetime[key]; + }); + + // Treat empty input as an undefined value + if (!$scope.partiallyComplete) { + $scope.ngModel[$scope.field] = undefined; + } } // Update value whenever any field changes. From 28805cd55c9d8e0ba35225d07b2151cad6110462 Mon Sep 17 00:00:00 2001 From: Victor Woeltjen Date: Wed, 3 Jun 2015 10:05:39 -0700 Subject: [PATCH 12/17] [Forms] Add test cases to DateTimeController Add test cases for behavioral changes to DateTimeController, added for WTD-1221. --- .../controllers/DateTimeControllerSpec.js | 27 +++++++++++++++++++ 1 file changed, 27 insertions(+) diff --git a/platform/forms/test/controllers/DateTimeControllerSpec.js b/platform/forms/test/controllers/DateTimeControllerSpec.js index e3e5c7b693..11c97ada07 100644 --- a/platform/forms/test/controllers/DateTimeControllerSpec.js +++ b/platform/forms/test/controllers/DateTimeControllerSpec.js @@ -57,6 +57,33 @@ define( expect(mockScope.ngModel.test).toEqual(1417215313000); }); + it("reports when form input is partially complete", function () { + // This is needed to flag the control's state as invalid + // when it is partially complete without having it treated + // as required. + mockScope.ngModel = {}; + mockScope.field = "test"; + mockScope.datetime.date = "2014-332"; + mockScope.datetime.hour = 22; + mockScope.datetime.min = 55; + // mockScope.datetime.sec = 13; + + mockScope.$watch.mostRecentCall.args[1](); + + expect(mockScope.partiallyComplete).toBeTruthy(); + }); + + it("reports 'undefined' for empty input", function () { + mockScope.ngModel = { test: 12345 }; + mockScope.field = "test"; + mockScope.$watch.mostRecentCall.args[1](); + // Clear all inputs + mockScope.datetime = {}; + mockScope.$watch.mostRecentCall.args[1](); + + // Should have cleared out the time stamp + expect(mockScope.ngModel.test).toBeUndefined(); + }); }); } ); \ No newline at end of file From e45292172955b48ba7fd033039840ee0296b9982 Mon Sep 17 00:00:00 2001 From: Victor Woeltjen Date: Wed, 3 Jun 2015 13:09:23 -0700 Subject: [PATCH 13/17] [Core] Revise explicit setting of modified timestamp Allow undefined as an explicit value for a domain object's modification timestamp (as set via the mutation capability.) Avoids a bug in minimal auto-refresh, being added for WTD-1221. --- platform/core/src/capabilities/MutationCapability.js | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/platform/core/src/capabilities/MutationCapability.js b/platform/core/src/capabilities/MutationCapability.js index 431c8d5d19..c20c90deab 100644 --- a/platform/core/src/capabilities/MutationCapability.js +++ b/platform/core/src/capabilities/MutationCapability.js @@ -77,7 +77,8 @@ define( // Get the object's model and clone it, so the // mutator function has a temporary copy to work with. var model = domainObject.getModel(), - clone = JSON.parse(JSON.stringify(model)); + clone = JSON.parse(JSON.stringify(model)), + useTimestamp = arguments.length > 1; // Function to handle copying values to the actual function handleMutation(mutationResult) { @@ -94,8 +95,7 @@ define( if (model !== result) { copyValues(model, result); } - model.modified = (typeof timestamp === 'number') ? - timestamp : now(); + model.modified = useTimestamp ? timestamp : now(); } // Report the result of the mutation From 2648f0196635c6b9d306d63a92ff0ab266defe55 Mon Sep 17 00:00:00 2001 From: Victor Woeltjen Date: Wed, 3 Jun 2015 13:46:25 -0700 Subject: [PATCH 14/17] [Composition] Disallow composition for leaf types Disallow composition for domain object types which will not have a composition property; WTD-1221. --- .../browse/src/creation/CreateWizard.js | 5 ++-- platform/containment/bundle.json | 5 ++++ .../containment/src/CompositionModelPolicy.js | 28 +++++++++++++++++++ .../test/CompositionModelPolicySpec.js | 26 +++++++++++++++++ .../test/CompositionMutabilityPolicySpec.js | 2 +- platform/containment/test/suite.json | 1 + 6 files changed, 64 insertions(+), 3 deletions(-) create mode 100644 platform/containment/src/CompositionModelPolicy.js create mode 100644 platform/containment/test/CompositionModelPolicySpec.js diff --git a/platform/commonUI/browse/src/creation/CreateWizard.js b/platform/commonUI/browse/src/creation/CreateWizard.js index 7f60bdd883..29fe953e18 100644 --- a/platform/commonUI/browse/src/creation/CreateWizard.js +++ b/platform/commonUI/browse/src/creation/CreateWizard.js @@ -45,8 +45,9 @@ define( properties = type.getProperties(); function validateLocation(locatingObject) { - var locatingType = locatingObject.getCapability('type'); - return policyService.allow( + var locatingType = locatingObject && + locatingObject.getCapability('type'); + return locatingType && policyService.allow( "composition", locatingType, type diff --git a/platform/containment/bundle.json b/platform/containment/bundle.json index e61085f66f..e6e24f0f79 100644 --- a/platform/containment/bundle.json +++ b/platform/containment/bundle.json @@ -12,6 +12,11 @@ "implementation": "CompositionMutabilityPolicy.js", "message": "Objects of this type cannot be modified." }, + { + "category": "composition", + "implementation": "CompositionModelPolicy.js", + "message": "Objects of this type cannot contain other objects." + }, { "category": "action", "implementation": "ComposeActionPolicy.js", diff --git a/platform/containment/src/CompositionModelPolicy.js b/platform/containment/src/CompositionModelPolicy.js new file mode 100644 index 0000000000..74f1200530 --- /dev/null +++ b/platform/containment/src/CompositionModelPolicy.js @@ -0,0 +1,28 @@ +/*global define*/ + +define( + [], + function () { + "use strict"; + + /** + * Policy allowing composition only for domain object types which + * have a composition property. + */ + function CompositionModelPolicy() { + return { + /** + * Is the type identified by the candidate allowed to + * contain the type described by the context? + */ + allow: function (candidate, context) { + return Array.isArray( + (candidate.getInitialModel() || {}).composition + ); + } + }; + } + + return CompositionModelPolicy; + } +); \ No newline at end of file diff --git a/platform/containment/test/CompositionModelPolicySpec.js b/platform/containment/test/CompositionModelPolicySpec.js new file mode 100644 index 0000000000..bace49246d --- /dev/null +++ b/platform/containment/test/CompositionModelPolicySpec.js @@ -0,0 +1,26 @@ +/*global define,Promise,describe,it,expect,beforeEach,waitsFor,jasmine*/ + +define( + ["../src/CompositionModelPolicy"], + function (CompositionModelPolicy) { + "use strict"; + + describe("The composition model policy", function () { + var mockType, + policy; + + beforeEach(function () { + mockType = jasmine.createSpyObj('type', ['getInitialModel']); + policy = new CompositionModelPolicy(); + }); + + it("only allows composition for types which will have a composition property", function () { + mockType.getInitialModel.andReturn({}); + expect(policy.allow(mockType)).toBeFalsy(); + mockType.getInitialModel.andReturn({ composition: [] }); + expect(policy.allow(mockType)).toBeTruthy(); + }); + }); + + } +); diff --git a/platform/containment/test/CompositionMutabilityPolicySpec.js b/platform/containment/test/CompositionMutabilityPolicySpec.js index c537a5000f..1f49883939 100644 --- a/platform/containment/test/CompositionMutabilityPolicySpec.js +++ b/platform/containment/test/CompositionMutabilityPolicySpec.js @@ -35,7 +35,7 @@ define( policy = new CompositionMutabilityPolicy(); }); - it("only allows composition for types which will have a composition capability", function () { + it("only allows composition for types which can be created/modified", function () { expect(policy.allow(mockType)).toBeFalsy(); mockType.hasFeature.andReturn(true); expect(policy.allow(mockType)).toBeTruthy(); diff --git a/platform/containment/test/suite.json b/platform/containment/test/suite.json index 987ef9a86c..81218a969e 100644 --- a/platform/containment/test/suite.json +++ b/platform/containment/test/suite.json @@ -1,6 +1,7 @@ [ "CapabilityTable", "ComposeActionPolicy", + "CompositionModelPolicy", "CompositionMutabilityPolicy", "CompositionPolicy", "ContainmentTable" From fcd214ed60491f3b58741960e1c545c5d10cbf49 Mon Sep 17 00:00:00 2001 From: Victor Woeltjen Date: Wed, 3 Jun 2015 14:20:45 -0700 Subject: [PATCH 15/17] [Forms] Show initial value in datetime control Initialize value for datetime control based on available data, and keep up-to-date with changes from UI. Supports clocks/timers, which use datetime as an entry field, WTD-1221. --- .../src/controllers/DateTimeController.js | 24 ++++++++++++++++++- 1 file changed, 23 insertions(+), 1 deletion(-) diff --git a/platform/forms/src/controllers/DateTimeController.js b/platform/forms/src/controllers/DateTimeController.js index 530c966380..c026e98935 100644 --- a/platform/forms/src/controllers/DateTimeController.js +++ b/platform/forms/src/controllers/DateTimeController.js @@ -68,13 +68,35 @@ define( } } + function updateDateTime(value) { + var m; + if (value !== undefined) { + m = moment.utc(value); + $scope.datetime = { + date: m.format(DATE_FORMAT), + hour: m.format("H"), + min: m.format("m"), + sec: m.format("s") + }; + } else { + $scope.datetime = {}; + } + } + + // ...and update form values when actual field in model changes + $scope.$watch("ngModel[field]", updateDateTime); + // Update value whenever any field changes. $scope.$watch("datetime.date", update); $scope.$watch("datetime.hour", update); $scope.$watch("datetime.min", update); $scope.$watch("datetime.sec", update); - $scope.datetime = {}; + // Initialize forms values + updateDateTime( + ($scope.ngModel && $scope.field) ? + $scope.ngModel[$scope.field] : undefined + ); } return DateTimeController; From 5f64e499f4a1985203db251dfc0bed07f67644c5 Mon Sep 17 00:00:00 2001 From: Victor Woeltjen Date: Thu, 4 Jun 2015 10:47:04 -0700 Subject: [PATCH 16/17] [Example] Work around JSLint JSLint doesn't like Express's use of static (a reserved word) as a method name, so change the way it's accessed. WTD-1199. --- app.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app.js b/app.js index 1361d637f0..4ebc9c3e94 100644 --- a/app.js +++ b/app.js @@ -55,7 +55,7 @@ }); // Expose everything else as static files - app.use(express.static('.')); + app.use(express['static']('.')); // Finally, open the HTTP server app.listen(options.port); From 689701b37f0b2835868ef419aa65878ba562623b Mon Sep 17 00:00:00 2001 From: larkin Date: Mon, 8 Jun 2015 11:23:25 -0700 Subject: [PATCH 17/17] [Licenses] Add License Header --- .../browse/src/windowing/WindowTitler.js | 21 +++++++++++++++++++ .../browse/test/windowing/WindowTitlerSpec.js | 21 +++++++++++++++++++ 2 files changed, 42 insertions(+) diff --git a/platform/commonUI/browse/src/windowing/WindowTitler.js b/platform/commonUI/browse/src/windowing/WindowTitler.js index 49a121df90..9db65e5b0e 100644 --- a/platform/commonUI/browse/src/windowing/WindowTitler.js +++ b/platform/commonUI/browse/src/windowing/WindowTitler.js @@ -1,3 +1,24 @@ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ /*global define,Promise*/ define( diff --git a/platform/commonUI/browse/test/windowing/WindowTitlerSpec.js b/platform/commonUI/browse/test/windowing/WindowTitlerSpec.js index cc08be51f8..d9c71a86dd 100644 --- a/platform/commonUI/browse/test/windowing/WindowTitlerSpec.js +++ b/platform/commonUI/browse/test/windowing/WindowTitlerSpec.js @@ -1,3 +1,24 @@ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ /*global define,Promise,describe,it,expect,beforeEach,waitsFor,jasmine*/ /**