n/imag
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Css

Browse source
This commit is contained in:
nyx 2025-02-10 20:02:54 -06:00
parent 6b2345a726
commit de1572ceb5
1 changed files with 39 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

67
src/imag/static/index.css
View file

@ -7,32 +7,21 @@
font-family: sans-serif;
}
h1 {
color: #fdccd4 !important;
}
* {
color: whitesmoke
color: white
}
body {
margin: auto;
max-width: 40em;
padding: 2em;
height: 100%
}
@keyframes AnimationName {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
height: 100%;
animation: blurIn 500ms ease-in-out;
animation: fadeIn 500ms ease-in-out;
}
html {
min-height: 100%;
background: linear-gradient(130deg, #28282B, #353935) no-repeat;
background-size: 200% 200%;
animation: AnimationName 30s ease infinite;
background: black;
}
h1 {
@ -56,54 +45,59 @@ img:hover {
button {
border: none;
padding: 0.5em;
background-color: #1c1c1c;
cursor: pointer;
border-radius: 30px;
-webkit-transition: border-radius 0.4s ease-out;
-moz-transition: border-radius 0.4s ease-out;
-o-transition: border-radius 0.4s ease-out;
background-color:#1b1b1b;
color:#ffffff;
transition: 0.4s ease-out;
}
button:hover {
border-radius: 10px;
cursor: pointer;
background-color:#ffffff;
color:#000000;
}
input {
border: none;
padding: 0.5em;
background-color: #1c1c1c;
cursor: pointer;
margin: 2px;
border-radius: 30px;
-webkit-transition: border-radius 0.4s ease-out;
-moz-transition: border-radius 0.4s ease-out;
-o-transition: border-radius 0.4s ease-out;
background-color:#1b1b1b;
color:#ffffff;
transition: 0.4s ease-out;
}
input:focus {
border-radius: 10px;
background-color:#ffffff;
color:#000000;
}
input:hover {
border-radius: 10px;
cursor: pointer;
background-color:#ffffff;
color:#000000;
}
input[type="file"]::file-selector-button {
border: none;
padding: 0.5em;
background-color: #1c1c1c;
cursor: pointer;
border-radius: 30px;
-webkit-transition: border-radius 0.4s ease-out;
-moz-transition: border-radius 0.4s ease-out;
-o-transition: border-radius 0.4s ease-out;
background-color:#1b1b1b;
color:#ffffff;
transition: 0.4s ease-out;
}
input[type="file"]::file-selector-button:hover {
border-radius: 10px;
cursor: pointer;
background-color:#ffffff;
color:#000000;
}
.image {
@ -118,3 +112,20 @@ hr.tiny {
width:25%;
}
@keyframes fadeIn {
from {
opacity:0;
}
to {
opacity:1;
}
}
@keyframes blurIn {
from {
filter: blur(0.2rem);
}
to {
filter: blur(0rem);
}
}