mirror of
https://github.com/Stirling-Tools/Stirling-PDF.git
synced 2025-07-29 16:45:37 +00:00
60 lines
1.5 KiB
CSS
60 lines
1.5 KiB
CSS
|
#footer {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column; /* Stack children vertically */
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-center {
|
||
|
|
display: flex;
|
||
|
|
align-items: center; /* Center children horizontally */
|
||
|
|
flex-grow: 1;
|
||
|
|
flex-direction: column;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-powered-by {
|
||
|
|
margin-top: auto; /* Pushes the text to the bottom */
|
||
|
|
text-align: center; /* Centers the text inside the div */
|
||
|
|
width: 100%; /* Full width to center the text properly */
|
||
|
|
}
|
||
|
|
.stirling-link {
|
||
|
|
text-decoration: none; /* Remove the underline */
|
||
|
|
color: inherit; /* Keep the text color the same as the surrounding text */
|
||
|
|
cursor: pointer; /* Change the cursor to indicate it's clickable */
|
||
|
|
font-weight: bold; /* Make it bold to subtly hint that it's clickable */
|
||
|
|
transition: color 0.3s ease; /* Add a smooth transition effect for color change on hover */
|
||
|
|
}
|
||
|
|
|
||
|
|
.stirling-link:hover {
|
||
|
|
color: #007BFF; /* Change the color on hover to a noticeable link color */
|
||
|
|
}
|
||
|
|
.footer-icon {
|
||
|
|
font-size: 2rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-link {
|
||
|
|
text-decoration: none;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-link-list {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row; /* Align links in a row */
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Responsive styles for smaller screens */
|
||
|
|
@media (max-width: 650px) {
|
||
|
|
.footer-link {
|
||
|
|
font-size: 0.8rem; /* Adjust font size for smaller screens */
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 550px) {
|
||
|
|
.footer-link {
|
||
|
|
font-size: 1rem; /* Adjust font size for smaller screens */
|
||
|
|
}
|
||
|
|
.footer-link-list{
|
||
|
|
flex-direction: column; /* Stack links vertically on smaller screens */
|
||
|
|
}
|
||
|
|
}
|