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