bendn's repos / tetris
tetris
Diffstat (limited to 'html/custom.html')
-rw-r--r--html/custom.html25
1 files changed, 14 insertions, 11 deletions
diff --git a/html/custom.html b/html/custom.html
index 832478b..2177198 100644
--- a/html/custom.html
+++ b/html/custom.html
@@ -14,8 +14,13 @@
min-height: 100%;
text-align: center;
background-size: cover;
- background-repeat: no-repeat;
- background: linear-gradient(to right, yellow, orange 60%, cyan);
+ background-image: repeating-linear-gradient(
+ #eee8d5 0 5px,
+ transparent 5px 100%
+ ),
+ repeating-linear-gradient(90deg, #eee8d5 0 5px, transparent 5px 100%);
+ background-size: 80px 80px;
+ background-color: #fdf6e3;
}
#canvas {
@@ -52,11 +57,10 @@
}
#status-progress {
- width: 600px;
- height: 50px;
- background-color: #dcc621;
- background-image: linear-gradient(to left, cyan, orange 60%, yellow);
- border: 5px solid black;
+ width: 500px;
+ height: 30px;
+ background-color: #fdf6e3;
+ border: 5px solid #eee8d5;
padding: 3px;
border-radius: 30px;
visibility: visible;
@@ -73,8 +77,7 @@
width: 0;
box-sizing: border-box;
transition: width 0.5s linear;
- background-image: linear-gradient(45deg, blue 30%, red);
- border: 3px solid black;
+ background-color: #268bd2;
border-radius: 30px;
}
@@ -85,11 +88,11 @@
}
#status-indeterminate > div {
- width: 4.5px;
+ width: 5px;
height: 0;
border-style: solid;
border-width: 9px 3px 0 3px;
- border-color: black transparent transparent transparent;
+ border-color: #268bd2 transparent transparent transparent;
transform-origin: center 21px;
position: absolute;
}