diff --git a/styles/container.css b/styles/container.css index f605c024e27cf87ffffdda0d98b928e0df31f402..3c3ac109243096add27d2863dff963ca191f30a4 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 d7935ecd1f9c082b28f69bbccc4946aac549fe1c..8ce7d67839a3310c5ea814dfda8fcd8b958fd8f7 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 fc2ffadb089df88fd9be31d94dfaaf10f5e0e2a4..eb011854c6380c6c4628d533228d495f81811ba9 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 0000000000000000000000000000000000000000..2bf452fbe28aa63eed12f22422b24a9533899791 --- /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; +}