Merge branch 'refs/heads/master' into StylesControllerUpdates

21 files changed, 3454 insertions, 0 deletions

diff --git a/scss/config.rb b/scss/config.rb
new file mode 100755
index 00000000..23327bde
--- /dev/null
+++ b/scss/config.rb
@@ -0,0 +1,11 @@
+# Require any additional compass plugins here.
+# Set this to the root of your project when deployed:
+http_path = "/"
+css_dir = "../css"
+sass_dir = ""
+images_dir = "../images/"
+javascripts_dir = "../js"
+output_style = :compact
+line_comments = false
+# To enable relative paths to assets via compass helper functions. Uncomment:
+# relative_assets = true
diff --git a/scss/imports/codemirror/_codemirror.scss b/scss/imports/codemirror/_codemirror.scss
new file mode 100644
index 00000000..281e7a9a
--- /dev/null
+++ b/scss/imports/codemirror/_codemirror.scss
@@ -0,0 +1,75 @@
+/* <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> */
+
+.CodeMirror {
+  overflow: auto;
+  height: 300px;
+  line-height: 1em;
+  font-family: monospace;
+  _position: relative; /* IE6 hack */
+  background: white;
+}
+
+.CodeMirror-gutter {
+  position: absolute; left: 0; top: 0;
+  background-color: #f7f7f7;
+  border-right: 1px solid #eee;
+  min-width: 2em;
+  height: 100%;
+}
+.CodeMirror-gutter-text {
+  color: #aaa;
+  text-align: right;
+  padding: .4em .2em .4em .4em;
+}
+.CodeMirror-lines {
+  padding: .4em;
+}
+
+.CodeMirror pre {
+  border-width: 0; margin: 0; padding: 0; background: transparent;
+  font-family: inherit;
+}
+
+.CodeMirror-cursor {
+  z-index: 10;
+  position: absolute;
+  visibility: hidden;
+  border-left: 1px solid black !important;
+}
+.CodeMirror-focused .CodeMirror-cursor {
+  visibility: visible;
+}
+
+span.CodeMirror-selected {
+  background: #ccc !important;
+  color: HighlightText !important;
+}
+.CodeMirror-focused span.CodeMirror-selected {
+  background: Highlight !important;
+}
+
+
+.CodeMirror-matchingbracket {color: #0f0 !important;}
+.CodeMirror-nonmatchingbracket {color: #f22 !important;}
+
+.completions {
+    position: absolute;
+    z-index: 10;
+    overflow: hidden;
+    -webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, .2);
+    -moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, .2);
+    box-shadow: 2px 3px 5px rgba(0, 0, 0, .2);
+}
+
+.completions select {
+    background: #fafafa;
+    outline: none;
+    border: none;
+    padding: 0;
+    margin: 0;
+    font-family: monospace;
+}
diff --git a/scss/imports/codemirror/_css.scss b/scss/imports/codemirror/_css.scss
new file mode 100644
index 00000000..fb870e84
--- /dev/null
+++ b/scss/imports/codemirror/_css.scss
@@ -0,0 +1,15 @@
+/* <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> */
+
+span.css-at {color: #708;}
+span.css-unit {color: #281;}
+span.css-value {color: #708;}
+span.css-identifier {color: black;}
+span.css-selector {color: #11B;}
+span.css-important {color: #00F;}
+span.css-colorcode {color: #299;}
+span.css-comment {color: #A70;}
+span.css-string {color: #A22;}
diff --git a/scss/imports/codemirror/_javascript.scss b/scss/imports/codemirror/_javascript.scss
new file mode 100644
index 00000000..1124e279
--- /dev/null
+++ b/scss/imports/codemirror/_javascript.scss
@@ -0,0 +1,12 @@
+/* <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> */
+
+span.js-keyword {color: #90b;}
+span.js-atom {color: #291;}
+span.js-variabledef {color: #00f;}
+span.js-localvariable {color: #049;}
+span.js-comment {color: #a70;}
+span.js-string {color: #a22;}
diff --git a/scss/imports/scss/_Base.scss b/scss/imports/scss/_Base.scss
new file mode 100644
index 00000000..8a743174
--- /dev/null
+++ b/scss/imports/scss/_Base.scss
@@ -0,0 +1,231 @@
+// <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>
+
+
+//Base.scss
+//Base styles for entire application.
+//Note that colors and font definitions go in 
+//_scss/themes/themename/_colors.scss and _scss/themes/themename/_fonts.scss
+
+
+.clear {
+    display: block;
+    clear: both;
+    height: 0px;
+    overflow: hidden;
+}
+.bold {
+    font-weight: bold;
+}
+:focus {
+        outline: none;
+        border: none;
+        -webkit-box-shadow: 0px 0px 1px 1px $color-focus-outline;
+
+}
+.layout-table {
+    display: table;
+}
+.layout-row {
+    display: table-row;
+}
+.layout-cell {
+    display: table-cell; 
+}
+.layout-table .flexor div:first-child {
+    float: left;
+}
+.layout-table .flexor div:last-child {
+    float: right;
+}
+
+// Begin: Basic skinning for form fields 
+// Reset all 
+input.nj-skinned, 
+textarea.nj-skinned, 
+button.nj-skinned,
+select.nj-skinned,
+select.nj-skinned option {
+        -webkit-appearance: none;
+        outline: none;
+}
+
+// Base styles
+input[type="text"].nj-skinned,
+input[type="password"].nj-skinned,
+input[type="search"].nj-skinned,
+textarea.nj-skinned,
+select.nj-skinned,
+select.nj-skinned option {
+        border: 1px solid $color-input-border;
+        color: $color-input;
+        background-color: $color-input-bg;
+        font-size: 12px;
+        font-family: 'Droid Sans', sans-serif;
+}
+
+// Disabled styles
+input.nj-skinned:disabled,
+textarea.nj-skinned:disabled,
+select.nj-skinned:disabled,
+button.nj-skinned:disabled {
+        opacity: 0.4;
+}
+
+// Text inputs and select boxes 
+input[type="text"].nj-skinned,
+input[type="password"].nj-skinned,
+input[type="search"].nj-skinned,
+select.nj-skinned,
+select.nj-skinned option {
+        height: 13px;