Tool Icons : New layout

Signed-off-by: Armen Kesablyan <armen@motorola.com>

20 files changed, 2812 insertions, 213 deletions

diff --git a/scss/.sass-cache/5fc5391a1d3f0cc8c82108187482ad8e2d9a4dfd/ninja.scssc b/scss/.sass-cache/5fc5391a1d3f0cc8c82108187482ad8e2d9a4dfd/ninja.scssc
new file mode 100644
index 00000000..aa224547
--- /dev/null
+++ b/scss/.sass-cache/5fc5391a1d3f0cc8c82108187482ad8e2d9a4dfd/ninja.scssc
diff --git a/scss/.sass-cache/a47e87879ba03b17bf638aaaf0d186d50bf1ca11/_colors.scssc b/scss/.sass-cache/a47e87879ba03b17bf638aaaf0d186d50bf1ca11/_colors.scssc
new file mode 100644
index 00000000..cf40dc86
--- /dev/null
+++ b/scss/.sass-cache/a47e87879ba03b17bf638aaaf0d186d50bf1ca11/_colors.scssc
diff --git a/scss/.sass-cache/a47e87879ba03b17bf638aaaf0d186d50bf1ca11/_fonts.scssc b/scss/.sass-cache/a47e87879ba03b17bf638aaaf0d186d50bf1ca11/_fonts.scssc
new file mode 100644
index 00000000..b1da4012
--- /dev/null
+++ b/scss/.sass-cache/a47e87879ba03b17bf638aaaf0d186d50bf1ca11/_fonts.scssc
diff --git a/scss/.sass-cache/a47e87879ba03b17bf638aaaf0d186d50bf1ca11/_mixins.scssc b/scss/.sass-cache/a47e87879ba03b17bf638aaaf0d186d50bf1ca11/_mixins.scssc
new file mode 100644
index 00000000..fb41bfe0
--- /dev/null
+++ b/scss/.sass-cache/a47e87879ba03b17bf638aaaf0d186d50bf1ca11/_mixins.scssc
diff --git a/scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_Base.scssc b/scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_Base.scssc
new file mode 100644
index 00000000..42f31faf
--- /dev/null
+++ b/scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_Base.scssc
diff --git a/scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_Components.scssc b/scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_Components.scssc
new file mode 100644
index 00000000..56badbf5
--- /dev/null
+++ b/scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_Components.scssc
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// <copyright>
+// This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+// No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+// (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+// </copyright>
+
+
+// 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,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAKRGlDQ1BJQ0MgUHJvZmlsZQAAeAGdlndUFNcXx9/MbC+0XZYiZem9twWkLr1IlSYKy+4CS1nWZRewN0QFIoqICFYkKGLAaCgSK6JYCAgW7AEJIkoMRhEVlczGHPX3Oyf5/U7eH3c+8333nnfn3vvOGQAoASECYQ6sAEC2UCKO9PdmxsUnMPG9AAZEgAM2AHC4uaLQKL9ogK5AXzYzF3WS8V8LAuD1LYBaAK5bBIQzmX/p/+9DkSsSSwCAwtEAOx4/l4tyIcpZ+RKRTJ9EmZ6SKWMYI2MxmiDKqjJO+8Tmf/p8Yk8Z87KFPNRHlrOIl82TcRfKG/OkfJSREJSL8gT8fJRvoKyfJc0WoPwGZXo2n5MLAIYi0yV8bjrK1ihTxNGRbJTnAkCgpH3FKV+xhF+A5gkAO0e0RCxIS5cwjbkmTBtnZxYzgJ+fxZdILMI53EyOmMdk52SLOMIlAHz6ZlkUUJLVlokW2dHG2dHRwtYSLf/n9Y+bn73+GWS9/eTxMuLPnkGMni/al9gvWk4tAKwptDZbvmgpOwFoWw+A6t0vmv4+AOQLAWjt++p7GLJ5SZdIRC5WVvn5+ZYCPtdSVtDP6386fPb8e/jqPEvZeZ9rx/Thp3KkWRKmrKjcnKwcqZiZK+Jw+UyL/x7ifx34VVpf5WE