From 27482983496cd0b8b6fa7dc943a1b05959735835 Mon Sep 17 00:00:00 2001 From: Star Rauchenberger Date: Fri, 13 Oct 2023 12:16:18 -0400 Subject: Nice pagination! --- app/assets/stylesheets/main/entries.scss | 50 ++++++++++++++++++++++++++++++++ app/assets/stylesheets/main/layout.scss | 4 +++ 2 files changed, 54 insertions(+) (limited to 'app/assets/stylesheets/main') diff --git a/app/assets/stylesheets/main/entries.scss b/app/assets/stylesheets/main/entries.scss index 1a42d85..a4e9463 100644 --- a/app/assets/stylesheets/main/entries.scss +++ b/app/assets/stylesheets/main/entries.scss @@ -305,3 +305,53 @@ } } } + +.pagination { + text-align: center; + padding: 0.3em; + cursor: default; + margin-bottom: 1em; + + a, span, em { + padding: 0.2em 0.5em; + } + + .disabled { + color: #aaaaaa; + } + + .current { + font-style: normal; + font-weight: bold; + color: #ff0084; + } + + a { + border: 1px solid #dddddd; + color: #0063dc; + text-decoration: none; + + &:hover, &:focus { + border-color: #003366; + background: #0063dc; + color: white; + } + } + + .page_info { + color: #aaaaaa; + padding-top: 0.8em; + } + + .previous_page, .next_page { + border-width: 2px; + } + + .previous_page { + margin-right: 1em; + } + + .next_page { + margin-left: 1em; + } +} diff --git a/app/assets/stylesheets/main/layout.scss b/app/assets/stylesheets/main/layout.scss index 9283f36..281d820 100644 --- a/app/assets/stylesheets/main/layout.scss +++ b/app/assets/stylesheets/main/layout.scss @@ -203,3 +203,7 @@ blockquote.bubble.bottom::after { .clear { clear: both; } + +h2.centered { + text-align: center; +} -- cgit 1.4.1