WordPress_Themes/NAN_Student_Handbook
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

starting grammar cleanup

Browse Source
This commit is contained in:
prospect
2024-01-19 07:25:20 -05:00
parent 0703206ce1
commit 85d8f37afd
3 changed files with 16 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
assets/css/styles.css
View File

@@ -2040,43 +2040,16 @@ body.login {
#content-container.page-transition {
opacity: 0;
transform: perspective(800px) rotateY(-90deg) scale(0.9);
transform-origin: left center;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 50%, transparent 50%);
background-size: 200% 100%;
transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out, background-position 0.3s ease-in-out;
transform: translatex(-100%);
transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
#content-container:not(.page-transition) {
opacity: 1;
transform: perspective(800px) rotateY(0deg) scale(1);
transform-origin: left center;
box-shadow: 0 0 20px rgba(0, 0, 0, 0);
background-position: 100% 0;
transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out, background-position 0.3s ease-in-out;
transform: translateY(0);
transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
@media (min-width: 1024px) {
#content-container.page-transition {
opacity: 0;
transform: perspective(800px) rotateY(-5deg) scale(1);
transform-origin: left center;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 50%, transparent 50%);
background-size: 200% 100%;
background-position: 100% 0;
transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out, background-position 0.3s ease-in-out;
}
#content-container:not(.page-transition) {
opacity: 1;
transform: perspective(800px) rotateY(0deg) scale(1);
transform-origin: left center;
box-shadow: 0 0 20px rgba(0, 0, 0, 0);
background-position: 0 0;
transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out, background-position 0.3s ease-in-out;
}
}
#footer-nav.out-of-view {
opacity: 0;
translate: 0 100%;