diff --git a/core/themes/seven/style.css b/core/themes/seven/style.css index c628c55..5100823 100644 --- a/core/themes/seven/style.css +++ b/core/themes/seven/style.css @@ -115,9 +115,6 @@ ul, [dir="rtl"] .item-list ul { margin: 0.25em 1.5em 0.25em 0; } -.item-list .pager li { - padding: 0.5em; -} .item-list ul li, li.leaf, ul.menu li { @@ -483,6 +480,54 @@ div.submitted { } /** + * Pagination. + * The item-list CSS uses quite strong selectors, we have to match them here to + * override. + */ +.item-list .pager li { + display: inline-block; + color: #8c8c8c; + font-size: 1.08em; + padding: 0 0.6em; + margin: 0; +} +.item-list .pager a, +.item-list .pager .pager-current { + border-bottom: 2px solid transparent; + line-height: 1.55em; + padding: 0 5px; + text-decoration: none; + -webkit-transition: border-bottom-color 0.2s; + -moz-transition: border-bottom-color 0.2s; + transition: border-bottom-color 0.2s; + font-weight: 600; + -webkit-font-smoothing: antialiased; +} +.item-list .pager a { + padding-bottom: 3px; +} +.item-list .pager .pager-current { + border-bottom-width: 3px; + border-bottom-color: #2a678c; + color: #2a678c; + margin: 0 5px; + font-weight: 700; +} +.item-list .pager a:focus, +.item-list .pager a:hover { + border-bottom-color: #3395d2; + color: #3395d2; +} +.item-list .pager-next a, +.item-list .pager-last a, +.item-list .pager-first a, +.item-list .pager-previous a { + border-bottom-width: 0; + color: #2a678c; + font-weight: 600; +} + +/** * Tables. */ table {