You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
openpower.foundation/themes/openpowerfoundation/static/lib/loader/loader.min.css

1 line
12 KiB
CSS

.mod-loader{position:relative;display:block;text-align:center}.mod-loader-inner{padding-top:40px;padding-bottom:40px;color:#aab2bd}.mod-loader-element{padding:0;margin:0;position:relative;width:40px;height:40px;line-height:40px;text-align:center;margin:0 auto;-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s;-ms-transition:all .2s ease-out 0s;transition:all .2s ease-out 0s}.mod-loader-body{display:block;padding-top:12px;font-size:16px;font-size:1rem}._mod-colour-grey .mod-loader-body{color:gray}._mod-type-spinner._mod-colour-grey .mod-loader-part-1{border:3px solid #d6d6d6;border-top:3px solid gray}._mod-type-dots._mod-colour-grey [class*='mod-loader-part-']{background-color:gray}._mod-type-pulse._mod-colour-grey [class*='mod-loader-part-']{border:3px solid gray}._mod-colour-black .mod-loader-body{color:#383838}._mod-type-spinner._mod-colour-black .mod-loader-part-1{border:3px solid #8f8f8f;border-top:3px solid #383838}._mod-type-dots._mod-colour-black [class*='mod-loader-part-']{background-color:#383838}._mod-type-pulse._mod-colour-black [class*='mod-loader-part-']{border:3px solid #383838}._mod-colour-white .mod-loader-body{color:#fff}._mod-type-spinner._mod-colour-white .mod-loader-part-1{border:3px solid #fff;border-top:3px solid #fff}._mod-type-dots._mod-colour-white [class*='mod-loader-part-']{background-color:#fff}._mod-type-pulse._mod-colour-white [class*='mod-loader-part-']{border:3px solid #fff}._mod-colour-aqua .mod-loader-body{color:#1abc9c}._mod-type-spinner._mod-colour-aqua .mod-loader-part-1{border:3px solid #93f0de;border-top:3px solid #1abc9c}._mod-type-dots._mod-colour-aqua [class*='mod-loader-part-']{background-color:#1abc9c}._mod-type-pulse._mod-colour-aqua [class*='mod-loader-part-']{border:3px solid #1abc9c}._mod-colour-blue .mod-loader-body{color:#3498db}._mod-type-spinner._mod-colour-blue .mod-loader-part-1{border:3px solid #c7e3f5;border-top:3px solid #3498db}._mod-type-dots._mod-colour-blue [class*='mod-loader-part-']{background-color:#3498db}._mod-type-pulse._mod-colour-blue [class*='mod-loader-part-']{border:3px solid #3498db}._mod-colour-green .mod-loader-body{color:#2ecc71}._mod-type-spinner._mod-colour-green .mod-loader-part-1{border:3px solid #b8efd0;border-top:3px solid #2ecc71}._mod-type-dots._mod-colour-green [class*='mod-loader-part-']{background-color:#2ecc71}._mod-type-pulse._mod-colour-green [class*='mod-loader-part-']{border:3px solid #2ecc71}._mod-colour-orange .mod-loader-body{color:#f39c12}._mod-type-spinner._mod-colour-orange .mod-loader-part-1{border:3px solid #fbe1b7;border-top:3px solid #f39c12}._mod-type-dots._mod-colour-orange [class*='mod-loader-part-']{background-color:#f39c12}._mod-type-pulse._mod-colour-orange [class*='mod-loader-part-']{border:3px solid #f39c12}._mod-colour-pink .mod-loader-body{color:#eb5367}._mod-type-spinner._mod-colour-pink .mod-loader-part-1{border:3px solid #fdeef0;border-top:3px solid #eb5367}._mod-type-dots._mod-colour-pink [class*='mod-loader-part-']{background-color:#eb5367}._mod-type-pulse._mod-colour-pink [class*='mod-loader-part-']{border:3px solid #eb5367}._mod-colour-purple .mod-loader-body{color:#9b59b6}._mod-type-spinner._mod-colour-purple .mod-loader-part-1{border:3px solid #e4d1eb;border-top:3px solid #9b59b6}._mod-type-dots._mod-colour-purple [class*='mod-loader-part-']{background-color:#9b59b6}._mod-type-pulse._mod-colour-purple [class*='mod-loader-part-']{border:3px solid #9b59b6}._mod-colour-red .mod-loader-body{color:#e74c3c}._mod-type-spinner._mod-colour-red .mod-loader-part-1{border:3px solid #fadad6;border-top:3px solid #e74c3c}._mod-type-dots._mod-colour-red [class*='mod-loader-part-']{background-color:#e74c3c}._mod-type-pulse._mod-colour-red [class*='mod-loader-part-']{border:3px solid #e74c3c}._mod-colour-yellow .mod-loader-body{color:#f1c40f}._mod-type-spinner._mod-colour-yellow .mod-loader-part-1{border:3px solid #fbecb3;border-top:3px solid #f1c40f}._mod-type-dots._mod-colour-yellow [class*='mod-loader-part-']{background-color:#f1c40f}._mod-type-pulse._mod-colour-yellow [class*='mod-loader-part-']{border:3px solid #f1c40f}.mod-loader._mod-colour-black._mod-type-spinner .mod-loader-part-1{border:3px solid #ccc;border-top:3px solid #000}._mod-size-large .mod-loader-inner{padding-top:50px;padding-bottom:50px}._mod-size-large .mod-loader-element{width:50px;height:50px;line-height:50px;text-align:center}._mod-size-large .mod-loader-body{padding-top:16px}._mod-size-large._mod-type-spinner .mod-loader-part-1{width:50px;height:50px;line-height:50px;text-align:center;border-width:4px}._mod-size-large._mod-type-pulse .mod-loader-part-1,._mod-size-large._mod-type-pulse .mod-loader-part-2{width:50px;height:50px;line-height:50px;text-align:center;border-width:4px}._mod-size-large._mod-type-dots .mod-loader-element{width:106px}._mod-size-large._mod-type-dots .mod-loader-part-1,._mod-size-large._mod-type-dots .mod-loader-part-2,._mod-size-large._mod-type-dots .mod-loader-part-3{margin-top:-18px;width:36px;height:36px;line-height:36px;text-align:center}._mod-size-large._mod-type-dots .mod-loader-part-2{left:50%;margin-left:-18px}._mod-size-small .mod-loader-inner{padding-top:30px;padding-bottom:30px}._mod-size-small .mod-loader-element{width:30px;height:30px;line-height:30px;text-align:center}._mod-size-small .mod-loader-body{padding-top:6px;font-size:14px;font-size:.875rem}._mod-size-small._mod-type-spinner .mod-loader-part-1{width:30px;height:30px;line-height:30px;text-align:center;border-width:2px}._mod-size-small._mod-type-pulse .mod-loader-part-1,._mod-size-small._mod-type-pulse .mod-loader-part-2{width:30px;height:30px;line-height:30px;text-align:center;border-width:2px}._mod-size-small._mod-type-dots .mod-loader-element{width:56px}._mod-size-small._mod-type-dots .mod-loader-part-1,._mod-size-small._mod-type-dots .mod-loader-part-2,._mod-size-small._mod-type-dots .mod-loader-part-3{margin-top:-8px;width:16px;height:16px;line-height:16px;text-align:center}._mod-size-small._mod-type-dots .mod-loader-part-2{left:50%;margin-left:-8px}._mod-type-dots .mod-loader-element{width:76px}._mod-type-dots .mod-loader-part-1,._mod-type-dots .mod-loader-part-2,._mod-type-dots .mod-loader-part-3{position:absolute;top:50%;margin-top:-12px;width:24px;height:24px;line-height:24px;text-align:center;border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background-clip:padding-box;background-color:#aab2bd;opacity:.3;filter:alpha(opacity=30);-webkit-animation-name:rocket-loader-swell;-moz-animation-name:rocket-loader-swell;-ms-animation-name:rocket-loader-swell;animation-name:rocket-loader-swell;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;animation-timing-function:ease-out}._mod-type-dots .mod-loader-part-1{left:8px}._mod-type-dots .mod-loader-part-2{left:50%;margin-left:-12px;-webkit-animation-delay:.15s;-moz-animation-delay:.15s;-ms-animation-delay:.15s;animation-delay:.15s}._mod-type-dots .mod-loader-part-3{right:8px;-webkit-animation-delay:.3s;-moz-animation-delay:.3s;-ms-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes rocket-loader-swell{0%{opacity:.3;filter:alpha(opacity=30);-webkit-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}35%{opacity:1;filter:alpha(opacity=100);-webkit-transform:scale3d(1.3,1.3,1.3);-o-transform:scale3d(1.3,1.3,1.3);-moz-transform:scale3d(1.3,1.3,1.3);transform:scale3d(1.3,1.3,1.3)}70%,100%{opacity:.3;filter:alpha(opacity=30);-webkit-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@-moz-keyframes rocket-loader-swell{0%{opacity:.3;filter:alpha(opacity=30);-webkit-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}35%{opacity:1;filter:alpha(opacity=100);-webkit-transform:scale3d(1.3,1.3,1.3);-o-transform:scale3d(1.3,1.3,1.3);-moz-transform:scale3d(1.3,1.3,1.3);transform:scale3d(1.3,1.3,1.3)}70%,100%{opacity:.3;filter:alpha(opacity=30);-webkit-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rocket-loader-swell{0%{opacity:.3;filter:alpha(opacity=30);-webkit-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}35%{opacity:1;filter:alpha(opacity=100);-webkit-transform:scale3d(1.3,1.3,1.3);-o-transform:scale3d(1.3,1.3,1.3);-moz-transform:scale3d(1.3,1.3,1.3);transform:scale3d(1.3,1.3,1.3)}70%,100%{opacity:.3;filter:alpha(opacity=30);-webkit-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}._mod-type-pulse .mod-loader-part-1,._mod-type-pulse .mod-loader-part-2{position:absolute;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:40px;height:40px;line-height:40px;text-align:center;border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background-clip:padding-box;border:3px solid #aab2bd;opacity:0;filter:alpha(opacity=0);-webkit-animation-name:rocket-loader-pulse;-moz-animation-name:rocket-loader-pulse;-ms-animation-name:rocket-loader-pulse;animation-name:rocket-loader-pulse;-webkit-animation-duration:1.4s;-moz-animation-duration:1.4s;-ms-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite}._mod-type-pulse .mod-loader-part-2{-webkit-animation-delay:.5s;-moz-animation-delay:.5s;-ms-animation-delay:.5s;animation-delay:.5s}@-webkit-keyframes rocket-loader-pulse{0%{opacity:0;filter:alpha(opacity=0);-webkit-transform:scale3d(0,0,0);-o-transform:scale3d(0,0,0);-moz-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}30%{opacity:1;filter:alpha(opacity=100)}80%,100%{opacity:0;filter:alpha(opacity=0);-webkit-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@-moz-keyframes rocket-loader-pulse{0%{opacity:0;filter:alpha(opacity=0);-webkit-transform:scale3d(0,0,0);-o-transform:scale3d(0,0,0);-moz-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}30%{opacity:1;filter:alpha(opacity=100)}80%,100%{opacity:0;filter:alpha(opacity=0);-webkit-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rocket-loader-pulse{0%{opacity:0;filter:alpha(opacity=0);-webkit-transform:scale3d(0,0,0);-o-transform:scale3d(0,0,0);-moz-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}30%{opacity:1;filter:alpha(opacity=100)}80%,100%{opacity:0;filter:alpha(opacity=0);-webkit-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}._mod-type-spinner .mod-loader-part-1{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:40px;height:40px;line-height:40px;text-align:center;border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background-clip:padding-box;border:3px solid #e3e6ea;border-top:3px solid #aab2bd;-webkit-animation-name:rocket-loader-spinner;-moz-animation-name:rocket-loader-spinner;-ms-animation-name:rocket-loader-spinner;animation-name:rocket-loader-spinner;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes rocket-loader-spinner{0%{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes rocket-loader-spinner{0%{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rocket-loader-spinner{0%{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}