Files
@ 2c69596ec668
Branch filter:
Location: symposion_app/symposion_project/static/bootstrap/less/progress-bars.less - annotation
2c69596ec668
2.4 KiB
text/x-less-css
implemented promote to / demote from manager
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 | ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 ce4aa16f0865 | // PROGRESS BARS
// -------------
// ANIMATIONS
// ----------
// Webkit
@-webkit-keyframes progress-bar-stripes {
from { background-position: 40px 0; }
to { background-position: 0 0; }
}
// Firefox
@-moz-keyframes progress-bar-stripes {
from { background-position: 40px 0; }
to { background-position: 0 0; }
}
// IE9
@-ms-keyframes progress-bar-stripes {
from { background-position: 40px 0; }
to { background-position: 0 0; }
}
// Opera
@-o-keyframes progress-bar-stripes {
from { background-position: 0 0; }
to { background-position: 40px 0; }
}
// Spec
@keyframes progress-bar-stripes {
from { background-position: 40px 0; }
to { background-position: 0 0; }
}
// THE BARS
// --------
// Outer container
.progress {
overflow: hidden;
height: 18px;
margin-bottom: 18px;
#gradient > .vertical(#f5f5f5, #f9f9f9);
.box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
.border-radius(4px);
}
// Bar of progress
.progress .bar {
width: 0%;
height: 18px;
color: @white;
font-size: 12px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
#gradient > .vertical(#149bdf, #0480be);
.box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
.box-sizing(border-box);
.transition(width .6s ease);
}
// Striped bars
.progress-striped .bar {
#gradient > .striped(#149bdf);
.background-size(40px 40px);
}
// Call animation for the active one
.progress.active .bar {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-moz-animation: progress-bar-stripes 2s linear infinite;
-ms-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
// COLORS
// ------
// Danger (red)
.progress-danger .bar {
#gradient > .vertical(#ee5f5b, #c43c35);
}
.progress-danger.progress-striped .bar {
#gradient > .striped(#ee5f5b);
}
// Success (green)
.progress-success .bar {
#gradient > .vertical(#62c462, #57a957);
}
.progress-success.progress-striped .bar {
#gradient > .striped(#62c462);
}
// Info (teal)
.progress-info .bar {
#gradient > .vertical(#5bc0de, #339bb9);
}
.progress-info.progress-striped .bar {
#gradient > .striped(#5bc0de);
}
// Warning (orange)
.progress-warning .bar {
#gradient > .vertical(lighten(@orange, 15%), @orange);
}
.progress-warning.progress-striped .bar {
#gradient > .striped(lighten(@orange, 15%));
}
|