Further improvements including small-screen-stuff

[frida/web.git] / html / css / main.css

diff --git a/html/css/main.css b/html/css/main.css
index e6a619a498d5fd21b66066fcb9523b036ddfcc6c..929c1fb7f9d248dd4a605d8fb35e6bbf680f846d 100644 (file)
--- a/html/css/main.css
+++ b/html/css/main.css
@@ -17,6 +17,9 @@
        margin: 0;
        padding: 0;
        font-family: SourceSerifPro;
+       text-rendering: optimizeLegibility;
+       font-variant-ligatures: common-ligatures;
+       font-kerning: normal;
        line-height: 1.3;
 }
 
@@ -35,6 +38,18 @@ body {
        border: 2px solid #0011CA;
 }
 
+@media (max-width: 45em) {
+    #frame {
+        border: none;
+        width: 100%;
+        margin: 0px;
+    }
+
+       body {
+               background-color: #fff;
+       }
+}
+
 #header {
        background-color: #A2A5CA;
        border-bottom: 2px solid #0011CA;
@@ -49,13 +64,14 @@ body {
 
 #nav {
        margin-left: -2px;
+       background-color: #d0d2e4;
 }
 
 #nav li {
        display: inline-block;
        border: 2px solid #0011CA;
        background-color: #A2A5CA;
-       margin-right: 0.5em;
+       margin-right: 1.3em;
        margin-top: -2px;
 }