make the UI boxes constructed from a sprite sheet instead of being a static sized sprite

2020-10-03 19:34:43 -04:00
parent c039b5179f
commit f0e299702f
4 changed files with 19 additions and 6 deletions
@@ -34,10 +34,7 @@ html, body {
    z-index: 2;
 }

-#queueBox {
-    position: fixed;
-    width: 650px;
-}
+

 #queue {

@@ -107,6 +104,20 @@ html, body {
    text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 3px #000, 10px 10px 2px #0000;
 }

+.UIBox {
+    position: fixed;
+    border: 40px solid;
+    border-image: url('../img/ui/UI_BorderAtlas.png') 40% round;
+    z-index: 1;
+}
+
+.UIBoxBackground 
+{
+    position: fixed;
+    background-color: rgba(0, 0, 0, 0.75);
+    z-index: 0;
+}
+
 .button {
    font-family: 'FRIZQT';
    font-size: 23px;