1 files changed, 151 insertions, 0 deletions

diff --git a/js/components/gradientpicker.reel/css/gradientpicker.scss b/js/components/gradientpicker.reel/css/gradientpicker.scss
new file mode 100755
index 00000000..83ae1092
--- /dev/null
+++ b/js/components/gradientpicker.reel/css/gradientpicker.scss
@@ -0,0 +1,151 @@
+@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> */
+
+input[type=radio], .gradientpicker .type .radio
+{
+        width: 10px;
+        height: 10px;
+        margin: 2px;
+        display: block;
+        float: left;
+        border-radius: 5px;
+        border: 1px solid #222;
+        background: -webkit-linear-gradient(top, #666666 0%,#333333 100%);
+}
+
+input[type=radio]:checked, .radio:checked, .gradientpicker .type .radio:checked
+{
+        border: 1px solid #000;
+        background: -webkit-radial-gradient(center, circle cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 15%, rgba(204,204,204,1) 30%, rgba(204,204,204,0.01) 31%), -webkit-linear-gradient(top, #666666 0%,#333333 100%);
+}
+
+.gradientpicker
+{
+}
+
+.gradientpicker .type
+{
+
+}
+
+.gradientpicker .type input
+{
+
+}
+
+.gradientpicker .type label
+{
+        display: block;
+        float: left;
+        margin: 0px 0px 0px 1px;
+}
+
+.gradientpicker .type :nth-child(3)
+{
+        margin-left: 10px;
+}
+
+
+
+.gradientpicker .type, .gradientpicker .cp_gp_slider
+{
+        overflow: visible;
+}
+
+.gradientpicker .cp_gp_slider
+{
+        float: left;
+        clear: both;
+}
+
+.gradientpicker .cp_gp_slider .track_container
+{
+        width: 187px;
+        height: 20px;
+        margin: 6px 0px 0px 6px;
+        border: 1px solid #333;
+        background: url(../../../../images/colorpanel/transparent.png) repeat;
+        float: left;
+        clear: both;
+}
+
+.gradientpicker .cp_gp_slider .track
+{
+        width: 187px;
+        height: 20px;
+        cursor: crosshair;
+}
+
+.gradientpicker .cp_gp_slider .cover
+{
+        overflow: hidden;
+        width: 202px;
+        height: 22px;
+        float: left;
+        position: absolute;
+        bottom: 12px;
+        z-index: 20;
+        display: none;
+}
+
+.gradientpicker .cp_gp_slider .chips
+{
+        overflow: hidden;
+        width: 202px;
+        height: 22px;
+        float: left; 
+        clear: both;
+        position: relative;
+        z-index: 1;
+}
+
+.gradientpicker .cp_gp_slider .chips div
+{
+        width: 14px;
+        position: absolute;
+        top: 3px;
+        cursor: pointer;
+}
+
+.gradientpicker .cp_gp_slider .chips span
+{
+        display: block;
+        width: 8px;
+        height: 8px;
+        background: #333;
+        margin: 0px 0px -4px 3px;
+        -webkit-transform: rotate(45deg);
+        float: left;
+        position: relative;
+        cursor: pointer;
+}
+
+.gradientpicker .cp_gp_slider .chips button
+{
+        display: block;
+        width: 14px;
+        height: 14px;
+        border: 1px solid #333;
+        padding: 0;
+        margin: 0;
+        background: #FFF;
+        float: left;
+        position: relative;
+        cursor: pointer;
+}
+
+.gradientpicker .cp_gp_slider .chips div div
+{
+        display: block;
+        width: 14px;
+        height: 14px;
+        float: left;
+        top: 0px;
+        position: relative;
+        cursor: pointer;
+        background: url(../../../../images/colorpanel/transparent.png) repeat;
+}
\ No newline at end of file