add windy widget in page template and minimal css

[chrisu/seepark.git] / web / static / seepark_web.css

diff --git a/web/static/seepark_web.css b/web/static/seepark_web.css
index d48e83871f71be9f8405b15cb4fc507b3a41b96b..d84b469cce34aa1588190ed2fab4f5c398a85814 100644 (file)
--- a/web/static/seepark_web.css
+++ b/web/static/seepark_web.css
@@ -1,3 +1,7 @@
+body {
+    margin: 1em !important;
+}
+
 .region-frozen {
     fill: blue;
 }
@@ -13,3 +17,33 @@
 .region-boiling {
     fill: red;
 }
+
+#openweathermap-widget-15, .c3 {
+    margin: 0 auto;
+    text-align: center;
+    padding-top: 1em;
+}
+
+#openweathermap-widget-15 {
+    width: 300px;
+}
+
+#current, #currentair, #currentwater {
+    margin: 0 auto;
+    text-align: center;
+    padding: 1em;
+    max-width: 20em;
+}
+
+#currentair {
+    background-color: lightblue;
+}
+
+#currentwater {
+    background-color: lightgreen;
+}
+
+#windy {
+    text-align: center;
+    padding-top: 1em;
+}