diff options
Diffstat (limited to 'js/components/gradientpicker.reel/css')
-rw-r--r-- | js/components/gradientpicker.reel/css/gradientpicker.css | 134 | ||||
-rwxr-xr-x | js/components/gradientpicker.reel/css/gradientpicker.scss | 151 |
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 */ | ||
8 | input[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 */ | ||
20 | input[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 | |||
8 | input[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 | |||
20 | input[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 |