diff options
Diffstat (limited to 'js/panels/color/colorpanelbase.reel/css/colorpanelbase.scss')
-rwxr-xr-x | js/panels/color/colorpanelbase.reel/css/colorpanelbase.scss | 361 |
1 files changed, 181 insertions, 180 deletions
diff --git a/js/panels/color/colorpanelbase.reel/css/colorpanelbase.scss b/js/panels/color/colorpanelbase.reel/css/colorpanelbase.scss index 79461048..6ac6fafe 100755 --- a/js/panels/color/colorpanelbase.reel/css/colorpanelbase.scss +++ b/js/panels/color/colorpanelbase.reel/css/colorpanelbase.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 |
@@ -37,327 +38,327 @@ $sprite_stdbtn_spacing: 4; | |||
37 | 38 | ||
38 | @mixin sprite_background ($x, $y) | 39 | @mixin sprite_background ($x, $y) |
39 | { | 40 | { |
40 | background: url(../../../../../images/SpriteSheets/NinjaSpriteSheet.png) transparent no-repeat top left !important; | 41 | background: url(../../../../../images/SpriteSheets/NinjaSpriteSheet.png) transparent no-repeat top left !important; |
41 | background-position: $x*-1px $y*-1px !important; | 42 | background-position: $x*-1px $y*-1px !important; |
42 | border: none !important; | 43 | border: none !important; |
43 | display: block; | 44 | display: block; |
44 | } | 45 | } |
45 | 46 | ||
46 | .cp_expanded | 47 | .cp_expanded |
47 | { | 48 | { |
48 | font-size: 12px; | 49 | font-size: 12px; |
49 | text-shadow: 1px 1px 1px #000; | 50 | text-shadow: 1px 1px 1px #000; |
50 | color: #FFF; | 51 | color: #FFF; |
51 | } | 52 | } |
52 | 53 | ||
53 | .cp_expanded a:hover | 54 | .cp_expanded a:hover |
54 | { | 55 | { |
55 | color: #CCC; | 56 | color: #CCC; |
56 | } | 57 | } |
57 | 58 | ||
58 | .cp_expanded hr | 59 | .cp_expanded hr |
59 | { | 60 | { |
60 | float: left; | 61 | float: left; |
61 | clear: both; | 62 | clear: both; |
62 | width: 100%; | 63 | width: 100%; |
63 | display: block; | 64 | display: block; |
64 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, rgb(29,29,29)), color-stop(0.75, rgb(66,66,66))); | 65 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, rgb(29,29,29)), color-stop(0.75, rgb(66,66,66))); |
65 | border: none; | 66 | border: none; |
66 | height: 2px; | 67 | height: 2px; |
67 | margin: 4px 0px 4px 0px; | 68 | margin: 4px 0px 4px 0px; |
68 | } | 69 | } |
69 | 70 | ||
70 | .cp_history | 71 | .cp_history |
71 | { | 72 | { |
72 | float: left; | 73 | float: left; |
73 | margin: 4px 0px 0px 4px; | 74 | margin: 4px 0px 0px 4px; |
74 | background: url(../../../../../images/colorpanel/transparent.png) repeat; | 75 | background: url(../../../../../images/colorpanel/transparent.png) repeat; |
75 | } | 76 | } |
76 | 77 | ||
77 | .cp_history button | 78 | .cp_history button |
78 | { | 79 | { |
79 | 80 | ||
80 | width: 22px; | 81 | width: 22px; |
81 | height: 22px; | 82 | height: 22px; |
82 | overflow: hidden; | 83 | overflow: hidden; |
83 | text-indent: -9999px; | 84 | text-indent: -9999px; |
84 | background: #333; | 85 | background: #333; |
85 | float: left; | 86 | float: left; |
86 | border: solid 1px #000; | 87 | border: solid 1px #000; |
87 | cursor: pointer; | 88 | cursor: pointer; |
88 | margin: 0px -1px 0px 0px; | 89 | margin: 0px -1px 0px 0px; |
89 | padding: 0px 0px 0px 0px; | 90 | padding: 0px 0px 0px 0px; |
90 | } | 91 | } |
91 | 92 | ||
92 | .cp_expanded .cp_inputs | 93 | .cp_expanded .cp_inputs |
93 | { | 94 | { |
94 | float: left; | 95 | float: left; |
95 | margin: 0px 4px 0px 4px; | 96 | margin: 0px 4px 0px 4px; |
96 | } | 97 | } |
97 | 98 | ||
98 | 99 | ||
99 | .cp_expanded .cp_input_button | 100 | .cp_expanded .cp_input_button |
100 | { | 101 | { |
101 | background: url(../../../../../images/colorpanel/transparent.png) repeat; | 102 | background: url(../../../../../images/colorpanel/transparent.png) repeat; |
102 | float: left; | 103 | float: left; |
103 | clear: left; | 104 | clear: left; |
104 | margin: 0px 0px 6px 0px; | 105 | margin: 0px 0px 6px 0px; |
105 | } | 106 | } |
106 | 107 | ||
107 | .cp_expanded .cp_inputs button, .cpe_fill, .cpe_stroke, .cpe_fill_icon, .cpe_stroke_icon | 108 | .cp_expanded .cp_inputs button, .cpe_fill, .cpe_stroke, .cpe_fill_icon, .cpe_stroke_icon |
108 | { | 109 | { |
109 | 110 | ||
110 | width: 22px; | 111 | width: 22px; |
111 | height: 22px; | 112 | height: 22px; |
112 | overflow: hidden; | 113 | overflow: hidden; |
113 | text-indent: -9999px; | 114 | text-indent: -9999px; |
114 | padding: 0px 0px 0px 0px; | 115 | padding: 0px 0px 0px 0px; |
115 | display: block; | 116 | display: block; |
116 | float: left; | 117 | float: left; |
117 | cursor: pointer; | 118 | cursor: pointer; |
118 | } | 119 | } |
119 | 120 | ||
120 | .cpe_fill, .cpe_stroke | 121 | .cpe_fill, .cpe_stroke |
121 | { | 122 | { |
122 | clear: left; | 123 | clear: left; |
123 | background-color: #333; | 124 | background-color: #333; |
124 | border: solid 1px #000; | 125 | border: solid 1px #000; |
125 | } | 126 | } |
126 | 127 | ||
127 | .cpe_fill_icon, .cpe_fill_icon | 128 | .cpe_fill_icon, .cpe_fill_icon |
128 | { | 129 | { |
129 | @include sprite_background (($sprite_stdbtn_width+$sprite_stdbtn_spacing)*10, 0); | 130 | @include sprite_background (($sprite_stdbtn_width+$sprite_stdbtn_spacing)*10, 0); |
130 | } | 131 | } |
131 | 132 | ||
132 | .cpe_fill_icon:hover, .cpe_fill_icon.selected, .cpe_fill_icon:hover, .cpe_fill_icon.selected | 133 | .cpe_fill_icon:hover, .cpe_fill_icon.selected, .cpe_fill_icon:hover, .cpe_fill_icon.selected |
133 | { | 134 | { |
134 | @include sprite_background (($sprite_stdbtn_width+$sprite_stdbtn_spacing)*11, 0); | 135 | @include sprite_background (($sprite_stdbtn_width+$sprite_stdbtn_spacing)*11, 0); |
135 | } | 136 | } |
136 | 137 | ||
137 | .cpe_stroke_icon, .cpe_stroke_icon | 138 | .cpe_stroke_icon, .cpe_stroke_icon |
138 | { | 139 | { |
139 | @include sprite_background (($sprite_stdbtn_width+$sprite_stdbtn_spacing)*8, ($sprite_stdbtn_height+$sprite_stdbtn_spacing)*1); | 140 | @include sprite_background (($sprite_stdbtn_width+$sprite_stdbtn_spacing)*8, ($sprite_stdbtn_height+$sprite_stdbtn_spacing)*1); |
140 | } | 141 | } |
141 | 142 | ||
142 | .cpe_stroke_icon:hover, .cpe_stroke_icon.selected, .cpe_stroke_icon:hover, .cpe_stroke_icon.selected | 143 | .cpe_stroke_icon:hover, .cpe_stroke_icon.selected, .cpe_stroke_icon:hover, .cpe_stroke_icon.selected |
143 | { |