adrien/quatuor
adrien/quatuor
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

background

Browse Source
This commit is contained in:
Adrien MALINGREY 2025-04-14 08:30:40 +02:00
parent 344575bdc4
commit 2a8df78d22
2 changed files with 48 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

86
css/binaural.css
View File

@ -1,5 +1,20 @@
body { body {
background: radial-gradient(circle at 50% 50%, #2a3037, #14171a 80%, #000 120%) fixed; background: url(binaural/bg.png),
radial-gradient(
circle at center,
#39444f 0%,
#2c323b 25%,
#293036 28%,
#252b32 34%,
#242930 38%,
#1a1d22 52%,
#191c22 53%,
#151519 63%,
#141418 65%,
#0f0f12 74%,
#0a0c0d 100%
);
background-repeat: round;
} }
#sceneDiv { #sceneDiv {
@ -77,17 +92,13 @@ tr.matrix td:not(.mino) {
} }
.minoes-table .mino { .minoes-table .mino {
background: radial-gradient( background: radial-gradient(circle at -150% -200%, #fffb 0%, var(--background-color) 100%);
circle at -150% -200%,
#FFFB 0%,
var(--background-color) 100%
);
overflow: visible; overflow: visible;
} }
.mino::before, .mino::before,
.mino::after { .mino::after {
content: ""; content: '';
position: absolute; position: absolute;
display: block; display: block;
top: 0; top: 0;
@ -121,63 +132,63 @@ tr.matrix td:not(.mino) {
} }
.I.mino { .I.mino {
--background-color: #42AFE1B0; --background-color: #42afe1b0;
--light-color: #6CEAFF80; --light-color: #6ceaff80;
--dark-color: #00a4b0B0; --dark-color: #00a4b0b0;
} }
.J.mino { .J.mino {
--background-color: #1165B5B0; --background-color: #1165b5b0;
--light-color: #339BFF80; --light-color: #339bff80;
--dark-color: #00009dB0; --dark-color: #00009db0;
} }
.L.mino { .L.mino {
--background-color: #F38927B0; --background-color: #f38927b0;
--light-color: #FFBA5980; --light-color: #ffba5980;
--dark-color: #c54800B0; --dark-color: #c54800b0;
} }
.O.mino { .O.mino {
--background-color: #F6D03CB0; --background-color: #f6d03cb0;
--light-color: #FFFF7F80; --light-color: #ffff7f80;
--dark-color: #ca9501B0; --dark-color: #ca9501b0;
} }
.S.mino { .S.mino {
--background-color: #51B84DB0; --background-color: #51b84db0;
--light-color: #84F88080; --light-color: #84f88080;
--dark-color: #1cbc02B0; --dark-color: #1cbc02b0;
} }
.T.mino { .T.mino {
--background-color: #9739A2B0; --background-color: #9739a2b0;
--light-color: #D958E980; --light-color: #d958e980;
--dark-color: #6e019aB0; --dark-color: #6e019ab0;
} }
.Z.mino { .Z.mino {
--background-color: #EB4F65B0; --background-color: #eb4f65b0;
--light-color: #FF7F7980; --light-color: #ff7f7980;
--dark-color: #ad1936B0; --dark-color: #ad1936b0;
} }
.ghost.mino { .ghost.mino {
--background-color: #8886; --background-color: #8886;
--light-color: #CCC6; --light-color: #ccc6;
--dark-color: #3336; --dark-color: #3336;
} }
.locking.mino { .locking.mino {
--background-color: #EEEB; --background-color: #eeeb;
--light-color: #FFFB; --light-color: #fffb;
--dark-color: #DDDB; --dark-color: #dddb;
} }
.disabled.mino { .disabled.mino {
--background-color: #888B; --background-color: #888b;
--light-color: #CCCB; --light-color: #cccb;
--dark-color: #333B; --dark-color: #333b;
} }
@keyframes cleared-line-animation { @keyframes cleared-line-animation {
@ -211,7 +222,6 @@ tr.matrix td:not(.mino) {
opacity: 1; opacity: 1;
transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);
line-height: var(--bs-body-line-height); line-height: var(--bs-body-line-height);
} }
30% { 30% {
transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
@ -230,11 +240,11 @@ tr.matrix td:not(.mino) {
@keyframes rotate-in-animation { @keyframes rotate-in-animation {
0% { 0% {
opacity: 1; opacity: 1;
transform:rotate(200deg); transform: rotate(200deg);
line-height: var(--bs-body-line-height); line-height: var(--bs-body-line-height);
} }
30% { 30% {
transform:translateZ(0); transform: translateZ(0);
transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
} }
80% { 80% {

BIN
css/binaural/bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 MiB