selenite/frontend
1
0
Fork 0
mirror of https://gitlab.com/skysthelimit.dev/selenite.git synced 2025-06-16 02:22:07 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

Update style.css

Browse Source
This commit is contained in:
LEGALISE_PIRACY 2024-03-11 03:30:16 +00:00
parent 9d1362106d
commit 24229078a5
1 changed files with 44 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
style.css
View File

@ -41,45 +41,68 @@ body {
background-size: cover; background-size: cover;
background-attachment: fixed; background-attachment: fixed;
} }
header, header,
footer { footer {
background-color: var(--uibg); background-color: var(--uibg);
display: flex; display: flex;
padding: 0.7rem; padding: 0.7rem;
width: 100%; width: 100%;
z-index: 1; z-index: 1;
justify-content: center; justify-content: center;
text-align: center;
font-weight: 700;
text-decoration: none;
} }
header { header {
top: 0; top: 0;
border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px;
position: fixed; position: fixed;
box-shadow: 0 5px 10px var(--uibg); box-shadow: 0 5px 10px var(--uibg);
} }
footer.noscroll { footer.noscroll {
position: fixed; position: fixed;
overflow: hidden; overflow: hidden;
} }
footer { footer {
bottom: 0; bottom: 0;
border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0;
box-shadow: 0 -5px 10px var(--uibg); box-shadow: 0 -5px 10px var(--uibg);
} }
footer a, footer a,
footer a:visited, footer a:visited,
header a, header a,
header a:visited { header a:visited {
text-align: center; margin-right: 2rem;
font-weight: 700; margin-left: 1rem;
text-decoration: none;
margin-right: 2rem;
margin-left: 1rem;
} }
footer a:hover, footer a:hover,
header a:hover { header a:hover {
text-shadow: 2px 2px 6px var(--textcolor); text-shadow: 2px 2px 6px var(--textcolor);
} }
@media only screen and (max-width: 768px) {
header,
footer {
flex-direction: column;
align-items: center;
}
header {
border-radius: 0;
}
footer {
border-radius: 0;
}
}
main { main {
animation: 1.25s ease-in-out 0s 1 loadInAnimation; animation: 1.25s ease-in-out 0s 1 loadInAnimation;
align-items: center; align-items: center;