(empty log message)
@@ -1,641 +0,0 @@ | ||
1 | -/** | |
2 | - * 画面全体のカラーテーマを定義するスタイルシートです。<br> | |
3 | - * <p> | |
4 | - * 画面レイアウトやコンポーネントスタイル等の定義は行いません。<br> | |
5 | - * アプリケーション開発時にここで提供する各種スタイルをそのまま利用することも可能でが、 | |
6 | - * 多くの場合はアプリケーションに特化したカスタムテーマスタイルを当定義を流用して定義します。 | |
7 | - * </p> | |
8 | - * | |
9 | - * @author Kitagawa<br> | |
10 | - * | |
11 | - *<!-- | |
12 | - * 更新日 更新者 更新内容 | |
13 | - * 2013/07/31 Kitagawa 新規作成 | |
14 | - *--> | |
15 | - */ | |
16 | -/* | |
17 | - * コンポーネントカラー定義 | |
18 | - */ | |
19 | -body { color: #333333; } | |
20 | -input[type=text], | |
21 | -input[type=password], | |
22 | -input[type=file], | |
23 | -textarea, | |
24 | -select { | |
25 | - background-color: #ffffff; | |
26 | - border: 1px #cccccc solid !important; | |
27 | - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
28 | - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
29 | - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
30 | - -webkit-transition: border linear .2s, box-shadow linear .2s; | |
31 | - -moz-transition: border linear .2s, box-shadow linear .2s; | |
32 | - -ms-transition: border linear .2s, box-shadow linear .2s; | |
33 | - -o-transition: border linear .2s, box-shadow linear .2s; | |
34 | - transition: border linear .2s, box-shadow linear .2s; | |
35 | -} | |
36 | -input[type=text]:focus, | |
37 | -input[type=password]:focus, | |
38 | -input[type=file]:focus, | |
39 | -textarea:focus, | |
40 | -select:focus { | |
41 | - background: #ffffdd !important; | |
42 | - border: 1px #ffaa00 solid !important; | |
43 | -} | |
44 | -input[type=text][readonly], | |
45 | -input[type=password][readonly], | |
46 | -input[type=file][readonly], | |
47 | -textarea[readonly], | |
48 | -select[readonly] { | |
49 | - background: #ececec !important; | |
50 | - border: 1px #cccccc solid !important; | |
51 | -} | |
52 | -input[type=text]:disabled, | |
53 | -input[type=password]:disabled, | |
54 | -input[type=file]:disabled, | |
55 | -textarea:disabled, | |
56 | -select:disabled { | |
57 | - background: #ececec !important; | |
58 | - border: 1px #cccccc solid !important; | |
59 | -} | |
60 | -input[type=button], | |
61 | -input[type=submit], | |
62 | -input[type=reset], | |
63 | -button { | |
64 | - background-color: #f2f2f2; | |
65 | - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f3f1f1)); | |
66 | - background-image: -webkit-linear-gradient(#ffffff, #f3f1f1); | |
67 | - background-image: -moz-linear-gradient(#ffffff, #f3f1f1); | |
68 | - background-image: -o-linear-gradient(#ffffff, #f3f1f1); | |
69 | - background-image: linear-gradient(#ffffff, #f3f1f1); | |
70 | - -webkit-box-shadow: inset 0 0 3px #ffffff; | |
71 | - -moz-box-shadow: inset 0 0 3px #ffffff; | |
72 | - box-shadow: inset 0 0 3px #ffffff; | |
73 | - text-shadow: 0 1px 1px #ffffff; | |
74 | - color: #555555; border: 1px solid #cccccc; | |
75 | -} | |
76 | -input[type=button]:hover,input[type=button]:focus, | |
77 | -input[type=submit]:hover,input[type=submit]:focus, | |
78 | -input[type=reset]:hover,input[type=reset]:focus, | |
79 | -button:hover,button:focus { | |
80 | - background-color: #ffffff; | |
81 | - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff)); | |
82 | - background-image: -webkit-linear-gradient(#ffffff, #ffffff); | |
83 | - background-image: -moz-linear-gradient(#ffffff, #ffffff); | |
84 | - background-image: -o-linear-gradient(#ffffff, #ffffff); | |
85 | - background-image: linear-gradient(#ffffff, #ffffff); | |
86 | - -webkit-box-shadow: inset 0 0 3px #ffffff; | |
87 | - -moz-box-shadow: inset 0 0 3px #ffffff; | |
88 | - box-shadow: inset 0 0 3px #ffffff; | |
89 | - text-shadow: 0 1px 1px #ffffff; | |
90 | - border: 1px solid #d9d9d9; | |
91 | -} | |
92 | -input[type=button]:active, | |
93 | -input[type=submit]:active, | |
94 | -input[type=reset]:active, | |
95 | -button:active { | |
96 | - background-color: #c1c1c1; | |
97 | - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #eeeeee)); | |
98 | - background-image: -webkit-linear-gradient(#eeeeee, #eeeeee); | |
99 | - background-image: -moz-linear-gradient(#eeeeee, #eeeeee); | |
100 | - background-image: -o-linear-gradient(#eeeeee, #eeeeee); | |
101 | - background-image: linear-gradient(#eeeeee, #eeeeee); | |
102 | - -webkit-box-shadow: inset 0 0 3px #ffffff; | |
103 | - -moz-box-shadow: inset 0 0 3px #ffffff; | |
104 | - box-shadow: inset 0 0 3px #ffffff; | |
105 | - text-shadow: 0 1px 1px #ffffff; | |
106 | - border: 1px solid #d9d9d9; | |
107 | -} | |
108 | -input[type=button]:disabled, | |
109 | -input[type=submit]:disabled, | |
110 | -input[type=reset]:disabled, | |
111 | -button:disabled { | |
112 | - background-color: #d4d4d4; | |
113 | - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #aeb3b6), color-stop(100%, #d4d4d4)); | |
114 | - background-image: -webkit-linear-gradient(#aeb3b6, #d4d4d4); | |
115 | - background-image: -moz-linear-gradient(#aeb3b6, #d4d4d4); | |
116 | - background-image: -o-linear-gradient(#aeb3b6, #d4d4d4); | |
117 | - background-image: linear-gradient(#aeb3b6, #d4d4d4); | |
118 | - -webkit-box-shadow: inset 0 0 3px #d4d4d4; | |
119 | - -moz-box-shadow: inset 0 0 3px #d4d4d4; | |
120 | - box-shadow: inset 0 0 3px #d4d4d4; | |
121 | - text-shadow: 0 1px 1px #d4d4d4; | |
122 | - color: #a1a1a1; border: 1px solid #b1b1b1; | |
123 | -} | |
124 | - | |
125 | -/* | |
126 | - * パネルカラー | |
127 | - */ | |
128 | -.color-bg-01 { background-color: #1abc9c; color: #ffffff; } | |
129 | -.color-bg-01-dk { background-color: #16a085; color: #ffffff; } | |
130 | -.color-bg-01-dkn { background-color: #00583d; color: #ffffff; } | |
131 | -.color-st-01-1 { color: #70fadf; } | |
132 | -.color-st-01-2 { color: #74ccb1; } | |
133 | -.color-bg-02 { background-color: #2ecc71; color: #ffffff; } | |
134 | -.color-bg-02-dk { background-color: #27ae60; color: #ffffff; } | |
135 | -.color-bg-02-dkn { background-color: #006416; color: #ffffff; } | |
136 | -.color-st-02-1 { color: #7dffb6; } | |
137 | -.color-st-02-2 { color: #72d688; } | |
138 | -.color-bg-03 { background-color: #3498db; color: #ffffff; } | |
139 | -.color-bg-03-dk { background-color: #2980b9; color: #ffffff; } | |
140 | -.color-bg-03-dkn { background-color: #003a73; color: #ffffff; } | |
141 | -.color-st-03-1 { color: #86ddff; } | |
142 | -.color-st-03-2 { color: #78b2eb; } | |
143 | -.color-bg-04 { background-color: #9b59b6; color: #ffffff; } | |
144 | -.color-bg-04-dk { background-color: #8e44ad; color: #ffffff; } | |
145 | -.color-bg-04-dkn { background-color: #4a0069; color: #ffffff; } | |
146 | -.color-st-04-1 { color: #eea4ff; } | |
147 | -.color-st-04-2 { color: #c87ee7; } | |
148 | -.color-bg-05 { background-color: #34495e; color: #ffffff; } | |
149 | -.color-bg-05-dk { background-color: #2c3e50; color: #ffffff; } | |
150 | -.color-bg-05-dkn { background-color: #000517; color: #ffffff; } | |
151 | -.color-st-05-1 { color: #a0b2c4; } | |
152 | -.color-st-05-2 { color: #8b90a2; } | |
153 | -.color-bg-06 { background-color: #f1c40f; color: #ffffff; } | |
154 | -.color-bg-06-dk { background-color: #f39c12; color: #ffffff; } | |
155 | -.color-bg-06-dkn { background-color: #9e4700; color: #ffffff; } | |
156 | -.color-st-06-1 { color: #ffde54; } | |
157 | -.color-st-06-2 { color: #ffad66; } | |
158 | -.color-bg-07 { background-color: #e67e22; color: #ffffff; } | |
159 | -.color-bg-07-dk { background-color: #d35400; color: #ffffff; } | |
160 | -.color-bg-07-dkn { background-color: #8c0d00; color: #ffffff; } | |
161 | -.color-st-07-1 { color: #ffaf5b; } | |
162 | -.color-st-07-2 { color: #f88559; } | |
163 | -.color-bg-08 { background-color: #e74c3c; color: #ffffff; } | |
164 | -.color-bg-08-dk { background-color: #c0392b; color: #ffffff; } | |
165 | -.color-bg-08-dkn { background-color: #7d0000; color: #ffffff; } | |
166 | -.color-st-08-1 { color: #ff9c8e; } | |
167 | -.color-st-08-2 { color: #fa7d7d; } | |
168 | -.color-bg-09 { background-color: #ecf0f1; color: #444444; } | |
169 | -.color-bg-09-dk { background-color: #bdc3c7; color: #222222; } | |
170 | -.color-bg-09-dkn { background-color: #61676b; color: #ffffff; } | |
171 | -.color-st-09-1 { color: #515151; } | |
172 | -.color-st-09-2 { color: #071415; } | |
173 | -.color-bg-10 { background-color: #95a5a6; color: #ffffff; } | |
174 | -.color-bg-10-dk { background-color: #7f8c8d; color: #ffffff; } | |
175 | -.color-bg-10-dkn { background-color: #313e3f; color: #ffffff; } | |
176 | -.color-st-10-1 { color: #515151; } | |
177 | -.color-st-10-2 { color: #071415; } | |
178 | -.color-bg-11 { background-color: #36c9d9; color: #ffffff; } | |
179 | -.color-bg-11-dk { background-color: #2aaab7; color: #ffffff; } | |
180 | -.color-bg-11-dkn { background-color: #005d6a; color: #ffffff; } | |
181 | -.color-st-11-1 { color: #65d4d8; } | |
182 | -.color-st-11-2 { color: #2a718c; } | |
183 | -.color-bg-12 { background-color: #f2efeb; color: #444444; } | |
184 | -.color-bg-12-dk { background-color: #f0e6db; color: #222222; } | |
185 | -.color-bg-12-dkn { background-color: #cdc3b8; color: #ffffff; } | |
186 | -.color-st-12-1 { color: #a89a9f; } | |
187 | -.color-st-12-2 { color: #63594e; } | |
188 | -.color-bg-13 { background-color: #ffffff; color: #222222; } | |
189 | -.color-bg-13-dk { background-color: #f4f4f4; color: #222222; } | |
190 | -.color-bg-13-dkn { background-color: #efefef; color: #222222; } | |
191 | -.color-st-13-1 { color: #444444; } | |
192 | -.color-st-13-2 { color: #666666; } | |
193 | - | |
194 | -/* | |
195 | - * ボーダーカラー | |
196 | - */ | |
197 | -.color-bd-01 { border-color: #1abc9c !important; } | |
198 | -.color-bd-01-dk { border-color: #16a085; } | |
199 | -.color-bd-01-dkn { border-color: #00583d; } | |
200 | -.color-bd-02 { border-color: #2ecc71; } | |
201 | -.color-bd-02-dk { border-color: #27ae60; } | |
202 | -.color-bd-02-dkn { border-color: #006416; } | |
203 | -.color-bd-03 { border-color: #3498db; } | |
204 | -.color-bd-03-dk { border-color: #2980b9; } | |
205 | -.color-bd-03-dkn { border-color: #003a73; } | |
206 | -.color-bd-04 { border-color: #9b59b6; } | |
207 | -.color-bd-04-dk { border-color: #8e44ad; } | |
208 | -.color-bd-04-dkn { border-color: #4a0069; } | |
209 | -.color-bd-05 { border-color: #34495e; } | |
210 | -.color-bd-05-dk { border-color: #2c3e50; } | |
211 | -.color-bd-05-dkn { border-color: #000517; } | |
212 | -.color-bd-06 { border-color: #f1c40f; } | |
213 | -.color-bd-06-dk { border-color: #f39c12; } | |
214 | -.color-bd-06-dkn { border-color: #9e4700; } | |
215 | -.color-bd-07 { border-color: #e67e22; } | |
216 | -.color-bd-07-dk { border-color: #d35400; } | |
217 | -.color-bd-07-dkn { border-color: #8c0d00; } | |
218 | -.color-bd-08 { border-color: #e74c3c; } | |
219 | -.color-bd-08-dk { border-color: #c0392b; } | |
220 | -.color-bd-08-dkn { border-color: #7d0000; } | |
221 | -.color-bd-09 { border-color: #ecf0f1; } | |
222 | -.color-bd-09-dk { border-color: #bdc3c7; } | |
223 | -.color-bd-09-dkn { border-color: #61676b; } | |
224 | -.color-bd-10 { border-color: #95a5a6; } | |
225 | -.color-bd-10-dk { border-color: #7f8c8d; } | |
226 | -.color-bd-10-dkn { border-color: #313e3f; } | |
227 | -.color-bd-11 { border-color: #36c9d9; } | |
228 | -.color-bd-11-dk { border-color: #2aaab7; } | |
229 | -.color-bd-11-dkn { border-color: #005d6a; } | |
230 | -.color-bd-12 { border-color: #f2efeb; } | |
231 | -.color-bd-12-dk { border-color: #f0e6db; } | |
232 | -.color-bd-12-dkn { border-color: #cdc3b8; } | |
233 | -.color-bd-13 { border-color: #ffffff; } | |
234 | -.color-bd-13-dk { border-color: #f4f4f4; } | |
235 | -.color-bd-13-dkn { border-color: #efefef; } | |
236 | - | |
237 | -/* | |
238 | - * メッセージカラー | |
239 | - */ | |
240 | -.color-msgpnl-err { background-color: #df8989; color: #7b2121; border: 1px solid #ca3838; } | |
241 | -.color-msgpnl-inf { background-color: #85b7e7; color: #1a5186; border: 1px solid #3085d6; } | |
242 | -.color-msgpnl-wrn { background-color: #fbdca0; color: #644405; border: 1px solid #f6b83f; } | |
243 | -.color-msgpnl-ntc { background-color: #ffffff; color: #555555; border: 1px solid #f2f2f2; } | |
244 | -.color-msgpnl-dbg { background-color: #7b8085; color: #f2f2f2; border: 1px solid #4a4d50; } | |
245 | -.color-msgpnl-trc { background-color: #7b8085; color: #f2f2f2; border: 1px solid #4a4d50; } | |
246 | -.color-msgpnl-hdn { background-color: #7b8085; color: #f2f2f2; border: 1px solid #4a4d50; } | |
247 | -.color-msgpnl-otr { background-color: #80cb92; color: #255a32; border: 1px solid #42a35a; } | |
248 | - | |
249 | -/* | |
250 | - * ボタンカラー | |
251 | - */ | |
252 | -.color-btn-mt-01 { | |
253 | - background-color: #3085d6 !important; | |
254 | - background-image: none !important; | |
255 | - -webkit-box-shadow: none !important; | |
256 | - -moz-box-shadow: none !important; | |
257 | - box-shadow: none !important; | |
258 | - text-shadow: none !important; | |
259 | - color: #ffffff !important; | |
260 | - border: 1px solid #3085d6 !important; | |
261 | -} | |
262 | -.color-btn-mt-02 { | |
263 | - background-color: #42a35a !important; | |
264 | - background-image: none !important; | |
265 | - -webkit-box-shadow: none !important; | |
266 | - -moz-box-shadow: none !important; | |
267 | - box-shadow: none !important; | |
268 | - text-shadow: none !important; | |
269 | - color: #ffffff !important; | |
270 | - border: 1px solid #42a35a !important; | |
271 | -} | |
272 | -.color-btn-mt-03 { | |
273 | - background-color: #f2f2f2 !important; | |
274 | - background-image: none !important; | |
275 | - -webkit-box-shadow: none !important; | |
276 | - -moz-box-shadow: none !important; | |
277 | - box-shadow: none !important; | |
278 | - text-shadow: none !important; | |
279 | - color: #555555 !important; | |
280 | - border: 1px solid #f2f2f2 !important; | |
281 | -} | |
282 | -.color-btn-mt-04 { | |
283 | - background-color: #4a4d50 !important; | |
284 | - background-image: none !important; | |
285 | - -webkit-box-shadow: none !important; | |
286 | - -moz-box-shadow: none !important; | |
287 | - box-shadow: none !important; | |
288 | - text-shadow: none !important; | |
289 | - color: #ffffff !important; | |
290 | - border: 1px solid #4a4d50 !important; | |
291 | -} | |
292 | -.color-btn-mt-05 { | |
293 | - background-color: #ca3838 !important; | |
294 | - background-image: none !important; | |
295 | - -webkit-box-shadow: none !important; | |
296 | - -moz-box-shadow: none !important; | |
297 | - box-shadow: none !important; | |
298 | - text-shadow: none !important; | |
299 | - color: #ffffff !important; | |
300 | - border: 1px solid #ca3838 !important; | |
301 | -} | |
302 | -.color-btn-mt-06 { | |
303 | - background-color: #f6b83f !important; | |
304 | - background-image: none !important; | |
305 | - -webkit-box-shadow: none !important; | |
306 | - -moz-box-shadow: none !important; | |
307 | - box-shadow: none !important; | |
308 | - text-shadow: none !important; | |
309 | - color: #644405 !important; | |
310 | - border: 1px solid #f6b83f !important; | |
311 | -} | |
312 | -.color-btn-mt-07 { | |
313 | - background-color: #58c026 !important; | |
314 | - background-image: none !important; | |
315 | - -webkit-box-shadow: none !important; | |
316 | - -moz-box-shadow: none !important; | |
317 | - box-shadow: none !important; | |
318 | - text-shadow: none !important; | |
319 | - color: #ffffff !important; | |
320 | - border: 1px solid #58c026 !important; | |
321 | -} | |
322 | -.color-btn-mt-01:hover, | |
323 | -.color-btn-mt-01:focus { background-color: #5b9ede !important; } | |
324 | -.color-btn-mt-02:hover, | |
325 | -.color-btn-mt-02:focus { background-color: #5bbd73 !important; } | |
326 | -.color-btn-mt-03:hover, | |
327 | -.color-btn-mt-03:focus { background-color: #ffffff !important; } | |
328 | -.color-btn-mt-04:hover, | |
329 | -.color-btn-mt-04:focus { background-color: #63676a !important; } | |
330 | -.color-btn-mt-05:hover, | |
331 | -.color-btn-mt-05:focus { background-color: #d56060 !important; } | |
332 | -.color-btn-mt-06:hover, | |
333 | -.color-btn-mt-06:focus { background-color: #f8ca70 !important; } | |
334 | -.color-btn-mt-07:hover, | |
335 | -.color-btn-mt-07:focus { background-color: #72d940 !important; } | |
336 | -.color-btn-mt-01:active { background-color: #215b91 !important; } | |
337 | -.color-btn-mt-02:active { background-color: #2f723e !important; } | |
338 | -.color-btn-mt-03:active { background-color: #c1c1c1 !important; } | |
339 | -.color-btn-mt-04:active { background-color: #0e0e0f !important; } | |
340 | -.color-btn-mt-05:active { background-color: #872525 !important; } | |
341 | -.color-btn-mt-06:active { background-color: #b5862f !important; } | |
342 | -.color-btn-mt-07:active { background-color: #428e1c !important; } | |
343 | -.color-btn-mt-01:disabled, | |
344 | -.color-btn-mt-02:disabled, | |
345 | -.color-btn-mt-03:disabled, | |
346 | -.color-btn-mt-04:disabled, | |
347 | -.color-btn-mt-05:disabled, | |
348 | -.color-btn-mt-06:disabled, | |
349 | -.color-btn-mt-07:disabled { background-color: #d4d4d4 !important; color: #b1b1b1 !important; border: 1px solid #d4d4d4 !important; } | |
350 | -.color-btn-pt-01 { | |
351 | - background-color: #3085d6 !important; | |
352 | - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #85b7e7), color-stop(100%, #2a85dc)) !important; | |
353 | - background-image: -webkit-linear-gradient(#85b7e7, #2a85dc) !important; | |
354 | - background-image: -moz-linear-gradient(#85b7e7, #2a85dc) !important; | |
355 | - background-image: -o-linear-gradient(#85b7e7, #2a85dc) !important; | |
356 | - background-image: linear-gradient(#85b7e7, #2a85dc) !important; | |
357 | - -webkit-box-shadow: inset 0 0 3px #f0f6fc !important; | |
358 | - -moz-box-shadow: inset 0 0 3px #f0f6fc !important; | |
359 | - box-shadow: inset 0 0 3px #f0f6fc !important; | |
360 | - text-shadow: 0 1px 1px #1a5186 !important; | |
361 | - color: #ffffff !important; border: 1px solid #1f5e9b !important; | |
362 | -} | |
363 | -.color-btn-pt-02 { | |
364 | - background-color: #42a35a !important; | |
365 | - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #80cb92), color-stop(100%, #3ca957)) !important; | |
366 | - background-image: -webkit-linear-gradient(#80cb92, #3ca957) !important; | |
367 | - background-image: -moz-linear-gradient(#80cb92, #3ca957) !important; | |
368 | - background-image: -o-linear-gradient(#80cb92, #3ca957) !important; | |
369 | - background-image: linear-gradient(#80cb92, #3ca957) !important; | |
370 | - -webkit-box-shadow: inset 0 0 3px #daf0e0 !important; | |
371 | - -moz-box-shadow: inset 0 0 3px #daf0e0 !important; | |
372 | - box-shadow: inset 0 0 3px #daf0e0 !important; | |
373 | - text-shadow: 0 1px 1px #255a32 !important; | |
374 | - color: #ffffff !important; border: 1px solid rgb(44, 109, 60) !important; | |
375 | -} | |
376 | -.color-btn-pt-03 { | |
377 | - background-color: #f2f2f2 !important; | |
378 | - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f3f1f1)) !important; | |
379 | - background-image: -webkit-linear-gradient(#ffffff, #f3f1f1) !important; | |
380 | - background-image: -moz-linear-gradient(#ffffff, #f3f1f1) !important; | |
381 | - background-image: -o-linear-gradient(#ffffff, #f3f1f1) !important; | |
382 | - background-image: linear-gradient(#ffffff, #f3f1f1) !important; | |
383 | - -webkit-box-shadow: inset 0 0 3px #ffffff !important; | |
384 | - -moz-box-shadow: inset 0 0 3px #ffffff !important; | |
385 | - box-shadow: inset 0 0 3px #ffffff !important; | |
386 | - text-shadow: 0 1px 1px #ffffff !important; | |
387 | - color: #555555 !important; border: 1px solid #cccccc !important; | |
388 | -} | |
389 | -.color-btn-pt-04 { | |
390 | - background-color: #4a4d50 !important; | |
391 | - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7b8085), color-stop(100%, #464d54)) !important; | |
392 | - background-image: -webkit-linear-gradient(#7b8085, #464d54) !important; | |
393 | - background-image: -moz-linear-gradient(#7b8085, #464d54) !important; | |
394 | - background-image: -o-linear-gradient(#7b8085, #464d54) !important; | |
395 | - background-image: linear-gradient(#7b8085, #464d54) !important; | |
396 | - -webkit-box-shadow: inset 0 0 3px #bdc0c2 !important; | |
397 | - -moz-box-shadow: inset 0 0 3px #bdc0c2 !important; | |
398 | - box-shadow: inset 0 0 3px #bdc0c2 !important; | |
399 | - text-shadow: 0 1px 1px #191a1b !important; | |
400 | - color: #ffffff !important; border: 1px solid #252728 !important; | |
401 | -} | |
402 | -.color-btn-pt-05 { | |
403 | - background-color: #ca3838 !important; | |
404 | - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #df8989), color-stop(100%, #d03232)) !important; | |
405 | - background-image: -webkit-linear-gradient(#df8989, #d03232) !important; | |
406 | - background-image: -moz-linear-gradient(#df8989, #d03232) !important; | |
407 | - background-image: -o-linear-gradient(#df8989, #d03232) !important; | |
408 | - background-image: linear-gradient(#df8989, #d03232) !important; | |
409 | - -webkit-box-shadow: inset 0 0 3px #faeded !important; | |
410 | - -moz-box-shadow: inset 0 0 3px #faeded !important; | |
411 | - box-shadow: inset 0 0 3px #faeded !important; | |
412 | - text-shadow: 0 1px 1px #7b2121 !important; | |
413 | - color: #ffffff !important; border: 1px solid #8f2626 !important; | |
414 | -} | |
415 | -.color-btn-pt-06 { | |
416 | - background-color: #f6b83f !important; | |
417 | - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbdca0), color-stop(100%, #fbba3a)) !important; | |
418 | - background-image: -webkit-linear-gradient(#fbdca0, #fbba3a) !important; | |
419 | - background-image: -moz-linear-gradient(#fbdca0, #fbba3a) !important; | |
420 | - background-image: -o-linear-gradient(#fbdca0, #fbba3a) !important; | |
421 | - background-image: linear-gradient(#fbdca0, #fbba3a) !important; | |
422 | - -webkit-box-shadow: inset 0 0 3px #ffffff !important; | |
423 | - -moz-box-shadow: inset 0 0 3px #ffffff !important; | |
424 | - box-shadow: inset 0 0 3px #ffffff !important; | |
425 | - text-shadow: 0 1px 1px #fbdca0 !important; | |
426 | - color: #644405 !important; border: 1px solid #de960a !important; | |
427 | -} | |
428 | -.color-btn-pt-07 { | |
429 | - background-color: #58c026 !important; | |
430 | - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #91e26a), color-stop(100%, #56c620)) !important; | |
431 | - background-image: -webkit-linear-gradient(#91e26a, #56c620) !important; | |
432 | - background-image: -moz-linear-gradient(#91e26a, #56c620) !important; | |
433 | - background-image: -o-linear-gradient(#91e26a, #56c620) !important; | |
434 | - background-image: linear-gradient(#91e26a, #56c620) !important; | |
435 | - -webkit-box-shadow: inset 0 0 3px #e0f7d5 !important; | |
436 | - -moz-box-shadow: inset 0 0 3px #e0f7d5 !important; | |
437 | - box-shadow: inset 0 0 3px #e0f7d5 !important; | |
438 | - text-shadow: 0 1px 1px #316b15 !important; | |
439 | - color: #ffffff !important; border: 1px solid #3b8019 !important; | |
440 | -} | |
441 | -.color-btn-pt-01:hover,.color-btn-pt-01:focus { | |
442 | - background-color: #5b9ede !important; | |
443 | - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a2d4fc), color-stop(100%, #54b2fe)) !important; | |
444 | - background-image: -webkit-linear-gradient(#a2d4fc, #54b2fe) !important; | |
445 | - background-image: -moz-linear-gradient(#a2d4fc, #54b2fe) !important; | |
446 | - background-image: -o-linear-gradient(#a2d4fc, #54b2fe) !important; | |
447 | - background-image: linear-gradient(#a2d4fc, #54b2fe) !important; | |
448 | - -webkit-box-shadow: inset 0 0 3px #ffffff !important; | |
449 | - -moz-box-shadow: inset 0 0 3px #ffffff !important; | |
450 | - box-shadow: inset 0 0 3px #ffffff !important; | |
451 | - text-shadow: 1px solid #0e90f8 !important; | |
452 | - border: 1px solid #1f5e9b !important; | |
453 | -} | |
454 | -.color-btn-pt-02:hover,.color-btn-pt-02:focus { | |
455 | - background-color: #5bbd73 !important; | |
456 | - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a1d3ad), color-stop(100%, #68c07d)) !important; | |
457 | - background-image: -webkit-linear-gradient(#a1d3ad, #68c07d) !important; | |
458 | - background-image: -moz-linear-gradient(#a1d3ad, #68c07d) !important; | |
459 | - background-image: -o-linear-gradient(#a1d3ad, #68c07d) !important; | |
460 | - background-image: linear-gradient(#a1d3ad, #68c07d) !important; | |
461 | - -webkit-box-shadow: inset 0 0 3px #f8fcf9 !important; | |
462 | - -moz-box-shadow: inset 0 0 3px #f8fcf9 !important; | |
463 | - box-shadow: inset 0 0 3px #f8fcf9 !important; | |
464 | - text-shadow: 0 1px 1px #255a32 !important; | |
465 | - border: 1px solid #469659 !important; | |
466 | -} | |
467 | -.color-btn-pt-03:hover,.color-btn-pt-03:focus { | |
468 | - background-color: #ffffff !important; | |
469 | - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff)) !important; | |
470 | - background-image: -webkit-linear-gradient(#ffffff, #ffffff) !important; | |
471 | - background-image: -moz-linear-gradient(#ffffff, #ffffff) !important; | |
472 | - background-image: -o-linear-gradient(#ffffff, #ffffff) !important; | |
473 | - background-image: linear-gradient(#ffffff, #ffffff) !important; | |
474 | - -webkit-box-shadow: inset 0 0 3px #ffffff !important; | |
475 | - -moz-box-shadow: inset 0 0 3px #ffffff !important; | |
476 | - box-shadow: inset 0 0 3px #ffffff !important; | |
477 | - text-shadow: 0 1px 1px #ffffff !important; | |
478 | - border: 1px solid #d9d9d9 !important; | |
479 | -} | |
480 | -.color-btn-pt-04:hover,.color-btn-pt-04:focus { | |
481 | - background-color: #63676a !important; | |
482 | - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #aeb3b6), color-stop(100%, #808e98)) !important; | |
483 | - background-image: -webkit-linear-gradient(#aeb3b6, #808e98) !important; | |
484 | - background-image: -moz-linear-gradient(#aeb3b6, #808e98) !important; | |
485 | - background-image: -o-linear-gradient(#aeb3b6, #808e98) !important; | |
486 | - background-image: linear-gradient(#aeb3b6, #808e98) !important; | |
487 | - -webkit-box-shadow: inset 0 0 3px #f1f2f3 !important; | |
488 | - -moz-box-shadow: inset 0 0 3px #f1f2f3 !important; | |
489 | - box-shadow: inset 0 0 3px #f1f2f3 !important; | |
490 | - text-shadow: 0 1px 1px #191a1b !important; | |
491 | - border: 1px solid #252728 !important; | |
492 | -} | |
493 | -.color-btn-pt-05:hover,.color-btn-pt-05:focus { | |
494 | - background-color: #d56060 !important; | |
495 | - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f79696), color-stop(100%, #f64a4a)) !important; | |
496 | - background-image: -webkit-linear-gradient(#f79696, #f64a4a) !important; | |
497 | - background-image: -moz-linear-gradient(#f79696, #f64a4a) !important; | |
498 | - background-image: -o-linear-gradient(#f79696, #f64a4a) !important; | |
499 | - background-image: linear-gradient(#f79696, #f64a4a) !important; | |
500 | - -webkit-box-shadow: inset 0 0 3px #ffffff !important; | |
501 | - -moz-box-shadow: inset 0 0 3px #ffffff !important; | |
502 | - box-shadow: inset 0 0 3px #ffffff !important; | |
503 | - text-shadow: 0 1px 1px #7b2121 !important; | |
504 | - border: 1px solid #e21212 !important; | |
505 | -} | |
506 | -.color-btn-pt-06:hover,.color-btn-pt-06:focus { | |
507 | - background-color: #f8ca70 !important; | |
508 | - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #feecca), color-stop(100%, #ffd37d)) !important; | |
509 | - background-image: -webkit-linear-gradient(#feecca, #ffd37d) !important; | |
510 | - background-image: -moz-linear-gradient(#feecca, #ffd37d) !important; | |
511 | - background-image: -o-linear-gradient(#feecca, #ffd37d) !important; | |
512 | - background-image: linear-gradient(#feecca, #ffd37d) !important; | |
513 | - -webkit-box-shadow: inset 0 0 3px #ffffff !important; | |
514 | - -moz-box-shadow: inset 0 0 3px #ffffff !important; | |
515 | - box-shadow: inset 0 0 3px #ffffff !important; | |
516 | - text-shadow: 0 1px 1px #fbdca0 !important; | |
517 | - border: 1px solid #fcb834 !important; | |
518 | -} | |
519 | -.color-btn-pt-07:hover,.color-btn-pt-07:focus { | |
520 | - background-color: #72d940 !important; | |
521 | - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #96e570), color-stop(100%, #64df29)) !important; | |
522 | - background-image: -webkit-linear-gradient(#96e570, #64df29) !important; | |
523 | - background-image: -moz-linear-gradient(#96e570, #64df29) !important; | |
524 | - background-image: -o-linear-gradient(#96e570, #64df29) !important; | |
525 | - background-image: linear-gradient(#96e570, #64df29) !important; | |
526 | - -webkit-box-shadow: inset 0 0 3px #e5f9db !important; | |
527 | - -moz-box-shadow: inset 0 0 3px #e5f9db !important; | |
528 | - box-shadow: inset 0 0 3px #e5f9db !important; | |
529 | - text-shadow: 0 1px 1px #316b15 !important; | |
530 | - border: 1px solid #479f1d !important; | |
531 | -} | |
532 | -.color-btn-pt-01:active { | |
533 | - background-color: #215b91 !important; | |
534 | - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #54b2fe), color-stop(100%, #a2d4fc)) !important; | |
535 | - background-image: -webkit-linear-gradient(#54b2fe, #a2d4fc) !important; | |
536 | - background-image: -moz-linear-gradient(#54b2fe, #a2d4fc) !important; | |
537 | - background-image: -o-linear-gradient(#54b2fe, #a2d4fc) !important; | |
538 | - background-image: linear-gradient(#54b2fe, #a2d4fc) !important; | |
539 | - -webkit-box-shadow: inset 0 0 3px #ffffff !important; | |
540 | - -moz-box-shadow: inset 0 0 3px #ffffff !important; | |
541 | - box-shadow: inset 0 0 3px #ffffff !important; | |
542 | - text-shadow: 1px solid #0e90f8 !important; | |
543 | - border: 1px solid #1f5e9b !important; | |
544 | -} | |
545 | -.color-btn-pt-02:active { | |
546 | - background-color: #2f723e !important; | |
547 | - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #68c07d), color-stop(100%, #a1d3ad)) !important; | |
548 | - background-image: -webkit-linear-gradient(#68c07d, #a1d3ad) !important; | |
549 | - background-image: -moz-linear-gradient(#68c07d, #a1d3ad) !important; | |
550 | - background-image: -o-linear-gradient(#68c07d, #a1d3ad) !important; | |
551 | - background-image: linear-gradient(#68c07d, #a1d3ad) !important; | |
552 | - -webkit-box-shadow: inset 0 0 3px #f8fcf9 !important; | |
553 | - -moz-box-shadow: inset 0 0 3px #f8fcf9 !important; | |
554 | - box-shadow: inset 0 0 3px #f8fcf9 !important; | |
555 | - text-shadow: 0 1px 1px #255a32 !important; | |
556 | - border: 1px solid #469659 !important; | |
557 | -} | |
558 | -.color-btn-pt-03:active { | |
559 | - background-color: #c1c1c1 !important; | |
560 | - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #eeeeee)) !important; | |
561 | - background-image: -webkit-linear-gradient(#eeeeee, #eeeeee) !important; | |
562 | - background-image: -moz-linear-gradient(#eeeeee, #eeeeee) !important; | |
563 | - background-image: -o-linear-gradient(#eeeeee, #eeeeee) !important; | |
564 | - background-image: linear-gradient(#eeeeee, #eeeeee) !important; | |
565 | - -webkit-box-shadow: inset 0 0 3px #ffffff !important; | |
566 | - -moz-box-shadow: inset 0 0 3px #ffffff !important; | |
567 | - box-shadow: inset 0 0 3px #ffffff !important; | |
568 | - text-shadow: 0 1px 1px #ffffff !important; | |
569 | - border: 1px solid #d9d9d9 !important; | |
570 | -} | |
571 | -.color-btn-pt-04:active { | |
572 | - background-color: #0e0e0f !important; | |
573 | - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #808e98), color-stop(100%, #aeb3b6)) !important; | |
574 | - background-image: -webkit-linear-gradient(#808e98, #aeb3b6) !important; | |
575 | - background-image: -moz-linear-gradient(#808e98, #aeb3b6) !important; | |
576 | - background-image: -o-linear-gradient(#808e98, #aeb3b6) !important; | |
577 | - background-image: linear-gradient(#808e98, #aeb3b6) !important; | |
578 | - -webkit-box-shadow: inset 0 0 3px #f1f2f3 !important; | |
579 | - -moz-box-shadow: inset 0 0 3px #f1f2f3 !important; | |
580 | - box-shadow: inset 0 0 3px #f1f2f3 !important; | |
581 | - text-shadow: 0 1px 1px #191a1b !important; | |
582 | - border: 1px solid #252728 !important; | |
583 | -} | |
584 | -.color-btn-pt-05:active { | |
585 | - background-color: #872525 !important; | |
586 | - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f64a4a), color-stop(100%, #f79696)) !important; | |
587 | - background-image: -webkit-linear-gradient(#f64a4a, #f79696) !important; | |
588 | - background-image: -moz-linear-gradient(#f64a4a, #f79696) !important; | |
589 | - background-image: -o-linear-gradient(#f64a4a, #f79696) !important; | |
590 | - background-image: linear-gradient(#f64a4a, #f79696) !important; | |
591 | - -webkit-box-shadow: inset 0 0 3px #ffffff !important; | |
592 | - -moz-box-shadow: inset 0 0 3px #ffffff !important; | |
593 | - box-shadow: inset 0 0 3px #ffffff !important; | |
594 | - text-shadow: 0 1px 1px #7b2121 !important; | |
595 | - border: 1px solid #e21212 !important; | |
596 | -} | |
597 | -.color-btn-pt-06:active { | |
598 | - background-color: #b5862f !important; | |
599 | - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffd37d), color-stop(100%, #feecca)) !important; | |
600 | - background-image: -webkit-linear-gradient(#ffd37d, #feecca) !important; | |
601 | - background-image: -moz-linear-gradient(#ffd37d, #feecca) !important; | |
602 | - background-image: -o-linear-gradient(#ffd37d, #feecca) !important; | |
603 | - background-image: linear-gradient(#ffd37d, #feecca) !important; | |
604 | - -webkit-box-shadow: inset 0 0 3px #ffffff !important; | |
605 | - -moz-box-shadow: inset 0 0 3px #ffffff !important; | |
606 | - box-shadow: inset 0 0 3px #ffffff !important; | |
607 | - text-shadow: 0 1px 1px #fbdca0 !important; | |
608 | - border: 1px solid #fcb834 !important; | |
609 | -} | |
610 | -.color-btn-pt-07:active { | |
611 | - background-color: #428e1c !important; | |
612 | - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #64df29), color-stop(100%, #96e570)) !important; | |
613 | - background-image: -webkit-linear-gradient(#64df29, #96e570) !important; | |
614 | - background-image: -moz-linear-gradient(#64df29, #96e570) !important; | |
615 | - background-image: -o-linear-gradient(#64df29, #96e570) !important; | |
616 | - background-image: linear-gradient(#64df29, #96e570) !important; | |
617 | - -webkit-box-shadow: inset 0 0 3px #e5f9db !important; | |
618 | - -moz-box-shadow: inset 0 0 3px #e5f9db !important; | |
619 | - box-shadow: inset 0 0 3px #e5f9db !important; | |
620 | - text-shadow: 0 1px 1px #316b15 !important; | |
621 | - border: 1px solid #479f1d !important; | |
622 | -} | |
623 | -.color-btn-pt-01:disabled, | |
624 | -.color-btn-pt-02:disabled, | |
625 | -.color-btn-pt-03:disabled, | |
626 | -.color-btn-pt-04:disabled, | |
627 | -.color-btn-pt-05:disabled, | |
628 | -.color-btn-pt-06:disabled, | |
629 | -.color-btn-pt-07:disabled { | |
630 | - background-color: #d4d4d4 !important; | |
631 | - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #aeb3b6), color-stop(100%, #d4d4d4)) !important; | |
632 | - background-image: -webkit-linear-gradient(#aeb3b6, #d4d4d4) !important; | |
633 | - background-image: -moz-linear-gradient(#aeb3b6, #d4d4d4) !important; | |
634 | - background-image: -o-linear-gradient(#aeb3b6, #d4d4d4) !important; | |
635 | - background-image: linear-gradient(#aeb3b6, #d4d4d4) !important; | |
636 | - -webkit-box-shadow: inset 0 0 3px #d4d4d4 !important; | |
637 | - -moz-box-shadow: inset 0 0 3px #d4d4d4 !important; | |
638 | - box-shadow: inset 0 0 3px #d4d4d4 !important; | |
639 | - text-shadow: 0 1px 1px #d4d4d4 !important; | |
640 | - color: #a1a1a1 !important; border: 1px solid #b1b1b1 !important; | |
641 | -} |