@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.authors-list-ajax-filter {
margin-bottom: 80px;
}
.authors-list-ajax-filter form {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.authors-list-ajax-filter input[type="search"] {
width: auto;
margin-right: 15px;
}
.authors-list-ajax-filter form .authors-list-label {
font-weight: 600;
}
.authors-list-items {
position: relative;
}
.authors-list-items .spinner {
display: none;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
position: absolute;
}
.authors-list-items .spinner .spin {
position: absolute;
top: 50%;
left: 50%;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
.authors-list-items .spinner svg {
position: absolute;
width: 100px;
height: 100px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.authors-list-items.authors-list-ajax-loading .authors-list-item {
opacity: 0.3;
}
.authors-list-filters-button-align-right,
.authors-list-filters-button-align-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.authors-list-filters-button-align-right .authors-list-ajax-filter,
.authors-list-filters-button-align-left .authors-list-ajax-filter {
width: 23%;
-ms-flex-preferred-size: 23%;
flex-basis: 23%;
}
.authors-list-filters-button-align-right .authors-list-items,
.authors-list-filters-button-align-left .authors-list-items {
width: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
}
.authors-list-filters-button-align-right .authors-list-ajax-filter form,
.authors-list-filters-button-align-left .authors-list-ajax-filter form {
display: block;
}
.authors-list-filters-button-align-right .authors-list-ajax-filter form > [class*=authors-list],
.authors-list-filters-button-align-left .authors-list-ajax-filter form > [class*=authors-list] {
margin-bottom: 20px;
}
.authors-list-filters-button-align-right .authors-list-ajax-filter form .authors-list-ranges,
.authors-list-filters-button-align-left .authors-list-ajax-filter form .authors-list-ranges {
margin-bottom: 5px;
}
.authors-list-filters-button-align-right .authors-list-ajax-filter form > .authors-list-search-filter-submit,
.authors-list-filters-button-align-left .authors-list-ajax-filter form > .authors-list-search-filter-submit {
margin-bottom: 0;
}
.authors-list-filters-button-align-right .authors-list-ajax-filter form .authors-list-label,
.authors-list-filters-button-align-left .authors-list-ajax-filter form .authors-list-label {
font-size: 16px;
margin-bottom: 5px;
}
.authors-list-filters-button-align-right .authors-list-ajax-filter {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-left: 2%;
}
.authors-list-filters-button-align-left .authors-list-ajax-filter {
margin-right: 2%;
}
@media only screen and (max-width: 767px) {
.authors-list-filters-button-align-right,
.authors-list-filters-button-align-left {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.authors-list-filters-button-align-right .authors-list-ajax-filter,
.authors-list-filters-button-align-right .authors-list-items,
.authors-list-filters-button-align-left .authors-list-ajax-filter,
.authors-list-filters-button-align-left .authors-list-items {
width: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.authors-list-filters-button-align-right .authors-list-ajax-filter {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
margin-left: 0;
}
.authors-list-filters-button-align-left .authors-list-ajax-filter {
margin-right: 0;
}
}