@carry0987/paginator/dist/theme/paginator.min.css

An advanced pagination library

:root{--paginatorjs-border:#d2d6dc;--paginatorjs-background:#fff;--paginatorjs-color:#3d4044;--paginatorjs-disabled-background:#fff;--paginatorjs-disabled-color:#6b7280;--paginatorjs-current-background:#f7f7f7}@media (prefers-color-scheme:dark){:root{--paginatorjs-border:#353e4d;--paginatorjs-background:#202938;--paginatorjs-color:#d5d6db;--paginatorjs-disabled-background:#202938;--paginatorjs-disabled-color:#6b7280;--paginatorjs-current-background:#2d3747}}html[data-theme=dark]{--paginatorjs-border:#353e4d;--paginatorjs-background:#202938;--paginatorjs-color:#d5d6db;--paginatorjs-disabled-background:#202938;--paginatorjs-disabled-color:#6b7280;--paginatorjs-current-background:#2d3747}.paginatorjs *,.paginatorjs :after,.paginatorjs :before{box-sizing:border-box}.paginatorjs-container{color:var(--paginatorjs-color);display:flex;font-family:Arial,sans-serif;font-size:14px;line-height:1.6;width:100%}.paginatorjs-container .paginatorjs-pages button,.paginatorjs-container button{background-color:var(--paginatorjs-background);background-image:none;border:1px solid var(--paginatorjs-border);border-right:none;color:inherit;margin:0;outline:none;padding:5px 14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.paginatorjs-container .paginatorjs-pages button:disabled,.paginatorjs-container .paginatorjs-pages button:hover:disabled,.paginatorjs-container .paginatorjs-pages button[disabled]{background-color:var(--paginatorjs-disabled-background);color:var(--paginatorjs-disabled-color);cursor:default}.paginatorjs-container .paginatorjs-pages button:first-child{border-bottom-left-radius:6px;border-top-left-radius:6px}.paginatorjs-container .paginatorjs-pages button.paginatorjs-currentPage{background-color:var(--paginatorjs-current-background);font-weight:700}.paginatorjs-container .paginatorjs-pages button:last-child{border-bottom-right-radius:6px;border-right:1px solid var(--paginatorjs-border);border-top-right-radius:6px}:root{--paginatorjs-plugin-background:#fff;--paginatorjs-plugin-border:#e5e7eb;--paginatorjs-plugin-text:#000}@media (prefers-color-scheme:dark){:root{--paginatorjs-plugin-background:#343942;--paginatorjs-plugin-border:#2c2c2c;--paginatorjs-plugin-text:#fff}}html[data-theme=dark]{--paginatorjs-plugin-background:#343942;--paginatorjs-plugin-border:#2c2c2c;--paginatorjs-plugin-text:#fff}.paginatorjs-plugin-head{margin-bottom:5px;padding:5px 1px;width:100%}.paginatorjs-plugin-head:after{clear:both;content:"";display:block}.paginatorjs-plugin-head:empty{border:none;padding:0}.paginatorjs-plugin *,.paginatorjs-plugin :after,.paginatorjs-plugin :before{box-sizing:border-box}.paginatorjs-plugin-container{color:var(--paginatorjs-plugin-text);overflow:hidden;padding:2px;position:relative;width:100%;z-index:0}.paginatorjs-plugin-wrapper{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--paginatorjs-plugin-background);border-color:var(--paginatorjs-plugin-border);border-radius:8px;border-top-style:solid;border-top-width:1px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.26);display:block;overflow:auto;position:relative;width:100%;z-index:1}.paginatorjs-plugin-wrapper:nth-last-of-type(2){border-bottom-width:1px;border-radius:8px}.paginatorjs-plugin-loading-bar{background-color:#fff;bottom:0;left:0;opacity:.5;position:absolute;right:0;top:0;z-index:10}.paginatorjs-plugin-loading-bar:after{animation:shimmer 2s infinite;background-image:linear-gradient(90deg,hsla(0,0%,80%,0),hsla(0,0%,80%,.2) 20%,hsla(0,0%,80%,.5) 60%,hsla(0,0%,80%,0));bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@keyframes shimmer{to{transform:translateX(100%)}}.paginatorjs-plugin-footer{background-color:#fff;border-bottom-width:1px;border-color:#e5e7eb;border-radius:0 0 8px 8px;border-top:1px solid #e5e7eb;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.26);display:block;padding:12px 24px;position:relative;width:100%;z-index:5}.paginatorjs-plugin-footer:empty{border:none;padding:0}