From 13dcbc0c62461da626f7aea9712da593c45102df Mon Sep 17 00:00:00 2001
From: Devaev Maxim <mdevaev@gmail.com>
Date: Fri, 8 Nov 2019 02:20:05 +0300
Subject: renamed css

---
 web/index.html             |   4 +-
 web/kvm/index.html         |  10 ++---
 web/login/index.html       |   4 +-
 web/share/css/led.css      |  85 +++++++++++++++++++++++++++++++++++++
 web/share/css/leds.css     |  85 -------------------------------------
 web/share/css/modal.css    |  82 ++++++++++++++++++++++++++++++++++++
 web/share/css/modals.css   |  82 ------------------------------------
 web/share/css/slider.css   | 100 +++++++++++++++++++++++++++++++++++++++++++
 web/share/css/sliders.css  | 100 -------------------------------------------
 web/share/css/switch.css   | 103 +++++++++++++++++++++++++++++++++++++++++++++
 web/share/css/switches.css | 103 ---------------------------------------------
 web/share/css/window.css   |  97 ++++++++++++++++++++++++++++++++++++++++++
 web/share/css/windows.css  |  97 ------------------------------------------
 13 files changed, 476 insertions(+), 476 deletions(-)
 create mode 100644 web/share/css/led.css
 delete mode 100644 web/share/css/leds.css
 create mode 100644 web/share/css/modal.css
 delete mode 100644 web/share/css/modals.css
 create mode 100644 web/share/css/slider.css
 delete mode 100644 web/share/css/sliders.css
 create mode 100644 web/share/css/switch.css
 delete mode 100644 web/share/css/switches.css
 create mode 100644 web/share/css/window.css
 delete mode 100644 web/share/css/windows.css

diff --git a/web/index.html b/web/index.html
index 5b54afd2..9be88ae8 100644
--- a/web/index.html
+++ b/web/index.html
@@ -36,8 +36,8 @@
 
 	<link rel="stylesheet" href="share/css/vars.css">
 	<link rel="stylesheet" href="share/css/main.css">
-	<link rel="stylesheet" href="share/css/windows.css">
-	<link rel="stylesheet" href="share/css/modals.css">
+	<link rel="stylesheet" href="share/css/window.css">
+	<link rel="stylesheet" href="share/css/modal.css">
 	<link rel="stylesheet" href="share/css/start.css">
 	<link rel="stylesheet" href="share/css/index/index.css">
 
diff --git a/web/kvm/index.html b/web/kvm/index.html
index 7987c408..053603d4 100644
--- a/web/kvm/index.html
+++ b/web/kvm/index.html
@@ -37,11 +37,11 @@
 	<link rel="stylesheet" href="../share/css/vars.css">
 	<link rel="stylesheet" href="../share/css/main.css">
 	<link rel="stylesheet" href="../share/css/menu.css">
-	<link rel="stylesheet" href="../share/css/windows.css">
-	<link rel="stylesheet" href="../share/css/modals.css">
-	<link rel="stylesheet" href="../share/css/leds.css">
-	<link rel="stylesheet" href="../share/css/sliders.css">
-	<link rel="stylesheet" href="../share/css/switches.css">
+	<link rel="stylesheet" href="../share/css/window.css">
+	<link rel="stylesheet" href="../share/css/modal.css">
+	<link rel="stylesheet" href="../share/css/led.css">
+	<link rel="stylesheet" href="../share/css/slider.css">
+	<link rel="stylesheet" href="../share/css/switch.css">
 	<link rel="stylesheet" href="../share/css/progress.css">
 	<link rel="stylesheet" href="../share/css/keypad.css">
 	<link rel="stylesheet" href="../share/css/kvm/stream.css">
diff --git a/web/login/index.html b/web/login/index.html
index d5394c9d..8af42adf 100644
--- a/web/login/index.html
+++ b/web/login/index.html
@@ -36,8 +36,8 @@
 
 	<link rel="stylesheet" href="../share/css/vars.css">
 	<link rel="stylesheet" href="../share/css/main.css">
