Cyber/ravenscott-blog
1
0
Fork 0
forked from snxraven/ravenscott-blog
Code Pull Requests Activity

Adding list and pagination]

Browse Source
This commit is contained in:
Raven Scott
2024-09-16 13:42:27 -04:00
parent 249b793540
commit eaa8eccb79
3 changed files with 110 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
public/css/styles.css
View File

@ -11,6 +11,11 @@ main {
flex-grow: 1;
}
a {
color: #000;
text-decoration: none;
}
.bg-primary {
--bs-bg-opacity: 1;
background-color: rgb(0 0 0) !important;
@ -49,15 +54,45 @@ p.lead {
font-size: 1.5rem;
}
.btn-primary {
/* Read Article Button Styling */
.btn-outline-primary {
font-size: 1.25rem;
padding: 10px 20px;
color: #ffffff;
border: 2px solid #000000;
background-color: #000000;
border: none;
transition: background-color 0.3s ease, color 0.3s ease;
}
.btn-primary:hover {
background-color: #000000;
.btn-outline-primary:hover {
background-color: #2c5364;
border-color: #2c5364;
color: #ffffff;
}
/* Pagination Styling */
.pagination {
margin-top: 20px;
}
.pagination .page-item .page-link {
color: #ffffff;
background-color: #1e1e1e;
border: 1px solid #2c5364;
padding: 10px 15px;
transition: background-color 0.3s ease, color 0.3s ease;
}
.pagination .page-item.active .page-link {
background-color: #2c5364;
border-color: #2c5364;
color: #ffffff;
}
.pagination .page-item .page-link:hover {
background-color: #2c5364;
border-color: #2c5364;
color: #ffffff;
}
footer {