1 files changed, 74 insertions, 0 deletions
diff --git a/web/share/css/windows.css b/web/share/css/windows.css
new file mode 100644
index 00000000..32628e55
--- /dev/null
+++ b/web/share/css/windows.css
@@ -0,0 +1,74 @@
+div.window {
+	visibility: hidden;
+	outline: none;
+	overflow: hidden;
+	position: fixed;
+	border: var(--border-window-thin);
+	border-radius: 8px;
+	box-sizing: border-box;
+	box-shadow: var(--shadow-big);
+	white-space: nowrap;
+	color: var(--cs-window-default-fg);
+	background-color: var(--cs-window-default-bg);
+	padding: 30px 9px 9px 9px;
+}
+div.window-active {
+	border: var(--border-intensive-2px) !important;
+}
+
+div.window div.window-header {
+	overflow: hidden;
+	top: 0;
+	left: 0;
+	position: absolute;
+	width: 100%;
+	padding: 0;
+	height: 20px;
+	font-size: 0.8em;
+	color: var(--cs-window-header-default-fg);
+	border-bottom: var(--border-default-thin);
+}
+
+div.window div.window-header div.window-grab {
+	overflow: hidden;
+	top: 0;
+	left: 0;
+	position: absolute;
+	width: 100%;
+	height: 20px;
+	cursor: move;
+	padding: 3px 0 2px 20px;
+}
+
+div.window div.window-header-grabbed {
+	color: var(--cs-window-header-grabbed-fg);
+	background-color: var(--cs-window-header-grabbed-bg);
+	border-bottom: var(--border-intensive-thin);
+}
+
+div.window div.window-header button.window-button-close {
+	position: absolute;
+	top: -2px;
+	right: -6px;
+	width: 44px;
+	height: 24px;
+	padding-left: 0;
+	color: var(--cs-window-closer-default-fg);
+	display: inline-block;
+}
+
+@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
+	/* iPad */
+	div.window {
+		padding-top: 45px !important;
+	}
+	div.window div.window-header {
+		height: 35px !important;
+	}
+	div.window div.window-header div.window-grab {
+		height: 35px !important;
+	}
+	div.window div.window-header button.window-button-close {
+		height: 40px !important;
+	}
+}