mirror of
https://github.com/fergalmoran/robotopro.git
synced 2025-12-22 09:18:53 +00:00
Initial commit
This commit is contained in:
141
static/css/less/progressbar.less
Executable file
141
static/css/less/progressbar.less
Executable file
@@ -0,0 +1,141 @@
|
||||
/* 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%);
|
||||
}
|
||||
Reference in New Issue
Block a user