1 files changed, 332 insertions, 0 deletions

diff --git a/js/panels/Color/colorpanelbase.reel/css/colorpanelbase.css b/js/panels/Color/colorpanelbase.reel/css/colorpanelbase.css
new file mode 100644
index 00000000..e4a0aa12
--- /dev/null
+++ b/js/panels/Color/colorpanelbase.reel/css/colorpanelbase.css
@@ -0,0 +1,332 @@
+@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 23, colorpanelbase.scss */
+.cp_expanded {
+  font-size: 12px;
+  text-shadow: 1px 1px 1px #000;
+  color: #FFF;
+}
+
+/* line 30, colorpanelbase.scss */
+.cp_expanded a:hover {
+  color: #CCC;
+}
+
+/* line 35, colorpanelbase.scss */
+.cp_expanded hr {
+  float: left;
+  clear: both;
+  width: 100%;
+  display: block;
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #1d1d1d), color-stop(0.75, #424242));
+  border: none;
+  height: 2px;
+  margin: 4px 0px 4px 0px;
+}
+
+/* line 47, colorpanelbase.scss */
+.cp_history {
+  float: left;
+  margin: 4px 0px 0px 4px;
+  background: url(../../../../../images/colorpanel/transparent.png) repeat;
+}
+
+/* line 54, colorpanelbase.scss */
+.cp_history button {
+  width: 22px;
+  height: 22px;
+  overflow: hidden;
+  text-indent: -9999px;
+  background: #333;
+  float: left;
+  border: solid 1px #000;
+  cursor: pointer;
+  margin: 0px -1px 0px 0px;
+  padding: 0px 0px 0px 0px;
+}
+
+/* line 69, colorpanelbase.scss */
+.cp_expanded .cp_inputs {
+  float: left;
+  margin: 0px 4px 0px 4px;
+}
+
+/* line 76, colorpanelbase.scss */
+.cp_expanded .cp_input_button {
+  background: url(../../../../../images/colorpanel/transparent.png) repeat;
+  float: left;
+  clear: left;
+  margin: 0px 0px 6px 0px;
+}
+
+/* line 84, colorpanelbase.scss */
+.cp_expanded .cp_inputs button, .cpe_fill, .cpe_stroke, .cpe_fill_icon, .cpe_stroke_icon {
+  width: 22px;
+  height: 22px;
+  overflow: hidden;
+  text-indent: -9999px;
+  padding: 0px 0px 0px 0px;
+  display: block;
+  float: left;
+  cursor: pointer;
+}
+
+/* line 97, colorpanelbase.scss */
+.cpe_fill, .cpe_stroke {
+  clear: left;
+  background-color: #333;
+  border: solid 1px #000;
+}
+
+/* line 104, colorpanelbase.scss */
+.cpe_fill_icon, .cpe_fill_icon {
+  background: url(../../../../../images/SpriteSheets/NinjaSpriteSheet.png) transparent no-repeat top left !important;
+  background-position: -300px 0px !important;
+  border: none !important;
+  display: block;
+}
+
+/* line 109, colorpanelbase.scss */
+.cpe_fill_icon:hover, .cpe_fill_icon.selected, .cpe_fill_icon:hover, .cpe_fill_icon.selected {
+  background: url(../../../../../images/SpriteSheets/NinjaSpriteSheet.png) transparent no-repeat top left !important;
+  background-position: -330px 0px !important;
+  border: none !important;
+  display: block;
+}
+
+/* line 114, colorpanelbase.scss */
+.cpe_stroke_icon, .cpe_stroke_icon {
+  background: url(../../../../../images/SpriteSheets/NinjaSpriteSheet.png) transparent no-repeat top left !important;
+  background-position: -240px -27px !important;
+  border: none !important;
+  display: block;
+}
+
+/* line 119, colorpanelbase.scss */
+.cpe_stroke_icon:hover, .cpe_stroke_icon.selected, .cpe_stroke_icon:hover, .cpe_stroke_icon.selected {
+  background: url(../../../../../images/SpriteSheets/NinjaSpriteSheet.png) transparent no-repeat top left !important;
+  background-position: -270px -27px !important;
+  border: none !important;
+  display: block;
+}
+
+/* line 124, colorpanelbase.scss */
+.cp_modes {
+  float: right;
+  margin: 4px 6px 0px 0px;
+  min-width: 73px;
+}
+
+/* line 131, colorpanelbase.scss */
+.cp_modes button {
+  font-size: 14px;
+  line-height: 22px;
+  vertical-align: middle;
+  float: left;
+  background: none;
+  border: none;
+  margin: 0px;
+  padding: 0px;
+  color: #FFF;
+  text-shadow: 1px 1px 1px #000;
+  font-family: 'Droid Sans', sans-serif;
+}
+
+/* line 146, colorpanelbase.scss */
+.cp_modes button:hover {
+  cursor: pointer;
+  color: #CCC;
+}
+
+/* line 152, colorpanelbase.scss */
+.cp_rgb_mode, .cp_hsl_mode {
+  color: #888 !important;
+}
+
+/* line 157, colorpanelbase.scss */
+.cp_rgb_mode:hover {
+  color: #CCC !important;
+}
+
+/* line 162, colorpanelbase.scss */
+.cp_rgb_mode.selected {
+  color: #FFF !important;
+}
+
+/* line 167, colorpanelbase.scss */
+.cp_modes hr {
+  display: block;
+  float: left;
+  width: 2px;
+  height: 14px;
+  border: none;
+  clear: none;
+  background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0.5, #1d1d1d), color-stop(0.75, #424242));
+  margin: 4px 8px 0px 9px;
+}
+
+/* line 179, colorpanelbase.scss */
+.cp_options {
+  float: left;
+  margin: 56px 0px 0px -48px;
+}
+
+/* line 186, colorpanelbase.scss */
+.cp_options button {
+  width: 14px;
+  height: 15px;
+  overflow: hidden;
+  text-indent: -9999px;
+  float: left;
+  cursor: pointer;
+  margin: 0px 2px 0px 0px;
+  border: none;
+  opacity: .7;
+}
+
+/* line 199, colorpanelbase.scss */
+.cp_options button:hover {
+  background-position: 0px 1px;
+  opacity: 1;
+}
+
+/* line 205, colorpanelbase.scss */
+.cp_reset {
+  background: url(../img/icon_default.png) transparent no-repeat 0px 0px;
+}
+
+/* line 210, colorpanelbase.scss */
+.cp_nocolor {
+  background: url(../img/icon_nocolor.png) transparent no-repeat 0px 0px;
+}
+
+/* line 215, colorpanelbase.scss */
+.cp_swap {
+  background: url(../img/icon_swap.png) transparent no-repeat 0px 0px;
+}
+
+/* line 220, colorpanelbase.scss */
+.cp_sliders {
+  float: left;
+  width: 127px;
+  margin: 0px 0px 0px 0px;
+}
+
+/* line 227, colorpanelbase.scss */
+.cp_labels {
+  float: left;
+  margin: 0px 8px 2px 5px;
+  font-family: 'Droid Sans', sans-serif;