mirror of
https://github.com/fergalmoran/robotopro.git
synced 2025-12-22 01:08:59 +00:00
141 lines
2.8 KiB
Plaintext
Executable File
141 lines
2.8 KiB
Plaintext
Executable File
/* progressbar */
|
|
.progress {
|
|
border-radius:0;
|
|
height:18px;
|
|
box-shadow:none;
|
|
background:#DADADA;
|
|
|
|
.bar {
|
|
box-shadow:none;
|
|
line-height:18px;
|
|
}
|
|
|
|
&[data-percent] {
|
|
position:relative;
|
|
&:after {
|
|
display:inline-block;
|
|
content:attr(data-percent);
|
|
color:#FFF;
|
|
position:absolute;
|
|
left:0; right:0; top:0; bottom:0; line-height:16px;
|
|
text-align:center;
|
|
font-size:12px; font-family:Verdana;
|
|
}
|
|
}
|
|
&.progress-yellow[data-percent]:after {
|
|
color:#996633;
|
|
}
|
|
|
|
|
|
&.progress-small {
|
|
height:12px;
|
|
.bar {
|
|
line-height:10px;
|
|
font-size:11px;
|
|
}
|
|
&[data-percent]:after {
|
|
line-height:10px;
|
|
font-size:11px;
|
|
}
|
|
}
|
|
|
|
|
|
&.progress-mini {
|
|
height:9px;
|
|
.bar {
|
|
line-height:8px;
|
|
font-size:11px;
|
|
}
|
|
&[data-percent]:after {
|
|
line-height:8px;
|
|
font-size:11px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.progress .bar {
|
|
background-image:none;
|
|
background-color:#2A91D8;
|
|
}
|
|
.progress-danger .bar, .progress .bar-danger {
|
|
background-image:none;
|
|
background-color:#CA5952;
|
|
}
|
|
.progress-success .bar, .progress .bar-success {
|
|
background-image:none;
|
|
background-color:#59A84B;
|
|
}
|
|
.progress-warning .bar, .progress .bar-warning {
|
|
background-image:none;
|
|
background-color:#F2BB46;
|
|
}
|
|
.progress-pink .bar, .progress .bar-pink {
|
|
background-image:none;
|
|
background-color:#D6487E;
|
|
}
|
|
.progress-purple .bar, .progress .bar-purple {
|
|
background-image:none;
|
|
background-color:#9585BF;
|
|
}
|
|
.progress-yellow .bar, .progress .bar-yellow {
|
|
background-image:none;
|
|
background-color:#FFD259;
|
|
}
|
|
.progress-inverse .bar, .progress .bar-inverse {
|
|
background-image:none;
|
|
background-color:#404040;
|
|
}
|
|
.progress-grey .bar, .progress .bar-grey {
|
|
background-image:none;
|
|
background-color:#8A8A8A;
|
|
}
|
|
|
|
|
|
.progress .bar + .bar {
|
|
box-shadow:none;
|
|
}
|
|
.progress-danger.progress-striped .bar, .progress-striped .bar-danger {
|
|
background-color:#CC4942;
|
|
}
|
|
.progress-warning.progress-striped .bar, .progress-striped .bar-warning {
|
|
background-color:#EBA450;
|
|
}
|
|
.progress-success.progress-striped .bar, .progress-striped .bar-success {
|
|
background-color:#55B83B;
|
|
}
|
|
.progress-info.progress-striped .bar, .progress-striped .bar-info {
|
|
background-color:#148BCF;
|
|
}
|
|
|
|
|
|
.progress-pink.progress-striped .bar, .progress-striped .bar-pink {
|
|
#gradient > .striped(#D6487E);
|
|
}
|
|
.progress-purple.progress-striped .bar, .progress-striped .bar-purple {
|
|
#gradient > .striped(#9585BF);
|
|
}
|
|
.progress-yellow.progress-striped .bar, .progress-striped .bar-yellow {
|
|
#gradient > .striped(#FFD259);
|
|
}
|
|
.progress-inverse.progress-striped .bar, .progress-striped .bar-inverse {
|
|
#gradient > .striped(#404040);
|
|
}
|
|
.progress-grey.progress-striped .bar, .progress-striped .bar-grey {
|
|
#gradient > .striped(#8A8A8A);
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.progress {
|
|
position:relative;
|
|
}
|
|
.progress:before {
|
|
display:inline-block;
|
|
content:"";
|
|
position:absolute;
|
|
left:0; right:0;
|
|
top:0; bottom:0;
|
|
background:radial-gradient(9px 9px 0deg, circle cover, aqua 0%, rgba(0, 0, 255, 0) 100%, blue 95%);
|
|
} |