45 lines
1.1 KiB
CSS
45 lines
1.1 KiB
CSS
body {
|
|
background-image: url("electro/bg.jpg");
|
|
background-size: cover;
|
|
}
|
|
|
|
.card {
|
|
background-color: rgba(37, 41, 45, 50%);
|
|
}
|
|
|
|
@supports (backdrop-filter: blur()) {
|
|
.card {
|
|
background-color: rgba(33, 37, 41, 20%);
|
|
backdrop-filter: blur(3px);
|
|
}
|
|
}
|
|
|
|
.mino {
|
|
background-image: radial-gradient(
|
|
farthest-corner at 4px 6px,
|
|
hsla(196, 100%, 72%, 0.1) 0%,
|
|
hsla(196, 100%, 43%, 0.1) 150%
|
|
);
|
|
border: 1px solid rgba(127, 229, 255, 0.7);
|
|
border-radius: 0.3vmin;
|
|
}
|
|
|
|
.ghost.mino {
|
|
background: transparent;
|
|
border: 1px solid rgba(255, 255, 255, 0.4);
|
|
border-radius: 3px;
|
|
box-shadow:
|
|
-1px -1px 4px rgba(242, 255, 255, 16%),
|
|
-1px 1px 4px rgba(242, 255, 255, 16%),
|
|
1px -1px 4px rgba(242, 255, 255, 16%),
|
|
1px 1px 4px rgba(242, 255, 255, 16%);
|
|
}
|
|
|
|
.locked.mino {
|
|
background: rgba(186, 211, 255, 70%);
|
|
border-color: rgba(242, 255, 255, 0.7);
|
|
box-shadow: -1px -1px 4px rgba(186, 211, 255, 27%),
|
|
-1px 1px 4px rgba(186, 211, 255, 27%),
|
|
1px -1px 4px rgba(186, 211, 255, 27%),
|
|
1px 1px 4px rgba(186, 211, 255, 27%);
|
|
} |