Merge branch 'refs/heads/ninja-internal' into ToolFixes

2 files changed, 292 insertions, 0 deletions

diff --git a/js/io/ui/cloudpopup.reel/css/cloudpopup.css b/js/io/ui/cloudpopup.reel/css/cloudpopup.css
new file mode 100644
index 00000000..85c80ad5
--- /dev/null
+++ b/js/io/ui/cloudpopup.reel/css/cloudpopup.css
@@ -0,0 +1,144 @@
+@charset "UTF-8";
+/* <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> */
+/* line 12, cloudpopup.scss */
+.cloud_popup {
+  font-size: 12px;
+  text-shadow: 1px 1px 1px #000;
+  font-family: 'Droid Sans', sans-serif;
+}
+
+/* line 19, cloudpopup.scss */
+.cloud_popup .content {
+  width: 360px;
+}
+
+/* line 24, cloudpopup.scss */
+.cloud_popup .content h3 {
+  text-transform: uppercase;
+  font-weight: normal;
+  font-size: 14px;
+  text-shadow: 1px 1px 1px #000;
+  font-family: 'Droid Sans', sans-serif;
+  display: block;
+  float: left;
+  clear: both;
+  margin: 4px 0px 8px 0px;
+  padding: 0px;
+  width: 100%;
+  text-align: center;
+}
+
+/* line 40, cloudpopup.scss */
+.cloud_popup .content p {
+  text-shadow: 1px 1px 1px #222;
+  margin: 0px 0px 12px 0px;
+  color: #EEE;
+}
+
+/* line 47, cloudpopup.scss */
+.cloud_popup .content .btn_test {
+  float: right;
+  clear: right;
+  margin: 1px 2px 0px 8px;
+  width: 60px;
+}
+
+/* line 55, cloudpopup.scss */
+.cloud_popup .content label {
+  float: left;
+  margin: 5px 8px 0px 0px;
+  display: block;
+  width: 96px;
+  text-align: right;
+}
+
+/* line 64, cloudpopup.scss */
+.cloud_popup .content input {
+  display: block;
+  float: left;
+  color: #FFF;
+  border: 0px;
+  padding: 4px;
+  margin: 0px;
+  width: 176px;
+  border-radius: 4px;
+  text-shadow: 1px 1px 1px #222;
+  font-family: 'Droid Sans', sans-serif;
+  border: 1px #5c5c5c solid;
+  background: #292929 -webkit-gradient(linear, left top, left bottom, color-stop(45%, #434343), color-stop(100%, #292929));
+}
+
+/* line 80, cloudpopup.scss */
+.cloud_popup .content input:focus {
+  text-shadow: none;
+  background: #FFF;
+  border: 1px #292929 solid;
+  color: #292929;
+}
+
+/* line 88, cloudpopup.scss */
+.cloud_popup .content .status {
+  float: left;
+  clear: right;
+  margin: 5px 0px 0px 6px;
+  text-shadow: 1px 1px 1px #333;
+  width: 240px;
+}
+
+/* line 97, cloudpopup.scss */
+.cloud_popup .content .btn_ok, .cloud_popup .content .btn_cancel {
+  width: 80px;
+  text-align: center;
+  float: right;
+  margin: 8px 2px 2px 8px;
+}
+
+/* line 105, cloudpopup.scss */
+.cloud_popup section {
+  float: left;
+  clear: both;
+  margin: 16px 0px 0px 0px;
+  background: #333333 -webkit-linear-gradient(top, #323232 0%, #3c3c3c 100%);
+  border: 1px solid #333;
+  padding: 8px;
+  border-radius: 6px;
+}
+
+/* line 116, cloudpopup.scss */
+.cloud_popup section h4 {
+  text-transform: uppercase;
+  font-weight: normal;
+  font-size: 12px;
+  text-shadow: 1px 1px 1px #000;
+  font-family: 'Droid Sans', sans-serif;
+  display: block;
+  float: left;
+  clear: both;
+  margin: 2px 0px 6px 0px;
+  padding: 0px;
+  width: 100%;
+  text-align: center;
+}
+
+/* line 132, cloudpopup.scss */
+.cloud_popup section .btn_download {
+  width: 120px;
+  text-align: center;
+  margin: 10px 0px 2px 4px;
+  float: left;
+  font-size: 11px;
+}
+
+/* line 141, cloudpopup.scss */
+.cloud_popup section .cloud_icon {
+  background-image: url(../../../../../ninja_icon_128.png);
+  background-size: 100% 100%;
+  width: 60px;
+  height: 60px;
+  float: left;
+  margin: -10px 0px -6px 56px;
+}
diff --git a/js/io/ui/cloudpopup.reel/css/cloudpopup.scss b/js/io/ui/cloudpopup.reel/css/cloudpopup.scss
new file mode 100755
index 00000000..deab188e
--- /dev/null
+++ b/js/io/ui/cloudpopup.reel/css/cloudpopup.scss
@@ -0,0 +1,148 @@
+@charset "UTF-8";
+/* <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> */
+
+$grey_dark: #292929;
+$grey_light: #494949;
+
+.cloud_popup
+{
+        font-size: 12px;
+        text-shadow: 1px 1px 1px #000;
+        font-family: 'Droid Sans', sans-serif;
+}
+
+.cloud_popup .content
+{
+        width: 360px;
+}
+
+.cloud_popup .content h3
+{
+        text-transform: uppercase;
+        font-weight: normal;
+        font-size: 14px;
+        text-shadow: 1px 1px 1px #000;
+        font-family: 'Droid Sans', sans-serif;
+        display: block;
+        float: left;
+        clear: both;
+        margin: 4px 0px 8px 0px;
+        padding: 0px;
+        width: 100%;
+        text-align: center;
+}
+
+.cloud_popup .content p
+{
+        text-shadow: 1px 1px 1px #222;
+        margin: 0px 0px 12px 0px;
+        color: #EEE;
+}
+
+.cloud_popup .content .btn_test
+{
+        float: right;
+        clear: right;
+        margin: 1px 2px 0px 8px;
+        width: 60px;
+}
+
+.cloud_popup .content label
+{
+        float: left;
+        margin: 5px 8px 0px 0px;
+        display: block;
+        width: 96px;
+        text-align: right;
+}
+
+.cloud_popup .content input
+{
+        display: block;
+        float: left;
+        color: #FFF;
+        border: 0px;
+        padding: 4px;
+        margin: 0px;
+        width: 176px;
+        border-radius: 4px;
+        text-shadow: 1px 1px 1px #222;
+        font-family: 'Droid Sans', sans-serif;
+        border: 1px lighten($grey_dark, 20%) solid;
+        background: $grey_dark -webkit-gradient(linear, left top, left bottom, color-stop(45%, lighten($grey_dark, 10%)), color-stop(100%, $grey_dark));
+}
+
+.cloud_popup .content input:focus
+{
+        text-shadow: none;
+    background: #FFF;
+    border: 1px $grey_dark solid;
+    color: $grey_dark;
+}