1 files changed, 240 insertions, 0 deletions

diff --git a/js/panels/Color/colorpanelpopup.reel/css/colorpanelpopup.scss b/js/panels/Color/colorpanelpopup.reel/css/colorpanelpopup.scss
new file mode 100644
index 00000000..20481fb6
--- /dev/null
+++ b/js/panels/Color/colorpanelpopup.reel/css/colorpanelpopup.scss
@@ -0,0 +1,240 @@
+@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;
+
+.cpp_popup
+{
+        overflow: none;
+        font-size: 12px;
+        text-shadow: 1px 1px 1px #000;
+        font-family: 'Droid Sans', sans-serif;
+}
+
+.cp_pu_options
+{
+        float: left;
+        clear: both;
+        width: 100%;
+}
+
+.cp_pu_options button
+{
+        display: block;
+        width: 16px;
+        height: 16px;
+        margin: 4px 0px 2px 2px;
+        text-indent: -9999px;
+        overflow: hidden;
+        float: right;
+        padding: none;
+        cursor: pointer;
+        border: 1px solid transparent;
+}
+
+.cp_pu_options button:hover
+{
+        border: 1px solid #FFF;
+        box-shadow: 0px 0px 4px #000;
+}
+
+.cp_pu_wheel
+{
+        background: url(../img/icon_colorwheel.png) no-repeat transparent top left;
+}
+
+.cp_pu_images
+{
+        background: url(../img/icon_bitmap.png) no-repeat #000 top left;
+}
+
+.cp_pu_gradients
+{
+        background: url(../img/icon_gradient.png) no-repeat #000 top left;
+}
+
+.cp_pu_palettes
+{
+        background: #000;
+}
+
+.cp_pu_nocolor
+{
+        background: url(../img/icon_nofill.png) no-repeat #000 top left;
+}
+
+.cp_pu_history {
+  float: left;
+  margin: 0px 0px 0px 0px;
+  background: url(../../../../../images/colorpanel/transparent.png) repeat;
+}
+
+.cp_pu_history button {
+  width: 22px;
+  height: 22px;
+  overflow: hidden;
+  text-indent: -9999px;
+  background: #333;
+  float: right;
+  border: solid 1px #000;
+  cursor: pointer;
+  margin: 0px -1px 0px 0px;
+  padding: 0px;
+}
+
+.cp_pu_history button:hover
+{
+        border: solid 1px #000 !important;
+        box-shadow: none !important;
+}
+
+.cp_pu_hex
+{
+        float: left;
+        margin: 3px 2px 0px 6px;
+}
+
+.cp_pu_hex input {
+  width: 50px;
+  background: #555;
+  border: 1px solid #333;
+  color: #FFF;
+  padding: 1px 0px 1px 0px;
+  margin: 0px 0px 0px 2px;
+  text-transform: uppercase;
+  text-decoration: none !important;
+  text-shadow: 1px 1px 1px #000;
+  font-family: 'Droid Sans', sans-serif;
+  font-size: 11px;
+  letter-spacing: 1px;
+  text-align: center;
+}
+
+.cp_pu_hex input:focus {
+  outline: none;
+  padding: 2px 0px 2px 0px;
+  margin: -1px 0px -1px 2px;
+  background: #FFF;
+  color: #000;
+  text-shadow: none;
+}
+
+.cp_pu_content
+{
+        float: left;
+        clear: both;
+        width: 100%;
+        margin: 6px 0px;
+}
+
+.cp_pu_content div.cp_pu_content_container
+{
+        display: none;
+}
+
+.cp_pu_alpha
+{
+        float: left;
+        clear: both;
+        width: 100%;
+        margin: 0px;
+}
+
+.cp_pu_alpha .slider-track
+{
+        background: none;
+}
+
+.cp_pu_alpha .knob
+{
+        background: url(../img/knob.png) no-repeat transparent center center;
+}
+
+.cp_pu_a_label, .cp_pu_a_label2
+{
+        float: left;
+        width: auto;
+        font-size: 11px;
+}
+
+.cp_pu_a_slider
+{
+        width: 120px;
+    height: 12px;
+        float: left;
+        clear: none;
+        margin: 0px 10px 5px 10px;
+}
+
+.cp_pu_a_hottext.hottext
+{
+        background: none;
+        float: left;
+        margin: -1px 2px 0px 0px;
+        padding: 0px;
+        width: 23px;
+        color: #FFF;
+        text-shadow: 1px 1px 1px #000;
+        font-family: 'Droid Sans', sans-serif;
+        font-size: 11px;
+        text-align: center;
+}
+
+.cp_pu_a_hottext.hottextInput
+{
+        background: #FFF;
+        color: #000;
+        text-shadow: none;
+        border: 1px solid #333;
+        margin: -3px 1px 0px 0px;
+        padding: 1px;
+        text-decoration: none;
+        font-family: 'Droid Sans', sans-serif;
+        font-size: 11px;
+        outline: none;
+        float: left;
+}
+
+.cp_pu_wheel_container
+{
+        width: 202px;
+        height: 202px;
+        
+}
+
+.cp_pu_palette_container
+{
+        overflow: hidden;
+        clear: both;
+        width: 200px;
+        padding: 0px 1px 1px 0px;
+        margin: 0px 0px 0px 1px;
+}
+
+.cp_pu_palette_container button
+{
+        display: block;
+        float: left;
+        border: 1px solid #333;
+        margin: 0px -1px -1px 0px;
+        padding: 0px;