diff options
author | Pierre Frisch | 2011-12-22 07:25:50 -0800 |
---|---|---|
committer | Valerio Virgillito | 2012-01-27 11:18:17 -0800 |
commit | b89a7ee8b956c96a1dcee995ea840feddc5d4b27 (patch) | |
tree | 0f3136ab0ecdbbbed6a83576581af0a53124d6f1 /js/components/gradientpicker.reel/css/gradientpicker.css | |
parent | 2401f05d1f4b94d45e4568b81fc73e67b969d980 (diff) | |
download | ninja-b89a7ee8b956c96a1dcee995ea840feddc5d4b27.tar.gz |
First commit of Ninja to ninja-internal
Signed-off-by: Valerio Virgillito <rmwh84@motorola.com>
Diffstat (limited to 'js/components/gradientpicker.reel/css/gradientpicker.css')
-rw-r--r-- | js/components/gradientpicker.reel/css/gradientpicker.css | 134 |
1 files changed, 134 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 | } | ||