wishthis/semantic/dist/components/loader.min.css

9 lines
26 KiB
CSS
Raw Normal View History

2022-01-13 13:00:31 +00:00
/*!
2022-08-05 07:56:36 +00:00
* # Fomantic-UI 2.9.0-beta.301+42e68bc - Loader
2022-01-13 13:00:31 +00:00
* http://github.com/fomantic/Fomantic-UI/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
2022-01-13 13:27:51 +00:00
*/.ui.loader{display:none;position:absolute;top:50%;left:50%;margin:0;text-align:center;z-index:1000;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.ui.loader:before{position:absolute;content:'';top:0;left:50%;width:100%;height:100%;border-radius:500rem;border:.2em solid rgba(0,0,0,.1)}.ui.loader:after{position:absolute;content:'';top:0;left:50%;width:100%;height:100%;-webkit-animation:loader .6s infinite linear;animation:loader .6s infinite linear;border:.2em solid #767676;border-radius:500rem;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent}.ui.fast.loader:after,.ui.fast.loading.loading .input>i.icon:after,.ui.fast.loading.loading:after,.ui.fast.loading.loading>i.icon:after{-webkit-animation-duration:.3s;animation-duration:.3s}.ui.slow.loader:after,.ui.slow.loading.loading .input>i.icon:after,.ui.slow.loading.loading:after,.ui.slow.loading.loading>i.icon:after{-webkit-animation-duration:.9s;animation-duration:.9s}@-webkit-keyframes loader{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ui.dimmer>.loader{display:block}.ui.dimmer>.ui.loader{color:rgba(255,255,255,.9)}.ui.dimmer>.ui.loader:not(.elastic):before{border-color:rgba(255,255,255,.15)}.ui.inverted.dimmer>.ui.loader{color:rgba(0,0,0,.87)}.ui.inverted.dimmer>.ui.loader:not(.elastic):before{border-color:rgba(0,0,0,.1)}.ui.ui.ui.ui.text.loader{width:auto;height:auto;text-align:center;font-style:normal}.ui.indeterminate.loader:after{animation-direction:reverse;-webkit-animation-duration:1.2s;animation-duration:1.2s}.ui.loader.active,.ui.loader.visible{display:block}.ui.loader.disabled,.ui.loader.hidden{display:none}.ui.loader{width:2.66666667rem;height:2.66666667rem;font-size:1em}.ui.loader:after,.ui.loader:before{width:2.66666667rem;height:2.66666667rem;margin:0 0 0 -1.33333333rem}.ui.text.loader{min-width:2.66666667rem;padding-top:3.41666667rem}.ui.mini.loader{width:1.16666667rem;height:1.16666667rem;font-size:.75em}.ui.mini.loader:after,.ui.mini.loader:before{width:1.16666667rem;height:1.16666667rem;margin:0 0 0 -.58333333rem}.ui.mini.text.loader{min-width:1.16666667rem;padding-top:1.91666667rem}.ui.tiny.loader{width:1.33333333rem;height:1.33333333rem;font-size:.83333333em}.ui.tiny.loader:after,.ui.tiny.loader:before{width:1.33333333rem;height:1.33333333rem;margin:0 0 0 -.66666667rem}.ui.tiny.text.loader{min-width:1.33333333rem;padding-top:2.08333333rem}.ui.small.loader{width:2rem;height:2rem;font-size:.91666667em}.ui.small.loader:after,.ui.small.loader:before{width:2rem;height:2rem;margin:0 0 0 -1rem}.ui.small.text.loader{min-width:2rem;padding-top:2.75rem}.ui.large.loader{width:4rem;height:4rem;font-size:1.16666667em}.ui.large.loader:after,.ui.large.loader:before{width:4rem;height:4rem;margin:0 0 0 -2rem}.ui.large.text.loader{min-width:4rem;padding-top:4.75rem}.ui.big.loader{width:4.33333333rem;height:4.33333333rem;font-size:1.25em}.ui.big.loader:after,.ui.big.loader:before{width:4.33333333rem;height:4.33333333rem;margin:0 0 0 -2.16666667rem}.ui.big.text.loader{min-width:4.33333333rem;padding-top:5.08333333rem}.ui.huge.loader{width:4.83333333rem;height:4.83333333rem;font-size:1.41666667em}.ui.huge.loader:after,.ui.huge.loader:before{width:4.83333333rem;height:4.83333333rem;margin:0 0 0 -2.41666667rem}.ui.huge.text.loader{min-width:4.83333333rem;padding-top:5.58333333rem}.ui.massive.loader{width:5.33333333rem;height:5.33333333rem;font-size:1.75em}.ui.massive.loader:after,.ui.massive.loader:before{width:5.33333333rem;height:5.33333333rem;margin:0 0 0 -2.66666667rem}.ui.massive.text.loader{min-width:5.33333333rem;padding-top:6.08333333rem}.ui.primary.basic.elastic.loading.button:after,.ui.primary.basic.elastic.loading.button:before,.ui.primary.elastic.loader.loader:before,.ui.primary.elastic.loading.loading.loading .input>i.icon:before,.ui.primary.elastic.loading.loading.loading.loading>i.icon:before,.ui.primary.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,.ui