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.

13 lines
5.1 KiB

10 years ago
10 years ago
10 years ago
  1. /*
  2. * # Semantic UI
  3. * Version: 0.16.1
  4. * http://github.com/jlukic/semantic-ui
  5. *
  6. *
  7. * Copyright 2014 Contributors
  8. * Released under the MIT license
  9. * http://opensource.org/licenses/MIT
  10. *
  11. * Released: 09/24/2014
  12. */
  13. .ui.progress{position:relative;display:block;max-width:100%;border:none;margin:1em 0 2.25em;box-shadow:none;background:rgba(0,0,0,.03);padding:.325em;border-radius:.325em}.ui.progress:first-child{margin:0 0 2.25em}.ui.progress:last-child{margin:0 0 1.25em}.ui.indicating.progress .bar[style^="width: 3"]{background-color:#D9A65C}.ui.indicating.progress .bar[style^="width: 4"],.ui.indicating.progress .bar[style^="width: 5"]{background-color:#E6BB48}.ui.indicating.progress .bar[style^="width: 6"]{background-color:#DDC928}.ui.indicating.progress .bar[style^="width: 7"],.ui.indicating.progress .bar[style^="width: 8"]{background-color:#B4D95C}.ui.indicating.progress .bar[style^="width: 9"],.ui.indicating.progress .bar[style^="width: 100"]{background-color:#66DA81}.ui.indicating.progress .bar[style^="width: 3%"],.ui.indicating.progress .bar[style^="width: 4%"],.ui.indicating.progress .bar[style^="width: 5%"],.ui.indicating.progress .bar[style^="width: 6%"],.ui.indicating.progress .bar[style^="width: 7%"],.ui.indicating.progress .bar[style^="width: 8%"],.ui.indicating.progress .bar[style^="width: 9%"],.ui.indicating.progress .bar[style^="width: 1"],.ui.indicating.progress .bar[style^="width: 2"],.ui.indicating.progress .bar[style^="width: 1%"],.ui.indicating.progress .bar[style^="width: 2%"]{background-color:#D95C5C}.ui.progress .bar{display:block;line-height:1;position:relative;width:0;height:1.75em;background:#888;border-radius:.325em;-webkit-transition:width .5s ease,background-color 1s ease;transition:width .5s ease,background-color 1s ease}.ui.progress .bar>.progress{white-space:nowrap;position:absolute;width:auto;font-size:.9em;top:50%;right:1em;left:auto;bottom:auto;color:rgba(255,255,255,.8);text-shadow:none;margin-top:-.5em;font-weight:700;text-align:left}.ui.progress>.label{position:absolute;width:100%;font-size:1em;top:100%;right:auto;left:0;bottom:auto;color:rgba(0,0,0,.8);font-weight:700;text-shadow:none;margin-top:.25em;text-align:center;-webkit-transition:color 1s ease;transition:color 1s ease}.ui.progress.success .bar{background-color:#5bbd72!important}.ui.progress.success .bar,.ui.progress.success .bar::after{-webkit-animation:none!important;animation:none!important}.ui.progress.success>.label{color:#336534}.ui.progress.warning .bar{background-color:#f2c037!important}.ui.progress.warning .bar,.ui.progress.warning .bar::after{-webkit-animation:none!important;animation:none!important}.ui.progress.warning>.label{color:#785f33}.ui.progress.error .bar{background-color:#d95c5c!important}.ui.progress.error .bar,.ui.progress.error .bar::after{-webkit-animation:none!important;animation:none!important}.ui.progress.error>.label{color:#973d3b}.ui.active.progress .bar{position:relative}.ui.active.progress .bar::after{content:'';opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border-radius:.325em;-webkit-animation:progress-active 2s ease infinite;animation:progress-active 2s ease infinite}@-webkit-keyframes progress-active{0%{opacity:.3;width:0}100%{opacity:0;width:100%}}@keyframes progress-active{0%{opacity:.3;width:0}100%{opacity:0;width:100%}}.ui.disabled.progress{opacity:.35}.ui.disabled.progress .bar,.ui.disabled.progress .bar::after{-webkit-animation:none!important;animation:none!important}.ui.inverted.progress{background:rgba(255,255,255,.05);border:none}.ui.inverted.progress .bar{background:#fafafa}.ui.inverted.progress .bar>.progress{color:rgba(0,0,0,.8)}.ui.inverted.progress>.label{color:#fff}.ui.inverted.progress.success>.label{color:#5bbd72}.ui.inverted.progress.warning>.label{color:#f2c037}.ui.inverted.progress.error>.label{color:#d95c5c}.ui.progress.attached{background:none;position:relative;border:none;margin:0}.ui.progress.attached,.ui.progress.attached .bar{display:block;height:.25em;padding:0;overflow:hidden;border-radius:0 0 .325em .325em}.ui.progress.attached .bar{border-radius:0}.ui.progress.top.attached,.ui.progress.top.attached .bar{top:0;border-radius:.325em .325em 0 0}.ui.progress.top.attached .bar{border-radius:0}.ui.black.progress .bar{background-color:#1b1c1d}.ui.blue.prog