1 files changed, 239 insertions, 0 deletions

diff --git a/js/panels/Color/colorpanelpopup.reel/css/colorpanelpopup.css b/js/panels/Color/colorpanelpopup.reel/css/colorpanelpopup.css
new file mode 100644
index 00000000..6a418279
--- /dev/null
+++ b/js/panels/Color/colorpanelpopup.reel/css/colorpanelpopup.css
@@ -0,0 +1,239 @@
+@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, colorpanelpopup.scss */
+.cpp_popup {
+  overflow: none;
+  font-size: 12px;
+  text-shadow: 1px 1px 1px #000;
+  font-family: 'Droid Sans', sans-serif;
+}
+
+/* line 20, colorpanelpopup.scss */
+.cp_pu_options {
+  float: left;
+  clear: both;
+  width: 100%;
+}
+
+/* line 27, colorpanelpopup.scss */
+.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;
+}
+
+/* line 41, colorpanelpopup.scss */
+.cp_pu_options button:hover {
+  border: 1px solid #FFF;
+  box-shadow: 0px 0px 4px #000;
+}
+
+/* line 47, colorpanelpopup.scss */
+.cp_pu_wheel {
+  background: url(../img/icon_colorwheel.png) no-repeat transparent top left;
+}
+
+/* line 52, colorpanelpopup.scss */
+.cp_pu_images {
+  background: url(../img/icon_bitmap.png) no-repeat black top left;
+}
+
+/* line 57, colorpanelpopup.scss */
+.cp_pu_gradients {
+  background: url(../img/icon_gradient.png) no-repeat black top left;
+}
+
+/* line 62, colorpanelpopup.scss */
+.cp_pu_palettes {
+  background: #000;
+}
+
+/* line 67, colorpanelpopup.scss */
+.cp_pu_nocolor {
+  background: url(../img/icon_nofill.png) no-repeat black top left;
+}
+
+/* line 71, colorpanelpopup.scss */
+.cp_pu_history {
+  float: left;
+  margin: 0px 0px 0px 0px;
+  background: url(../../../../../images/colorpanel/transparent.png) repeat;
+}
+
+/* line 77, colorpanelpopup.scss */
+.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;
+}
+
+/* line 91, colorpanelpopup.scss */
+.cp_pu_history button:hover {
+  border: solid 1px #000 !important;
+  box-shadow: none !important;
+}
+
+/* line 97, colorpanelpopup.scss */
+.cp_pu_hex {
+  float: left;
+  margin: 3px 2px 0px 6px;
+}
+
+/* line 102, colorpanelpopup.scss */
+.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;
+}
+
+/* line 118, colorpanelpopup.scss */
+.cp_pu_hex input:focus {
+  outline: none;
+  padding: 2px 0px 2px 0px;
+  margin: -1px 0px -1px 2px;
+  background: #FFF;
+  color: #000;
+  text-shadow: none;
+}
+
+/* line 128, colorpanelpopup.scss */
+.cp_pu_content {
+  float: left;
+  clear: both;
+  width: 100%;
+  margin: 6px 0px;
+}
+
+/* line 136, colorpanelpopup.scss */
+.cp_pu_content div.cp_pu_content_container {
+  display: none;
+}
+
+/* line 141, colorpanelpopup.scss */
+.cp_pu_alpha {
+  float: left;
+  clear: both;
+  width: 100%;
+  margin: 0px;
+}
+
+/* line 149, colorpanelpopup.scss */
+.cp_pu_alpha .slider-track {
+  background: none;
+}
+
+/* line 154, colorpanelpopup.scss */
+.cp_pu_alpha .knob {
+  background: url(../img/knob.png) no-repeat transparent center center;
+}
+
+/* line 159, colorpanelpopup.scss */
+.cp_pu_a_label, .cp_pu_a_label2 {
+  float: left;
+  width: auto;
+  font-size: 11px;
+}
+
+/* line 166, colorpanelpopup.scss */
+.cp_pu_a_slider {
+  width: 120px;
+  height: 12px;
+  float: left;
+  clear: none;
+  margin: 0px 10px 5px 10px;
+}
+
+/* line 175, colorpanelpopup.scss */
+.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;
+}
+
+/* line 189, colorpanelpopup.scss */
+.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;
+}
+
+/* line 204, colorpanelpopup.scss */
+.cp_pu_wheel_container {
+  width: 202px;
+  height: 202px;
+}
+
+/* line 211, colorpanelpopup.scss */
+.cp_pu_palette_container {
+  overflow: hidden;
+  clear: both;
+  width: 200px;
+  padding: 0px 1px 1px 0px;
+  margin: 0px 0px 0px 1px;
+}
+
+/* line 220, colorpanelpopup.scss */
+.cp_pu_palette_container button {
+  display: block;
+  float: left;
+  border: 1px solid #333;
+  margin: 0px -1px -1px 0px;
+  padding: 0px;