From 4a252fe3e387979bd95241566d634df9cfa8688b Mon Sep 17 00:00:00 2001 From: BBaoVanC Date: Mon, 20 Mar 2023 21:28:09 -0500 Subject: [PATCH] WIP --- assets/css/bobastyle.css | 100 +++++++++++++++++++-------------------- 1 file changed, 50 insertions(+), 50 deletions(-) diff --git a/assets/css/bobastyle.css b/assets/css/bobastyle.css index ddd8e0f..a967b7a 100644 --- a/assets/css/bobastyle.css +++ b/assets/css/bobastyle.css @@ -427,61 +427,14 @@ h1 svg.icon { } /* }}} */ - -/* Pagination {{{ */ - -.pagination { - list-style: none; - text-align: center; - padding: 0; -} - -.page-item { - display: inline; -} - -.page-link { - padding: 8px 16px; - border-radius: 5px; - color: var(--text-1); -} - -.page-item.active .page-link { - background-color: var(--pagination-active-background); - color: inherit; -} - -.page-item.active .page-link:hover { - background-color: var(--pagination-active-hover-background); - color: var(--pagination-active-hover-text); - cursor: default; -} - -.page-link:hover { - text-decoration: none; -} - -:not(li.disabled) > .page-link:hover { - background-color: var(--background-3); -} - -li.disabled { - opacity: .5; -} - -li.disabled > .page-link:hover { - cursor: not-allowed; -} - -/* }}} */ - /* Breadcrumb navigation {{{ */ -.breadcrumb ul { - margin: 30px 0 20px; +.breadcrumb { + margin: 20px 0; } .breadcrumb ul { + margin: 0; padding: 0; list-style: none; } @@ -497,6 +450,53 @@ li.disabled > .page-link:hover { /* }}} */ +/* Pagination {{{ */ + +.pagination { + list-style: none; + text-align: center; + padding: 0; +} + +.pagination .page-item { + display: inline; +} + +.pagination .page-link { + padding: 8px 16px; + border-radius: 5px; + color: var(--text-1); +} + +.pagination .page-item.active .page-link { + background-color: var(--pagination-active-background); + color: inherit; +} + +.pagination .page-item.active .page-link:hover { + background-color: var(--pagination-active-hover-background); + color: var(--pagination-active-hover-text); + cursor: default; +} + +.pagination .page-link:hover { + text-decoration: none; +} + +.pagination :not(li.disabled) > .page-link:hover { + background-color: var(--background-3); +} + +.pagination li.disabled { + opacity: .5; +} + +.pagination li.disabled > .page-link:hover { + cursor: not-allowed; +} + +/* }}} */ + /* List layout {{{ */ /* flexbox container for sections and main page list */