Move css rules for vnc_lite to the html

Easier to get an overview if it's all in one file.

2 files changed, 55 insertions, 65 deletions

diff --git a/app/styles/lite.css b/app/styles/lite.css
deleted file mode 100644
index 13e11c7..0000000
--- a/app/styles/lite.css
+++ /dev/null
@@ -1,63 +0,0 @@
-/*
- * noVNC auto CSS
- * Copyright (C) 2012 Joel Martin
- * Copyright (C) 2017 Samuel Mannehed for Cendio AB
- * noVNC is licensed under the MPL 2.0 (see LICENSE.txt)
- * This file is licensed under the 2-Clause BSD license (see LICENSE.txt).
- */
-
-body {
-  margin:0;
-  background-color:#313131;
-  border-bottom-right-radius: 800px 600px;
-  height:100%;
-  display: flex;
-  flex-direction: column;
-}
-
-html {
-  background-color:#494949;
-  height:100%;
-}
-
-#noVNC_status_bar {
-  width: 100%;
-  display:flex;
-  justify-content: space-between;
-}
-
-#noVNC_status {
-  color: #fff;
-  font: bold 12px Helvetica;
-  margin: auto;
-}
-
-.noVNC_status_normal {
-  background: linear-gradient(#b2bdcd 0%,#899cb3 49%,#7e93af 51%,#6e84a3 100%);
-}
-
-.noVNC_status_error {
-  background: linear-gradient(#c83737 0%,#899cb3 49%,#7e93af 51%,#6e84a3 100%);
-}
-
-.noVNC_status_warn {
-  background: linear-gradient(#b4b41e 0%,#899cb3 49%,#7e93af 51%,#6e84a3 100%);
-}
-
-.noNVC_shown {
-  display: inline;
-}
-.noVNC_hidden {
-  display: none;
-}
-
-#noVNC_left_dummy_elem {
-  flex: 1;
-}
-
-#noVNC_buttons {
-  padding: 1px;
-  flex: 1;
-  display: flex;
-  justify-content: flex-end;
-}
diff --git a/vnc_lite.html b/vnc_lite.html
index 3dcd7b9..7f1b906 100644
--- a/vnc_lite.html
+++ b/vnc_lite.html
@@ -22,8 +22,61 @@
                 Remove this if you use the .htaccess -->
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
-    <!-- Stylesheets -->
-    <link rel="stylesheet" href="app/styles/lite.css">
+    <style type="text/css">
+
+        body {
+            margin: 0;
+            background-color: #313131;
+            border-bottom-right-radius: 800px 600px;
+            height: 100%;
+            display: flex;
+            flex-direction: column;
+        }
+        html {
+            background-color: #494949;
+            height: 100%;
+        }
+
+        #noVNC_status_bar {
+            width: 100%;
+            display: flex;
+            justify-content: space-between;
+        }
+        #noVNC_status {
+            color: #ffffff;
+            font: bold 12px Helvetica;
+            margin: auto;
+        }
+
+        .noVNC_status_normal {
+            background: linear-gradient(#b2bdcd 0%,#899cb3 49%,#7e93af 51%,#6e84a3 100%);
+        }
+        .noVNC_status_error {
+            background: linear-gradient(#c83737 0%,#899cb3 49%,#7e93af 51%,#6e84a3 100%);
+        }
+        .noVNC_status_warn {
+            background: linear-gradient(#b4b41e 0%,#899cb3 49%,#7e93af 51%,#6e84a3 100%);
+        }
+
+        .noNVC_shown {
+            display: inline;
+        }
+        .noVNC_hidden {
+            display: none;
+        }
+
+        #noVNC_left_dummy_elem {
+            flex: 1;
+        }
+
+        #noVNC_buttons {
+            padding: 1px;
+            flex: 1;
+            display: flex;
+            justify-content: flex-end;
+        }
+
+    </style>
 
     <!-- promise polyfills promises for IE11 -->
     <script src="vendor/promise.js"></script>