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

css

Browse Source
This commit is contained in:
Adrien MALINGREY 2023-05-03 14:39:46 +02:00
parent 7388f13e29
commit 13539af376
3 changed files with 6 additions and 93 deletions

91
css/classic.css

@ -81,97 +81,6 @@
border-bottom-color: #ad1936;
}
.locked.mino {
filter: saturate(50%) brightness(200%);
}
.ghost.mino {
background: rgba(0, 0, 0, 10%) !important;
border: 0 !important;
box-shadow: -2px -2px 8px rgba(128, 128, 128, 50%), -2px 2px 8px rgba(128, 128, 128, 50%), 2px -2px 8px rgba(128, 128, 128, 50%), 2px 2px 8px rgba(128, 128, 128, 50%);
}.mino {
background: radial-gradient(
ellipse 140% 66% at 122% 88%,
var(--background-color) 100%,
var(--frontier-color) 105%,
var(--light-color) 130%
);
border: 4px solid;
padding: 0;
opacity: 100%;
border-radius: 1px;
}
.I.mino {
--background-color: #009FdA;
--frontier-color: #43e7fd;
--light-color: #afeff9;
border-top-color: #7cf2fd;
border-left-color: #2ed5e5;
border-right-color: #00b8ca;
border-bottom-color: #00a4b0;
}
.J.mino {
--background-color: #2E00FB;
--frontier-color: #7054fb;
--light-color: #b8b4ff;
border-top-color: #4985fd;
border-left-color: #2f36ea;
border-right-color: #0006ca;
border-bottom-color: #00009d;
}
.L.mino {
--background-color: #FF7900;
--frontier-color: #fe9551;
--light-color: #fdd0b7;
border-top-color: #fd9f6b;
border-left-color: #e76d28;
border-right-color: #e74f00;
border-bottom-color: #c54800;
}
.O.mino {
--background-color: #FeCB00;
--frontier-color: #fce15c;
--light-color: #ffedac;;
border-top-color: #ffe364;
border-left-color: #e7ba23;
border-right-color: #e3a707;
border-bottom-color: #ca9501;
}
.T.mino {
--background-color: #B000FE;
--frontier-color: #c541fc;
--light-color: #edb2ff;
border-top-color: #d380ff;
border-left-color: #b42deb;
border-right-color: #8000cd;
border-bottom-color: #6e019a;
}
.S.mino {
--background-color: #67EE12;
--frontier-color: #93f85a;
--light-color: #C8FBA8;
border-top-color: #a4fc6d;
border-left-color: #5ee82b;
border-right-color: #35db00;
border-bottom-color: #1cbc02;
}
.Z.mino {
--background-color: #ed2939;
--frontier-color: #fe6483;
--light-color: #ffb8c5;
border-top-color: #fd718d;
border-left-color: #e62250;
border-right-color: #e20332;
border-bottom-color: #ad1936;
}
.locked.mino {
filter: saturate(50%) brightness(200%);
box-shadow: -1px -1px 4px rgba(128, 128, 128, 25%),

4
css/electro.css

@ -6,6 +6,10 @@
);
border: 1px solid rgba(127, 229, 255, 0.7);
border-radius: 0.3vmin;
box-shadow: -1px -1px 4px rgba(128, 128, 128, 25%),
-1px 1px 4px rgba(128, 128, 128, 25%),
1px -1px 4px rgba(128, 128, 128, 25%),
1px 1px 4px rgba(128, 128, 128, 25%);
}
.ghost.mino {

4
index.html

@ -9,7 +9,7 @@
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.4/font/bootstrap-icons.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/classic.css"title="Classique">
<link rel="stylesheet" href="css/classic.css" title="Classique">
<link rel="alternate stylesheet" href="css/electro.css" title="Électro">
<link rel="alternate stylesheet" href="css/pop.css" title="Pop">
<link rel="alternate stylesheet" href="css/retro.css" title="Rétro">
@ -125,7 +125,7 @@
</div>
</div>
<div class="container-fluid d-flex h-100 justify-content-center d-flex align-items-center">
<div class="container-fluid d-flex vh-100 justify-content-center d-flex align-items-center">
<div id="screenRow" class="row row-cols-auto align-items-start gap-2">
<div class="col d-flex flex-column align-items-end">