GithubMirrors/cardconjurer
1
0
Fork 1
mirror of https://github.com/Investigamer/cardconjurer.git synced 2025-08-05 09:36:14 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

home page

Browse Source
This commit is contained in:
Kyle
2020-06-26 08:54:19 -07:00
parent f2fa61c531
commit 37764186dc
5 changed files with 240 additions and 263 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
styles.css
View File

@@ -284,10 +284,10 @@ input[type='checkbox'], select, option, input[type='file'], button {
animation: fade-in 2s;
}
.layer.revealedLayer.slideFromLeft > div {
animation: slide-from-left 1s;
animation: slide-from-left 0.8s;
}
.layer.revealedLayer.slideFromRight > div {
animation: slide-from-right 1s;
animation: slide-from-right 0.8s;
}
@@ -305,10 +305,10 @@ input[type='checkbox'], select, option, input[type='file'], button {
.fiveSampleCards > div {
transition: transform 0.5s;
}
.fiveSampleCards > div:hover {
/*.fiveSampleCards > div:hover {
z-index: 100;
transform: translate(0, -1em);
}
}*/
.layer.revealedLayer > div > div > div > .sample1 {
animation: sample-one 2s;
transform: rotate(-10deg) translate(16%, 15%);
@@ -425,7 +425,7 @@ canvas {
footer {
background: var(--background-color-contrast);
color: var(--font-color-contrast);
font: 0.6rem arial;
font: 1rem arial;
}
.footer {
width: 10rem;
@@ -468,7 +468,7 @@ footer {
width: 750px;
}
}
@media screen and (min-width: 30rem) { /*Screen is wide enough for the footer to display horizontally*/
@media screen and (min-width: 50rem) { /*Screen is wide enough for the footer to display horizontally*/
.footer {
width: 30rem;
padding: 2rem 0;
@@ -484,4 +484,7 @@ footer {
html {
font: 20pt georgia;
}
footer {
font: 0.6rem arial;
}
}