diff default/static/styles.css @ 14:9a77174abc1e

style: use sat-base-font + added .box class + use media queries for responsive design
author Goffi <goffi@goffi.org>
date Thu, 04 May 2017 00:55:02 +0200
parents e6de0e67c4c1
children 9abef4a23af0
line wrap: on
line diff
--- a/default/static/styles.css	Thu May 04 00:53:59 2017 +0200
+++ b/default/static/styles.css	Thu May 04 00:55:02 2017 +0200
@@ -1,10 +1,5 @@
 html {
-    font-family: sans-serif;
-}
-
-header {
-    font-weight: bold;
-    text-align: center;
+    font-family: "sat-base-font";
 }
 
 body {
@@ -13,7 +8,6 @@
     flex-direction: column;
     box-sizing: border-box;
     margin: 0;
-    padding: 8px;
 }
 
 #body {
@@ -25,3 +19,26 @@
     font-size: 0.7em;
     font-weight: bold;
 }
+
+.box {
+    background-color: #edf2ff;
+    border-radius: 0;
+}
+
+@media (min-width: 500px) {
+    html {
+        background-size: auto;
+    }
+    body {
+        padding: 8px;
+    }
+    .box {
+        border-radius: 1em;
+        box-shadow: 10px 10px 16px -5px rgba(0,0,0,0.5);
+    }
+}
+
+.title {
+    font-weight: bold;
+    text-align: center;
+}