ajax.css in Open Social 8.7
/**
* 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
- /**
- * 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;
- }