diff options
author | Valerio Virgillito | 2012-02-02 00:11:51 -0800 |
---|---|---|
committer | Valerio Virgillito | 2012-02-02 15:33:42 -0800 |
commit | a3024011a91d3941f81481dd4d600e9684eb0fd4 (patch) | |
tree | 084b4856910f1db53973dd11617f7ffa03a6dd46 /node_modules/montage/ui/button.reel | |
parent | 97255032921178bdfbc25512ddf3e0867e353f7a (diff) | |
download | ninja-a3024011a91d3941f81481dd4d600e9684eb0fd4.tar.gz |
upgrading to Montage v0.6
Signed-off-by: Valerio Virgillito <valerio@motorola.com>
Diffstat (limited to 'node_modules/montage/ui/button.reel')
-rwxr-xr-x | node_modules/montage/ui/button.reel/button.css | 386 | ||||
-rwxr-xr-x | node_modules/montage/ui/button.reel/button.html | 26 | ||||
-rw-r--r--[-rwxr-xr-x] | node_modules/montage/ui/button.reel/button.js | 655 |
3 files changed, 165 insertions, 902 deletions
diff --git a/node_modules/montage/ui/button.reel/button.css b/node_modules/montage/ui/button.reel/button.css deleted file mode 100755 index acf938cc..00000000 --- a/node_modules/montage/ui/button.reel/button.css +++ /dev/null | |||
@@ -1,386 +0,0 @@ | |||
1 | /* <copyright> | ||
2 | This file contains proprietary software owned by Motorola Mobility, Inc.<br/> | ||
3 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> | ||
4 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | ||
5 | </copyright> */ | ||
6 | @-webkit-keyframes montage-button-light-busy { | ||
7 | 0% { | ||
8 | background-color: #ccc; | ||
9 | } | ||
10 | 50% { | ||
11 | background-color: #e6e6e6; | ||
12 | } | ||
13 | 100% { | ||
14 | background-color: #ccc; | ||
15 | } | ||
16 | } | ||
17 | @-webkit-keyframes montage-button-dark-busy { | ||
18 | 0% { | ||
19 | background-color: #404040; | ||
20 | color: #a0a0a0; | ||
21 | } | ||
22 | 50% { | ||
23 | background-color: #505050; | ||
24 | color: #bbb; | ||
25 | } | ||
26 | 100% { | ||
27 | background-color: #404040; | ||
28 | color: #a0a0a0; | ||
29 | } | ||
30 | } | ||
31 | .montage-button.busy { | ||
32 | -webkit-animation-delay: 100ms !important; | ||
33 | } | ||
34 | |||
35 | .montage-button.text:before { | ||
36 | content: ""; | ||
37 | position: absolute; | ||
38 | left: -1px; | ||
39 | right: -1px; | ||
40 | top: -1px; | ||
41 | bottom: -1px; | ||
42 | border: 1px solid rgba(0,0,0,.25); | ||
43 | border-radius: 26px; | ||
44 | -webkit-box-shadow: 0 1px rgba(255,255,255,.4), 0 -1px rgba(0,0,0,.1); | ||
45 | } | ||
46 | |||
47 | .montage-button.text { | ||
48 | outline: none; | ||
49 | position: relative; | ||
50 | left: 1px; | ||
51 | top: 1px; | ||
52 | cursor: pointer; | ||
53 | -webkit-user-select: none; | ||
54 | display: inline-block; | ||
55 | padding: 2px 32px 0 32px; | ||
56 | height: 48px; | ||
57 | border-radius: 26px; | ||
58 | background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6)), #E6E6E6; | ||
59 | font-family: "AG Buch BQ Regular", "AG Buch BQ", Helvetica, Arial, sans-serif; | ||
60 | text-align: center; | ||
61 | line-height: 48px; | ||
62 | font-size: 18px; | ||
63 | color: #000; | ||
64 | -webkit-transition: background 150ms; | ||
65 | } | ||
66 | |||
67 | .montage-button.text:active, .montage-button.text.busy { | ||
68 | background: #ccc; | ||
69 | } | ||
70 | |||
71 | .montage-button.text.busy { | ||
72 | -webkit-animation: montage-button-light-busy 1.1s infinite; | ||
73 | -webkit-animation-timing-function: ease-in-out; | ||
74 | cursor: default; | ||
75 | } | ||
76 | |||
77 | .montage-button.text.disabled:before { | ||
78 | -webkit-box-shadow: none; | ||
79 | } | ||
80 | |||
81 | .montage-button.text.disabled { | ||
82 | background: none; | ||
83 | color: #969696; | ||
84 | } | ||
85 | |||
86 | .montage-button.submit:before { | ||
87 | content: ""; | ||
88 | position: absolute; | ||
89 | left: -4px; | ||
90 | right: -4px; | ||
91 | top: -4px; | ||
92 | bottom: -4px; | ||
93 | border: 2px solid #0cbeff; | ||
94 | border-radius: 26px; | ||
95 | -webkit-box-shadow: 0 1px rgba(255,255,255,.4), 0 -1px rgba(0,0,0,.1); | ||
96 | } | ||
97 | |||
98 | .montage-button.submit:after { | ||
99 | content: ""; | ||
100 | position: absolute; | ||
101 | left: -4px; | ||
102 | right: -4px; | ||
103 | top: -4px; | ||
104 | bottom: -4px; | ||
105 | border-radius: 26px; | ||
106 | -webkit-box-shadow: inset 0 1px 2px #066283, inset 0 1px 2px #066283; | ||
107 | } | ||
108 | |||
109 | .montage-button.submit { | ||
110 | outline: none; | ||
111 | position: relative; | ||
112 | left: 1px; | ||
113 | top: 1px; | ||
114 | margin: 2px; | ||
115 | cursor: pointer; | ||
116 | -webkit-user-select: none; | ||
117 | display: inline-block; | ||
118 | padding: 2px 31px 0 31px; | ||
119 | height: 40px; | ||
120 | border: 1px solid #f3f3f3; | ||
121 | border-radius: 26px; | ||
122 | background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6)), #E6E6E6; | ||
123 | font-family: "AG Buch BQ Regular", "AG Buch BQ", Helvetica, Arial, sans-serif; | ||
124 | line-height: 40px; | ||
125 | font-size: 18px; | ||
126 | color: #0f9ed2; | ||
127 | -webkit-transition-duration: 150ms; | ||
128 | -webkit-transition-property: background, color; | ||
129 | -webkit-box-shadow: 0 1px 0 #0988b7, 0 2px 0 #0988b7, 0 -2px 0 #0988b7, -2px 0 0 #0988b7, 2px 0 0 #0988b7; | ||
130 | } | ||
131 | |||
132 | .montage-button.submit:active, .montage-button.submit.busy { | ||
133 | border: 1px solid #0988b7; | ||
134 | color: #666; | ||
135 | -webkit-box-shadow: 0 1px 0 #afeaff, 0 2px 0 #0cbeff, 0 -2px 0 #0cbeff, -2px 0 0 #0cbeff, 2px 0 0 #0cbeff; | ||
136 | background: #ccc; | ||
137 | } | ||
138 | |||
139 | .montage-button.submit.disabled:before { | ||
140 | -webkit-box-shadow: none; | ||
141 | border: 1px solid #acacac; | ||
142 | } | ||
143 | |||
144 | .montage-button.submit.disabled { | ||
145 | -webkit-box-shadow: none; | ||
146 | background: none; | ||
147 | color: #969696; | ||
148 | border: 1px solid transparent; | ||
149 | } | ||
150 | |||
151 | .montage-button.submit.disabled:after { | ||
152 | -webkit-box-shadow: none; | ||
153 | } | ||
154 | |||
155 | .montage-button.submit.busy { | ||
156 | -webkit-animation: montage-button-light-busy 1.1s infinite; | ||
157 | -webkit-animation-timing-function: ease-in-out; | ||
158 | cursor: default; | ||
159 | } | ||
160 | |||
161 | .montage-button.cancel:before { | ||
162 | content: ""; | ||
163 | position: absolute; | ||
164 | left: -4px; | ||
165 | right: -4px; | ||
166 | top: -4px; | ||
167 | bottom: -4px; | ||
168 | border: 2px solid #dc4d48; | ||
169 | border-radius: 26px; | ||
170 | -webkit-box-shadow: 0 1px rgba(255,255,255,.4), 0 -1px rgba(0,0,0,.1); | ||
171 | } | ||
172 | |||
173 | .montage-button.cancel:after { | ||
174 | content: ""; | ||
175 | position: absolute; | ||
176 | left: -4px; | ||
177 | right: -4px; | ||
178 | top: -4px; | ||
179 | bottom: -4px; | ||
180 | border-radius: 26px; | ||
181 | -webkit-box-shadow: inset 0 1px 2px #742b28, inset 0 1px 2px #742b28; | ||
182 | opacity: .8; | ||
183 | } | ||
184 | |||
185 | .montage-button.cancel { | ||
186 | outline: none; | ||
187 | position: relative; | ||
188 | left: 1px; | ||
189 | top: 1px; | ||
190 | margin: 2px; | ||
191 | cursor: pointer; | ||
192 | -webkit-user-select: none; | ||
193 | display: inline-block; | ||
194 | padding: 2px 31px 0 31px; | ||
195 | height: 40px; | ||
196 | border: 1px solid #f3f3f3; | ||
197 | border-radius: 26px; | ||
198 | background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6)), #E6E6E6; | ||
199 | font-family: "AG Buch BQ Regular", "AG Buch BQ", Helvetica, Arial, sans-serif; | ||
200 | line-height: 40px; | ||
201 | font-size: 18px; | ||
202 | color: #d23f3a; | ||
203 | -webkit-transition-duration: 150ms; | ||
204 | -webkit-transition-property: background, color; | ||
205 | -webkit-box-shadow: 0 1px 0 #dc4d48, 0 2px 0 #a9403a, 0 -2px 0 #a9403a, -2px 0 0 #a9403a, 2px 0 0 #a9403a; | ||
206 | } | ||
207 | |||
208 | .montage-button.cancel:active, .montage-button.cancel.busy { | ||
209 | border: 1px solid #a9403a; | ||
210 | color: #666; | ||
211 | -webkit-box-shadow: 0 1px 0 #f5c7c5, 0 2px 0 #dc4d48, 0 -2px 0 #dc4d48, -2px 0 0 #dc4d48, 2px 0 0 #dc4d48; | ||
212 | background: #ccc; | ||
213 | } | ||
214 | |||
215 | .montage-button.cancel.busy { | ||
216 | -webkit-animation: montage-button-light-busy 1.1s infinite; | ||
217 | -webkit-animation-timing-function: ease-in-out; | ||
218 | cursor: default; | ||
219 | } | ||
220 | |||
221 | .montage-button.cancel.disabled:before { | ||
222 | -webkit-box-shadow: none; | ||