You are here

ajax.css in Open Social 8.6

/**
 * AJAX (throbber) styling.
 */
@-webkit-keyframes glyphicon-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
@keyframes glyphicon-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

.glyphicon-spin {
  display: inline-block;
  -webkit-animation: glyphicon-spin 1s infinite linear;
          animation: glyphicon-spin 1s infinite linear;
}

a .glyphicon-spin {
  display: inline-block;
  text-decoration: none;
}

html.js .btn .ajax-throbber {
  margin-left: .5em;
  margin-right: -.25em;
}

html.js .input-group-addon .glyphicon {
  color: #777777;
  opacity: .5;
  -webkit-transition: 150ms color, 150ms opacity;
  transition: 150ms color, 150ms opacity;
}

html.js .input-group-addon .glyphicon.glyphicon-spin {
  opacity: 1;
}

html.js .ajax-new-content:empty {
  display: none !important;
}

.form-type-managed-file label {
  display: block;
}

.form-managed-file {
  position: relative;
}

.form-managed-file .form-submit[data-drupal-selector*='upload-button'] {
  font-size: 0;
  color: transparent;
}

.form-managed-file .js-hide.form-submit[disabled] {
  position: relative;
  display: inline-block !important;
  width: 40px;
  height: 40px;
  top: 0;
  right: 0;
  padding: 0;
}

.form-managed-file .js-hide.form-submit[disabled] .ajax-throbber {
  position: absolute;
  top: 10px;
  left: 10px;
}

.form-managed-file .js-hide.form-submit[disabled] .ajax-throbber:before {
  top: 0;
}

File

themes/socialbase/assets/css/ajax.css
View source
  1. /**
  2. * AJAX (throbber) styling.
  3. */
  4. @-webkit-keyframes glyphicon-spin {
  5. 0% {
  6. -webkit-transform: rotate(0deg);
  7. transform: rotate(0deg);
  8. }
  9. 100% {
  10. -webkit-transform: rotate(359deg);
  11. transform: rotate(359deg);
  12. }
  13. }
  14. @keyframes glyphicon-spin {
  15. 0% {
  16. -webkit-transform: rotate(0deg);
  17. transform: rotate(0deg);
  18. }
  19. 100% {
  20. -webkit-transform: rotate(359deg);
  21. transform: rotate(359deg);
  22. }
  23. }
  24. .glyphicon-spin {
  25. display: inline-block;
  26. -webkit-animation: glyphicon-spin 1s infinite linear;
  27. animation: glyphicon-spin 1s infinite linear;
  28. }
  29. a .glyphicon-spin {
  30. display: inline-block;
  31. text-decoration: none;
  32. }
  33. html.js .btn .ajax-throbber {
  34. margin-left: .5em;
  35. margin-right: -.25em;
  36. }
  37. html.js .input-group-addon .glyphicon {
  38. color: #777777;
  39. opacity: .5;
  40. -webkit-transition: 150ms color, 150ms opacity;
  41. transition: 150ms color, 150ms opacity;
  42. }
  43. html.js .input-group-addon .glyphicon.glyphicon-spin {
  44. opacity: 1;
  45. }
  46. html.js .ajax-new-content:empty {
  47. display: none !important;
  48. }
  49. .form-type-managed-file label {
  50. display: block;
  51. }
  52. .form-managed-file {
  53. position: relative;
  54. }
  55. .form-managed-file .form-submit[data-drupal-selector*='upload-button'] {
  56. font-size: 0;
  57. color: transparent;
  58. }
  59. .form-managed-file .js-hide.form-submit[disabled] {
  60. position: relative;
  61. display: inline-block !important;
  62. width: 40px;
  63. height: 40px;
  64. top: 0;
  65. right: 0;
  66. padding: 0;
  67. }
  68. .form-managed-file .js-hide.form-submit[disabled] .ajax-throbber {
  69. position: absolute;
  70. top: 10px;
  71. left: 10px;
  72. }
  73. .form-managed-file .js-hide.form-submit[disabled] .ajax-throbber:before {
  74. top: 0;
  75. }