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

shadow

Browse Source
This commit is contained in:
Adrien MALINGREY 2024-04-29 17:51:17 +02:00
parent 58389623cc
commit 21929261e4
2 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
css/classic.css
View File

@ -85,12 +85,12 @@
.ghost.mino { .ghost.mino {
margin: 1px; margin: 1px;
background: rgba(0, 0, 0, 10%) !important; background: rgba(0, 0, 0, 10%) !important;
border: 3px solid #646464 !important; border: 3px solid #FFF4 !important;
box-shadow: box-shadow:
-2px -2px 6px rgba(128, 128, 128, 25%), -2px -2px 6px #FFF2,
-2px 2px 6px rgba(128, 128, 128, 25%), -2px 2px 6px #FFF2,
2px -2px 6px rgba(128, 128, 128, 25%), 2px -2px 6px #FFF2,
2px 2px 6px rgba(128, 128, 128, 25%); 2px 2px 6px #FFF2;
} }
.moving.mino { .moving.mino {
@ -100,20 +100,20 @@
.locking.mino { .locking.mino {
filter: saturate(50%) brightness(200%); filter: saturate(50%) brightness(200%);
box-shadow: box-shadow:
-1px -1px 4px rgba(128, 128, 128, 25%), -1px -1px 4px #FFF2,
-1px 1px 4px rgba(128, 128, 128, 25%), -1px 1px 4px #FFF2,
1px -1px 4px rgba(128, 128, 128, 25%), 1px -1px 4px #FFF2,
1px 1px 4px rgba(128, 128, 128, 25%); 1px 1px 4px #FFF2;
} }
@keyframes locked-animation { @keyframes locked-animation {
from { from {
filter: saturate(50%) brightness(400%); filter: saturate(50%) brightness(400%);
box-shadow: box-shadow:
-1px -1px 4px rgba(255, 255, 255, 25%), -1px -1px 4px #FFF2,
-1px 1px 4px rgba(255, 255, 255, 25%), -1px 1px 4px #FFF2,
1px -1px 4px rgba(255, 255, 255, 25%), 1px -1px 4px #FFF2,
1px 1px 4px rgba(255, 255, 255, 25%); 1px 1px 4px #FFF2;
} }
} }

2
index.html
View File

@ -86,7 +86,7 @@
<div id="screenRow" class="row row-cols-auto align-items-start gap-2"> <div id="screenRow" class="row row-cols-auto align-items-start gap-2">
<div class="col d-flex flex-column align-items-end"> <div class="col d-flex flex-column align-items-end">
<div class="card mb-4 w-100"> <div class="card shadow mb-4 w-100">
<div class="card-header fw-bold text-uppercase text-center">Hold</div> <div class="card-header fw-bold text-uppercase text-center">Hold</div>
<div class="card-body p-0"> <div class="card-body p-0">
<table id="holdTable" class="minoes-table m-auto"> <table id="holdTable" class="minoes-table m-auto">