selenite/frontend
1
0
Fork 0
mirror of https://gitlab.com/skysthelimit.dev/selenite.git synced 2025-06-15 18:12:08 -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-attachment: fixed;
}
header,
footer {
background-color: var(--uibg);
display: flex;
padding: 0.7rem;
width: 100%;
z-index: 1;
justify-content: center;
background-color: var(--uibg);
display: flex;
padding: 0.7rem;
width: 100%;
z-index: 1;
justify-content: center;
text-align: center;
font-weight: 700;
text-decoration: none;
}
header {
top: 0;
border-radius: 0 0 20px 20px;
position: fixed;
box-shadow: 0 5px 10px var(--uibg);
top: 0;
border-radius: 0 0 20px 20px;
position: fixed;
box-shadow: 0 5px 10px var(--uibg);
}
footer.noscroll {
position: fixed;
overflow: hidden;
position: fixed;
overflow: hidden;
}
footer {
bottom: 0;
border-radius: 20px 20px 0 0;
box-shadow: 0 -5px 10px var(--uibg);
bottom: 0;
border-radius: 20px 20px 0 0;
box-shadow: 0 -5px 10px var(--uibg);
}
footer a,
footer a:visited,
header a,
header a:visited {
text-align: center;
font-weight: 700;
text-decoration: none;
margin-right: 2rem;
margin-left: 1rem;
margin-right: 2rem;
margin-left: 1rem;
}
footer 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 {
animation: 1.25s ease-in-out 0s 1 loadInAnimation;
align-items: center;