aboutsummaryrefslogtreecommitdiff
path: root/node_modules/montage/ui/button.reel/button.css
diff options
context:
space:
mode:
Diffstat (limited to 'node_modules/montage/ui/button.reel/button.css')
-rwxr-xr-xnode_modules/montage/ui/button.reel/button.css386
1 files changed, 386 insertions, 0 deletions
diff --git a/node_modules/montage/ui/button.reel/button.css b/node_modules/montage/ui/button.reel/button.css
new file mode 100755
index 00000000..acf938cc
--- /dev/null
+++ b/node_modules/montage/ui/button.reel/button.css
@@ -0,0 +1,386 @@
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;
223 border: 1px solid #acacac;
224}
225
226.montage-button.cancel.disabled {
227 -webkit-box-shadow: none;
228 background: none;
229 color: #969696;
230 border: 1px solid transparent;
231}
232