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.
 
 
 

14 lines
4.3 KiB

/*
* # Semantic UI
* Version: 0.16.1
* http://github.com/jlukic/semantic-ui
*
*
* Copyright 2014 Contributors
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
* Released: 09/23/2014
*/
.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:#3b83c0;-webkit-transform:rotateY(0deg);transform:rotateY(0deg);z-index:2}.ui.flipping.loader .shape:after{background-color:#1b1c1d;-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:middle;margin:0;-webkit-transform:none;-ms-transform:none;transform:none}.ui.inline.loader.active,.ui.inline.loader.visible{display:inline-block}