You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
157 lines
3.4 KiB
157 lines
3.4 KiB
/* Progress Indicator */ |
|
.mblProgressIndicator { |
|
position: relative; |
|
top: 0px; |
|
} |
|
.mblHeading .mblProgressIndicator { |
|
margin: 5px; |
|
float: left; |
|
} |
|
.mblProgContainer { |
|
position: absolute; |
|
width: 100%; |
|
height: 100%; |
|
} |
|
.mblProgressIndicatorCenter { |
|
position: absolute; |
|
top: 180px; |
|
left: 50%; |
|
} |
|
.mblProgressIndicatorCenter .mblProgContainer { |
|
left: -50%; |
|
-webkit-transform-origin: 50% 0; |
|
transform-origin: 50% 0; |
|
} |
|
.mblProg { |
|
position: absolute; |
|
left: 2px; |
|
top: 0px; |
|
width: 11px; |
|
font-size: 1px; |
|
height: 4px; |
|
overflow: hidden; |
|
-webkit-transform-origin: 0 2px; |
|
transform-origin: 0 2px; |
|
background-color: #c0c0c0; |
|
border-radius: 2px; |
|
} |
|
.mblProg0 { |
|
-webkit-transform: translate(18px, 10px) rotate(-90.1deg); |
|
transform: translate(18px, 10px) rotate(-90.1deg); |
|
} |
|
.mblProg1 { |
|
-webkit-transform: translate(22px, 11px) rotate(-60deg); |
|
transform: translate(22px, 11px) rotate(-60deg); |
|
} |
|
.mblProg2 { |
|
-webkit-transform: translate(25px, 14px) rotate(-30deg); |
|
transform: translate(25px, 14px) rotate(-30deg); |
|
} |
|
.mblProg3 { |
|
-webkit-transform: translate(26px, 18px) rotate(0deg); |
|
transform: translate(26px, 18px) rotate(0deg); |
|
} |
|
.mblProg4 { |
|
-webkit-transform: translate(25px, 22px) rotate(30deg); |
|
transform: translate(25px, 22px) rotate(30deg); |
|
} |
|
.mblProg5 { |
|
-webkit-transform: translate(22px, 25px) rotate(60deg); |
|
transform: translate(22px, 25px) rotate(60deg); |
|
} |
|
.mblProg6 { |
|
-webkit-transform: translate(18px, 26px) rotate(90.1deg); |
|
transform: translate(18px, 26px) rotate(90.1deg); |
|
} |
|
.mblProg7 { |
|
-webkit-transform: translate(14px, 25px) rotate(120deg); |
|
transform: translate(14px, 25px) rotate(120deg); |
|
} |
|
.mblProg8 { |
|
-webkit-transform: translate(11px, 22px) rotate(150deg); |
|
transform: translate(11px, 22px) rotate(150deg); |
|
} |
|
.mblProg9 { |
|
-webkit-transform: translate(10px, 18px) rotate(180deg); |
|
transform: translate(10px, 18px) rotate(180deg); |
|
} |
|
.mblProg10 { |
|
-webkit-transform: translate(11px, 14px) rotate(210deg); |
|
transform: translate(11px, 14px) rotate(210deg); |
|
} |
|
.mblProg11 { |
|
-webkit-transform: translate(14px, 11px) rotate(240deg); |
|
transform: translate(14px, 11px) rotate(240deg); |
|
} |
|
.mblProg0Color { |
|
background-color: #c0c0c0; |
|
} |
|
.mblProg1Color { |
|
background-color: #c0c0c0; |
|
} |
|
.mblProg2Color { |
|
background-color: #c0c0c0; |
|
} |
|
.mblProg3Color { |
|
background-color: #c0c0c0; |
|
} |
|
.mblProg4Color { |
|
background-color: #c0c0c0; |
|
} |
|
.mblProg5Color { |
|
background-color: #c0c0c0; |
|
} |
|
.mblProg6Color { |
|
background-color: #b8b9b8; |
|
} |
|
.mblProg7Color { |
|
background-color: #aeafae; |
|
} |
|
.mblProg8Color { |
|
background-color: #a4a5a4; |
|
} |
|
.mblProg9Color { |
|
background-color: #9a9a9a; |
|
} |
|
.mblProg10Color { |
|
background-color: #8e8e8e; |
|
} |
|
.mblProg11Color { |
|
background-color: #838383; |
|
} |
|
.mblProgWhite .mblProg0Color { |
|
background-color: #adb9c9; |
|
} |
|
.mblProgWhite .mblProg1Color { |
|
background-color: #adb9c9; |
|
} |
|
.mblProgWhite .mblProg2Color { |
|
background-color: #adb9c9; |
|
} |
|
.mblProgWhite .mblProg3Color { |
|
background-color: #adb9c9; |
|
} |
|
.mblProgWhite .mblProg4Color { |
|
background-color: #adb9c9; |
|
} |
|
.mblProgWhite .mblProg5Color { |
|
background-color: #adb9c9; |
|
} |
|
.mblProgWhite .mblProg6Color { |
|
background-color: #acb9cb; |
|
} |
|
.mblProgWhite .mblProg7Color { |
|
background-color: #b7c2d2; |
|
} |
|
.mblProgWhite .mblProg8Color { |
|
background-color: #c4cdda; |
|
} |
|
.mblProgWhite .mblProg9Color { |
|
background-color: #d1d8e2; |
|
} |
|
.mblProgWhite .mblProg10Color { |
|
background-color: #dee3ea; |
|
} |
|
.mblProgWhite .mblProg11Color { |
|
background-color: #eceff3; |
|
}
|
|
|