1 | @import "../less/keyframes";
|
2 |
|
3 | .modal-unfocused {
|
4 | z-index: @zindex-modal - 5;
|
5 | }
|
6 |
|
7 | .taskbar {
|
8 | display: none;
|
9 | z-index: @zindex-popover;
|
10 | -moz-opacity: 0.75;
|
11 | opacity: 0.75;
|
12 | margin-top: 0;
|
13 | left: auto;
|
14 | -webkit-transition: opacity 150ms ease-in;
|
15 | -moz-transition: opacity 150ms ease-in;
|
16 | -ms-transition: opacity 150ms ease-in;
|
17 | -o-transition: opacity 150ms ease-in;
|
18 | transition: opacity 150ms ease-in;
|
19 |
|
20 |
|
21 | &.navbar-fixed-bottom {
|
22 | z-index: @zindex-popover;
|
23 | left: auto;
|
24 | }
|
25 |
|
26 | &[data-active="1"] {
|
27 | display: block;
|
28 | }
|
29 |
|
30 | &:hover {
|
31 | -moz-opacity: 1;
|
32 | opacity: 1;
|
33 | }
|
34 |
|
35 | &.navbar {
|
36 | min-height: 32px;
|
37 | }
|
38 |
|
39 | li {
|
40 | float: left;
|
41 |
|
42 | &.new a {
|
43 | -webkit-animation: taskbar-active 3s infinite;
|
44 | -moz-animation: taskbar-active 3s infinite;
|
45 | -o-animation: taskbar-active 3s infinite;
|
46 | animation: taskbar-active 3s infinite;
|
47 | }
|
48 |
|
49 | a {
|
50 | padding: 3px 15px;
|
51 | font-size: 13px;
|
52 |
|
53 | > span {
|
54 | max-width: 200px;
|
55 | text-overflow: ellipsis;
|
56 | white-space: nowrap;
|
57 | overflow: hidden;
|
58 | }
|
59 | }
|
60 |
|
61 | img {
|
62 | max-width: 24px;
|
63 | max-height: 24px;
|
64 | margin-right: 1em;
|
65 | }
|
66 |
|
67 | &.pulse {
|
68 | -webkit-animation: pulsate 2500ms linear;
|
69 | -webkit-animation-iteration-count: infinite;
|
70 | }
|
71 |
|
72 | @-webkit-keyframes pulsate {
|
73 | 0% { background: none; }
|
74 | 50% { background: #e5e5e5; }
|
75 | 100% { background: none; }
|
76 | }
|
77 | }
|
78 | } |
\ | No newline at end of file |