You are here

ajax.css in Open Social 8.8

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