Use full theme also for error and status pages

2015-07-15 15:38:00 +02:00
parent 90f811e934
commit 8db35eeada
4 changed files with 24 additions and 31 deletions
@@ -11,9 +11,7 @@
    <link href="//fonts.googleapis.com/css?family=Roboto:300" rel="stylesheet" type="text/css">

    <!-- Theme CSS -->
-    <style>
-        <% include ../dist/theme.css %>
-    </style>
+    <link href="theme.css" rel="stylesheet" type="text/css">

 </head>

@@ -24,7 +24,7 @@
    <script src="js/error.js"></script>

    <!-- Theme CSS -->
-    <link href="theme.css" rel="stylesheet">
+    <link href="theme.css" rel="stylesheet" type="text/css">

 </head>

@@ -13,31 +13,8 @@
    <!-- jQuery-->
    <script src="3rdparty/js/jquery.min.js"></script>

-    <style>
-
-        html, body {
-            width: 100%;
-            height: 100%;
-            padding: 0;
-            margin: 0;
-            font-family: Roboto,Helvetica,Arial,sans-serif;
-        }
-
-        .wrapper {
-            display: table;
-            width: 100%;
-            height: 100%;
-        }
-
-        .content {
-            display: table-cell;
-            width: 100%;
-            height: 100%;
-            text-align: center;
-            vertical-align: middle;
-        }
-
-    </style>
+    <!-- Theme CSS -->
+    <link href="theme.css" rel="stylesheet" type="text/css">

    <script>

@@ -60,8 +37,8 @@

 <body>

-<div class="wrapper">
-    <div class="content">
+<div class="status-wrapper">
+    <div class="status-content">
        <img src="/img/logo_inverted_192.png"/>
        <h1 id="title"> Cloudron </h1>
        <p>
@@ -641,3 +641,21 @@ $graphs-success-alt:    lighten(#27CE65, 20%);
        font-weight: bold;
    }
 }
+
+
+// ----------------------------
+// Error and status page classes
+// ----------------------------
+.status-wrapper {
+    display: table;
+    width: 100%;
+    height: 100%;
+}
+
+.status-content {
+    display: table-cell;
+    width: 100%;
+    height: 100%;
+    text-align: center;
+    vertical-align: middle;
+}