add modal

2022-10-04 21:34:35 +02:00
parent 88d9d8e0a6
commit 8eccefcd9d
2 changed files with 39 additions and 1 deletions
@@ -22,6 +22,41 @@ body {
  user-select: none;
 }

+#modal-shade,
+#modal {
+  display: none;
+  text-align: center;
+}
+
+#modal-shade {
+  position: fixed;
+  z-index: 100;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+#modal {
+  z-index: 101;
+  position: fixed;
+  width: 50%;
+  height:50%;
+  left:25%;
+  right:25%;
+  top:25%;
+
+}
+
+#modal-shade {
+  background: silver;
+  opacity: 0.5;
+  filter: alpha(opacity=50);
+}
+#modal {
+  background: rgba(0,0,0,.5);
+}
+
 ul {
  list-style-type: none;
  margin: 0;