Fixed footer and card shadow

This commit is contained in:
nono 2021-01-03 18:09:00 +01:00
parent a5c4591bc9
commit 1a31c8ad9b
2 changed files with 8 additions and 7 deletions

View File

@ -55,7 +55,7 @@ p {
width: 100%; width: 100%;
background-color: white; background-color: white;
border-radius: 1.2rem; border-radius: 1.2rem;
box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.1); box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.3);
} }
.home-faceshot { .home-faceshot {
margin: 0; margin: 0;
@ -168,7 +168,7 @@ p {
/* border-radius: 1.2rem; */ /* border-radius: 1.2rem; */
z-index: 2; z-index: 2;
transition: transform 0.2s cubic-bezier(0.25,0.8,0.25,1), box-shadow 0.2s cubic-bezier(0.25,0.8,0.25,1); transition: transform 0.2s cubic-bezier(0.25,0.8,0.25,1), box-shadow 0.2s cubic-bezier(0.25,0.8,0.25,1);
box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.1); box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.3);
} }
.list-header { .list-header {
margin: 1em; margin: 1em;
@ -204,7 +204,7 @@ p {
/* border-radius: 1.2rem; */ /* border-radius: 1.2rem; */
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
transition: transform 0.2s cubic-bezier(0.25,0.8,0.25,1), box-shadow 0.2s cubic-bezier(0.25,0.8,0.25,1); transition: transform 0.2s cubic-bezier(0.25,0.8,0.25,1), box-shadow 0.2s cubic-bezier(0.25,0.8,0.25,1);
box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.1); box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.3);
} }
.home-card { .home-card {
padding: 0.8em; padding: 0.8em;
@ -303,7 +303,7 @@ p {
text-decoration: none; text-decoration: none;
border-radius: 0.3rem; border-radius: 0.3rem;
transition: transform 0.1s cubic-bezier(0.25,0.8,0.25,1), box-shadow 0.1s cubic-bezier(0.25,0.8,0.25,1); transition: transform 0.1s cubic-bezier(0.25,0.8,0.25,1), box-shadow 0.1s cubic-bezier(0.25,0.8,0.25,1);
box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.1); box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.3);
} }
.button:hover { .button:hover {
box-shadow: 0 0.05rem 0.15rem rgba(0,0,0,0.12), 0 0.05rem 0.1rem rgba(0,0,0,0.24); box-shadow: 0 0.05rem 0.15rem rgba(0,0,0,0.12), 0 0.05rem 0.1rem rgba(0,0,0,0.24);
@ -437,10 +437,11 @@ footer {
flex-flow: row wrap; flex-flow: row wrap;
justify-content: space-evenly; justify-content: space-evenly;
align-items: flex-end; align-items: flex-end;
color: white;
background-position: 40% 0%; background-position: 40% 0%;
background-size: 50rem; background-size: 50rem;
text-align: center;
} }
.footer-link { .footer-link {
margin: 1rem 0; margin: 1rem 0;
} }

View File

@ -1,3 +1,3 @@
<footer class="side-padding" > <footer class="content card card-container side-padding " >
The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be. <h3>The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.</h3>
</footer> </footer>