aboutsummaryrefslogtreecommitdiff
path: root/js/components/gradientpicker.reel/css
diff options
context:
space:
mode:
Diffstat (limited to 'js/components/gradientpicker.reel/css')
-rw-r--r--js/components/gradientpicker.reel/css/gradientpicker.css134
-rwxr-xr-xjs/components/gradientpicker.reel/css/gradientpicker.scss151
2 files changed, 285 insertions, 0 deletions
diff --git a/js/components/gradientpicker.reel/css/gradientpicker.css b/js/components/gradientpicker.reel/css/gradientpicker.css
new file mode 100644
index 00000000..549725c9
--- /dev/null
+++ b/js/components/gradientpicker.reel/css/gradientpicker.css
@@ -0,0 +1,134 @@
1@charset "UTF-8";
2/* <copyright>
3 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
4 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
5 (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
6 </copyright> */
7/* line 9, gradientpicker.scss */
8input[type=radio], .gradientpicker .type .radio {
9 width: 10px;
10 height: 10px;
11 margin: 2px;
12 display: block;
13 float: left;
14 border-radius: 5px;
15 border: 1px solid #222;
16 background: -webkit-linear-gradient(top, #666666 0%, #333333 100%);
17}
18
19/* line 21, gradientpicker.scss */
20input[type=radio]:checked, .radio:checked, .gradientpicker .type .radio:checked {
21 border: 1px solid #000;
22 background: -webkit-radial-gradient(center, circle cover, white 0%, white 15%, #cccccc 30%, rgba(204, 204, 204, 0.01) 31%), -webkit-linear-gradient(top, #666666 0%, #333333 100%);
23}
24
25/* line 41, gradientpicker.scss */
26.gradientpicker .type label {
27 display: block;
28 float: left;
29 margin: 0px 0px 0px 1px;
30}
31
32/* line 48, gradientpicker.scss */
33.gradientpicker .type :nth-child(3) {
34 margin-left: 10px;
35}
36
37/* line 55, gradientpicker.scss */
38.gradientpicker .type, .gradientpicker .cp_gp_slider {
39 overflow: visible;
40}
41
42/* line 60, gradientpicker.scss */
43.gradientpicker .cp_gp_slider {
44 float: left;
45 clear: both;
46}
47
48/* line 66, gradientpicker.scss */
49.gradientpicker .cp_gp_slider .track_container {
50 width: 187px;
51 height: 20px;
52 margin: 6px 0px 0px 6px;
53 border: 1px solid #333;
54 background: url(../../../../images/colorpanel/transparent.png) repeat;
55 float: left;
56 clear: both;
57}
58
59/* line 77, gradientpicker.scss */
60.gradientpicker .cp_gp_slider .track {
61 width: 187px;
62 height: 20px;
63 cursor: crosshair;
64}
65
66/* line 84, gradientpicker.scss */
67.gradientpicker .cp_gp_slider .cover {
68 overflow: hidden;
69 width: 202px;
70 height: 22px;
71 float: left;
72 position: absolute;
73 bottom: 12px;
74 z-index: 20;
75 display: none;
76}
77
78/* line 96, gradientpicker.scss */
79.gradientpicker .cp_gp_slider .chips {
80 overflow: hidden;
81 width: 202px;
82 height: 22px;
83 float: left;
84 clear: both;
85 position: relative;
86 z-index: 1;
87}
88
89/* line 107, gradientpicker.scss */
90.gradientpicker .cp_gp_slider .chips div {
91 width: 14px;
92 position: absolute;
93 top: 3px;
94 cursor: pointer;
95}
96
97/* line 115, gradientpicker.scss */
98.gradientpicker .cp_gp_slider .chips span {
99 display: block;
100 width: 8px;
101 height: 8px;
102 background: #333;
103 margin: 0px 0px -4px 3px;
104 -webkit-transform: rotate(45deg);
105 float: left;
106 position: relative;
107 cursor: pointer;
108}
109
110/* line 128, gradientpicker.scss */
111.gradientpicker .cp_gp_slider .chips button {
112 display: block;
113 width: 14px;
114 height: 14px;
115 border: 1px solid #333;
116 padding: 0;
117 margin: 0;
118 background: #FFF;
119 float: left;
120 position: relative;
121 cursor: pointer;
122}
123
124/* line 142, gradientpicker.scss */
125.gradientpicker .cp_gp_slider .chips div div {
126 display: block;
127 width: 14px;
128 height: 14px;
129 float: left;
130 top: 0px;
131 position: relative;
132 cursor: pointer;
133 background: url(../../../../images/colorpanel/transparent.png) repeat;
134}
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 @@
1@charset "UTF-8";
2/* <copyright>
3 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
4 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
5 (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
6 </copyright> */
7
8input[type=radio], .gradientpicker .type .radio
9{
10 width: 10px;
11 height: 10px;
12 margin: 2px;
13 display: block;
14 float: left;
15 border-radius: 5px;
16 border: 1px solid #222;
17 background: -webkit-linear-gradient(top, #666666 0%,#333333 100%);
18}
19
20input[type=radio]:checked, .radio:checked, .gradientpicker .type .radio:checked
21{
22 border: 1px solid #000;
23 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%);
24}
25
26.gradientpicker
27{
28}
29
30.gradientpicker .type
31{
32
33}
34
35.gradientpicker .type input
36{
37
38}
39
40.gradientpicker .type label
41{
42 display: block;
43 float: left;
44 margin: 0px 0px 0px 1px;
45}
46
47.gradientpicker .type :nth-child(3)
48{
49 margin-left: 10px;
50}
51
52
53
54.gradientpicker .type, .gradientpicker .cp_gp_slider
55{
56 overflow: visible;
57}
58
59.gradientpicker .cp_gp_slider
60{
61 float: left;
62 clear: both;
63}
64
65.gradientpicker .cp_gp_slider .track_container
66{
67 width: 187px;
68 height: 20px;
69 margin: 6px 0px 0px 6px;
70 border: 1px solid #333;
71 background: url(../../../../images/colorpanel/transparent.png) repeat;
72 float: left;
73 clear: both;
74}
75
76.gradientpicker .cp_gp_slider .track
77{
78 width: 187px;
79 height: 20px;
80 cursor: crosshair;
81}
82
83.gradientpicker .cp_gp_slider .cover
84{
85 overflow: hidden;
86 width: 202px;
87 height: 22px;
88 float: left;
89 position: absolute;
90 bottom: 12px;