1 |
|
2 /* |
|
3 * Contents styles |
|
4 */ |
|
5 |
|
6 h1, |
|
7 h2, |
|
8 h3, |
|
9 h4 { |
|
10 margin: 0; |
|
11 font-family: "Ubuntu-Bold", Arial, Helvetica, Sans-Serif; |
|
12 font-weight: 300; |
|
13 } |
|
14 |
|
15 h1 { |
|
16 letter-spacing: -1px; |
|
17 font-size: 24px; |
|
18 margin: 10px 0; |
|
19 } |
|
20 |
|
21 h1 small { |
|
22 font-size: 18px; |
|
23 font-weight: 300; |
|
24 letter-spacing: -1px; |
|
25 } |
|
26 |
|
27 h2 { |
|
28 letter-spacing: -1px; |
|
29 font-size: 22px; |
|
30 margin: 20px 0 15px; |
|
31 line-height: normal; |
|
32 } |
|
33 |
|
34 h3 { |
|
35 display: block; |
|
36 font-size: 19px; |
|
37 font-weight: 400; |
|
38 margin: 16px 0 10px; |
|
39 line-height: normal; |
|
40 } |
|
41 |
|
42 h4 { |
|
43 line-height: normal; |
|
44 font-size: 17px; |
|
45 font-weight: 300; |
|
46 margin: 12px 0 8px; |
|
47 } |
|
48 |
|
49 h5 { |
|
50 font-size: 15px; |
|
51 font-weight: 300; |
|
52 margin: 10px 0 6px; |
|
53 line-height: normal; |
|
54 } |
|
55 |
|
56 h6 { |
|
57 font-size: 14px; |
|
58 margin: 10px 0 4px; |
|
59 font-weight: 300; |
|
60 line-height: normal; |
|
61 } |
|
62 |
|
63 hr { |
|
64 .simple { |
|
65 margin-top: 10px; |
|
66 margin-bottom: 10px; |
|
67 border-style: dashed; |
|
68 } |
|
69 &.noborder { |
|
70 border: 0; |
|
71 } |
|
72 } |
|
73 |
|
74 li.nodot { |
|
75 list-style-type: none; |
|
76 } |
|
77 |
|
78 img { |
|
79 &.online { |
|
80 border-left-color: #40ac2b!important; |
|
81 } |
|
82 &.busy { |
|
83 border-left-color: #ed1c24!important; |
|
84 } |
|
85 &.offline { |
|
86 border-left-color: #ddd!important; |
|
87 } |
|
88 &.away { |
|
89 border-left-color: #ffc40d!important; |
|
90 } |
|
91 } |
|
92 |
|
93 pre { |
|
94 padding: 5px!important; |
|
95 font-size: 12px; |
|
96 line-height: 1.2em; |
|
97 } |
|
98 pre:empty { |
|
99 border: 0; |
|
100 } |
|
101 |
|
102 [data-ams-url], |
|
103 [data-ams-click-handler] { |
|
104 cursor: pointer; |
|
105 } |
|
106 |
|
107 label { |
|
108 font-weight: 400; |
|
109 } |
|
110 |
|
111 article { |
|
112 &.sortable-grid { |
|
113 min-height: 30px; |
|
114 } |
|
115 } |
|
116 |
|
117 .caret { |
|
118 border-top: 5px solid; |
|
119 border-right: 5px solid transparent; |
|
120 border-left: 5px solid transparent; |
|
121 } |
|
122 |
|
123 .fixed { |
|
124 position: fixed; |
|
125 } |
|
126 .xs-fixed { |
|
127 @media (max-width: 768px) { |
|
128 position: fixed; |
|
129 } |
|
130 } |
|
131 .sm-fixed { |
|
132 @media (min-width: 768px) and (max-width: 992px) { |
|
133 position: fixed; |
|
134 } |
|
135 } |
|
136 .md-fixed { |
|
137 @media (min-width: 992px) and (max-width: 1200px) { |
|
138 position: fixed; |
|
139 } |
|
140 } |
|
141 .lg-fixed { |
|
142 @media (min-width: 1200px) { |
|
143 position: fixed; |
|
144 } |
|
145 } |
|
146 |
|
147 .outside { |
|
148 position: absolute; |
|
149 left: -9999px; |
|
150 } |
|
151 |
|
152 .visible-tablet { |
|
153 @media (max-width:979px) { |
|
154 display: inline-block!important; |
|
155 } |
|
156 } |
|
157 |
|
158 .hidden-tablet { |
|
159 &, |
|
160 .display-inline& { |
|
161 @media (max-width:979px) { |
|
162 display: none!important; |
|
163 } |
|
164 } |
|
165 @media only screen and (min-width:0) and (max-width:679px) { |
|
166 display: none!important; |
|
167 } |
|
168 } |
|
169 |
|
170 .visible-mobile { |
|
171 @media only screen and (min-width:320px) and (max-width:479px) { |
|
172 display: inline-block!important; |
|
173 } |
|
174 } |
|
175 |
|
176 .hidden-mobile { |
|
177 @media only screen and (min-width:320px) and (max-width:479px) { |
|
178 display: none!important; |
|
179 } |
|
180 } |
|
181 |
|
182 .viewport { |
|
183 &-y { |
|
184 overflow-y: auto; |
|
185 |
|
186 &-none { |
|
187 overflow-y: hidden!important; |
|
188 } |
|
189 &.viewport-100 { |
|
190 max-height: 100px; |
|
191 } |
|
192 &.viewport-200 { |
|
193 max-height: 200px; |
|
194 } |
|
195 &.viewport-300 { |
|
196 max-height: 300px; |
|
197 } |
|
198 &.viewport-600 { |
|
199 max-height: 600px; |
|
200 } |
|
201 &.viewport-400 { |
|
202 max-height: 400px; |
|
203 } |
|
204 &.viewport-500 { |
|
205 max-height: 500px; |
|
206 } |
|
207 &.viewport-600 { |
|
208 max-height: 600px; |
|
209 } |
|
210 } |
|
211 &-x { |
|
212 overflow-x: auto; |
|
213 |
|
214 &-none { |
|
215 overflow-x: hidden!important; |
|
216 } |
|
217 &.viewport-100 { |
|
218 max-width: 100px; |
|
219 } |
|
220 &.viewport-200 { |
|
221 max-width: 200px; |
|
222 } |
|
223 &.viewport-300 { |
|
224 max-width: 300px; |
|
225 } |
|
226 &.viewport-400 { |
|
227 max-width: 400px; |
|
228 } |
|
229 &.viewport-500 { |
|
230 max-width: 500px; |
|
231 } |
|
232 &.viewport-600 { |
|
233 max-width: 600px; |
|
234 } |
|
235 } |
|
236 } |
|
237 |
|
238 .lead { |
|
239 font-size: 19px; |
|
240 } |
|
241 |
|
242 .alert { |
|
243 margin-bottom: 20px; |
|
244 margin-top: 0; |
|
245 color: #675100; |
|
246 border-width: 0; |
|
247 border-left-width: 5px; |
|
248 padding: 10px; |
|
249 border-radius: 0; |
|
250 |
|
251 .close { |
|
252 top: 0; |
|
253 right: -5px; |
|
254 line-height: 20px; |
|
255 } |
|
256 &-heading { |
|
257 font-weight: 600; |
|
258 } |
|
259 &-danger { |
|
260 border-color: #963b49; |
|
261 color: #fff; |
|
262 background: #c46a69; |
|
263 text-shadow: none; |
|
264 } |
|
265 &-warning { |
|
266 border-color: #e5c693; |
|
267 color: #6b6d31; |
|
268 background: #ecdfb0; |
|
269 } |
|
270 &-success { |
|
271 border-color: #8eb589; |
|
272 color: #296829; |
|
273 background: #cee0cf; |
|
274 } |
|
275 &-info { |
|
276 border-color: #9cb4c5; |
|
277 color: #346597; |
|
278 background: #d6dde7; |
|
279 } |
|
280 ul { |
|
281 margin-left: 25px; |
|
282 list-style-position: outside; |
|
283 list-style-type: square; |
|
284 } |
|
285 .ams-form >& { |
|
286 margin: 5px; |
|
287 padding: 5px; |
|
288 box-shadow: none!important; |
|
289 -webkit-box-shadow: none!important; |
|
290 border-radius: 0!important; |
|
291 } |
|
292 } |
|
293 |
|
294 .help { |
|
295 font-size: 90%; |
|
296 padding: 5px!important; |
|
297 |
|
298 p { |
|
299 margin: 0 0 1px; |
|
300 line-height: 1.15; |
|
301 } |
|
302 .modal-dialog & { |
|
303 margin-bottom: 5px!important; |
|
304 |
|
305 @media only screen and (max-height: 768px) { |
|
306 display: none; |
|
307 } |
|
308 } |
|
309 } |
|
310 |
|
311 .well { |
|
312 background: #fbfbfb; |
|
313 border: 1px solid #ddd; |
|
314 box-shadow: 0 1px 1px #ececec; |
|
315 -webkit-box-shadow: 0 1px 1px #ececec; |
|
316 position: relative; |
|
317 |
|
318 &.well-clean { |
|
319 -webkit-box-shadow: none; |
|
320 box-shadow: none; |
|
321 border-color: transparent; |
|
322 } |
|
323 &.well-glass { |
|
324 -webkit-box-shadow: none; |
|
325 box-shadow: none; |
|
326 border-color: transparent; |
|
327 background-color: rgba(255, 255, 255, .25); |
|
328 color: #fff; |
|
329 } |
|
330 &.well-light { |
|
331 background: #fff; |
|
332 border: 1px solid #e2e2e2; |
|
333 } |
|
334 .widget-body & { |
|
335 margin-bottom: 0; |
|
336 } |
|
337 &.transparent { |
|
338 border: 0!important; |
|
339 background: none!important; |
|
340 } |
|
341 .ams-widget&.transparent >div, |
|
342 .ams-widget&.transparent >div .widget-body { |
|
343 padding: 0!important; |
|
344 } |
|
345 &[class*=" bg-"], |
|
346 &[class^=bg-] { |
|
347 border: 1px solid #555!important; |
|
348 } |
|
349 } |
|
350 |
|
351 .note { |
|
352 margin-top: 6px; |
|
353 padding: 0 1px; |
|
354 font-size: 11px; |
|
355 line-height: 15px; |
|
356 color: #999; |
|
357 } |
|
358 |
|
359 .subscript { |
|
360 font-size: 21px; |
|
361 color: #999; |
|
362 } |
|
363 |
|
364 .display-image { |
|
365 margin-top: -60px; |
|
366 margin-right: 20px; |
|
367 } |
|
368 |
|
369 .terms-body { |
|
370 max-height: 400px; |
|
371 overflow: auto; |
|
372 } |
|
373 |
|
374 .timeline-seperator { |
|
375 display: block; |
|
376 text-align: center; |
|
377 color: #999; |
|
378 margin: 20px 0 0; |
|
379 |
|
380 >:first-child { |
|
381 padding: 4px 5px; |
|
382 border: 1px dashed rgba(0, 0, 0, .1); |
|
383 background: #fff; |
|
384 font-size: 11px; |
|
385 border-radius: 4px; |
|
386 } |
|
387 .btn, |
|
388 .btn+.dropdown-menu { |
|
389 margin-right: 15px; |
|
390 } |
|
391 &:after { |
|
392 display: block; |
|
393 content: " "; |
|
394 margin: 0 20px; |
|
395 border-bottom: 1px dashed rgba(0, 0, 0, .1); |
|
396 margin-top: -8px; |
|
397 } |
|
398 } |
|
399 |
|
400 .progress { |
|
401 position: relative; |
|
402 margin-bottom: 20px; |
|
403 overflow: hidden; |
|
404 height: 22px; |
|
405 background: #eee; |
|
406 box-shadow: 0 1px 0 transparent, 0 0 0 1px #e3e3e3 inset; |
|
407 -webkit-box-shadow: 0 1px 0 transparent, 0 0 0 1px #e3e3e3 inset; |
|
408 border-radius: 0; |
|
409 |
|
410 input[type="text"] + & { |
|
411 height: 7px; |
|
412 } |
|
413 &-bar { |
|
414 float: left; |
|
415 width: 0; |
|
416 height: 100%; |
|
417 font-size: 11px; |
|
418 color: #fff; |
|
419 text-align: center; |
|
420 background-color: #57889c; |
|
421 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); |
|
422 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); |
|
423 font-weight: 700; |
|
424 text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); |
|
425 background-image: url(../img/pattern/overlay-pattern.png); |
|
426 |
|
427 .progress-striped & { |
|
428 background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent)); |
|
429 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); |
|
430 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); |
|
431 background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); |
|
432 -webkit-background-size: 40px 40px; |
|
433 background-size: 40px 40px; |
|
434 } |
|
435 } |
|
436 &.active &-bar { |
|
437 -webkit-animation: progress-bar-stripes 2s linear infinite; |
|
438 -ms-animation: progress-bar-stripes 2s linear infinite; |
|
439 animation: progress-bar-stripes 2s linear infinite; |
|
440 } |
|
441 &-bar-danger { |
|
442 background-color: #a90329; |
|
443 } |
|
444 &-striped &-bar-danger { |
|
445 background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent)); |
|
446 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); |
|
447 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); |
|
448 background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); |
|
449 } |
|
450 &-bar-success { |
|
451 background-color: #739e73; |
|
452 } |
|
453 &-striped &-bar-success { |
|
454 background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent)); |
|
455 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); |
|
456 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); |
|
457 background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); |
|
458 } |
|
459 &-bar-warning { |
|
460 background-color: #c79121; |
|
461 } |
|
462 &-striped &-bar-warning { |
|
463 background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent)); |
|
464 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); |
|
465 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); |
|
466 background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); |
|
467 } |
|
468 &-bar-info { |
|
469 background-color: #57889c; |
|
470 } |
|
471 &-striped &-bar-info { |
|
472 background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent)); |
|
473 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); |
|
474 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); |
|
475 background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); |
|
476 } |
|
477 .bar-info, |
|
478 &-info .bar { |
|
479 background: #57889c; |
|
480 } |
|
481 &-micro { |
|
482 height: 3px!important; |
|
483 line-height: 3px!important; |
|
484 } |
|
485 &-xs { |
|
486 height: 7px!important; |
|
487 line-height: 7px!important; |
|
488 } |
|
489 &-sm { |
|
490 height: 14px!important; |
|
491 line-height: 14px!important; |
|
492 } |
|
493 &-lg { |
|
494 height: 30px!important; |
|
495 line-height: 30px!important; |
|
496 } |
|
497 .progress-bar { |
|
498 position: absolute; |
|
499 overflow: hidden; |
|
500 line-height: 20px; |
|
501 } |
|
502 .progressbar-back-text { |
|
503 position: absolute; |
|
504 width: 100%; |
|
505 height: 100%; |
|
506 font-size: 12px; |
|
507 line-height: 20px; |
|
508 text-align: center; |
|
509 } |
|
510 .progressbar-front-text { |
|
511 display: block; |
|
512 width: 100%; |
|
513 font-size: 12px; |
|
514 line-height: 20px; |
|
515 text-align: center; |
|
516 } |
|
517 &.right { |
|
518 .progress-bar { |
|
519 right: 0; |
|
520 } |
|
521 .progressbar-front-text { |
|
522 position: absolute; |
|
523 right: 0; |
|
524 } |
|
525 } |
|
526 &.vertical { |
|
527 width: 25px; |
|
528 height: 100%; |
|
529 min-height: 150px; |
|
530 margin-right: 20px; |
|
531 display: inline-block; |
|
532 margin-bottom: 0; |
|
533 |
|
534 &.bottom { |
|
535 position: relative; |
|
536 |
|
537 .progress-bar { |
|
538 position: absolute; |
|
539 bottom: 0; |
|
540 } |
|
541 .progressbar-front-text { |
|
542 position: absolute; |
|
543 bottom: 0; |
|
544 } |
|
545 } |
|
546 .progress-bar { |
|
547 width: 100%; |
|
548 height: 0; |
|
549 -webkit-transition: height .6s ease; |
|
550 transition: height .6s ease; |
|
551 } |
|
552 } |
|
553 &.wide-bar { |
|
554 width: 40px; |
|
555 } |
|
556 } |
|
557 |
|
558 .dd { |
|
559 position: relative; |
|
560 display: block; |
|
561 margin: 0; |
|
562 padding: 0; |
|
563 max-width: 600px; |
|
564 list-style: none; |
|
565 font-size: 13px; |
|
566 line-height: 20px; |
|
567 |
|
568 @media only screen and (min-width:700px) { |
|
569 float: left; |
|
570 width: 100%; |
|
571 |
|
572 +.dd { |
|
573 margin-left: 2%; |
|
574 } |
|
575 } |
|
576 &-header.calender-spacer { |
|
577 height: 46px; |
|
578 display: block; |
|
579 } |
|
580 &-list { |
|
581 display: block; |
|
582 position: relative; |
|
583 margin: 0; |
|
584 padding: 0; |
|
585 list-style: none; |
|
586 |
|
587 .dd-list { |
|
588 padding-left: 30px; |
|
589 } |
|
590 .dd-collapsed & { |
|
591 display: none; |
|
592 } |
|
593 } |
|
594 &-empty { |
|
595 border: 1px dashed #bbb; |
|
596 min-height: 100px; |
|
597 background-color: #eee; |
|
598 background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff); |
|
599 background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff); |
|
600 background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff); |
|
601 -webkit-background-size: 60px 60px; |
|
602 background-size: 60px 60px; |
|
603 background-position: 0 0, 30px 30px; |
|
604 } |
|
605 &-empty, |
|
606 &-placeholder { |
|
607 margin: 5px 0; |
|
608 padding: 0; |
|
609 min-height: 30px; |
|
610 background: #f2fbff; |
|
611 border: 1px dashed #b6bcbf; |
|
612 -webkit-box-sizing: border-box; |
|
613 box-sizing: border-box; |
|
614 -moz-box-sizing: border-box; |
|
615 } |
|
616 &-empty, |
|
617 &-item, |
|
618 &-placeholder { |
|
619 display: block; |
|
620 position: relative; |
|
621 margin: 0; |
|
622 padding: 0; |
|
623 min-height: 20px; |
|
624 font-size: 13px; |
|
625 line-height: 20px; |
|
626 } |
|
627 &-handle { |
|
628 display: block; |
|
629 font-size: 15px; |
|
630 margin: 5px 0; |
|
631 padding: 7px 15px; |
|
632 color: #333; |
|
633 text-decoration: none; |
|
634 border: 1px solid #cfcfcf; |
|
635 background: #fbfbfb; |
|
636 |
|
637 &:hover, |
|
638 &:hover+.dd-list .dd-handle { |
|
639 background: #FDDFB3!important; |
|
640 border: 1px solid #FAA937; |
|
641 color: #333!important; |
|
642 } |
|
643 & >span { |
|
644 font-size: 13px; |
|
645 color: #777; |
|
646 } |
|
647 .dd-hover >& { |
|
648 background: #2ea8e5!important; |
|
649 } |
|
650 } |
|
651 &-item { |
|
652 >button { |
|
653 position: relative; |
|
654 cursor: pointer; |
|
655 float: left; |
|
656 width: 25px; |
|
657 height: 20px; |
|
658 margin: 7px 10px; |
|
659 line-height: 22px!important; |
|
660 padding: 0; |
|
661 text-indent: 100%; |
|
662 white-space: nowrap; |
|
663 overflow: hidden; |
|
664 border: 0; |
|
665 background: rgba(0, 0, 0, 0); |
|
666 text-align: center; |
|
667 display: inline-block; |
|
668 font-family: FontAwesome; |
|
669 font-style: normal; |
|
670 font-weight: 400; |
|
671 -webkit-font-smoothing: antialiased; |
|
672 -moz-osx-font-smoothing: grayscale; |
|
673 font-size: 18px; |
|
674 |
|
675 &:before { |
|
676 content: '\f055'; |
|
677 display: block; |
|
678 position: absolute; |
|
679 width: 100%; |
|
680 text-align: center; |
|
681 text-indent: 0; |
|
682 color: #0091d9; |
|
683 } |
|
684 &[data-action=collapse]:before { |
|
685 content: '\f056'; |
|
686 color: #a90329; |
|
687 } |
|
688 } |
|
689 } |
|
690 &-dragel { |
|
691 position: absolute; |
|
692 pointer-events: none; |
|
693 z-index: 9999; |
|
694 |
|
695 >.dd-item .dd-handle { |
|
696 margin-top: 0; |
|
697 } |
|
698 >.dd-item >.dd-handle { |
|
699 border-left-width: 4px; |
|
700 } |
|
701 .dd-handle { |
|
702 -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1); |
|
703 box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1); |
|
704 } |
|
705 >li.dd-item.dd3-item { |
|
706 position: relative; |
|
707 top: 10px; |
|
708 left: 10px; |
|
709 z-index: 999; |
|
710 } |
|
711 } |
|
712 } |
|
713 |
|
714 .vertical-bars { |
|
715 padding: 0; |
|
716 margin: 0; |
|
717 |
|
718 &:after { |
|
719 content: ""; |
|
720 display: block; |
|
721 height: 0; |
|
722 clear: both; |
|
723 } |
|
724 li { |
|
725 padding: 14px 0; |
|
726 width: 25%; |
|
727 display: block; |
|
728 float: left; |
|
729 text-align: center; |
|
730 |
|
731 &:first-child { |
|
732 border-left: 0; |
|
733 } |
|
734 } |
|
735 >li>.progress.vertical { |
|
736 margin: 0 auto; |
|
737 float: none; |
|
738 |
|
739 &:first-child { |
|
740 margin-left: auto; |
|
741 } |
|
742 } |
|
743 } |
|
744 |
|
745 .bar-holder { |
|
746 padding: 18px 15px; |
|
747 |
|
748 &:first-child { |
|
749 border-top: 0; |
|
750 } |
|
751 .progress { |
|
752 margin: 0; |
|
753 } |
|
754 } |
|
755 |
|
756 .pagination { |
|
757 &.pagination-alt >li >a { |
|
758 box-shadow: none; |
|
759 -webkit-box-shadow: none; |
|
760 border: 0; |
|
761 margin-left: -1px; |
|
762 } |
|
763 &.pagination-alt >li:first-child >a { |
|
764 padding-left: 0; |
|
765 } |
|
766 >li >a, |
|
767 >li >span { |
|
768 padding: 7px 12px 5px; |
|
769 box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05); |
|
770 -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05); |
|
771 } |
|
772 &-xs>li>a, |
|
773 &-xs>li>span { |
|
774 padding: 5px 9px 3px; |
|
775 font-size: 12px; |
|
776 } |
|
777 } |
|
778 |
|
779 .panel { |
|
780 &-purple { |
|
781 border-color: #6e587a; |
|
782 |
|
783 >.panel-heading { |
|
784 color: #fff; |
|
785 background-color: #6e587a; |
|
786 border-color: #6e587a; |
|
787 } |
|
788 } |
|
789 &-greenLight { |
|
790 border-color: #71843f; |
|
791 |
|
792 >.panel-heading { |
|
793 color: #fff; |
|
794 background-color: #71843f; |
|
795 border-color: #71843f; |
|
796 } |
|
797 } |
|
798 &-greenDark { |
|
799 border-color: #496949; |
|
800 |
|
801 >.panel-heading { |
|
802 color: #fff; |
|
803 background-color: #496949; |
|
804 border-color: #496949; |
|
805 } |
|
806 } |
|
807 &-darken { |
|
808 border-color: #333; |
|
809 |
|
810 >.panel-heading { |
|
811 color: #fff; |
|
812 background-color: #404040; |
|
813 border-color: #404040; |
|
814 } |
|
815 } |
|
816 &-pink { |
|
817 border-color: #ac5287; |
|
818 |
|
819 >.panel-heading { |
|
820 color: #fff; |
|
821 background-color: #ac5287; |
|
822 border-color: #ac5287; |
|
823 } |
|
824 } |
|
825 &-green { |
|
826 border-color: #356e35; |
|
827 |
|
828 >.panel-heading { |
|
829 color: #fff; |
|
830 background-color: #356e35; |
|
831 border-color: #356e35; |
|
832 } |
|
833 } |
|
834 &-blueLight { |
|
835 border-color: #92a2a8; |
|
836 |
|
837 >.panel-heading { |
|
838 color: #fff; |
|
839 background-color: #92a2a8; |
|
840 border-color: #92a2a8; |
|
841 } |
|
842 } |
|
843 &-pinkDark { |
|
844 border-color: #a8829f; |
|
845 |
|
846 >.panel-heading { |
|
847 color: #fff; |
|
848 background-color: #a8829f; |
|
849 border-color: #a8829f; |
|
850 } |
|
851 } |
|
852 &-redLight { |
|
853 border-color: #a65858; |
|
854 |
|
855 >.panel-heading { |
|
856 color: #fff; |
|
857 background-color: #a65858; |
|
858 border-color: #a65858; |
|
859 } |
|
860 } |
|
861 &-red { |
|
862 border-color: #a90329; |
|
863 |
|
864 >.panel-heading { |
|
865 color: #fff; |
|
866 background-color: #a90329; |
|
867 border-color: #a90329; |
|
868 } |
|
869 } |
|
870 &-teal { |
|
871 border-color: #568a89; |
|
872 |
|
873 >.panel-heading { |
|
874 color: #fff; |
|
875 background-color: #568a89; |
|
876 border-color: #568a89; |
|
877 } |
|
878 } |
|
879 &-orange { |
|
880 border-color: #c79121; |
|
881 |
|
882 >.panel-heading { |
|
883 color: #fff; |
|
884 background-color: #c79121; |
|
885 border-color: #c79121; |
|
886 } |
|
887 } |
|
888 &-blueDark { |
|
889 border-color: #4c4f53; |
|
890 |
|
891 >.panel-heading { |
|
892 color: #fff; |
|
893 background-color: #4c4f53; |
|
894 border-color: #4c4f53; |
|
895 } |
|
896 } |
|
897 &-magenta { |
|
898 border-color: #6e3671; |
|
899 |
|
900 >.panel-heading { |
|
901 color: #fff; |
|
902 background-color: #6e3671; |
|
903 border-color: #6e3671; |
|
904 } |
|
905 } |
|
906 &-blue { |
|
907 border-color: #57889c; |
|
908 |
|
909 >.panel-heading { |
|
910 color: #fff; |
|
911 background-color: #57889c; |
|
912 border-color: #57889c; |
|
913 } |
|
914 } |
|
915 &-footer >.btn-block { |
|
916 border-radius: 0; |
|
917 border-bottom: 0; |
|
918 border-left: 0; |
|
919 border-right: 0; |
|
920 } |
|
921 } |
|
922 |
|
923 .notification-body { |
|
924 padding: 0 0 0 3px; |
|
925 margin: 0; |
|
926 list-style: none; |
|
927 |
|
928 *, |
|
929 &:after *, |
|
930 &:before * { |
|
931 box-sizing: border-box!important; |
|
932 -webkit-box-sizing: border-box!important; |
|
933 -moz-box-sizing: border-box!important; |
|
934 } |
|
935 >li { |
|
936 border-bottom: 1px solid #E9E9E9; |
|
937 position: relative; |
|
938 |
|
939 >span { |
|
940 background: #fff; |
|
941 display: block; |
|
942 min-height: 25px; |
|
943 overflow: hidden; |
|
944 padding: 8px 8px 10px; |
|
945 white-space: normal; |
|
946 |
|
947 &:hover { |
|
948 background: #F0F4F7; |
|
949 color: #667F8F; |
|
950 } |
|
951 >a { |
|
952 >span.msg-body, |
|
953 >span.subject { |
|
954 height: auto; |
|
955 line-height: normal; |
|
956 } |
|
957 } |
|
958 } |
|
959 a.msg { |
|
960 padding-left: 40px!important; |
|
961 } |
|
962 a, |
|
963 a span { |
|
964 display: block; |
|
965 position: relative; |
|
966 overflow: hidden; |
|
967 } |
|
968 a, |
|
969 a:hover { |
|
970 text-decoration: none; |
|
971 } |
|
972 &:hover .progress { |
|
973 background: #fff; |
|
974 box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 0 0 1px #a7a7a7 inset; |
|
975 -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 0 0 1px #ccc inset; |
|
976 } |
|
977 &:hover .text-muted { |
|
978 color: #333; |
|
979 } |
|
980 } |
|
981 .from { |
|
982 font-size: 14px; |
|
983 line-height: normal; |
|
984 color: #333; |
|
985 font-weight: 400; |
|
986 margin-right: 60px; |
|
987 margin-bottom: 3px; |
|
988 height: 20px; |
|
989 text-overflow: ellipsis; |
|
990 white-space: nowrap; |
|
991 overflow: hidden; |
|
992 } |
|
993 .unread { |
|
994 background: #FFFFE0; |
|
995 |
|
996 .unread .from { |
|
997 font-weight: 700; |
|
998 } |
|
999 } |
|
1000 time { |
|
1001 position: absolute; |
|
1002 top: 3px; |
|
1003 right: 0; |
|
1004 font-size: 11px; |
|
1005 font-weight: 400; |
|
1006 color: #058dc7; |
|
1007 } |
|
1008 .msg-body, |
|
1009 .subject { |
|
1010 font-size: 13px; |
|
1011 color: #A0A0A0; |
|
1012 max-height: 35px; |
|
1013 width: 100%; |
|
1014 //text-overflow: ellipsis; |
|
1015 //white-space: nowrap; |
|
1016 overflow: hidden; |
|
1017 } |
|
1018 .subject { |
|
1019 font-size: 13px; |
|
1020 color: #333; |
|
1021 max-height: 22px; |
|
1022 } |
|
1023 } |
|
1024 |
|
1025 .ajax-notifications { |
|
1026 height: 365px; |
|
1027 display: block; |
|
1028 overflow: auto; |
|
1029 margin-right: -10px; |
|
1030 margin-left: -10px; |
|
1031 border-bottom: 1px solid #CECECE; |
|
1032 border-top: 1px solid #CECECE; |
|
1033 background: #E9E9E9; |
|
1034 |
|
1035 @media only screen and (min-width:320px) and (max-width:479px) { |
|
1036 height: 250px; |
|
1037 } |
|
1038 >.alert.alert-transparent { |
|
1039 background-color: transparent; |
|
1040 border-color: transparent; |
|
1041 color: #757575; |
|
1042 margin: 13px 10px; |
|
1043 } |
|
1044 >.alert >:first-child { |
|
1045 margin-bottom: 10px; |
|
1046 font-weight: 400; |
|
1047 } |
|
1048 } |
|
1049 |
|
1050 .arrow-box-up { |
|
1051 &:before, |
|
1052 &:after { |
|
1053 bottom: 100%; |
|
1054 border: solid transparent; |
|
1055 content: " "; |
|
1056 height: 0; |
|
1057 width: 0; |
|
1058 position: absolute; |
|
1059 pointer-events: none; |
|
1060 } |
|
1061 &:before { |
|
1062 border-color: rgba(131, 131, 131, 0); |
|
1063 border-bottom-color: #838383; |
|
1064 border-width: 8px; |
|
1065 left: 50%; |
|
1066 margin-left: -8px; |
|
1067 } |
|
1068 &:after { |
|
1069 border-color: rgba(255, 255, 255, 0); |
|
1070 border-bottom-color: #fff; |
|
1071 border-width: 7px; |
|
1072 left: 50%; |
|
1073 margin-left: -7px; |
|
1074 } |
|
1075 &-right:before, |
|
1076 &-right:after { |
|
1077 bottom: 100%; |
|
1078 border: solid transparent; |
|
1079 content: " "; |
|
1080 height: 0; |
|
1081 width: 0; |
|
1082 position: absolute; |
|
1083 pointer-events: none; |
|
1084 } |
|
1085 &-right:before { |
|
1086 border-color: rgba(131, 131, 131, 0); |
|
1087 border-bottom-color: #838383; |
|
1088 border-width: 8px; |
|
1089 right: 9px; |
|
1090 margin-left: -8px; |
|
1091 } |
|
1092 &-right:after { |
|
1093 border-color: rgba(255, 255, 255, 0); |
|
1094 border-bottom-color: #fff; |
|
1095 border-width: 7px; |
|
1096 right: 10px; |
|
1097 margin-left: -7px; |
|
1098 } |
|
1099 } |
|
1100 |
|
1101 .tooltip-inner { |
|
1102 padding: 5px 10px; |
|
1103 font-size: 11px; |
|
1104 font-family: Ubuntu, Arial, Helvetica, sans-serif; |
|
1105 font-weight: 700; |
|
1106 border-radius: 0; |
|
1107 } |
|
1108 .jqstooltip { |
|
1109 padding: 7px!important; |
|
1110 border-radius: 3px!important; |
|
1111 border: 0!important; |
|
1112 background-color: #000!important; |
|
1113 box-sizing: content-box; |
|
1114 -moz-box-sizing: content-box; |
|
1115 -webkit-box-sizing: content-box; |
|
1116 |
|
1117 .jqsfield { |
|
1118 font-family: Ubuntu, Arial, sans-serif; |
|
1119 font-size: 11px; |
|
1120 } |
|
1121 } |
|
1122 |
|
1123 .dd3 { |
|
1124 &-content { |
|
1125 display: block; |
|
1126 margin: 5px 0; |
|
1127 padding: 6px 10px 8px 40px; |
|
1128 font-size: 15px; |
|
1129 color: #333; |
|
1130 text-decoration: none; |
|
1131 border: 1px solid #cfcfcf; |
|
1132 background: #fbfbfb; |
|
1133 |
|
1134 &:hover { |
|
1135 color: #2ea8e5; |
|
1136 background: #fff; |
|
1137 } |
|
1138 .dd-dragel >.dd3-item >& { |
|
1139 margin: 0; |
|
1140 } |
|
1141 } |
|
1142 &-item >button { |
|
1143 margin-left: 38px; |
|
1144 } |
|
1145 &-handle { |
|
1146 position: absolute; |
|
1147 margin: 0; |
|
1148 left: 0; |
|
1149 top: 0; |
|
1150 cursor: move; |
|
1151 width: 30px; |
|
1152 text-indent: 100%; |
|
1153 white-space: nowrap; |
|
1154 overflow: hidden; |
|
1155 border: 1px solid #aaa; |
|
1156 background: #bfbfbf; |
|
1157 background: -webkit-linear-gradient(top, #ddd 0, #bbb 100%); |
|
1158 background: -webkit-gradient(linear, top left, bottom left, from(#ddd), to(#bbb)); |
|
1159 background: -webkit-linear-gradient(top, #ddd 0, #bbb 100%); |
|
1160 background: linear-gradient(top, #ddd 0, #bbb 100%); |
|
1161 display: inline-block; |
|
1162 font-family: FontAwesome; |
|
1163 font-style: normal; |
|
1164 font-weight: 400; |
|
1165 line-height: 1; |
|
1166 -webkit-font-smoothing: antialiased; |
|
1167 -moz-osx-font-smoothing: grayscale; |
|
1168 font-size: 18px; |
|
1169 padding: 8px 15px; |
|
1170 |
|
1171 &:before { |
|
1172 content: '\f0c9'; |
|
1173 display: block; |
|
1174 position: absolute; |
|
1175 left: 0; |
|
1176 top: 3px; |
|
1177 width: 100%; |
|
1178 text-align: center; |
|
1179 text-indent: 0; |
|
1180 color: #818181; |
|
1181 font-weight: 400; |
|
1182 line-height: 28px; |
|
1183 } |
|
1184 &:hover:before { |
|
1185 color: #C27616; |
|
1186 } |
|
1187 } |
|
1188 } |
|
1189 |
|
1190 |
|
1191 /* |
|
1192 * Nestable lists |
|
1193 */ |
|
1194 |
|
1195 .nestable-lists { |
|
1196 display: block; |
|
1197 clear: both; |
|
1198 padding: 30px 0; |
|
1199 width: 100%; |
|
1200 border: 0; |
|
1201 border-top: 2px solid #bfbfbf; |
|
1202 border-bottom: 2px solid #bfbfbf; |
|
1203 } |
|
1204 #nestable-menu { |
|
1205 padding: 0; |
|
1206 margin: 10px 0 20px; |
|
1207 } |
|
1208 |
|
1209 #nestable-output, |
|
1210 #nestable2-output { |
|
1211 width: 100%; |
|
1212 padding: 5px; |
|
1213 } |
|
1214 |
|
1215 |
|
1216 /* |
|
1217 * Custom items |
|
1218 */ |
|
1219 |
|
1220 .custom-scroll { |
|
1221 |
|
1222 &::-webkit-scrollbar { |
|
1223 -webkit-overflow-scrolling: touch; |
|
1224 height: 10px; |
|
1225 width: 10px; |
|
1226 |
|
1227 &:hover { |
|
1228 background-color: #E9E9E9; |
|
1229 border: 1px solid #dbdbdb; |
|
1230 } |
|
1231 &-button:start:decrement, |
|
1232 &-button:end:increment { |
|
1233 background: 0 0; |
|
1234 display: block; |
|
1235 height: 0; |
|
1236 } |
|
1237 &-track { |
|
1238 -webkit-background-clip: padding-box; |
|
1239 background-clip: padding-box; |
|
1240 border: solid transparent; |
|
1241 |
|
1242 &-piece { |
|
1243 -o-border-radius: 0; |
|
1244 background-color: transparent; |
|
1245 border-radius: 0; |
|
1246 } |
|
1247 } |
|
1248 &-thumb { |
|
1249 -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07); |
|
1250 -webkit-background-clip: padding-box; |
|
1251 background-clip: padding-box; |
|
1252 background-color: rgba(0, 0, 0, .2); |
|
1253 border: 0; |
|
1254 box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07); |
|
1255 |
|
1256 &:vertical, |
|
1257 &:horizontal { |
|
1258 -o-border-radius: 0; |
|
1259 background-color: #bfbfbf; |
|
1260 border-radius: 0; |
|
1261 } |
|
1262 &:active { |
|
1263 -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .33); |
|
1264 background-color: rgba(0, 0, 0, .44); |
|
1265 box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .33); |
|
1266 } |
|
1267 &:hover { |
|
1268 background-color: #959595; |
|
1269 } |
|
1270 } |
|
1271 } |
|
1272 } |
|
1273 |
|
1274 .air { |
|
1275 position: absolute; |
|
1276 z-index: 5; |
|
1277 |
|
1278 &-bottom { |
|
1279 bottom: 0; |
|
1280 } |
|
1281 &-top { |
|
1282 top: 0; |
|
1283 |
|
1284 &-right { |
|
1285 top: 0; |
|
1286 right: 0; |
|
1287 } |
|
1288 &-left { |
|
1289 top: 0; |
|
1290 left: 0; |
|
1291 } |
|
1292 } |
|
1293 &-bottom { |
|
1294 &-left { |
|
1295 bottom: 0; |
|
1296 left: 0; |
|
1297 } |
|
1298 &-right { |
|
1299 bottom: 0; |
|
1300 right: 0; |
|
1301 } |
|
1302 } |
|
1303 } |
|
1304 |
|
1305 .tree { |
|
1306 min-height: 20px; |
|
1307 border-radius: 4px; |
|
1308 |
|
1309 li { |
|
1310 list-style-type: none; |
|
1311 margin: 0; |
|
1312 padding: 3px 0 3px 5px; |
|
1313 position: relative; |
|
1314 |
|
1315 &:after, |
|
1316 &:before { |
|
1317 content: ''; |
|
1318 left: -10px; |
|
1319 position: absolute; |
|
1320 right: auto; |
|
1321 } |
|
1322 &:before { |
|
1323 border-left: 1px solid #999; |
|
1324 bottom: 50px; |
|
1325 height: 100%; |
|
1326 top: -5px; |
|
1327 width: 1px; |
|
1328 -webkit-transition: "border-color 0.1s ease 0.1s"; |
|
1329 transition: "border-color 0.1s ease 0.1s"; |
|
1330 } |
|
1331 &:last-child::before { |
|
1332 height: 20px; |
|
1333 } |
|
1334 &:after { |
|
1335 border-top: 1px solid #999; |
|
1336 height: 20px; |
|
1337 top: 14px; |
|
1338 width: 15px; |
|
1339 } |
|
1340 &:hover { |
|
1341 background: rgba(0, 0, 0, .15); |
|
1342 } |
|
1343 >span { |
|
1344 color: @textColor; |
|
1345 border: 1px solid #999; |
|
1346 border-radius: 5px; |
|
1347 display: inline-block; |
|
1348 padding: 4px 8px; |
|
1349 text-decoration: none; |
|
1350 -webkit-transition: color .2s ease .1s, background-color .2s ease .1s, border-color .3s ease .2s; |
|
1351 transition: color .2s ease .1s, background-color .2s ease .1s, border-color .3s ease .2s; |
|
1352 |
|
1353 >i { |
|
1354 padding-right: 4px; |
|
1355 } |
|
1356 } |
|
1357 &.parent_li >span { |
|
1358 padding: 7px; |
|
1359 } |
|
1360 >span { |
|
1361 cursor: pointer; |
|
1362 |
|
1363 &:hover, |
|
1364 &:hover + ul li >span { |
|
1365 background: #eee; |
|
1366 border: 1px solid #94a0b4; |
|
1367 color: #000; |
|
1368 } |
|
1369 } |
|
1370 } |
|
1371 ul { |
|
1372 ul { |
|
1373 padding-left: 24px; |
|
1374 padding-top: 5px; |
|
1375 } |
|
1376 } |
|
1377 >ul { |
|
1378 padding-left: 0; |
|
1379 |
|
1380 >li { |
|
1381 &:after, |
|
1382 &:before { |
|
1383 border: 0; |
|
1384 } |
|
1385 } |
|
1386 } |
|
1387 } |
|
1388 |
|
1389 .tree-node-padding { |
|
1390 display: inline-block; |
|
1391 width: 15px; |
|
1392 } |
|
1393 |
|
1394 .pace { |
|
1395 -webkit-pointer-events: none; |
|
1396 pointer-events: none; |
|
1397 -webkit-user-select: none; |
|
1398 -moz-user-select: none; |
|
1399 -ms-user-select: none; |
|
1400 user-select: none; |
|
1401 |
|
1402 &-inactive { |
|
1403 display: none; |
|
1404 } |
|
1405 .pace-progress { |
|
1406 background: #3276b1; |
|
1407 position: fixed; |
|
1408 z-index: 2000; |
|
1409 top: 0; |
|
1410 left: 0; |
|
1411 height: 2px; |
|
1412 -webkit-transition: width 1s; |
|
1413 transition: width 1s; |
|
1414 |
|
1415 &-inner { |
|
1416 display: block; |
|
1417 position: absolute; |
|
1418 right: 0; |
|
1419 width: 100px; |
|
1420 height: 100%; |
|
1421 -webkit-box-shadow: 0 0 10px #29d, 0 0 5px #29d; |
|
1422 box-shadow: 0 0 10px #29d, 0 0 5px #29d; |
|
1423 opacity: 1; |
|
1424 -webkit-transform: rotate(3deg) translate(0, -4px); |
|
1425 -ms-transform: rotate(3deg) translate(0, -4px); |
|
1426 transform: rotate(3deg) translate(0, -4px); |
|
1427 } |
|
1428 } |
|
1429 .pace-activity { |
|
1430 display: block; |
|
1431 position: fixed; |
|
1432 z-index: 2000; |
|
1433 top: 63px; |
|
1434 right: 40px; |
|
1435 width: 14px; |
|
1436 height: 14px; |
|
1437 border: solid 2px transparent; |
|
1438 border-top-color: #29d; |
|
1439 border-left-color: #29d; |
|
1440 border-radius: 10px; |
|
1441 -webkit-animation: pace-spinner 400ms linear infinite; |
|
1442 -ms-animation: pace-spinner 400ms linear infinite; |
|
1443 animation: pace-spinner 400ms linear infinite; |
|
1444 } |
|
1445 } |
|
1446 |
|