From e4b6e56aa45f51bda33bf38bc47eddd47763d5c0 Mon Sep 17 00:00:00 2001 From: Bitha17 <16521076@mahasiswa.itb.ac.id> Date: Sun, 8 Oct 2023 18:37:56 +0700 Subject: [PATCH] add and edit styling --- styles/container.css | 4 ++-- styles/footer.css | 6 +++++- styles/global.css | 11 ----------- styles/pagination.css | 28 ++++++++++++++++++++++++++++ 4 files changed, 35 insertions(+), 14 deletions(-) create mode 100644 styles/pagination.css diff --git a/styles/container.css b/styles/container.css index f605c02..3c3ac10 100644 --- a/styles/container.css +++ b/styles/container.css @@ -38,10 +38,10 @@ .main-content { position: absolute; - top: 10%; + top: 7%; height: fit-content; align-items: center; width: fit-content; - border: 5px solid transparent; + border: 30px solid transparent; } diff --git a/styles/footer.css b/styles/footer.css index d7935ec..8ce7d67 100644 --- a/styles/footer.css +++ b/styles/footer.css @@ -2,7 +2,11 @@ position: fixed; /* Set the navbar to fixed position */ bottom: 0; /* Position the navbar at the bottom of the page */ width: 100%; /* Full width */ - height: 10%; min-height: fit-content; max-height: 20px; + background-color: navy; + color: white; + text-align: center; + padding: 10px; + height: 43px; } \ No newline at end of file diff --git a/styles/global.css b/styles/global.css index fc2ffad..eb01185 100644 --- a/styles/global.css +++ b/styles/global.css @@ -2,7 +2,6 @@ body, h1, h2, h3, p, img{ margin: 0; padding: 0; border: 0; - background-color: #f8f8f8; } body { @@ -41,16 +40,6 @@ body { padding: 20px; /* Add some padding for better spacing */ } -.footer { - background-color: navy; - color: white; - text-align: center; - padding: 10px; - position: absolute; - bottom: 0; - width: 100%; - height: 43px; -} div.index div.events { text-align: center; diff --git a/styles/pagination.css b/styles/pagination.css new file mode 100644 index 0000000..2bf452f --- /dev/null +++ b/styles/pagination.css @@ -0,0 +1,28 @@ +/* Pagination container */ +.pagination { + display: flex; + justify-content: center; + margin-top: 20px; +} + +/* Pagination links (Previous, Next, Page numbers) */ +.pagination a { + color: #333; + text-decoration: none; + padding: 8px 16px; + margin: 0 5px; + border: 1px solid #ddd; + border-radius: 4px; +} + +/* Style for the current page */ +.pagination a.active { + background-color: #007BFF; + color: white; +} + +/* Hover effect for pagination links */ +.pagination a:hover { + background-color: #ddd; + color: #007BFF; +} -- GitLab