-	<link rel="stylesheet" href="../share/css/windows.css">
-	<link rel="stylesheet" href="../share/css/modals.css">
+	<link rel="stylesheet" href="../share/css/window.css">
+	<link rel="stylesheet" href="../share/css/modal.css">
 	<link rel="stylesheet" href="../share/css/login/login.css">
 
 	<script type="module">
diff --git a/web/share/css/led.css b/web/share/css/led.css
new file mode 100644
index 00000000..491659cb
--- /dev/null
+++ b/web/share/css/led.css
@@ -0,0 +1,85 @@
+/*****************************************************************************
+#                                                                            #
+#    KVMD - The main Pi-KVM daemon.                                          #
+#                                                                            #
+#    Copyright (C) 2018  Maxim Devaev <mdevaev@gmail.com>                    #
+#                                                                            #
+#    This program is free software: you can redistribute it and/or modify    #
+#    it under the terms of the GNU General Public License as published by    #
+#    the Free Software Foundation, either version 3 of the License, or       #
+#    (at your option) any later version.                                     #
+#                                                                            #
+#    This program is distributed in the hope that it will be useful,         #
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of          #
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the           #
+#    GNU General Public License for more details.                            #
+#                                                                            #
+#    You should have received a copy of the GNU General Public License       #
+#    along with this program.  If not, see <https://www.gnu.org/licenses/>.  #
+#                                                                            #
+*****************************************************************************/
+
+
+@-webkit-keyframes spin {
+	100% {
+		-webkit-transform: rotate(360deg);
+	}
+}
+@keyframes spin {
+	100% {
+		-webkit-transform: rotate(360deg);
+		transform: rotate(360deg);
+	}
+}
+
+:root {
+	--led-filter-gray: invert(0.5);
+	--led-filter-green: invert(0.5) sepia(1) saturate(5) hue-rotate(100deg);
+	--led-filter-red: invert(0.5) sepia(1) saturate(15) hue-rotate(320deg);
+	--led-filter-yellow: invert(0.5) sepia(1) saturate(5) hue-rotate(0deg);
+
+	--led-spin-slow: spin 6s linear infinite;
+	--led-spin-medium: spin 3s linear infinite;
+	--led-spin-fast: spin 2s linear infinite;
+}
+
+img.led-gray {
+	-webkit-filter: var(--led-filter-gray);
+	filter: var(--led-filter-gray);
+}
+
+img.led-green {
+	-webkit-filter: var(--led-filter-green);
+	filter: var(--led-filter-green);
+}
+
+img.led-red {
+	-webkit-filter: var(--led-filter-red);
+	filter: var(--led-filter-red);
+}
+
+img.led-yellow {
+	-webkit-filter: var(--led-filter-yellow);
+	filter: var(--led-filter-yellow);
+}
+
+img.led-green-rotating-medium {
+	-webkit-filter: var(--led-filter-green);
+	filter: var(--led-filter-green);
+	-webkit-animation: var(--led-spin-medium);
+	animation: var(--led-spin-medium);
+}
+
+img.led-yellow-rotating-slow {
+	-webkit-filter: var(--led-filter-yellow);
+	filter: var(--led-filter-yellow);
+	-webkit-animation: var(--led-spin-slow);
+	animation: var(--led-spin-slow);
+}
+
+img.led-yellow-rotating-fast {
+	-webkit-filter: var(--led-filter-yellow);
+	filter: var(--led-filter-yellow);
+	-webkit-animation: var(--led-spin-fast);
+	animation: var(--led-spin-fast);
+}
diff --git a/web/share/css/leds.css b/web/share/css/leds.css
deleted file mode 100644
index 491659cb..00000000
--- a/web/share/css/leds.css
+++ /dev/null
@@ -1,85 +0,0 @@
-/*****************************************************************************
-#                                                                            #
-#    KVMD - The main Pi-KVM daemon.                                          #
-#                                                                            #
-#    Copyright (C) 2018  Maxim Devaev <mdevaev@gmail.com>                    #
-#                                                                            #
-#    This program is free software: you can redistribute it and/or modify    #
-#    it under the terms of the GNU General Public License as published by    #
-#    the Free Software Foundation, either version 3 of the License, or       #
-#    (at your option) any later version.                                     #
-#                                                                            #
-#    This program is distributed in the hope that it will be useful,         #
-#    but WITHOUT ANY WARRANTY; without even the implied warranty of          #
-#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the           #
-#    GNU General Public License for more details.                            #
-#                                                                            #
-#    You should have received a copy of the GNU General Public License       #
-#    along with this program.  If not, see <https://www.gnu.org/licenses/>.  #
-#                                                                            #
-*****************************************************************************/
-
-
-@-webkit-keyframes spin {
-	100% {
-		-webkit-transform: rotate(360deg);
-	}
-}
-@keyframes spin {
-	100% {
-		-webkit-transform: rotate(360deg);
-		transform: rotate(360deg);
-	}
-}
-
-:root {
-	--led-filter-gray: invert(0.5);
-	--led-filter-green: invert(0.5) sepia(1) saturate(5) hue-rotate(100deg);
-	--led-filter-red: invert(0.5) sepia(1) saturate(15) hue-rotate(320deg);
-	--led-filter-yellow: invert(0.5) sepia(1) saturate(5) hue-rotate(0deg);
-
-	--led-spin-slow: spin 6s linear infinite;
-	--led-spin-medium: spin 3s linear infinite;
-	--led-spin-fast: spin 2s linear infinite;
-}
-
-img.led-gray {
-	-webkit-filter: var(--led-filter-gray);
-	filter: var(--led-filter-gray);
-}
-
-img.led-green {
-	-webkit-filter: var(--led-filter-green);
-	filter: var(--led-filter-green);
-}
-
-img.led-red {
-	-webkit-filter: var(--led-filter-red);
-	filter: var(--led-filter-red);
-}
-
-img.led-yellow {
-	-webkit-filter: var(--led-filter-yellow);
-	filter: var(--led-filter-yellow);
-}
-
-img.led-green-rotating-medium {
-	-webkit-filter: var(--led-filter-green);
-	filter: var(--led-filter-green);
-	-webkit-animation: var(--led-spin-medium);
-	animation: var(--led-spin-medium);
-}
-
-img.led-yellow-rotating-slow {
-	-webkit-filter: var(--led-filter-yellow);
-	filter: var(--led-filter-yellow);
-	-webkit-animation: var(--led-spin-slow);
-	animation: var(--led-spin-slow);
-}
-
-img.led-yellow-rotating-fast {
-	-webkit-filter: var(--led-filter-yellow);
-	filter: var(--led-filter-yellow);
-	-webkit-animation: var(--led-spin-fast);
-	animation: var(--led-spin-fast);
-}
diff --git a/web/share/css/modal.css b/web/share/css/modal.css
new file mode 100644
index 00000000..98ea7c0b
--- /dev/null
+++ b/web/share/css/modal.css
@@ -0,0 +1,82 @@
+/*****************************************************************************
+#                                                                            #
+#    KVMD - The main Pi-KVM daemon.                                          #
+#                                                                            #
+#    Copyright (C) 2018  Maxim Devaev <mdevaev@gmail.com>                    #
+#                                                                            #
+#    This program is free software: you can redistribute it and/or modify    #
+#    it under the terms of the GNU General Public License as published by    #
+#    the Free Software Foundation, either version 3 of the License, or       #
+#    (at your option) any later version.                                     #
+#                                                                            #
+#    This program is distributed in the hope that it will be useful,         #
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of          #
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the           #
+#    GNU General Public License for more details.                            #
+#                                                                            #
+#    You should have received a copy of the GNU General Public License       #
+#    along with this program.  If not, see <https://www.gnu.org/licenses/>.  #
+#                                                                            #
+*****************************************************************************/
+
+
+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 div.modal-window {
+	display: table;
+	outline: none;
+	margin: 15% auto;
+	overflow: hidden;
+	border: var(--border-window-thin);
+	border-radius: 8px;
+	box-sizing: border-box;
+	box-shadow: var(--shadow-big);
+	background-color: var(--cs-window-default-bg);
+	padding: 0;
+}
+div.modal div.modal-window-active {
+	border: var(--border-intensive-2px) !important;
+}
+
+div.modal div.modal-window div.modal-header {
+	text-align: center;
+	font-weight: bold;
+	padding: 3px 9px 3px 9px;
+	border-bottom: var(--border-default-thin);
+}
+
+div.modal div.modal-window div.modal-content {
+	max-width: 500px;
+	max-height: 500px;
+	padding: 16px 9px 16px 9px;
+}
+
+div.modal div.modal-window div.modal-buttons {
+	border-top: var(--border-control-thin);
+	margin: 0;
+	padding: 0;
+	font-size: 0;
+}
+
+div.modal div.modal-window div.modal-buttons button {
+	box-shadow: none;
+	border: none;
+	border-radius: 0;
+	height: 40px;
+}
+@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
+	/* iPad vertical */
+	div.modal-buttons button {
+		height: 50px !important;
+	}
+}
diff --git a/web/share/css/modals.css b/web/share/css/modals.css
deleted file mode 100644
index 98ea7c0b..00000000
--- a/web/share/css/modals.css
+++ /dev/null
@@ -1,82 +0,0 @@
-/*****************************************************************************
-#                                                                            #
-#    KVMD - The main Pi-KVM daemon.                                          #
-#                                                                            #
-#    Copyright (C) 2018  Maxim Devaev <mdevaev@gmail.com>                    #
-#                                                                            #
-#    This program is free software: you can redistribute it and/or modify    #
-#    it under the terms of the GNU General Public License as published by    #
-#    the Free Software Foundation, either version 3 of the License, or       #
-#    (at your option) any later version.                                     #
-#                                                                            #
-#    This program is distributed in the hope that it will be useful,         #
-#    but WITHOUT ANY WARRANTY; without even the implied warranty of          #
-#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the           #
-#    GNU General Public License for more details.                            #
-#                                                                            #
-#    You should have received a copy of the GNU General Public License       #
-#    along with this program.  If not, see <https://www.gnu.org/licenses/>.  #
-#                                                                            #
-*****************************************************************************/
-
-
-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 div.modal-window {
-	display: table;
-	outline: none;
-	margin: 15% auto;
-	overflow: hidden;
-	border: var(--border-window-thin);
-	border-radius: 8px;
-	box-sizing: border-box;
-	box-shadow: var(--shadow-big);
-	background-color: var(--cs-window-default-bg);
-	padding: 0;
-}
-div.modal div.modal-window-active {
-	border: var(--border-intensive-2px) !important;
-}
-
-div.modal div.modal-window div.modal-header {
-	text-align: center;
-	font-weight: bold;
-	padding: 3px 9px 3px 9px;
-	border-bottom: var(--border-default-thin);
-}
-
-div.modal div.modal-window div.modal-content {
-	max-width: 500px;
-	max-height: 500px;
-	padding: 16px 9px 16px 9px;
-}
-
-div.modal div.modal-window div.modal-buttons {
-	border-top: var(--border-control-thin);
-	margin: 0;
-	padding: 0;
-	font-size: 0;
-}
-
-div.modal div.modal-window div.modal-buttons button {
-	box-shadow: none;
-	border: none;
-	border-radius: 0;
-	height: 40px;
-}
-@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
-	/* iPad vertical */
-	div.modal-buttons button {
-		height: 50px !important;
-	}
-}
diff --git a/web/share/css/slider.css b/web/share/css/slider.css
new file mode 100644
index 00000000..c62b6fda
--- /dev/null
+++ b/web/share/css/slider.css
@@ -0,0 +1,100 @@
+/*****************************************************************************
+#                                                                            #
+#    KVMD - The main Pi-KVM daemon.                                          #
+#                                                                            #
+#    Copyright (C) 2018  Maxim Devaev <mdevaev@gmail.com>                    #
+#                                                                            #
+#    This program is free software: you can redistribute it and/or modify    #
+#    it under the terms of the GNU General Public License as published by    #
+#    the Free Software Foundation, either version 3 of the License, or       #
+#    (at your option) any later version.                                     #
+#                                                                            #
+#    This program is distributed in the hope that it will be useful,         #
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of          #
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the           #
+#    GNU General Public License for more details.                            #
+#                                                                            #
+#    You should have received a copy of the GNU General Public License       #
+#    along with this program.  If not, see <https://www.gnu.org/licenses/>.  #
+#                                                                            #
+*****************************************************************************/
+
+
+@supports (-webkit-appearance:none) {
+	input[type=range].slider {
+		cursor: pointer;
+		outline: none;
+		width: 100%;
+		box-shadow: none;
+		background: transparent;
+		margin: 8px 0 8px 0;
+		-webkit-appearance: none;
+		-webkit-tap-highlight-color: transparent;
+	}
+}
+@supports not (-webkit-appearance:none) {
+	input[type=range].slider {
+		cursor: pointer;
+		outline: none;
+		width: 100%;
+		box-shadow: none;
+		margin-left: 0;
+		margin-right: 0;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
+	@supports (-webkit-appearance: none) {
+		input[type=range].slider {
+			margin: 20px 0 20px 0 !important;
+		}
+	}
+}
+input[type=range].slider:disabled {
+	cursor: default;
+}
+
+input[type=range].slider::-webkit-slider-runnable-track {
+	height: 5px;
+	background: var(--cs-control-default-bg);
+	border-radius: 3px;
+}
+input[type=range].slider:disabled::-webkit-slider-runnable-track {
+	cursor: default;
+}
+
+input[type=range].slider::-webkit-slider-thumb {
+	border: var(--border-intensive-2px);
+	height: 18px;
+	width: 18px;
+	border-radius: 25px;
+	background: var(--cs-thumb-default-bg);
+	-webkit-appearance: none;
+	margin-top: -7px;
+}
+input[type=range].slider:disabled::-webkit-slider-thumb {
+	cursor: default;
+	border: var(--border-default-2px);
+	background: var(--cs-thumb-disabled-bg);
+}
+
+input[type=range].slider::-moz-range-track {
+	height: 5px;
+	background: var(--cs-control-default-bg);
+	border-radius: 3px;
+}
+input[type=range].slider:disabled::-moz-range-track {
+	cursor: default;
+}
+
+input[type=range].slider::-moz-range-thumb {
+	border: var(--border-intensive-2px);
+	height: 18px;
+	width: 18px;
+	border-radius: 25px;
+	background: var(--cs-thumb-default-bg);
+}
+input[type=range].slider:disabled::-moz-range-thumb {
+	cursor: default;
+	border: var(--border-default-2px);
+	background: var(--cs-thumb-disabled-bg);
+}
diff --git a/web/share/css/sliders.css b/web/share/css/sliders.css
deleted file mode 100644
index c62b6fda..00000000
--- a/web/share/css/sliders.css
+++ /dev/null
@@ -1,100 +0,0 @@
-/*****************************************************************************
-#                                                                            #
-#    KVMD - The main Pi-KVM daemon.                                          #
-#                                                                            #
-#    Copyright (C) 2018  Maxim Devaev <mdevaev@gmail.com>                    #
-#                                                                            #
-#    This program is free software: you can redistribute it and/or modify    #
-#    it under the terms of the GNU General Public License as published by    #
-#    the Free Software Foundation, either version 3 of the License, or       #
-#    (at your option) any later version.                                     #
-#                                                                            #
-#    This program is distributed in the hope that it will be useful,         #
-#    but WITHOUT ANY WARRANTY; without even the implied warranty of          #
-#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the           #
-#    GNU General Public License for more details.                            #
-#                                                                            #
-#    You should have received a copy of the GNU General Public License       #
-#    along with this program.  If not, see <https://www.gnu.org/licenses/>.  #
-#                                                                            #
-*****************************************************************************/
-
-
-@supports (-webkit-appearance:none) {
-	input[type=range].slider {
-		cursor: pointer;
-		outline: none;
-		width: 100%;
-		box-shadow: none;
-		background: transparent;
-		margin: 8px 0 8px 0;
-		-webkit-appearance: none;
-		-webkit-tap-highlight-color: transparent;
-	}
-}
-@supports not (-webkit-appearance:none) {
-	input[type=range].slider {
-		cursor: pointer;
-		outline: none;
-		width: 100%;
-		box-shadow: none;
-		margin-left: 0;
-		margin-right: 0;
-	}
-}
-@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
-	@supports (-webkit-appearance: none) {
-		input[type=range].slider {
-			margin: 20px 0 20px 0 !important;
-		}
-	}
-}
-input[type=range].slider:disabled {
-	cursor: default;
-}
-
-input[type=range].slider::-webkit-slider-runnable-track {
-	height: 5px;
-	background: var(--cs-control-default-bg);
-	border-radius: 3px;
-}
-input[type=range].slider:disabled::-webkit-slider-runnable-track {
-	cursor: default;
-}
-
-input[type=range].slider::-webkit-slider-thumb {
-	border: var(--border-intensive-2px);
-	height: 18px;
-	width: 18px;
-	border-radius: 25px;
-	background: var(--cs-thumb-default-bg);
-	-webkit-appearance: none;
-	margin-top: -7px;
-}
-input[type=range].slider:disabled::-webkit-slider-thumb {
-	cursor: default;
-	border: var(--border-default-2px);
-	background: var(--cs-thumb-disabled-bg);
-}
-
-input[type=range].slider::-moz-range-track {
-	height: 5px;
-	background: var(--cs-control-default-bg);
-	border-radius: 3px;
-}
-input[type=range].slider:disabled::-moz-range-track {
-	cursor: default;
-}
-
-input[type=range].slider::-moz-range-thumb {
-	border: var(--border-intensive-2px);
-	height: 18px;
-	width: 18px;
-	border-radius: 25px;
-	background: var(--cs-thumb-default-bg);
-}
-input[type=range].slider:disabled::-moz-range-thumb {
-	cursor: default;
-	border: var(--border-default-2px);
-	background: var(--cs-thumb-disabled-bg);
-}
diff --git a/web/share/css/switch.css b/web/share/css/switch.css
new file mode 100644
index 00000000..00defe4a
--- /dev/null
+++ b/web/share/css/switch.css
@@ -0,0 +1,103 @@
+/*****************************************************************************
+#                                                                            #
+#    KVMD - The main Pi-KVM daemon.                                          #
+#                                                                            #
+#    Copyright (C) 2018  Maxim Devaev <mdevaev@gmail.com>                    #
+#                                                                            #
+#    This program is free software: you can redistribute it and/or modify    #
+#    it under the terms of the GNU General Public License as published by    #
+#    the Free Software Foundation, either version 3 of the License, or       #
+#    (at your option) any later version.                                     #
+#                                                                            #
+#    This program is distributed in the hope that it will be useful,         #
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of          #
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the           #
+#    GNU General Public License for more details.                            #
+#                                                                            #
+#    You should have received a copy of the GNU General Public License       #
+#    along with this program.  If not, see <https://www.gnu.org/licenses/>.  #
+#                                                                            #
+*****************************************************************************/
+
+
+div.switch-box {
+	display: inline-block;
+	vertical-align: middle;
+	position: relative;
+	width: 50px;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+}
+
+div.switch-box input[type=checkbox].switch-checkbox {
+	display: none;
+}
+
+div.switch-box label.switch-label {
+	display: block;
+	overflow: hidden;
+	cursor: pointer;
+	border: none;
+	border-radius: 15px;
+}
+
+div.switch-box label.switch-label span.switch-inner {
+	display: block;
+	width: 200%;
+	margin-left: -100%;
+}
+
+div.switch-box label.switch-label span.switch-inner:before, span.switch-inner:after {
+	display: block;
+	float: left;
+	width: 50%;
+	height: 20px;
+	padding: 0;
+	line-height: 22px;
+	font-size: 10px;
+	font-family: sans-serif !important;
+	font-weight: bold;
+	box-sizing: border-box;
+}
+
+div.switch-box label.switch-label span.switch-inner:before {
+	content: "ON";
+	padding-left: 5px;
+	background-color: var(--cs-control-default-bg);
+	color: var(--cs-control-default-fg);
+	text-align: left;
+}
+
+div.switch-box label.switch-label span.switch-inner:after {
+	content: "OFF";
+	padding-right: 5px;
+	background-color: var(--cs-control-default-bg);
+	color: var(--cs-control-disabled-fg);
+	text-align: right;
+}
+
+div.switch-box label.switch-label span.switch {
+	display: block;
+	width: 15px;
+	margin: 0px;
+	background: var(--cs-thumb-default-bg);
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	right: 31px;
+	border: var(--border-intensive-2px);
+	border-radius: 15px;
+}
+
+div.switch-box input[type=checkbox].switch-checkbox:checked + label.switch-label span.switch-inner {
+	margin-left: 0;
+}
+
+div.switch-box input[type=checkbox].switch-checkbox:checked + label.switch-label span.switch {
+	right: 0px;
+}
+
+div.switch-box input[type=checkbox].switch-checkbox:disabled + label.switch-label span.switch {
+	background: var(--cs-thumb-disabled-bg);
+	border: var(--border-default-2px);
+}
diff --git a/web/share/css/switches.css b/web/share/css/switches.css
deleted file mode 100644
index 00defe4a..00000000
--- a/web/share/css/switches.css
+++ /dev/null
@@ -1,103 +0,0 @@
-/*****************************************************************************
-#                                                                            #
-#    KVMD - The main Pi-KVM daemon.                                          #
-#                                                                            #
-#    Copyright (C) 2018  Maxim Devaev <mdevaev@gmail.com>                    #
-#                                                                            #
-#    This program is free software: you can redistribute it and/or modify    #
-#    it under the terms of the GNU General Public License as published by    #
-#    the Free Software Foundation, either version 3 of the License, or       #
-#    (at your option) any later version.                                     #
-#                                                                            #
-#    This program is distributed in the hope that it will be useful,         #
-#    but WITHOUT ANY WARRANTY; without even the implied warranty of          #
-#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the           #
-#    GNU General Public License for more details.                            #
-#                                                                            #
-#    You should have received a copy of the GNU General Public License       #
-#    along with this program.  If not, see <https://www.gnu.org/licenses/>.  #
-#                                                                            #
-*****************************************************************************/
-
-
-div.switch-box {
-	display: inline-block;
-	vertical-align: middle;
-	position: relative;
-	width: 50px;
-	-webkit-user-select: none;
-	-moz-user-select: none;
-}
-
-div.switch-box input[type=checkbox].switch-checkbox {
-	display: none;
-}
-
-div.switch-box label.switch-label {
-	display: block;
-	overflow: hidden;
-	cursor: pointer;
-	border: none;
-	border-radius: 15px;
-}
-
-div.switch-box label.switch-label span.switch-inner {
-	display: block;
-	width: 200%;
-	margin-left: -100%;
-}
-
-div.switch-box label.switch-label span.switch-inner:before, span.switch-inner:after {
-	display: block;
-	float: left;
-	width: 50%;
-	height: 20px;
-	padding: 0;
-	line-height: 22px;
-	font-size: 10px;
-	font-family: sans-serif !important;
-	font-weight: bold;
-	box-sizing: border-box;
-}
-
-div.switch-box label.switch-label span.switch-inner:before {
-	content: "ON";
-	padding-left: 5px;
-	background-color: var(--cs-control-default-bg);
-	color: var(--cs-control-default-fg);
-	text-align: left;
-}
-
-div.switch-box label.switch-label span.switch-inner:after {
-	content: "OFF";
-	padding-right: 5px;
-	background-color: var(--cs-control-default-bg);
-	color: var(--cs-control-disabled-fg);
-	text-align: right;
-}
-
-div.switch-box label.switch-label span.switch {
-	display: block;
-	width: 15px;
-	margin: 0px;
-	background: var(--cs-thumb-default-bg);
-	position: absolute;
-	top: 0;
-	bottom: 0;
-	right: 31px;
-	border: var(--border-intensive-2px);
-	border-radius: 15px;
-}
-
-div.switch-box input[type=checkbox].switch-checkbox:checked + label.switch-label span.switch-inner {
-	margin-left: 0;
-}
-
-div.switch-box input[type=checkbox].switch-checkbox:checked + label.switch-label span.switch {
-	right: 0px;
-}
-
-div.switch-box input[type=checkbox].switch-checkbox:disabled + label.switch-label span.switch {
-	background: var(--cs-thumb-disabled-bg);
-	border: var(--border-default-2px);
-}
diff --git a/web/share/css/window.css b/web/share/css/window.css
new file mode 100644
index 00000000..5beb3a69
--- /dev/null
+++ b/web/share/css/window.css
@@ -0,0 +1,97 @@
+/*****************************************************************************
+#                                                                            #
+#    KVMD - The main Pi-KVM daemon.                                          #
+#                                                                            #
+#    Copyright (C) 2018  Maxim Devaev <mdevaev@gmail.com>                    #
+#                                                                            #
+#    This program is free software: you can redistribute it and/or modify    #
+#    it under the terms of the GNU General Public License as published by    #
+#    the Free Software Foundation, either version 3 of the License, or       #
+#    (at your option) any later version.                                     #
+#                                                                            #
+#    This program is distributed in the hope that it will be useful,         #
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of          #
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the           #
+#    GNU General Public License for more details.                            #
+#                                                                            #
+#    You should have received a copy of the GNU General Public License       #
+#    along with this program.  If not, see <https://www.gnu.org/licenses/>.  #
+#                                                                            #
+*****************************************************************************/
+
+
+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 {
+	border: none;
+	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;
+	}
+}
diff --git a/web/share/css/windows.css b/web/share/css/windows.css
deleted file mode 100644
index 5beb3a69..00000000
--- a/web/share/css/windows.css
+++ /dev/null
@@ -1,97 +0,0 @@
-/*****************************************************************************
-#                                                                            #
-#    KVMD - The main Pi-KVM daemon.                                          #
-#                                                                            #
-#    Copyright (C) 2018  Maxim Devaev <mdevaev@gmail.com>                    #
-#                                                                            #
-#    This program is free software: you can redistribute it and/or modify    #
-#    it under the terms of the GNU General Public License as published by    #
-#    the Free Software Foundation, either version 3 of the License, or       #
-#    (at your option) any later version.                                     #
-#                                                                            #
-#    This program is distributed in the hope that it will be useful,         #
-#    but WITHOUT ANY WARRANTY; without even the implied warranty of          #
-#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the           #
-#    GNU General Public License for more details.                            #
-#                                                                            #
-#    You should have received a copy of the GNU General Public License       #
-#    along with this program.  If not, see <https://www.gnu.org/licenses/>.  #
-#                                                                            #
-*****************************************************************************/
-
-
-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 {
-	border: none;
-	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;
-	}
-}
-- 
cgit v1.2.3