All Downloads are FREE. Search and download functionalities are using the official Maven repository.

META-INF.resources.butterfaces-dist-css.butterfaces-spinner.css Maven / Gradle / Ivy

There is a newer version: 3.5.0
Show newest version
.butter-component-spinner {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 90px;
  height: 90px;
  margin: -45px 0 0 -45px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #3498db;
  -webkit-animation: spin 2s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 2s linear infinite;
  /* Chrome, Firefox 16+, IE 10+, Opera */ }
  .butter-component-spinner.small {
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px; }
  .butter-component-spinner.tiny {
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px; }
    .butter-component-spinner.tiny:before {
      top: 2px;
      left: 2px;
      right: 2px;
      bottom: 2px; }
    .butter-component-spinner.tiny:after {
      top: 5px;
      left: 5px;
      right: 5px;
      bottom: 5px; }
  .butter-component-spinner:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #e74c3c;
    -webkit-animation: spin 3s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 3s linear infinite;
    /* Chrome, Firefox 16+, IE 10+, Opera */ }
  .butter-component-spinner:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #f9c922;
    -webkit-animation: spin 1.5s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 1.5s linear infinite;
    /* Chrome, Firefox 16+, IE 10+, Opera */ }

@-webkit-keyframes spin {
  0% {
    /* Chrome, Opera 15+, Safari 3.1+ */
    /* IE 9 */
    transform: rotate(0deg);
    /* Firefox 16+, IE 10+, Opera */ }
  100% {
    /* Chrome, Opera 15+, Safari 3.1+ */
    /* IE 9 */
    transform: rotate(360deg);
    /* Firefox 16+, IE 10+, Opera */ } }

@keyframes spin {
  0% {
    /* Chrome, Opera 15+, Safari 3.1+ */
    /* IE 9 */
    transform: rotate(0deg);
    /* Firefox 16+, IE 10+, Opera */ }
  100% {
    /* Chrome, Opera 15+, Safari 3.1+ */
    /* IE 9 */
    transform: rotate(360deg);
    /* Firefox 16+, IE 10+, Opera */ } }

