From bb4da39a73cbd6fbe83f3b7c9ed5ae60fe58dd6b Mon Sep 17 00:00:00 2001 From: Armen Kesablyan Date: Wed, 15 Feb 2012 14:23:19 -0800 Subject: Tool Icons : New layout Signed-off-by: Armen Kesablyan --- .../ninja.scssc | Bin 0 -> 4467 bytes .../_colors.scssc | Bin 0 -> 17819 bytes .../_fonts.scssc | Bin 0 -> 1872 bytes .../_mixins.scssc | Bin 0 -> 4555 bytes .../_Base.scssc | Bin 0 -> 25106 bytes .../_Components.scssc | Bin 0 -> 3384 bytes .../_MainWindow.scssc | 426 +++++ .../_MenuUI.scssc | Bin 0 -> 6093 bytes .../_MontageOverrides.scssc | Bin 0 -> 2665 bytes .../_PanelUI.scssc | 1638 ++++++++++++++++++++ .../_ScrollBars.scssc | Bin 0 -> 14691 bytes .../_Stage.scssc | Bin 0 -> 13754 bytes .../_Tools.scssc | 592 +++++++ .../_UserContent.scssc | Bin 0 -> 2196 bytes .../_mixins.scssc | Bin 0 -> 2734 bytes .../_toolbar.scssc | Bin 0 -> 15338 bytes scss/compass_app_log.txt | 16 + scss/imports/scss/_Tools.scss | 24 - scss/imports/scss/_toolbar.scss | 328 ++-- scss/ninja.scss | 1 + 20 files changed, 2812 insertions(+), 213 deletions(-) create mode 100644 scss/.sass-cache/5fc5391a1d3f0cc8c82108187482ad8e2d9a4dfd/ninja.scssc create mode 100644 scss/.sass-cache/a47e87879ba03b17bf638aaaf0d186d50bf1ca11/_colors.scssc create mode 100644 scss/.sass-cache/a47e87879ba03b17bf638aaaf0d186d50bf1ca11/_fonts.scssc create mode 100644 scss/.sass-cache/a47e87879ba03b17bf638aaaf0d186d50bf1ca11/_mixins.scssc create mode 100644 scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_Base.scssc create mode 100644 scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_Components.scssc create mode 100644 scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_MainWindow.scssc create mode 100644 scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_MenuUI.scssc create mode 100644 scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_MontageOverrides.scssc create mode 100644 scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_PanelUI.scssc create mode 100644 scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_ScrollBars.scssc create mode 100644 scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_Stage.scssc create mode 100644 scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_Tools.scssc create mode 100644 scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_UserContent.scssc create mode 100644 scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_mixins.scssc create mode 100644 scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_toolbar.scssc create mode 100644 scss/compass_app_log.txt (limited to 'scss') diff --git a/scss/.sass-cache/5fc5391a1d3f0cc8c82108187482ad8e2d9a4dfd/ninja.scssc b/scss/.sass-cache/5fc5391a1d3f0cc8c82108187482ad8e2d9a4dfd/ninja.scssc new file mode 100644 index 00000000..aa224547 Binary files /dev/null and b/scss/.sass-cache/5fc5391a1d3f0cc8c82108187482ad8e2d9a4dfd/ninja.scssc differ diff --git a/scss/.sass-cache/a47e87879ba03b17bf638aaaf0d186d50bf1ca11/_colors.scssc b/scss/.sass-cache/a47e87879ba03b17bf638aaaf0d186d50bf1ca11/_colors.scssc new file mode 100644 index 00000000..cf40dc86 Binary files /dev/null and b/scss/.sass-cache/a47e87879ba03b17bf638aaaf0d186d50bf1ca11/_colors.scssc differ diff --git a/scss/.sass-cache/a47e87879ba03b17bf638aaaf0d186d50bf1ca11/_fonts.scssc b/scss/.sass-cache/a47e87879ba03b17bf638aaaf0d186d50bf1ca11/_fonts.scssc new file mode 100644 index 00000000..b1da4012 Binary files /dev/null and b/scss/.sass-cache/a47e87879ba03b17bf638aaaf0d186d50bf1ca11/_fonts.scssc differ diff --git a/scss/.sass-cache/a47e87879ba03b17bf638aaaf0d186d50bf1ca11/_mixins.scssc b/scss/.sass-cache/a47e87879ba03b17bf638aaaf0d186d50bf1ca11/_mixins.scssc new file mode 100644 index 00000000..fb41bfe0 Binary files /dev/null and b/scss/.sass-cache/a47e87879ba03b17bf638aaaf0d186d50bf1ca11/_mixins.scssc differ diff --git a/scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_Base.scssc b/scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_Base.scssc new file mode 100644 index 00000000..42f31faf Binary files /dev/null and b/scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_Base.scssc differ diff --git a/scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_Components.scssc b/scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_Components.scssc new file mode 100644 index 00000000..56badbf5 Binary files /dev/null and b/scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_Components.scssc differ diff --git a/scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_MainWindow.scssc b/scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_MainWindow.scssc new file mode 100644 index 00000000..9fc15ed8 --- /dev/null +++ b/scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_MainWindow.scssc @@ -0,0 +1,426 @@ +3.0.24 (Classy Cassidy) +8a1e05217680b82b01f4fbed2b3ef0f8ffd399d3 +o:Sass::Tree::RootNode +: +@linei: @options{: +style: compact:load_paths[ ",/Users/DHG637/Sites/ninja-internal/scss"o/Applications/compass.app/Contents/Resources/ruby/gem/gems/compass-0.10.6/frameworks/blueprint/stylesheets"~/Applications/compass.app/Contents/Resources/ruby/gem/gems/compass-0.10.6/frameworks/_blueprint_deprecated_imports/stylesheets"m/Applications/compass.app/Contents/Resources/ruby/gem/gems/compass-0.10.6/frameworks/compass/stylesheets"|/Applications/compass.app/Contents/Resources/ruby/gem/gems/compass-0.10.6/frameworks/_compass_deprecated_imports/stylesheets"l/Applications/compass.app/Contents/Resources/ruby/gem/gems/compass-960-plugin-0.10.0/lib/../stylesheets"j/Applications/compass.app/Contents/Resources/ruby/gem/gems/html5-boilerplate-0.2.6/lib/../stylesheets: +cacheT:cache_location"8/Users/DHG637/Sites/ninja-internal/scss/.sass-cache: syntax: scss: +quietT: filename"J/Users/DHG637/Sites/ninja-internal/scss/imports/scss/_MainWindow.scss:css_filename"=/Users/DHG637/Sites/ninja-internal/scss/../css/ninja.css:line_comments0:property_syntax0:@has_childrenT:@template" G// +// This file contains proprietary software owned by Motorola Mobility, Inc.
+// No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.
+// (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. +// + + +// MainWindow.scss +// Styles governing the main window and overall layout of the application. +// Note that colors and font definitions go in +// _scss/themes/themename/_colors.scss and _scss/themes/themename/_fonts.scss + + + body { + position: absolute; + margin: 0px; + width: 100%; + height:100%; + background-color:$color-app-bg; + overflow: hidden; + -webkit-user-select:none; + font-family: 'Droid Sans', sans-serif; +} + +#appContainer { + position: absolute; + margin: 0px; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-box-align: stretch; + width: 100%; + height: 100%; + border-left: 16px solid #000; + border-right: 16px solid #000; + border-top: 28px solid #000; + -webkit-box-sizing: border-box; + max-width:100%; + max-height:100%; +} + +#appContainer > section { + display: -webkit-box; + -webkit-box-flex:0; +} + +#appContainer #appWorkspace { + -webkit-box-flex:1; + -webkit-box-align: stretch; +} + +#appWorkspace { + display: -webkit-box; + -webkit-box-orient: horizontal; + -webkit-box-pack: center; + -webkit-box-align: center; + -webkit-box-sizing: stretch; + position:relative; + padding:2px 0px; + border: 1px solid #333; + overflow: hidden; +} + +#topMenu { + background-color: #474747; + position:absolute; + height:28px; + width:100%; + top:0px; + left:0px; + z-index: 9999; +} + +#topPanelContainer, +#leftPanelContainer, +#rightPanelContainer, +#bottomPanelContainer { + background-color: #282828; +} +#topPanelContainer { + overflow: hidden; + margin-bottom:2px; + height:32px; +} + +#bottomPanelContainer { + //border: 1px solid #333; + background: transparent; + height: 150px; + min-height:80px; + max-height:50%; + overflow:auto; + +} + +.panelContainer { + display:block; + -webkit-box-orient: vertical; + position:relative; +} + +#leftPanelContainer { + width:40px; + -webkit-box-align:stretch; + -webkit-box-sizing: border-box; + margin-left:2px; + +} +#rightPanelContainer { + width:253px; + min-width:253px; + max-width:45%; + -webkit-box-sizing: border-box; + right:0px; + margin-right:2px; + border-right:2px solid #282828; +} + +#mainContainer { + -webkit-box-flex:1; + margin: 0px 2px; + display: -webkit-box; + position:relative; +} + +.mainContainerContent { + position:absolute; + display: -webkit-box; + width:100%; + height:100%; + -webkit-box-orient: vertical; + +} + +.mainContainerContent > #mainContent { + -webkit-box-flex:1; + display: -webkit-box; + -webkit-box-orient: horizontal; + margin-top:0px; +} +.mainContainerContent > section { + margin-top: 2px; + -webkit-box-flex:0; +} +.mainContainerContent > section:first-child { + margin-top: 0px; +} + +#documentTabs { + background-color:#4d4d4d; +} + +.splitter { + height:16px; + width:100%; + opacity: 0.4; + background: no-repeat center center url(data:image/png;base64,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) #000; + cursor:pointer; +} + +.leftSplitter, .rightSplitter { + background-image:url('data:image/png;base64,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'); + width:16px; + height:100%; + z-index: 199; + position: absolute; + top:0px; + left:0px; +} +.rightSplitter { + right:0px; + left:auto; +} + +.bottomSplitter, .rightSplitter { + -webkit-transform: rotate(180deg); +} + +.splitter:hover:not(.disabled) { + opacity: 1; +} + + +#leftPanelContainer { + -webkit-box-orient: vertical; +} + +#leftPanelContainer .splitter { + -webkit-transform: rotate(270deg); + width:14px; + height:100%; +} + +.splitter.bottom { + -webkit-transform: rotate(180deg); +} + +#sceneBar { + height:70px; + background-color: #474747; +} + +#mainContainer #rulerTop { + // TODO: temporary background please replace when component is implemented + background: url("../images/temp/ruler-top.png"); + height:15px; + margin-bottom: 0px; +} + +#rulerLeft { + // TODO: temporary background please replace when component is implemented + background: url("../images/temp/ruler-left.png"); + width:16px; +} + +#stateBar { + height:20px; + background-color: #282828; + margin-bottom:0px; +} + +#stageContainer { + -webkit-box-flex:1; + position:relative; +} + +.timelineResizer { + background: #000 center center no-repeat url('data:image/gif;base64,R0lGODlhGQADAMQAAD49PXx8fGppaSYmJl9fXysrKykpKW5uboqJiUxMTGlpaV9eXjo6OoeHhyUkJD09PSoqKmpqaj8/P4qKiiQkJAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdEMUI3NjM1QkQ1QTExRTBBMTJFQzE1RDk5REVFRkI4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdEMUI3NjM2QkQ1QTExRTBBMTJFQzE1RDk5REVFRkI4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N0QxQjc2MzNCRDVBMTFFMEExMkVDMTVEOTlERUVGQjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0QxQjc2MzRCRDVBMTFFMEExMkVDMTVEOTlERUVGQjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAGQADAAAFH6ABDVRpnujpQAXxKFIUz3JNzwKwMEcz/cCgMIgIJEIAOw=='); + width:100%; + height:6px; + cursor: row-resize; +} +.timelineResizer.collapsed { + height:0px !important; + margin:0px !important; + padding:0px !important; +} + +.rightPanelResizer { + background: #282828 center center no-repeat; //url('data:image/gif;base64,R0lGODlhAwAZALMAABsbGyAgIC0tLTAwMDs7O0xMTFZWVltbW2lpaXZ2dgAAAAAAAAAAAAAAAAAAAAAAACH5BAkAAAoAIf/8SUNDUkdCRzEwMTIAAAUwYXBwbAIgAABtbnRyUkdCIFhZWiAH2QACABkACwAaAAthY3NwQVBQTAAAAABhcHBsAAAAAAAAAAAAAAAAAAAAAAAA9tYAAQAAAADTLWFwcGwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAtkc2NtAAABCAAAAvJkZXNjAAAD/AAAAG9nWFlaAAAEbAAAABR3dHB0AAAEgAAAABRyWFlaAAAElAAAABRiWFlaAAAEqAAAABRyVFJDAAAEvAAAAA5jcHJ0AAAEzAAAADhjaGFkAAAFBAAAACxn/1RSQwAABLwAAAAOYlRSQwAABLwAAAAObWx1YwAAAAAAAAARAAAADGVuVVMAAAAmAAACfmVzRVMAAAAmAAABgmRhREsAAAAuAAAB6mRlREUAAAAsAAABqGZpRkkAAAAoAAAA3GZyRlUAAAAoAAABKml0SVQAAAAoAAACVm5sTkwAAAAoAAACGG5iTk8AAAAmAAABBHB0QlIAAAAmAAABgnN2U0UAAAAmAAABBGphSlAAAAAaAAABUmtvS1IAAAAWAAACQHpoVFcAAAAWAAABbHpoQ04AAAAWAAAB1HJ1UlUAAAAiAAACpHBsUEwAAAAsAAACxgBZAGwAZQBpAG4AZf8AbgAgAFIARwBCAC0AcAByAG8AZgBpAGkAbABpAEcAZQBuAGUAcgBpAHMAawAgAFIARwBCAC0AcAByAG8AZgBpAGwAUAByAG8AZgBpAGwAIABHAOkAbgDpAHIAaQBxAHUAZQAgAFIAVgBCTgCCLAAgAFIARwBCACAw1zDtMNUwoTCkMOuQGnUoACAAUgBHAEIAIIJyX2ljz4/wAFAAZQByAGYAaQBsACAAUgBHAEIAIABHAGUAbgDpAHIAaQBjAG8AQQBsAGwAZwBlAG0AZQBpAG4AZQBzACAAUgBHAEIALQBQAHIAbwBmAGkAbGZukBoAIABSAEcAQgAgY8+P8GX/h072AEcAZQBuAGUAcgBlAGwAIABSAEcAQgAtAGIAZQBzAGsAcgBpAHYAZQBsAHMAZQBBAGwAZwBlAG0AZQBlAG4AIABSAEcAQgAtAHAAcgBvAGYAaQBlAGzHfLwYACAAUgBHAEIAINUEuFzTDMd8AFAAcgBvAGYAaQBsAG8AIABSAEcAQgAgAEcAZQBuAGUAcgBpAGMAbwBHAGUAbgBlAHIAaQBjACAAUgBHAEIAIABQAHIAbwBmAGkAbABlBB4EMQRJBDgEOQAgBD8EQAQ+BEQEOAQ7BEwAIABSAEcAQgBVAG4AaQB3AGUAcgBzAGEAbABuAHkAIABwAHIAbwBm/wBpAGwAIABSAEcAQgAAZGVzYwAAAAAAAAAUR2VuZXJpYyBSR0IgUHJvZmlsZQAAAAAAAAAAAAAAFEdlbmVyaWMgUkdCIFByb2ZpbGUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFhZWiAAAAAAAABadQAArHMAABc0WFlaIAAAAAAAAPNSAAEAAAABFs9YWVogAAAAAAAAdE0AAD3uAAAD0FhZWiAAAAAAAAAoGgAAFZ8AALg2Y3VydgAAAAAAAAABAc0AAHRleHQAAAAAQ29weXJpZ2h0IDIwMDcgQXBwbGUgSW5jLkMsIGFsbCByaWdodHMgcmVzZXJ2ZWQuAHNmMzIAAAAAAAEMQgAABd7///MmAAAHkgAA/ZH///ui///9owAAA9wAAMBsACwAAAAAAwAZAAAEGjAUAgQCJoGh8+4ah4XgN5qemJYqeQoHUAgRADs='); + width:4px; + cursor: col-resize; +} +.rightPanelResizer.collapsed { + width:0px; +} + +.resizeBar { -webkit-transition: all 0.15s linear; } + +// Splitters Collapsed +.panelContainer, .panelContainer.collapsed { -webkit-transition: all 0.15s ease-in; } +.panel.disableTransition { -webkit-transition: none !important; -webkit-box-flex:0.1 !important; } +.disableTransition { -webkit-transition: none !important; -webkit-box-flex:0 !important; } + +#rightPanelContainer.collapsed, #leftPanelContainer.collapsed { width:0px !important; min-width:0px !important; overflow: hidden; border: 0px; margin: 0px; padding: 0px; } +#topPanelContainer.collapsed, #bottomPanelContainer.collapsed { height:0px !important; min-height:0px !important; overflow: hidden; border: 0px; margin: 0px; padding: 0px; } +.leftSplitter.collapsed { -webkit-transform:rotate(180deg); } +.rightSplitter.collapsed { -webkit-transform:rotate(0deg); } +.topSplitter.collapsed { -webkit-transform:rotate(180deg); } +.bottomSplitter.collapsed { -webkit-transform:rotate(0deg); } + +// + + +.stageContentShadow { + -webkit-box-shadow: 3px 5px 4px $color-app-shadow; + -moz-box-shadow: 3px 5px 4px $color-app-shadow; + box-shadow: 3px 5px 4px $color-app-shadow; +} + + +// +.baseBox { + display:-webkit-box; + display:-moz-box; + display: box; +} + +// Generic style to make any element unselectable +.unselectable { + -webkit-user-select: none; +} + +.verticalBox { + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + box-orient: vertical; +} + +// TODO: REMOVE THIS +#rightPanelContent { + overflow-y:hidden; +} + +#openDocumentsTabComponent { + height: 25px; + position: relative; + overflow: hidden; + color: white; +} + +#openDocuments { + float: left; + height: 25px; + width: 100%; + font-size: 12px; + list-style: none; + margin: 0; + padding: 0; + position: relative; + text-decoration: none; +} + +#openDocuments li { + border-right: 1px solid black; + cursor: pointer; + display: inline; + float: left; + padding: 0.5em 1em; + text-shadow: 1px 1px 1px #000000; + vertical-align: middle; +} + +#openDocuments li:hover, #openDocuments li:active, #openDocuments li.activeTab { + background-color: #7f7f7f; +} + +#documentBar { + height: 25px; + width: 1000px; + position: relative; + overflow: hidden; + color: white; +} +:@children[Co:Sass::Tree::CommentNode ;@: @silenti: @lines[: @value"./* + * This file contains proprietary software owned by Motorola Mobility, Inc.
+ * No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.
+ * (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. + * */;i;[o; ;@;i;[;"/* MainWindow.scss + * Styles governing the main window and overall layout of the application. + * Note that colors and font definitions go in + * _scss/themes/themename/_colors.scss and _scss/themes/themename/_fonts.scss */;i ;[o:Sass::Tree::RuleNode : +@tabsi;@: +@rule[" body;T;i;[ o:Sass::Tree::PropNode ;i: +@name[" position;@:@prop_syntax:new;o:Sass::Script::String: @context: default;" absolute: +@type:identifier;i;[o; ;i;[" margin;@; ;!;o;";#;$;"0px;%;&;i;[o; ;i;[" +width;@; ;!;o;";#;$;" 100%;%;&;i;[o; ;i;[" height;@; ;!;o;";#;$;" 100%;%;&;i;[o; ;i;["background-color;@; ;!;o:Sass::Script::Variable ;#;$;i;"color-app-bg;{;i;[o; ;i;[" overflow;@; ;!;o;";#;$;" hidden;%;&;i;[o; ;i;["-webkit-user-select;@; ;!;o;";#;$;" none;%;&;i;[o; ;i;["font-family;@; ;!;o;";#;$;"'Droid Sans', sans-serif;%;&;i;[o; ;i;@;["#appContainer;T;i;[o; ;i;[" position;@; ;!;o;";#;$;" absolute;%;&;i;[o; ;i;[" margin;@; ;!;o;";#;$;"0px;%;&;i ;[o; ;i;[" display;@; ;!;o;";#;$;"-webkit-box;%;&;i!;[o; ;i;["-webkit-box-orient;@; ;!;o;";#;$;" vertical;%;&;i";[o; ;i;["-webkit-box-align;@; ;!;o;";#;$;" stretch;%;&;i#;[o; ;i;[" +width;@; ;!;o;";#;$;" 100%;%;&;i$;[o; ;i;[" height;@; ;!;o;";#;$;" 100%;%;&;i%;[o; ;i;["border-left;@; ;!;o;";#;$;"16px solid #000;%;&;i&;[o; ;i;["border-right;@; ;!;o;";#;$;"16px solid #000;%;&;i';[o; ;i;["border-top;@; ;!;o;";#;$;"28px solid #000;%;&;i(;[o; ;i;["-webkit-box-sizing;@; ;!;o;";#;$;"border-box;%;&;i);[o; ;i;["max-width;@; ;!;o;";#;$;" 100%;%;&;i*;[o; ;i;["max-height;@; ;!;o;";#;$;" 100%;%;&;i+;[o; ;i;@;["#appContainer > section;T;i.;[o; ;i;[" display;@; ;!;o;";#;$;"-webkit-box;%;&;i/;[o; ;i;["-webkit-box-flex;@; ;!;o;";#;$;"0;%;&;i0;[o; ;i;@;[" #appContainer #appWorkspace;T;i3;[o; ;i;["-webkit-box-flex;@; ;!;o;";#;$;"1;%;&;i4;[o; ;i;["-webkit-box-align;@; ;!;o;";#;$;" stretch;%;&;i5;[o; ;i;@;["#appWorkspace;T;i8;[o; ;i;[" display;@; ;!;o;";#;$;"-webkit-box;%;&;i9;[o; ;i;["-webkit-box-orient;@; ;!;o;";#;$;"horizontal;%;&;i:;[o; ;i;["-webkit-box-pack;@; ;!;o;";#;$;" center;%;&;i;;[o; ;i;["-webkit-box-align;@; ;!;o;";#;$;" center;%;&;i<;[o; ;i;["-webkit-box-sizing;@; ;!;o;";#;$;" stretch;%;&;i=;[o; ;i;[" position;@; ;!;o;";#;$;" relative;%;&;i>;[o; ;i;[" padding;@; ;!;o;";#;$;" 2px 0px;%;&;i?;[o; ;i;[" border;@; ;!;o;";#;$;"1px solid #333;%;&;i@;[o; ;i;[" overflow;@; ;!;o;";#;$;" hidden;%;&;iA;[o; ;i;@;[" #topMenu;T;iD;[ o; ;i;["background-color;@; ;!;o;";#;$;" #474747;%;&;iE;[o; ;i;[" position;@; ;!;o;";#;$;" absolute;%;&;iF;[o; ;i;[" height;@; ;!;o;";#;$;" 28px;%;&;iG;[o; ;i;[" +width;@; ;!;o;";#;$;" 100%;%;&;iH;[o; ;i;["top;@; ;!;o;";#;$;"0px;%;&;iI;[o; ;i;[" left;@; ;!;o;";#;$;"0px;%;&;iJ;[o; ;i;[" z-index;@; ;!;o;";#;$;" 9999;%;&;iK;[o; ;i;@;["Y#topPanelContainer, +#leftPanelContainer, +#rightPanelContainer, +#bottomPanelContainer;T;iQ;[o; ;i;["background-color;@; ;!;o;";#;$;" #282828;%;&;iR;[o; ;i;@;["#topPanelContainer;T;iT;[o; ;i;[" overflow;@; ;!;o;";#;$;" hidden;%;&;iU;[o; ;i;["margin-bottom;@; ;!;o;";#;$;"2px;%;&;iV;[o; ;i;[" height;@; ;!;o;";#;$;" 32px;%;&;iW;[o; ;i;@;["#bottomPanelContainer;T;iZ;[ o; ;@;i;[;"!/*border: 1px solid #333; */;i[;[o; ;i;["background;@; ;!;o;";#;$;"transparent;%;&;i\;[o; ;i;[" height;@; ;!;o;";#;$;" +150px;%;&;i];[o; ;i;["min-height;@; ;!;o;";#;$;" 80px;%;&;i^;[o; ;i;["max-height;@; ;!;o;";#;$;"50%;%;&;i_;[o; ;i;[" overflow;@; ;!;o;";#;$;" auto;%;&;i`;[o; ;i;@;[".panelContainer;T;id;[o; ;i;[" display;@; ;!;o;";#;$;" +block;%;&;ie;[o; ;i;["-webkit-box-orient;@; ;!;o;";#;$;" vertical;%;&;if;[o; ;i;[" position;@; ;!;o;";#;$;" relative;%;&;ig;[o; ;i;@;["#leftPanelContainer;T;ij;[ o; ;i;[" +width;@; ;!;o;";#;$;" 40px;%;&;ik;[o; ;i;["-webkit-box-align;@; ;!;o;";#;$;" stretch;%;&;il;[o; ;i;["-webkit-box-sizing;@; ;!;o;";#;$;"border-box;%;&;im;[o; ;i;["margin-left;@; ;!;o;";#;$;"2px;%;&;in;[o; ;i;@;["#rightPanelContainer;T;iq;[ o; ;i;[" +width;@; ;!;o;";#;$;" +253px;%;&;ir;[o; ;i;["min-width;@; ;!;o;";#;$;" +253px;%;&;is;[o; ;i;["max-width;@; ;!;o;";#;$;"45%;%;&;it;[o; ;i;["-webkit-box-sizing;@; ;!;o;";#;$;"border-box;%;&;iu;[o; ;i;[" +right;@; ;!;o;";#;$;"0px;%;&;iv;[o; ;i;["margin-right;@; ;!;o;";#;$;"2px;%;&;iw;[o; ;i;["border-right;@; ;!;o;";#;$;"2px solid #282828;%;&;ix;[o; ;i;@;["#mainContainer;T;i{;[ o; ;i;["-webkit-box-flex;@; ;!;o;";#;$;"1;%;&;i|;[o; ;i;[" margin;@; ;!;o;";#;$;" 0px 2px;%;&;i};[o; ;i;[" display;@; ;!;o;";#;$;"-webkit-box;%;&;i~;[o; ;i;[" position;@; ;!;o;";#;$;" relative;%;&;i;[o; ;i;@;[".mainContainerContent;T;i};[ +o; ;i;[" position;@; ;!;o;";#;$;" absolute;%;&;i~;[o; ;i;[" display;@; ;!;o;";#;$;"-webkit-box;%;&;i;[o; ;i;[" +width;@; ;!;o;";#;$;" 100%;%;&;i;[o; ;i;[" height;@; ;!;o;";#;$;" 100%;%;&;i;[o; ;i;["-webkit-box-orient;@; ;!;o;";#;$;" vertical;%;&;i;[o; ;i;@;[").mainContainerContent > #mainContent;T;i;[ o; ;i;["-webkit-box-flex;@; ;!;o;";#;$;"1;%;&;i;[o; ;i;[" display;@; ;!;o;";#;$;"-webkit-box;%;&;i;[o; ;i;["-webkit-box-orient;@; ;!;o;";#;$;"horizontal;%;&;i;[o; ;i;["margin-top;@; ;!;o;";#;$;"0px;%;&;i;[o; ;i;@;["$.mainContainerContent > section;T;i;[o; ;i;["margin-top;@; ;!;o;";#;$;"2px;%;&;i;[o; ;i;["-webkit-box-flex;@; ;!;o;";#;$;"0;%;&;i;[o; ;i;@;["0.mainContainerContent > section:first-child;T;i;[o; ;i;["margin-top;@; ;!;o;";#;$;"0px;%;&;i;[o; ;i;@;["#documentTabs;T;i;[o; ;i;["background-color;@; ;!;o;";#;$;" #4d4d4d;%;&;i;[o; ;i;@;[".splitter;T;i;[ +o; ;i;[" height;@; ;!;o;";#;$;" 16px;%;&;i;[o; ;i;[" +width;@; ;!;o;";#;$;" 100%;%;&;i;[o; ;i;[" opacity;@; ;!;o;";#;$;"0.4;%;&;i;[o; ;i;["background;@; ;!;o:Sass::Script::Operation ;#;$:@operator: concat;i;{:@operand1o;( ;#;$;);*;i;@d;+o;( ;#;$;);*;i;@d;+o;( ;#;$;);*;i;@d;+o;" +;#;$;i;@d;"no-repeat;%;&:@operand2o;" +;#;$;i;@d;" center;%;&;,o;" +;#;$;i;@d;" center;%;&;,o;" +;#;$;i;@d;"url(data:image/png;base64,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);%;&;,o:Sass::Script::Color +;#;$;i;@d;0: @attrs{ :redi: +greeni: bluei: +alphai;i;[o; ;i;[" cursor;@; ;!;o;";#;$;" pointer;%;&;i;[o; ;i;@;["".leftSplitter, .rightSplitter;T;i;[ o; ;i;["background-image;@; ;!;o:Sass::Script::Funcall +: +@args[o;" +;#;$;i;{;"data:image/png;base64,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;%: string;#;$;i;"url;@;i;[o; ;i;[" +width;@; ;!;o;";#;$;" 16px;%;&;i;[o; ;i;[" height;@; ;!;o;";#;$;" 100%;%;&;i;[o; ;i;[" z-index;@; ;!;o;";#;$;"199;%;&;i;[o; ;i;[" position;@; ;!;o;";#;$;" absolute;%;&;i;[o; ;i;["top;@; ;!;o;";#;$;"0px;%;&;i;[o; ;i;[" left;@; ;!;o;";#;$;"0px;%;&;i;[o; ;i;@;[".rightSplitter;T;i;[o; ;i;[" +right;@; ;!;o;";#;$;"0px;%;&;i;[o; ;i;[" left;@; ;!;o;";#;$;" auto;%;&;i;[o; ;i;@;["$.bottomSplitter, .rightSplitter;T;i;[o; ;i;["-webkit-transform;@; ;!;o;3 +;4[o:Sass::Script::Number ;#;$;{;i:@numerator_units["deg;i:@original" 180deg:@denominator_units[;#;$;i;" rotate;@;i;[o; ;i;@;["#.splitter:hover:not(.disabled);T;i;[o; ;i;[" opacity;@; ;!;o;";#;$;"1;%;&;i;[o; ;i;@;["#leftPanelContainer;T;i;[o; ;i;["-webkit-box-orient;@; ;!;o;";#;$;" vertical;%;&;i;[o; ;i;@;[""#leftPanelContainer .splitter;T;i;[o; ;i;["-webkit-transform;@; ;!;o;3 +;4[o;6 ;#;$;{;i;7["deg;i;8" 270deg;9[;#;$;i;" rotate;@;i;[o; ;i;[" +width;@; ;!;o;";#;$;" 14px;%;&;i;[o; ;i;[" height;@; ;!;o;";#;$;" 100%;%;&;i;[o; ;i;@;[".splitter.bottom;T;i;[o; ;i;["-webkit-transform;@; ;!;o;3 +;4[o;6 ;#;$;{;i;7["deg;i;8" 180deg;9[;#;$;i;" rotate;@;i;[o; ;i;@;["#sceneBar;T;i;[o; ;i;[" height;@; ;!;o;";#;$;" 70px;%;&;i;[o; ;i;["background-color;@; ;!;o;";#;$;" #474747;%;&;i;[o; ;i;@;["#mainContainer #rulerTop;T;i;[ o; ;@;i;[;"T/* TODO: temporary background please replace when component is implemented */;i;[o; ;i;["background;@; ;!;o;3 +;4[o;" +;#;$;i;{;"!../images/temp/ruler-top.png;%;5;#;$;i;"url;@,;i;[o; ;i;[" height;@; ;!;o;";#;$;" 15px;%;&;i;[o; ;i;["margin-bottom;@; ;!;o;";#;$;"0px;%;&;i;[o; ;i;@;["#rulerLeft;T;i;[o; ;@;i;[;"T/* TODO: temporary background please replace when component is implemented */;i;[o; ;i;["background;@; ;!;o;3 +;4[o;" +;#;$;i;{;""../images/temp/ruler-left.png;%;5;#;$;i;"url;@J;i;[o; ;i;[" +width;@; ;!;o;";#;$;" 16px;%;&;i;[o; ;i;@;["#stateBar;T;i;[o; ;i;[" height;@; ;!;o;";#;$;" 20px;%;&;i;[o; ;i;["background-color;@; ;!;o;";#;$;" #282828;%;&;i;[o; ;i;["margin-bottom;@; ;!;o;";#;$;"0px;%;&;i;[o; ;i;@;["#stageContainer;T;i;[o; ;i;["-webkit-box-flex;@; ;!;o;";#;$;"1;%;&;i;[o; ;i;[" position;@; ;!;o;";#;$;" relative;%;&;i;[o; ;i;@;[".timelineResizer;T;i;[ o; ;i;["background;@; ;!;o;( ;#;$;);*;i;{;+o;( ;#;$;);*;i;@;+o;( ;#;$;);*;i;@;+o;( ;#;$;);*;i;@;+o;- +;#;$;i;@;0;.{ ;/i;0i;1i;2i;,o;" +;#;$;i;@;" center;%;&;,o;" +;#;$;i;@;" center;%;&;,o;" +;#;$;i;@;"no-repeat;%;&;,o;3 +;4[o;" +;#;$;i;@;"ndata:image/gif;base64,R0lGODlhGQADAMQAAD49PXx8fGppaSYmJl9fXysrKykpKW5uboqJiUxMTGlpaV9eXjo6OoeHhyUkJD09PSoqKmpqaj8/P4qKiiQkJAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdEMUI3NjM1QkQ1QTExRTBBMTJFQzE1RDk5REVFRkI4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdEMUI3NjM2QkQ1QTExRTBBMTJFQzE1RDk5REVFRkI4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N0QxQjc2MzNCRDVBMTFFMEExMkVDMTVEOTlERUVGQjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0QxQjc2MzRCRDVBMTFFMEExMkVDMTVEOTlERUVGQjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAGQADAAAFH6ABDVRpnujpQAXxKFIUz3JNzwKwMEcz/cCgMIgIJEIAOw==;%;5;#;$;i;"url;@;i;[o; ;i;[" +width;@; ;!;o;";#;$;" 100%;%;&;i;[o; ;i;[" height;@; ;!;o;";#;$;"6px;%;&;i;[o; ;i;[" cursor;@; ;!;o;";#;$;"row-resize;%;&;i;[o; ;i;@;[".timelineResizer.collapsed;T;i;[o; ;i;[" height;@; ;!;o;";#;$;"0px !important;%;&;i;[o; ;i;[" margin;@; ;!;o;";#;$;"0px !important;%;&;i;[o; ;i;[" padding;@; ;!;o;";#;$;"0px !important;%;&;i;[o; ;i;@;[".rightPanelResizer;T;i;[ o; ;i;["background;@; ;!;o;";#;$;"$#282828 center center no-repeat;%;&;i;[o; ;@;i;[;"/*url('data:image/gif;base64,R0lGODlhAwAZALMAABsbGyAgIC0tLTAwMDs7O0xMTFZWVltbW2lpaXZ2dgAAAAAAAAAAAAAAAAAAAAAAACH5BAkAAAoAIf/8SUNDUkdCRzEwMTIAAAUwYXBwbAIgAABtbnRyUkdCIFhZWiAH2QACABkACwAaAAthY3NwQVBQTAAAAABhcHBsAAAAAAAAAAAAAAAAAAAAAAAA9tYAAQAAAADTLWFwcGwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAtkc2NtAAABCAAAAvJkZXNjAAAD/AAAAG9nWFlaAAAEbAAAABR3dHB0AAAEgAAAABRyWFlaAAAElAAAABRiWFlaAAAEqAAAABRyVFJDAAAEvAAAAA5jcHJ0AAAEzAAAADhjaGFkAAAFBAAAACxn/1RSQwAABLwAAAAOYlRSQwAABLwAAAAObWx1YwAAAAAAAAARAAAADGVuVVMAAAAmAAACfmVzRVMAAAAmAAABgmRhREsAAAAuAAAB6mRlREUAAAAsAAABqGZpRkkAAAAoAAAA3GZyRlUAAAAoAAABKml0SVQAAAAoAAACVm5sTkwAAAAoAAACGG5iTk8AAAAmAAABBHB0QlIAAAAmAAABgnN2U0UAAAAmAAABBGphSlAAAAAaAAABUmtvS1IAAAAWAAACQHpoVFcAAAAWAAABbHpoQ04AAAAWAAAB1HJ1UlUAAAAiAAACpHBsUEwAAAAsAAACxgBZAGwAZQBpAG4AZf8AbgAgAFIARwBCAC0AcAByAG8AZgBpAGkAbABpAEcAZQBuAGUAcgBpAHMAawAgAFIARwBCAC0AcAByAG8AZgBpAGwAUAByAG8AZgBpAGwAIABHAOkAbgDpAHIAaQBxAHUAZQAgAFIAVgBCTgCCLAAgAFIARwBCACAw1zDtMNUwoTCkMOuQGnUoACAAUgBHAEIAIIJyX2ljz4/wAFAAZQByAGYAaQBsACAAUgBHAEIAIABHAGUAbgDpAHIAaQBjAG8AQQBsAGwAZwBlAG0AZQBpAG4AZQBzACAAUgBHAEIALQBQAHIAbwBmAGkAbGZukBoAIABSAEcAQgAgY8+P8GX/h072AEcAZQBuAGUAcgBlAGwAIABSAEcAQgAtAGIAZQBzAGsAcgBpAHYAZQBsAHMAZQBBAGwAZwBlAG0AZQBlAG4AIABSAEcAQgAtAHAAcgBvAGYAaQBlAGzHfLwYACAAUgBHAEIAINUEuFzTDMd8AFAAcgBvAGYAaQBsAG8AIABSAEcAQgAgAEcAZQBuAGUAcgBpAGMAbwBHAGUAbgBlAHIAaQBjACAAUgBHAEIAIABQAHIAbwBmAGkAbABlBB4EMQRJBDgEOQAgBD8EQAQ+BEQEOAQ7BEwAIABSAEcAQgBVAG4AaQB3AGUAcgBzAGEAbABuAHkAIABwAHIAbwBm/wBpAGwAIABSAEcAQgAAZGVzYwAAAAAAAAAUR2VuZXJpYyBSR0IgUHJvZmlsZQAAAAAAAAAAAAAAFEdlbmVyaWMgUkdCIFByb2ZpbGUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFhZWiAAAAAAAABadQAArHMAABc0WFlaIAAAAAAAAPNSAAEAAAABFs9YWVogAAAAAAAAdE0AAD3uAAAD0FhZWiAAAAAAAAAoGgAAFZ8AALg2Y3VydgAAAAAAAAABAc0AAHRleHQAAAAAQ29weXJpZ2h0IDIwMDcgQXBwbGUgSW5jLkMsIGFsbCByaWdodHMgcmVzZXJ2ZWQuAHNmMzIAAAAAAAEMQgAABd7///MmAAAHkgAA/ZH///ui///9owAAA9wAAMBsACwAAAAAAwAZAAAEGjAUAgQCJoGh8+4ah4XgN5qemJYqeQoHUAgRADs='); */;i;[o; ;i;[" +width;@; ;!;o;";#;$;"4px;%;&;i;[o; ;i;[" cursor;@; ;!;o;";#;$;"col-resize;%;&;i;[o; ;i;@;["!.rightPanelResizer.collapsed;T;i;[o; ;i;[" +width;@; ;!;o;";#;$;"0px;%;&;i;[o; ;i;@;[".resizeBar;T;i;[o; ;i;["-webkit-transition;@; ;!;o;";#;$;"all 0.15s linear;%;&;i;[o; ;@;i;[;" /* Splitters Collapsed */;i;[o; ;i;@;["/.panelContainer, .panelContainer.collapsed;T;i;[o; ;i;["-webkit-transition;@; ;!;o;";#;$;"all 0.15s ease-in;%;&;i;[o; ;i;@;[".panel.disableTransition;T;i;[o; ;i;["-webkit-transition;@; ;!;o;";#;$;"none !important;%;&;i;[o; ;i;["-webkit-box-flex;@; ;!;o;";#;$;"0.1 !important;%;&;i;[o; ;i;@;[".disableTransition;T;i;[o; ;i;["-webkit-transition;@; ;!;o;";#;$;"none !important;%;&;i;[o; ;i;["-webkit-box-flex;@; ;!;o;";#;$;"0 !important;%;&;i;[o; ;i;@;["B#rightPanelContainer.collapsed, #leftPanelContainer.collapsed;T;i;[ o; ;i;[" +width;@; ;!;o;";#;$;"0px !important;%;&;i;[o; ;i;["min-width;@; ;!;o;";#;$;"0px !important;%;&;i;[o; ;i;[" overflow;@; ;!;o;";#;$;" hidden;%;&;i;[o; ;i;[" border;@; ;!;o;";#;$;"0px;%;&;i;[o; ;i;[" margin;@; ;!;o;";#;$;"0px;%;&;i;[o; ;i;[" padding;@; ;!;o;";#;$;"0px;%;&;i;[o; ;i;@;["B#topPanelContainer.collapsed, #bottomPanelContainer.collapsed;T;i;[ o; ;i;[" height;@; ;!;o;";#;$;"0px !important;%;&;i;[o; ;i;["min-height;@; ;!;o;";#;$;"0px !important;%;&;i;[o; ;i;[" overflow;@; ;!;o;";#;$;" hidden;%;&;i;[o; ;i;[" border;@; ;!;o;";#;$;"0px;%;&;i;[o; ;i;[" margin;@; ;!;o;";#;$;"0px;%;&;i;[o; ;i;[" padding;@; ;!;o;";#;$;"0px;%;&;i;[o; ;i;@;[".leftSplitter.collapsed;T;i;[o; ;i;["-webkit-transform;@; ;!;o;3 +;4[o;6 ;#;$;{;i;7["deg;i;8" 180deg;9[;#;$;i;" rotate;@r;i;[o; ;i;@;[".rightSplitter.collapsed;T;i;[o; ;i;["-webkit-transform;@; ;!;o;3 +;4[o;6 ;#;$;{;i;7["deg;i;8" 0deg;9[;#;$;i;" rotate;@;i;[o; ;i;@;[".topSplitter.collapsed;T;i;[o; ;i;["-webkit-transform;@; ;!;o;3 +;4[o;6 ;#;$;{;i;7["deg;i;8" 180deg;9[;#;$;i;" rotate;@;i;[o; ;i;@;[".bottomSplitter.collapsed;T;i;[o; ;i;["-webkit-transform;@; ;!;o;3 +;4[o;6 ;#;$;{;i;7["deg;i;8" 0deg;9[;#;$;i;" rotate;@;i;[o; ;@;i;[;" +/* */;i;[o; ;i;@;[".stageContentShadow;T;i;[o; ;i;["-webkit-box-shadow;@; ;!;o;( ;#;$;);*;i ;{;+o;( ;#;$;);*;i ;@;+o;( ;#;$;);*;i ;@;+o;6 ;#;$;@;i;7["px;i ;8"3px;9[;,o;6 ;#;$;@;i +;7["px;i ;8"5px;9[;,o;6 ;#;$;@;i ;7["px;i ;8"4px;9[;,o;' ;#;$;i ;"color-app-shadow;@;i ;[o; ;i;["-moz-box-shadow;@; ;!;o;( ;#;$;);*;i +;{;+o;( ;#;$;);*;i +;@;+o;( ;#;$;);*;i +;@;+o;6 ;#;$;@;i;7["px;i +;8"3px;9[;,o;6 ;#;$;@;i +;7["px;i +;8"5px;9[;,o;6 ;#;$;@;i ;7["px;i +;8"4px;9[;,o;' ;#;$;i +;"color-app-shadow;@;i +;[o; ;i;["box-shadow;@; ;!;o;( ;#;$;);*;i ;{;+o;( ;#;$;);*;i ;@;+o;( ;#;$;);*;i ;@;+o;6 ;#;$;@;i;7["px;i ;8"3px;9[;,o;6 ;#;$;@;i +;7["px;i ;8"5px;9[;,o;6 ;#;$;@;i ;7["px;i ;8"4px;9[;,o;' ;#;$;i ;"color-app-shadow;@;i ;[o; ;@;i;[;" +/* */;i;[o; ;i;@;[" .baseBox;T;i;[o; ;i;[" display;@; ;!;o;";#;$;"-webkit-box;%;&;i;[o; ;i;[" display;@; ;!;o;";#;$;" -moz-box;%;&;i;[o; ;i;[" display;@; ;!;o;";#;$;"box;%;&;i;[o; ;@;i;[;";/* Generic style to make any element unselectable */;i;[o; ;i;@;[".unselectable;T;i;[o; ;i;["-webkit-user-select;@; ;!;o;";#;$;" none;%;&;i;[o; ;i;@;[".verticalBox;T;i;[o; ;i;["-webkit-box-orient;@; ;!;o;";#;$;" vertical;%;&;i;[o; ;i;["-moz-box-orient;@; ;!;o;";#;$;" vertical;%;&;i;[o; ;i;["box-orient;@; ;!;o;";#;$;" vertical;%;&;i;[o; ;@;i;[;"/* TODO: REMOVE THIS */;i!;[o; ;i;@;["#rightPanelContent;T;i";[o; ;i;["overflow-y;@; ;!;o;";#;$;" hidden;%;&;i#;[o; ;i;@;["#openDocumentsTabComponent;T;i&;[ o; ;i;[" height;@; ;!;o;";#;$;" 25px;%;&;i';[o; ;i;[" position;@; ;!;o;";#;$;" relative;%;&;i(;[o; ;i;[" overflow;@; ;!;o;";#;$;" hidden;%;&;i);[o; ;i;[" +color;@; ;!;o;";#;$;" +white;%;&;i*;[o; ;i;@;["#openDocuments;T;i-;[o; ;i;[" +float;@; ;!;o;";#;$;" left;%;&;i.;[o; ;i;[" height;@; ;!;o;";#;$;" 25px;%;&;i/;[o; ;i;[" +width;@; ;!;o;";#;$;" 100%;%;&;i0;[o; ;i;["font-size;@; ;!;o;";#;$;" 12px;%;&;i1;[o; ;i;["list-style;@; ;!;o;";#;$;" none;%;&;i2;[o; ;i;[" margin;@; ;!;o;";#;$;"0;%;&;i3;[o; ;i;[" padding;@; ;!;o;";#;$;"0;%;&;i4;[o; ;i;[" position;@; ;!;o;";#;$;" relative;%;&;i5;[o; ;i;["text-decoration;@; ;!;o;";#;$;" none;%;&;i6;[o; ;i;@;["#openDocuments li;T;i9;[ o; ;i;["border-right;@; ;!;o;";#;$;"1px solid black;%;&;i:;[o; ;i;[" cursor;@; ;!;o;";#;$;" pointer;%;&;i;;[o; ;i;[" display;@; ;!;o;";#;$;" inline;%;&;i<;[o; ;i;[" +float;@; ;!;o;";#;$;" left;%;&;i=;[o; ;i;[" padding;@; ;!;o;";#;$;"0.5em 1em;%;&;i>;[o; ;i;["text-shadow;@; ;!;o;";#;$;"1px 1px 1px #000000;%;&;i?;[o; ;i;["vertical-align;@; ;!;o;";#;$;" middle;%;&;i@;[o; ;i;@;["S#openDocuments li:hover, #openDocuments li:active, #openDocuments li.activeTab;T;iC;[o; ;i;["background-color;@; ;!;o;";#;$;" #7f7f7f;%;&;iD;[o; ;i;@;["#documentBar;T;iG;[ +o; ;i;[" height;@; ;!;o;";#;$;" 25px;%;&;iH;[o; ;i;[" +width;@; ;!;o;";#;$;" 1000px;%;&;iI;[o; ;i;[" position;@; ;!;o;";#;$;" relative;%;&;iJ;[o; ;i;[" overflow;@; ;!;o;";#;$;" hidden;%;&;iK;[o; ;i;[" +color;@; ;!;o;";#;$;" +white;%;&;iL;[ \ No newline at end of file diff --git a/scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_MenuUI.scssc b/scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_MenuUI.scssc new file mode 100644 index 00000000..1f9c5199 Binary files /dev/null and b/scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_MenuUI.scssc differ diff --git a/scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_MontageOverrides.scssc b/scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_MontageOverrides.scssc new file mode 100644 index 00000000..02e1f256 Binary files /dev/null and b/scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_MontageOverrides.scssc differ diff --git a/scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_PanelUI.scssc b/scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_PanelUI.scssc new file mode 100644 index 00000000..e5467c16 --- /dev/null +++ b/scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_PanelUI.scssc @@ -0,0 +1,1638 @@ +3.0.24 (Classy Cassidy) +4049ece5a07f24a51a314472a63e0bec2342e6e9 +o:Sass::Tree::RootNode +: +@linei: @options{: +style: compact:load_paths[ ",/Users/DHG637/Sites/ninja-internal/scss"o/Applications/compass.app/Contents/Resources/ruby/gem/gems/compass-0.10.6/frameworks/blueprint/stylesheets"~/Applications/compass.app/Contents/Resources/ruby/gem/gems/compass-0.10.6/frameworks/_blueprint_deprecated_imports/stylesheets"m/Applications/compass.app/Contents/Resources/ruby/gem/gems/compass-0.10.6/frameworks/compass/stylesheets"|/Applications/compass.app/Contents/Resources/ruby/gem/gems/compass-0.10.6/frameworks/_compass_deprecated_imports/stylesheets"l/Applications/compass.app/Contents/Resources/ruby/gem/gems/compass-960-plugin-0.10.0/lib/../stylesheets"j/Applications/compass.app/Contents/Resources/ruby/gem/gems/html5-boilerplate-0.2.6/lib/../stylesheets: +cacheT:cache_location"8/Users/DHG637/Sites/ninja-internal/scss/.sass-cache: syntax: scss: +quietT: filename"G/Users/DHG637/Sites/ninja-internal/scss/imports/scss/_PanelUI.scss:css_filename"=/Users/DHG637/Sites/ninja-internal/scss/../css/ninja.css:line_comments0:property_syntax0:@has_childrenT:@template"// +// This file contains proprietary software owned by Motorola Mobility, Inc.
+// No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.
+// (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. +// + +// +// PanelUI.scss +// Styles governing the panels in the UI. +// Note that colors and font definitions go in +// _scss/themes/themename/_colors.scss and _scss/themes/themename/_fonts.scss + +// layout for the container of all panels within a dock area +.panelContainer { + margin: 0px; + padding: 0px 0px; + position:relative; + // this is here to hopefully show vertical scroll bars when the panels exceed the height of the panel + // unfortunately it doesn't seem to work properly. this is probably due to some of our box styling or positioning + overflow: auto; +} + +// base layout style for all panels +.panelDisclosureIcon +{ + background-image:url("../images/panels/panelDisclosureIcon.png"); + background-repeat:no-repeat; + width:16px; + height:16px; + float:left; + -webkit-transition-property: rotate; + -webkit-transition-duration: 0.2s; + -webkit-transition-timing-function: linear; + padding-right:2px; +} +.panelBackground { + color: $color-panel-text; + background: $color-tool-bg; +} + +.panelCollapseArrowFill { + color: rgba(76,76,76,1); // this is never really used but is set so we can get it via javascript to draw the control via script on the canvas + padding:0px 4px; +} + +.panelContentColor { + background: $color-panel-bg; + border-color: $color-panel-border; +} +.panelCaptionColor { + color: $color-panel-text; +} + +.panelCaption { + padding: 2px 0px; + cursor:default; +} + +.panelContainerTransition { + -moz-transition: width 0.3s ease-out, height 0.2s ease-out, opacity 0.2s ease-out; + -o-transition: width 0.3s ease-out, height 0.2s ease-out, opacity 0.2s ease-out; + -webkit-transition: width 0.3s ease-out, height 0.2s ease-out, opacity 0.2s ease-out; +} + +.panelCloseIcon +{ + background-image:url("../images/panels/closeIcon.png"); + background-repeat:no-repeat; + width:15px; + height:14px; + float:right; + opacity:0.5; +} + +.panelCloseIcon:hover +{ + opacity:1.0; +} + +.toolsPanelContainer +{ + margin-top: -2px; + margin-left: -2px; + padding-top:20px; + padding-left:3px; + padding-right:3px; + width:32px; + + // This is a hack to get the tools panel to extend all the way to the bottom. + padding-bottom:450px; +} + +// sizes for the specific panels + +#toolPropertiesPanel { + height: 32px; + margin:0px; +} + +#timelinePanel { + height: 100%; +} + +// Only used by Animation Presets Panel currently + +.treeComponent +{ + -webkit-user-select: none; + font-size : 11px; + margin-left: 20px; + cursor:default; + color: $color-panel-text; +} + +.treeComponent ul +{ + position: relative; + list-style: none; +} + +// This sets the style for a tree folder's icon +ul.treeComponent > img:first-child +{ + margin-left: -35px; + margin-right: 5px; + -webkit-transition: -webkit-transform 0.1s linear; +} + +.treeComponent li +{ + position: relative; + list-style: none; + border-bottom:1px solid $color-panel-divider; +} + +.treeComponent li img +{ + margin-left: -20px; + padding-right:10px; + vertical-align:middle; + // border-bottom:1px solid #555555; +} + +.treeCategory +{ + font-weight : bold; +} + +.treeItem { + font-weight : normal; + vertical-align:middle; + color: $color-panel-text; +} + +// ====== Used by Properties Panel ====== +// Removed the outline text input style -> Causing problems with the Canvas + +.propertiesPanel +{ + min-height: 300px; + margin-top:4px; +} + +.panelHRule +{ + border:none; + display:block; + float:left; + clear:both; + width:100%; + height:3px; + background-color: $color-panel-divider; +} + +.vr +{ + position:absolute; + display:inline; + border:none; + clear:both; + width:2px; + height:26px; + + background-image: -webkit-gradient( + linear, + left bottom, + right bottom, + color-stop(0.4, $color-menu-border), + color-stop(0.8, $color-panel-shadow) + ) +} + +.panelInputText +{ + resize: none; + color: white; + background-color: $color-panel-input-bg; + border: 1px solid $color-panel-input-border; + width : 100px; + outline: none; +} + +.piCollapsibleSectionHeader +{ + font-size:12px; + padding-left:10px; + vertical-align:top; + height:16px; + background-color: $color-panel-shadow; +} + +// ====== Indexed table row and column classes for Properties Panel layout ====== +.propRow1{ + width:100%; +} +.propRow1Col1{ + width:30%; + text-align:right; +} +.propRow1Col2{ + width:70%; +} + +.propRow2{ + width:100%; +} +.propRow2Col1{ + width:30%; +} +.propRow2Col2{ + width:20%; +} +.propRow2Col3{ + width:20%; +} +.propRow2Col4{ + width:40%; +} + +.propRow3{ + width:100%; +} +.propRow3Col1{ + width:5%; +} +.propRow3Col2{ + width:5%; +} +.propRow3Col3{ + width:20%; +} +.propRow3Col4{ + width:20%; +} +.propRow3Col5{ + width:20%; +} +.propRow3Col6{ + width:30%; +} + +.propRow4{ + width:100%; +} +.propRow4Col1{ + width:30%; +} +.propRow4Col2{ + width:20%; +} +.propRow4Col3{ + width:20%; +} +.propRow4Col4{ + width:40%; +} +.propRow4Col5{ + width:30%; +} +.propRow4Col6{ + width:20%; +} +.propRow4Col7{ + width:20%; +} +.propRow4Col8{ + width:40%; +} + +.testClass{ + background-color:green; + border-radius: 35px; + position:relative; +} + +.topRightCornerIcon{ + -webkit-transform: rotate(90deg); +} +.topLeftCornerIcon{ + -webkit-transform: rotate(0deg); +} +.bottomRightCornerIcon{ + -webkit-transform: rotate(180deg); +} +.bottomLeftCornerIcon{ + -webkit-transform: rotate(270deg); +} + +.splitterBackground { + background: $color-app-bg; +} + + + +// Begin: Project Panel UI classes +.Project-Panel { + height: 100%; +} +#pp-container { + height: 100%; + background-color: $color-tool-bg; + border: 0px; + overflow-y: hidden !IMPORTANT; + position: relative; +} + +#pp-container h3 { + font-weight: normal; + padding-left: 2em; + color: $color-menu-hilite-bg; +} +#pp-col-buttons { + position: absolute; + top: 8px; + left: -1px; + height: 100%; + width: 28px; +} +#pp-col-files { + display: block; + position:absolute; + height:auto; + overflow: hidden; + bottom:0; + top:0; + left:0; + right:0; + border: 2px solid $color-menu-border; + border-bottom-width: 0px; + background-color: $color-menu-bg; + margin-left: 30px; + margin-right: 10px; + margin-bottom: 36px; + +} +// +#pp-container-list, +#pp-container-assets { + height: 310px; + width: 100%; + overflow: auto; +} + + +.pp-scroll-main { + display: block; + position:absolute; + height:auto; + bottom:0; + top:0; + left:0; + right:0; + margin-top:18px; + overflow: auto; +} +.pp-scroll-main .pp-scroll-linked{ + display: block; + position:absolute; + height: auto; + bottom:0; + top:0; + left:0; + right:0; + overflow: visible; + +} +#pp-view-assets { + display: none; +} +// +#pp-container-assets .pp-scroll-linked, +#pp-container-list .pp-scroll-linked { + //width: 420px; +} + + +.pp-header-container { + position: relative; + overflow: hidden; + border-bottom: 1px solid $color-menu-border; + background-color: $color-panel-shadow; + min-width: 390px; +} +.pp-header { + border-right: 1px solid $color-menu-border; + color: $color-panel-text; + padding-top: 4px; + padding-left: 6px; + font-weight: bold; + display: block; + float: left; + overflow: visible; + position: relative; +} +.pp-header .pp-resize-grip { + width: 7px; + height: 18px; + overflow: hidden; + position: absolute; + top: 0px; + right: 0px; + cursor: col-resize; + z-index: 10; +} +.pp-header-container .header-file { + min-width: 100px; + width: 160px; +} +.pp-header-container .header-size { + min-width: 50px; + width: 50px; +} +.pp-header-container