v1.5.8 Added model, but there is some problems.

2021-04-09 11:23:52 +02:00
parent 3d2f07d3d8
commit abe4a9dda9
6 changed files with 139 additions and 53 deletions
@@ -17,5 +17,8 @@
 // Content
@import 'content/content';

+// Modal
+@import 'modal/modal';
+
 // Tables
@import "content/table";
@@ -0,0 +1,38 @@
+
+.modal {
+    display: none; /* Hidden by default */
+    position: fixed; /* Stay in place */
+    z-index: 1; /* Sit on top */
+    padding-top: 100px; /* Location of the box */
+    left: 0;
+    top: 0;
+    width: 100%; /* Full width */
+    height: 100%; /* Full height */
+    overflow: auto; /* Enable scroll if needed */
+    background-color: rgb(0,0,0); /* Fallback color */
+    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
+}
+
+/* Modal Content */
+.modal-content {
+    background-color: #fefefe;
+    margin: auto;
+    padding: 20px;
+    border: 1px solid #888;
+    width: 330px;
+    min-width: 400px;
+}
+
+/* The Close Button */
+.close {
+    color: #aaa;
+    float: right;
+    font-size: 28px;
+    font-weight: bold;
+}
+
+.close:hover, .close:focus {
+    color: #000;
+    text-decoration: none;
+    cursor: pointer;
+}