| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227 | 
							- #admin-main .admin-block .admin-addon-user-manager h2 {
 
-   text-align: center;
 
-   font-size: 2rem;
 
- }
 
- /**
 
-  * Style chooser
 
-  */
 
- .admin-addon-user-manager-style {
 
-   float: right;
 
-   overflow: hidden;
 
-   font-size: 1.5em;
 
-   margin: 0 16px;
 
- }
 
- .admin-addon-user-manager-style i {
 
-   padding-left: 8px;
 
- }
 
- .admin-addon-user-manager .cell--header {
 
-   font-weight: bold;
 
- }
 
- /**
 
-  * Pagination
 
-  */
 
- .admin-addon-user-manager-pagination {
 
-   margin: 16px auto;
 
-   padding: 0;
 
-   text-align: center;
 
- }
 
- .admin-addon-user-manager-pagination ul {
 
-   list-style: none;
 
-   margin: 0 auto;
 
-   overflow: hidden;
 
-   clear: both;
 
-   display: inline-block;
 
-   padding: 0;
 
- }
 
- .admin-addon-user-manager-pagination li {
 
-   padding: 4px 8px;
 
-   border: 1px solid rgba(0, 0, 0, .24);
 
-   float: left;
 
- }
 
- .admin-addon-user-manager-pagination li.current {
 
-   background: #0082ba;
 
-   color: white;
 
- }
 
- .admin-addon-user-manager-pagination li + li {
 
-   border-left: 0;
 
- }
 
- /**
 
-  * Grid style
 
-  */
 
- .admin-addon-user-manager--grid {
 
-   width: 100%;
 
-   display: flex;
 
-   flex-direction: row;
 
-   flex-wrap: wrap;
 
- }
 
- .admin-addon-user-manager--grid .cell {
 
-   flex: 0 0 100%;
 
- }
 
- .admin-addon-user-manager--grid .user {
 
-   margin: 16px;
 
-   border-radius: 2px;
 
-   box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
 
- }
 
- .admin-addon-user-manager--grid .user__avatar {
 
-   display: block;
 
-   width: 100%;
 
-   height: 0;
 
-   position: relative;
 
-   padding-top: 100%;
 
-   overflow: hidden;
 
- }
 
- .admin-addon-user-manager--grid .user__avatar img {
 
-   position: absolute;
 
-   left: 0;
 
-   top: 0;
 
-   width: 100%;
 
-   height: auto;
 
-   max-width: 100%;
 
-   display: block;
 
-   border-radius: 2px 2px 0 0;
 
-   object-fit: cover;
 
- }
 
- .admin-addon-user-manager--grid .user__username {
 
-   padding: 8px;
 
- }
 
- .admin-addon-user-manager--grid .user__email {
 
-   padding: 0 8px 8px 8px;
 
- }
 
- .admin-addon-user-manager--grid .user__actions {
 
-   padding: 8px;
 
-   border-top: 1px solid rgba(0, 0, 0, .14);
 
-   overflow: hidden;
 
-   display: flex;
 
-   justify-content: flex-end;
 
- }
 
- .admin-addon-user-manager--grid .user__actions > a {
 
-   text-transform: uppercase;
 
- }
 
- .admin-addon-user-manager--grid .user__actions > a + a {
 
-   padding-left: 8px;
 
- }
 
- #admin-main .admin-addon-user-manager--grid .user__actions > a.delete {
 
-   color: #f44336;
 
- }
 
- #admin-main .admin-addon-user-manager--grid .user__actions > a.delete:hover {
 
-   color: #f6685e;
 
- }
 
- @media only screen and (min-width: 480px) {
 
-   .admin-addon-user-manager--grid .cell {
 
-     flex: 0 0 50%;
 
-   }
 
- }
 
- @media only screen and (min-width: 768px) {
 
-   .admin-addon-user-manager--grid .cell {
 
-     flex: 0 0 33.333%;
 
-   }
 
- }
 
- @media only screen and (min-width: 1400px) {
 
-   .admin-addon-user-manager--grid .cell {
 
-     flex: 0 0 20%;
 
-   }
 
- }
 
- /**
 
-  * List style
 
-  */
 
- .admin-addon-user-manager--list {
 
-   width: 100%;
 
-   display: flex;
 
-   flex-direction: column;
 
-   padding: 16px;
 
- }
 
- .admin-addon-user-manager--list .cell + .cell {
 
-   border-top: 1px solid rgba(0, 0, 0, .24);
 
-   padding-top: 8px;
 
-   margin-top: 8px;
 
- }
 
- .admin-addon-user-manager--list .user {
 
-   display: flex;
 
-   flex-direction: row;
 
- }
 
- .admin-addon-user-manager--list .user > * {
 
-   padding: 0 8px;
 
- }
 
- .admin-addon-user-manager--list .user__checkbox {
 
-   flex: 0 0 auto;
 
- }
 
- .admin-addon-user-manager--list .user__username {
 
-   flex: 0 0 25%;
 
- }
 
- .admin-addon-user-manager--list .user__email {
 
-   flex: 1 0 auto;
 
- }
 
- .admin-addon-user-manager--list .user__actions {
 
-   flex: 0 0 20%;
 
- }
 
- /**
 
-  * Filter
 
-  */
 
- .admin-addon-user-manager-filter {
 
-   display: flex;
 
- }
 
- .admin-addon-user-manager-filter__input {
 
-   flex: 1 0 auto;
 
- }
 
- .admin-addon-user-manager-filter__input .form-data {
 
-   padding-right: 1rem;
 
- }
 
- .admin-addon-user-manager-filter__help {
 
-   flex: 0 0 auto;
 
-   padding-right: 2rem;
 
- }
 
- #admin-main .admin-block .admin-addon-user-manager-filter__help .button {
 
-   padding-top: .425rem;
 
-   padding-bottom: .425rem;
 
- }
 
- /**
 
-  * Bulk
 
-  */
 
- .admin-addon-user-manager-bulk-action {
 
-   margin-left: 16px;
 
- }
 
- .button.warning:hover {
 
-   background: red;
 
- }
 
- .remodal[data-remodal-id="modal-admin-addon-user-manager-bulk"] input[type="checkbox"] {
 
-   display: none;
 
- }
 
 
  |