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