diff options
Diffstat (limited to 'js/panels/color/colorpanelpopup.reel/css/colorpanelpopup.scss')
-rwxr-xr-x | js/panels/color/colorpanelpopup.reel/css/colorpanelpopup.scss | 203 |
1 files changed, 102 insertions, 101 deletions
diff --git a/js/panels/color/colorpanelpopup.reel/css/colorpanelpopup.scss b/js/panels/color/colorpanelpopup.reel/css/colorpanelpopup.scss index 32cc0fbf..acb08f34 100755 --- a/js/panels/color/colorpanelpopup.reel/css/colorpanelpopup.scss +++ b/js/panels/color/colorpanelpopup.reel/css/colorpanelpopup.scss | |||
@@ -1,25 +1,26 @@ | |||
1 | @charset "UTF-8"; | 1 | @charset "UTF-8"; |
2 | /* <copyright> | 2 | /* <copyright> |
3 | Copyright (c) 2012, Motorola Mobility, Inc | 3 | Copyright (c) 2012, Motorola Mobility LLC. |
4 | All Rights Reserved. | 4 | All Rights Reserved. |
5 | BSD License. | ||
6 | 5 | ||
7 | Redistribution and use in source and binary forms, with or without | 6 | Redistribution and use in source and binary forms, with or without |
8 | modification, are permitted provided that the following conditions are met: | 7 | modification, are permitted provided that the following conditions are met: |
9 | 8 | ||
10 | - Redistributions of source code must retain the above copyright notice, | 9 | * Redistributions of source code must retain the above copyright notice, |
11 | this list of conditions and the following disclaimer. | 10 | this list of conditions and the following disclaimer. |
12 | - Redistributions in binary form must reproduce the above copyright | 11 | |
13 | notice, this list of conditions and the following disclaimer in the | 12 | * Redistributions in binary form must reproduce the above copyright notice, |
14 | documentation and/or other materials provided with the distribution. | 13 | this list of conditions and the following disclaimer in the documentation |
15 | - Neither the name of Motorola Mobility nor the names of its contributors | 14 | and/or other materials provided with the distribution. |
16 | may be used to endorse or promote products derived from this software | 15 | |
17 | without specific prior written permission. | 16 | * Neither the name of Motorola Mobility LLC nor the names of its |
17 | contributors may be used to endorse or promote products derived from this | ||
18 | software without specific prior written permission. | ||
18 | 19 | ||
19 | THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" | 20 | THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" |
20 | AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE | 21 | AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE |
21 | IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE | 22 | IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE |
22 | ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE | 23 | ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE |
23 | LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR | 24 | LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR |
24 | CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF | 25 | CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF |
25 | SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS | 26 | SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS |
@@ -34,62 +35,62 @@ $grey_light: #494949; | |||
34 | 35 | ||
35 | .cpp_popup | 36 | .cpp_popup |
36 | { | 37 | { |
37 | overflow: hidden; | 38 | overflow: hidden; |
38 | font-size: 12px; | 39 | font-size: 12px; |
39 | text-shadow: 1px 1px 1px #000; | 40 | text-shadow: 1px 1px 1px #000; |
40 | font-family: 'Droid Sans', sans-serif; | 41 | font-family: 'Droid Sans', sans-serif; |
41 | } | 42 | } |
42 | 43 | ||
43 | .cp_pu_options | 44 | .cp_pu_options |
44 | { | 45 | { |
45 | float: left; | 46 | float: left; |
46 | clear: both; | 47 | clear: both; |
47 | width: 100%; | 48 | width: 100%; |
48 | } | 49 | } |
49 | 50 | ||
50 | .cp_pu_options button | 51 | .cp_pu_options button |
51 | { | 52 | { |
52 | display: block; | 53 | display: block; |
53 | width: 16px; | 54 | width: 16px; |
54 | height: 16px; | 55 | height: 16px; |
55 | margin: 4px 0px 2px 2px; | 56 | margin: 4px 0px 2px 2px; |
56 | text-indent: -9999px; | 57 | text-indent: -9999px; |
57 | overflow: hidden; | 58 | overflow: hidden; |
58 | float: right; | 59 | float: right; |
59 | padding: 0; | 60 | padding: 0; |
60 | cursor: pointer; | 61 | cursor: pointer; |
61 | border: 1px solid transparent; | 62 | border: 1px solid transparent; |
62 | } | 63 | } |
63 | 64 | ||
64 | .cp_pu_options button:hover | 65 | .cp_pu_options button:hover |
65 | { | 66 | { |
66 | border: 1px solid #FFF; | 67 | border: 1px solid #FFF; |
67 | box-shadow: 0px 0px 4px #000; | 68 | box-shadow: 0px 0px 4px #000; |
68 | } | 69 | } |
69 | 70 | ||
70 | .cp_pu_wheel | 71 | .cp_pu_wheel |
71 | { | 72 | { |
72 | background: url(../img/icon_colorwheel.png) no-repeat transparent top left; | 73 | background: url(../img/icon_colorwheel.png) no-repeat transparent top left; |
73 | } | 74 | } |
74 | 75 | ||
75 | .cp_pu_images | 76 | .cp_pu_images |
76 | { | 77 | { |
77 | background: url(../img/icon_bitmap.png) no-repeat #000 top left; | 78 | background: url(../img/icon_bitmap.png) no-repeat #000 top left; |
78 | } | 79 | } |
79 | 80 | ||
80 | .cp_pu_gradients | 81 | .cp_pu_gradients |
81 | { | 82 | { |
82 | background: url(../img/icon_gradient.png) no-repeat #000 top left; | 83 | background: url(../img/icon_gradient.png) no-repeat #000 top left; |
83 | } | 84 | } |
84 | 85 | ||
85 | .cp_pu_palettes | 86 | .cp_pu_palettes |
86 | { | 87 | { |
87 | background: url(../img/icon_palette.jpg) no-repeat #000 -1px -1px; | 88 | background: url(../img/icon_palette.jpg) no-repeat #000 -1px -1px; |
88 | } | 89 | } |
89 | 90 | ||
90 | .cp_pu_nocolor | 91 | .cp_pu_nocolor |
91 | { | 92 | { |
92 | background: url(../img/icon_nofill.png) no-repeat #000 top left; | 93 | background: url(../img/icon_nofill.png) no-repeat #000 top left; |
93 | } | 94 | } |
94 | 95 | ||
95 | .cp_pu_history { | 96 | .cp_pu_history { |
@@ -113,14 +114,14 @@ $grey_light: #494949; | |||
113 | 114 | ||
114 | .cp_pu_history button:hover | 115 | .cp_pu_history button:hover |
115 | { | 116 | { |
116 | border: solid 1px #000 !important; | 117 | border: solid 1px #000 !important; |
117 | box-shadow: none !important; | 118 | box-shadow: none !important; |
118 | } | 119 | } |
119 | 120 | ||
120 | .cp_pu_hex | 121 | .cp_pu_hex |
121 | { | 122 | { |
122 | float: left; | 123 | float: left; |
123 | margin: 3px 2px 0px 6px; | 124 | margin: 3px 2px 0px 6px; |
124 | } | 125 | } |
125 | 126 | ||
126 | .cp_pu_hex input { | 127 | .cp_pu_hex input { |
@@ -150,115 +151,115 @@ $grey_light: #494949; | |||
150 | 151 | ||
151 | .cp_pu_content | 152 | .cp_pu_content |
152 | { | 153 | { |
153 | float: left; | 154 | float: left; |
154 | clear: both; | 155 | clear: both; |
155 | width: 100%; | 156 | width: 100%; |
156 | margin: 6px 0px; | 157 | margin: 6px 0px; |
157 | } | 158 | } |
158 | 159 | ||
159 | .cp_pu_content div.cp_pu_content_container | 160 | .cp_pu_content div.cp_pu_content_container |
160 | { | 161 | { |
161 | display: none; | 162 | display: none; |
162 | } | 163 | } |
163 | 164 | ||
164 | .cp_pu_alpha | 165 | .cp_pu_alpha |
165 | { | 166 | { |
166 | float: left; | 167 | float: left; |
167 | clear: both; | 168 | clear: both; |
168 | width: 100%; | 169 | width: 100%; |
169 | margin: 0px; | 170 | margin: 0px; |
170 | } | 171 | } |
171 | 172 | ||
172 | .cp_pu_alpha .slider-track | 173 | .cp_pu_alpha .slider-track |
173 | { | 174 | { |
174 | background: none; | 175 | background: none; |
175 | } | 176 | } |
176 | 177 | ||
177 | .cp_pu_alpha .knob | 178 | .cp_pu_alpha .knob |
178 | { | 179 | { |
179 | background: url(../img/knob.png) no-repeat transparent center center; | 180 | background: url(../img/knob.png) no-repeat transparent center center; |
180 | } | 181 | } |
181 |