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
4.3 KiB

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/05/2014
  12. */
  13. .ui.loader{display:none;position:absolute;top:50%;left:50%;margin:0;text-align:center;z-index:1000;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.ui.dimmer .loader{display:block}.ui.dimmer .ui.loader,.ui.inverted.loader{color:#fff}.ui.flipping.loader{width:auto;height:auto;background-image:none!important}.ui.flipping.loader .shape{position:relative;margin:0 auto 1em;color:transparent;box-shadow:0 0 0 1px;-webkit-animation:loaderFlipping 1s infinite ease;animation:loaderFlipping 1s infinite ease;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.ui.flipping.loader .shape:after,.ui.flipping.loader .shape:before{position:absolute;content:'';top:0;left:0;box-shadow:0 0 0 1px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ui.flipping.loader .shape:before{background-color:#0074d9;-webkit-transform:rotateY(0deg);transform:rotateY(0deg);z-index:2}.ui.flipping.loader .shape:after{background-color:#191919;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.ui.flipping.circular.loader .shape,.ui.flipping.circular.loader .shape:after,.ui.flipping.circular.loader .shape:before{border-radius:500rem}.ui.mini.flipping.loader .shape,.ui.mini.flipping.loader .shape:after,.ui.mini.flipping.loader .shape:before{width:16px;height:16px}.ui.flipping.loader .shape,.ui.flipping.loader .shape:after,.ui.flipping.loader .shape:before{width:32px;height:32px}@-webkit-keyframes loaderFlipping{0%{-webkit-transform:perspective(6em) rotateX(0deg) rotateY(0deg);transform:perspective(6em) rotateX(0deg) rotateY(0deg)}50%{-webkit-transform:perspective(6em) rotateX(0deg) rotateY(-180deg);transform:perspective(6em) rotateX(0deg) rotateY(-180deg)}100%{-webkit-transform:perspective(6em) rotateX(0deg) rotateY(-360deg);transform:perspective(6em) rotateX(0deg) rotateY(-360deg)}}@keyframes loaderFlipping{0%{-webkit-transform:perspective(6em) rotateX(0deg) rotateY(0deg);transform:perspective(6em) rotateX(0deg) rotateY(0deg)}50%{-webkit-transform:perspective(6em) rotateX(0deg) rotateY(-180deg);transform:perspective(6em) rotateX(0deg) rotateY(-180deg)}100%{-webkit-transform:perspective(6em) rotateX(0deg) rotateY(-360deg);transform:perspective(6em) rotateX(0deg) rotateY(-360deg)}}.ui.text.loader{width:auto!important;height:auto!important;text-align:center;font-style:normal}.ui.mini.text.loader{min-width:16px;padding-top:31px}.ui.small.text.loader{min-width:24px;padding-top:39px}.ui.text.loader{min-width:32px;padding-top:47px}.ui.large.text.loader{min-width:64px;padding-top:79px}.ui.loader.active,.ui.loader.visible{display:block}.ui.loader.disabled,.ui.loader.hidden{display:none}.ui.inverted.dimmer .ui.mini.loader,.ui.mini.loader{width:16px;height:16px;font-size:.8em;background-image:url(../../themes/packages/default/assets/images/loader-mini.gif)}.ui.inverted.dimmer .ui.small.loader,.ui.small.loader{width:24px;height:24px;font-size:.875em;background-image:url(../../themes/packages/default/assets/images/loader-small.gif)}.ui.inverted.dimmer .ui.loader,.ui.loader{width:32px;height:32px;font-size:1em;background:url(../../themes/packages/default/assets/images/loader-medium.gif) 50% 0 no-repeat}.ui.inverted.dimmer .ui.loader.large,.ui.loader.large{width:64px;height:64px;font-size:1.2em;background-image:url(../../themes/packages/default/assets/images/loader-large.gif)}.ui.inverted.dimmer .ui.loader{color:rgba(0,0,0,.8)}.ui.dimmer .mini.ui.loader,.ui.inverted .mini.ui.loader{background-image:url(../../themes/packages/default/assets/images/loader-mini-inverted.gif)}.ui.dimmer .small.ui.loader,.ui.inverted .small.ui.loader{background-image:url(../../themes/packages/default/assets/images/loader-small-inverted.gif)}.ui.dimmer .ui.loader,.ui.inverted.loader{background-image:url(../../themes/packages/default/assets/images/loader-medium-inverted.gif)}.ui.dimmer .large.ui.loader,.ui.inverted .large.ui.loader{background-image:url(../../themes/packages/default/assets/images/loader-large-inverted.gif)}.ui.inline.loader{position:static;vertical-align:mi