Files
@ 3998fe3369f8
Branch filter:
Location: symposion_app/symposion_project/static/bootstrap/less/progress-bars.less - annotation
3998fe3369f8
2.4 KiB
text/x-less-css
properly link to and control access to team detail page
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%));
}
|