summaryrefslogtreecommitdiff
path: root/web/css/modals.css
diff options
context:
space:
mode:
Diffstat (limited to 'web/css/modals.css')
-rw-r--r--web/css/modals.css52
1 files changed, 52 insertions, 0 deletions
diff --git a/web/css/modals.css b/web/css/modals.css
new file mode 100644
index 00000000..cfb0df20
--- /dev/null
+++ b/web/css/modals.css
@@ -0,0 +1,52 @@
+div.modal {
+ visibility: hidden;
+ position: fixed;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-color: rgb(0, 0, 0);
+ background-color: rgba(0, 0, 0, 0.5);
+ z-index: 2147483647;
+}
+
+div.modal-window {
+ display: table;
+ outline: none;
+ margin: 15% auto;
+ overflow: hidden;
+ border: var(--dark-border);
+ border-radius: 8px;
+ box-sizing: border-box;
+ box-shadow: var(--big-shadow);
+ background-color: var(--bg-color-light);
+ padding: 0;
+}
+div.modal-window:focus {
+ border: var(--intensive-border) !important;
+}
+
+
+div.modal-header {
+ text-align: center;
+ font-weight: bold;
+ padding: 3px 9px 3px 9px;
+ border-bottom: var(--normal-border);
+}
+
+div.modal-content {
+ max-width: 500px;
+ max-height: 500px;
+ padding: 16px 9px 16px 9px;
+}
+
+div.modal-buttons {
+ border-top: var(--dark-border);
+ margin: 0;
+ padding: 0;
+ font-size: 0;
+}
+
+div.modal-buttons button {
+ height: 40px;
+}