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

Go to download
Show more of this group Show more artifacts with this name
Show all versions of components Show documentation
There is a newer version: 3.5.0
.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;
  /* 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;
    /* 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;
    /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 1.5s linear infinite;
    /* Chrome, 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1dHRlcmZhY2VzLXNwaW5uZXIuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTtFQUNFLGVBQWM7RUFDZCxtQkFBa0I7RUFDbEIsVUFBUztFQUNULFNBQVE7RUFDUixZQUFXO0VBQ1gsYUFBWTtFQUNaLHdCQUF1QjtFQUN2QixtQkFBa0I7RUFDbEIsOEJBQTZCO0VBQzdCLDBCQUF5QjtFQUNtQixrQ0FBa0M7RUFDOUUsbUNBQWtDO0VBQUUsd0NBQXdDLEVBdUQ3RTtFQW5FRDtJQWVJLFlBQVc7SUFDWCxhQUFZO0lBQ1osd0JBQXVCLEVBQ3hCO0VBbEJIO0lBcUJJLFlBQVc7SUFDWCxhQUFZO0lBQ1osd0JBQXVCLEVBZXhCO0lBdENIO01BMEJNLFNBQVE7TUFDUixVQUFTO01BQ1QsV0FBVTtNQUNWLFlBQVcsRUFDWjtJQTlCTDtNQWlDTSxTQUFRO01BQ1IsVUFBUztNQUNULFdBQVU7TUFDVixZQUFXLEVBQ1o7RUFyQ0w7SUF5Q0ksWUFBVztJQUNYLG1CQUFrQjtJQUNsQixTQUFRO0lBQ1IsVUFBUztJQUNULFdBQVU7SUFDVixZQUFXO0lBQ1gsbUJBQWtCO0lBQ2xCLDhCQUE2QjtJQUM3QiwwQkFBeUI7SUFDbUIsa0NBQWtDO0lBQzlFLG1DQUFrQztJQUFFLHdDQUF3QyxFQUM3RTtFQXBESDtJQXVESSxZQUFXO0lBQ1gsbUJBQWtCO0lBQ2xCLFVBQVM7SUFDVCxXQUFVO0lBQ1YsWUFBVztJQUNYLGFBQVk7SUFDWixtQkFBa0I7SUFDbEIsOEJBQTZCO0lBQzdCLDBCQUF5QjtJQUNxQixrQ0FBa0M7SUFDaEYscUNBQW9DO0lBQUUsd0NBQXdDLEVBQy9FOztBQWdCSDtFQUNFO0lBQ21DLG9DQUFvQztJQUN4QyxVQUFVO0lBQ3ZDLHdCQUF1QjtJQUFFLGdDQUFnQyxFQUFBO0VBRTNEO0lBQ3FDLG9DQUFvQztJQUN4QyxVQUFVO0lBQ3pDLDBCQUF5QjtJQUFFLGdDQUFnQyxFQUFBLEVBQUEiLCJmaWxlIjoiYnV0dGVyZmFjZXMtc3Bpbm5lci5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBzZWUgaHR0cHM6Ly9paGF0ZXRvbWF0b2VzLm5ldC9jcmVhdGUtY3NzMy1zcGlubmluZy1wcmVsb2FkZXIvXG5cbi5idXR0ZXItY29tcG9uZW50LXNwaW5uZXIge1xuICBkaXNwbGF5OiBibG9jaztcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBsZWZ0OiA1MCU7XG4gIHRvcDogNTAlO1xuICB3aWR0aDogOTBweDtcbiAgaGVpZ2h0OiA5MHB4O1xuICBtYXJnaW46IC00NXB4IDAgMCAtNDVweDtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBib3JkZXI6IDNweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXRvcC1jb2xvcjogIzM0OThkYjtcbiAgLXdlYmtpdC1hbmltYXRpb246IHNwaW4gMnMgbGluZWFyIGluZmluaXRlOyAvKiBDaHJvbWUsIE9wZXJhIDE1KywgU2FmYXJpIDUrICovXG4gIGFuaW1hdGlvbjogc3BpbiAycyBsaW5lYXIgaW5maW5pdGU7IC8qIENocm9tZSwgRmlyZWZveCAxNissIElFIDEwKywgT3BlcmEgKi9cblxuICAmLnNtYWxsIHtcbiAgICB3aWR0aDogNTBweDtcbiAgICBoZWlnaHQ6IDUwcHg7XG4gICAgbWFyZ2luOiAtMjVweCAwIDAgLTI1cHg7XG4gIH1cblxuICAmLnRpbnkge1xuICAgIHdpZHRoOiAyMHB4O1xuICAgIGhlaWdodDogMjBweDtcbiAgICBtYXJnaW46IC0xMHB4IDAgMCAtMTBweDtcblxuICAgICY6YmVmb3JlIHtcbiAgICAgIHRvcDogMnB4O1xuICAgICAgbGVmdDogMnB4O1xuICAgICAgcmlnaHQ6IDJweDtcbiAgICAgIGJvdHRvbTogMnB4O1xuICAgIH1cblxuICAgICY6YWZ0ZXIge1xuICAgICAgdG9wOiA1cHg7XG4gICAgICBsZWZ0OiA1cHg7XG4gICAgICByaWdodDogNXB4O1xuICAgICAgYm90dG9tOiA1cHg7XG4gICAgfVxuICB9XG5cbiAgJjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogNXB4O1xuICAgIGxlZnQ6IDVweDtcbiAgICByaWdodDogNXB4O1xuICAgIGJvdHRvbTogNXB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBib3JkZXI6IDNweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICBib3JkZXItdG9wLWNvbG9yOiAjZTc0YzNjO1xuICAgIC13ZWJraXQtYW5pbWF0aW9uOiBzcGluIDNzIGxpbmVhciBpbmZpbml0ZTsgLyogQ2hyb21lLCBPcGVyYSAxNSssIFNhZmFyaSA1KyAqL1xuICAgIGFuaW1hdGlvbjogc3BpbiAzcyBsaW5lYXIgaW5maW5pdGU7IC8qIENocm9tZSwgRmlyZWZveCAxNissIElFIDEwKywgT3BlcmEgKi9cbiAgfVxuXG4gICY6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMTVweDtcbiAgICBsZWZ0OiAxNXB4O1xuICAgIHJpZ2h0OiAxNXB4O1xuICAgIGJvdHRvbTogMTVweDtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgYm9yZGVyOiAzcHggc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgYm9yZGVyLXRvcC1jb2xvcjogI2Y5YzkyMjtcbiAgICAtd2Via2l0LWFuaW1hdGlvbjogc3BpbiAxLjVzIGxpbmVhciBpbmZpbml0ZTsgLyogQ2hyb21lLCBPcGVyYSAxNSssIFNhZmFyaSA1KyAqL1xuICAgIGFuaW1hdGlvbjogc3BpbiAxLjVzIGxpbmVhciBpbmZpbml0ZTsgLyogQ2hyb21lLCBGaXJlZm94IDE2KywgSUUgMTArLCBPcGVyYSAqL1xuICB9XG59XG5cbkAtd2Via2l0LWtleWZyYW1lcyBzcGluIHtcbiAgMCUge1xuICAgIC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7IC8qIENocm9tZSwgT3BlcmEgMTUrLCBTYWZhcmkgMy4xKyAqL1xuICAgIC1tcy10cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTsgLyogSUUgOSAqL1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpOyAvKiBGaXJlZm94IDE2KywgSUUgMTArLCBPcGVyYSAqL1xuICB9XG4gIDEwMCUge1xuICAgIC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgLyogQ2hyb21lLCBPcGVyYSAxNSssIFNhZmFyaSAzLjErICovXG4gICAgLW1zLXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC8qIElFIDkgKi9cbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyAvKiBGaXJlZm94IDE2KywgSUUgMTArLCBPcGVyYSAqL1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc3BpbiB7XG4gIDAlIHtcbiAgICAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDBkZWcpOyAvKiBDaHJvbWUsIE9wZXJhIDE1KywgU2FmYXJpIDMuMSsgKi9cbiAgICAtbXMtdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7IC8qIElFIDkgKi9cbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTsgLyogRmlyZWZveCAxNissIElFIDEwKywgT3BlcmEgKi9cbiAgfVxuICAxMDAlIHtcbiAgICAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC8qIENocm9tZSwgT3BlcmEgMTUrLCBTYWZhcmkgMy4xKyAqL1xuICAgIC1tcy10cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyAvKiBJRSA5ICovXG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgLyogRmlyZWZveCAxNissIElFIDEwKywgT3BlcmEgKi9cbiAgfVxufSJdfQ== */