diff --git a/static/css/base.css b/static/css/base.css
index 9677e5fd464954bea234b91413ae93738ddc0eb7..fb0f5d690814ab635ffe14fad92028f88a482cdd 100644
--- a/static/css/base.css
+++ b/static/css/base.css
@@ -1,6 +1,8 @@
/* ============== Color placeholder ===================== */
:root {
+ --bar-bg: grey;
+
--error-bg: #FFBBBB;
--error-text: darkred;
@@ -8,6 +10,56 @@
--info-text: #00004D;
}
+body, html {
+ min-width: 375px;
+}
+
+/* =============== Header =================== */
+#header {
+ position: absolute;
+ display: block;
+
+ text-align: center;
+
+ color: white;
+ font-family: monospace;
+ font-size: 1.7em;
+ font-weight: bold;
+
+ background-color: var(--bar-bg);
+
+ left: 0px;
+ top: 0px;
+ width: 100%;
+ min-width: inherit;
+ height: 30px;
+ line-height: 25px;
+
+ padding: 5px;
+}
+
+#header span {
+ vertical-align: middle;
+}
+
+#header #header_left {
+ margin-left: 15%;
+ float: left;
+}
+
+#header #header_center {
+ margin-left: 10px;
+ margin-right: 10px;
+}
+
+#header #header_right {
+ margin-right: 15%;
+ float: right;
+}
+
+.spacer {
+ margin-bottom: 75px;
+}
/* ============== Popup ===================== */
@@ -58,11 +110,12 @@
left: 0px;
bottom: 0px;
width: 100%;
+ min-width: inherit;
margin-top: 20px;
padding: 5px;
- background-color: gray;
+ background-color: var(--bar-bg);
text-align: center;
}
diff --git a/static/css/client.css b/static/css/client.css
index 3b2af5a3de8cedf6bd1022b1e3894f8b0dda0d73..dfca62828ed035e97f15ae9f733ad4f7713882b2 100644
--- a/static/css/client.css
+++ b/static/css/client.css
@@ -1,7 +1,6 @@
body {
text-align: center;
background-color: lightgrey;
- padding-top: 50px;
}
#current_content {
diff --git a/views/layout.html b/views/layout.html
index 81b664da1ae4cf075f53751c3fe7eb3dcc5ff764..dfd94be579240ac1e12e7b3ba96dab084331b306 100644
--- a/views/layout.html
+++ b/views/layout.html
@@ -10,6 +10,9 @@
</head>
<body>
+ <div id="header"><span id="header_left"></span><span id="header_center"></span><span id="header_right"></span></div>
+ <div class="spacer"></div>
+
<!-- Page Content -->
{{include}}
<!-- ======================== -->