/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1dHRlcmZhY2VzLXNwaW5uZXIuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTtFQUNFLGNBQWM7RUFDZCxrQkFBa0I7RUFDbEIsU0FBUztFQUNULFFBQVE7RUFDUixXQUFXO0VBQ1gsWUFBWTtFQUNaLHVCQUF1QjtFQUN2QixrQkFBa0I7RUFDbEIsNkJBQTZCO0VBQzdCLHlCQUF5QjtFQUN6QiwwQ0FBMEM7RUFBRSxpQ0FBQTtFQUM1QyxrQ0FBa0M7RUFBRSx1Q0FBQSxFQUF3QztFQVo5RTtJQWVJLFdBQVc7SUFDWCxZQUFZO0lBQ1osdUJBQXVCLEVBQUE7RUFqQjNCO0lBcUJJLFdBQVc7SUFDWCxZQUFZO0lBQ1osdUJBQXVCLEVBQUE7SUF2QjNCO01BMEJNLFFBQVE7TUFDUixTQUFTO01BQ1QsVUFBVTtNQUNWLFdBQVcsRUFBQTtJQTdCakI7TUFpQ00sUUFBUTtNQUNSLFNBQVM7TUFDVCxVQUFVO01BQ1YsV0FBVyxFQUFBO0VBcENqQjtJQXlDSSxXQUFXO0lBQ1gsa0JBQWtCO0lBQ2xCLFFBQVE7SUFDUixTQUFTO0lBQ1QsVUFBVTtJQUNWLFdBQVc7SUFDWCxrQkFBa0I7SUFDbEIsNkJBQTZCO0lBQzdCLHlCQUF5QjtJQUN6QiwwQ0FBMEM7SUFBRSxpQ0FBQTtJQUM1QyxrQ0FBa0M7SUFBRSx1Q0FBQSxFQUF3QztFQW5EaEY7SUF1REksV0FBVztJQUNYLGtCQUFrQjtJQUNsQixTQUFTO0lBQ1QsVUFBVTtJQUNWLFdBQVc7SUFDWCxZQUFZO0lBQ1osa0JBQWtCO0lBQ2xCLDZCQUE2QjtJQUM3Qix5QkFBeUI7SUFDekIsNENBQTRDO0lBQUUsaUNBQUE7SUFDOUMsb0NBQW9DO0lBQUUsdUNBQUEsRUFBd0M7O0FBSWxGO0VBQ0U7SUFDbUMsbUNBQUE7SUFDSixTQUFBO0lBQzdCLHVCQUF1QjtJQUFFLCtCQUFBLEVBQWdDO0VBRTNEO0lBQ3FDLG1DQUFBO0lBQ0osU0FBQTtJQUMvQix5QkFBeUI7SUFBRSwrQkFBQSxFQUFnQyxFQUFBOztBQUkvRDtFQUNFO0lBQ21DLG1DQUFBO0lBQ0osU0FBQTtJQUM3Qix1QkFBdUI7SUFBRSwrQkFBQSxFQUFnQztFQUUzRDtJQUNxQyxtQ0FBQTtJQUNKLFNBQUE7SUFDL0IseUJBQXlCO0lBQUUsK0JBQUEsRUFBZ0MsRUFBQSIsImZpbGUiOiJidXR0ZXJmYWNlcy1zcGlubmVyLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8vIHNlZSBodHRwczovL2loYXRldG9tYXRvZXMubmV0L2NyZWF0ZS1jc3MzLXNwaW5uaW5nLXByZWxvYWRlci9cblxuLmJ1dHRlci1jb21wb25lbnQtc3Bpbm5lciB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGxlZnQ6IDUwJTtcbiAgdG9wOiA1MCU7XG4gIHdpZHRoOiA5MHB4O1xuICBoZWlnaHQ6IDkwcHg7XG4gIG1hcmdpbjogLTQ1cHggMCAwIC00NXB4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGJvcmRlcjogM3B4IHNvbGlkIHRyYW5zcGFyZW50O1xuICBib3JkZXItdG9wLWNvbG9yOiAjMzQ5OGRiO1xuICAtd2Via2l0LWFuaW1hdGlvbjogc3BpbiAycyBsaW5lYXIgaW5maW5pdGU7IC8qIENocm9tZSwgT3BlcmEgMTUrLCBTYWZhcmkgNSsgKi9cbiAgYW5pbWF0aW9uOiBzcGluIDJzIGxpbmVhciBpbmZpbml0ZTsgLyogQ2hyb21lLCBGaXJlZm94IDE2KywgSUUgMTArLCBPcGVyYSAqL1xuXG4gICYuc21hbGwge1xuICAgIHdpZHRoOiA1MHB4O1xuICAgIGhlaWdodDogNTBweDtcbiAgICBtYXJnaW46IC0yNXB4IDAgMCAtMjVweDtcbiAgfVxuXG4gICYudGlueSB7XG4gICAgd2lkdGg6IDIwcHg7XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIG1hcmdpbjogLTEwcHggMCAwIC0xMHB4O1xuXG4gICAgJjpiZWZvcmUge1xuICAgICAgdG9wOiAycHg7XG4gICAgICBsZWZ0OiAycHg7XG4gICAgICByaWdodDogMnB4O1xuICAgICAgYm90dG9tOiAycHg7XG4gICAgfVxuXG4gICAgJjphZnRlciB7XG4gICAgICB0b3A6IDVweDtcbiAgICAgIGxlZnQ6IDVweDtcbiAgICAgIHJpZ2h0OiA1cHg7XG4gICAgICBib3R0b206IDVweDtcbiAgICB9XG4gIH1cblxuICAmOmJlZm9yZSB7XG4gICAgY29udGVudDogXCJcIjtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiA1cHg7XG4gICAgbGVmdDogNXB4O1xuICAgIHJpZ2h0OiA1cHg7XG4gICAgYm90dG9tOiA1cHg7XG4gICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgIGJvcmRlcjogM3B4IHNvbGlkIHRyYW5zcGFyZW50O1xuICAgIGJvcmRlci10b3AtY29sb3I6ICNlNzRjM2M7XG4gICAgLXdlYmtpdC1hbmltYXRpb246IHNwaW4gM3MgbGluZWFyIGluZmluaXRlOyAvKiBDaHJvbWUsIE9wZXJhIDE1KywgU2FmYXJpIDUrICovXG4gICAgYW5pbWF0aW9uOiBzcGluIDNzIGxpbmVhciBpbmZpbml0ZTsgLyogQ2hyb21lLCBGaXJlZm94IDE2KywgSUUgMTArLCBPcGVyYSAqL1xuICB9XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogXCJcIjtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAxNXB4O1xuICAgIGxlZnQ6IDE1cHg7XG4gICAgcmlnaHQ6IDE1cHg7XG4gICAgYm90dG9tOiAxNXB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBib3JkZXI6IDNweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICBib3JkZXItdG9wLWNvbG9yOiAjZjljOTIyO1xuICAgIC13ZWJraXQtYW5pbWF0aW9uOiBzcGluIDEuNXMgbGluZWFyIGluZmluaXRlOyAvKiBDaHJvbWUsIE9wZXJhIDE1KywgU2FmYXJpIDUrICovXG4gICAgYW5pbWF0aW9uOiBzcGluIDEuNXMgbGluZWFyIGluZmluaXRlOyAvKiBDaHJvbWUsIEZpcmVmb3ggMTYrLCBJRSAxMCssIE9wZXJhICovXG4gIH1cbn1cblxuQC13ZWJraXQta2V5ZnJhbWVzIHNwaW4ge1xuICAwJSB7XG4gICAgLXdlYmtpdC10cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTsgLyogQ2hyb21lLCBPcGVyYSAxNSssIFNhZmFyaSAzLjErICovXG4gICAgLW1zLXRyYW5zZm9ybTogcm90YXRlKDBkZWcpOyAvKiBJRSA5ICovXG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7IC8qIEZpcmVmb3ggMTYrLCBJRSAxMCssIE9wZXJhICovXG4gIH1cbiAgMTAwJSB7XG4gICAgLXdlYmtpdC10cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyAvKiBDaHJvbWUsIE9wZXJhIDE1KywgU2FmYXJpIDMuMSsgKi9cbiAgICAtbXMtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgLyogSUUgOSAqL1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC8qIEZpcmVmb3ggMTYrLCBJRSAxMCssIE9wZXJhICovXG4gIH1cbn1cblxuQGtleWZyYW1lcyBzcGluIHtcbiAgMCUge1xuICAgIC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7IC8qIENocm9tZSwgT3BlcmEgMTUrLCBTYWZhcmkgMy4xKyAqL1xuICAgIC1tcy10cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTsgLyogSUUgOSAqL1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpOyAvKiBGaXJlZm94IDE2KywgSUUgMTArLCBPcGVyYSAqL1xuICB9XG4gIDEwMCUge1xuICAgIC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgLyogQ2hyb21lLCBPcGVyYSAxNSssIFNhZmFyaSAzLjErICovXG4gICAgLW1zLXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC8qIElFIDkgKi9cbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyAvKiBGaXJlZm94IDE2KywgSUUgMTArLCBPcGVyYSAqL1xuICB9XG59Il19 */




© 2015 - 2024 Weber Informatics LLC | Privacy Policy