1 files changed, 70 insertions, 0 deletions
diff --git a/MatrixRoomUtils.Web/Shared/ModalWindow.razor.css b/MatrixRoomUtils.Web/Shared/ModalWindow.razor.css
new file mode 100644
index 0000000..b25ab0e
--- /dev/null
+++ b/MatrixRoomUtils.Web/Shared/ModalWindow.razor.css
@@ -0,0 +1,70 @@
+.r-modal {
+    position: absolute;
+    width: fit-content;
+    height: fit-content;
+    z-index: 1000;
+}
+.r-modal:hover {
+    z-index: 1001;
+}
+
+.r-modal > .titlebar {
+    position: absolute;
+    display: block;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 25px;
+    background-color: #000;
+    user-select: none;
+}
+
+.r-modal > .titlebar > .title {
+    position: relative;
+    top: 0;
+    left: 0;
+    width: fit-content;
+    height: 100%;
+    line-height: 25px;
+    padding-left: 10px;
+    color: #fff;
+}
+
+.r-modal > .titlebar > .btnclose {
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 25px;
+    height: 100%;
+    line-height: 25px;
+    text-align: center;
+    color: #fff;
+    background-color: #111;
+    cursor: pointer;
+}
+.r-modal > .titlebar > .btncollapse {
+    position: absolute;
+    top: 0;
+    right: 25px;
+    width: 25px;
+    height: 100%;
+    line-height: 25px;
+    text-align: center;
+    color: #fff;
+    background-color: #111;
+    cursor: pointer;
+}
+
+.r-modal > .content {
+    position: relative;
+    top: 25px;
+    left: 0;
+    width: fit-content;
+    height: fit-content;
+    min-width: 150px;
+    min-height: 5px;
+    max-width: 75vw;
+    max-height: 75vh;
+    overflow: auto;
+    background-color: #111;
+}