unify css, increase responsiveness by reducing server communication

[confetti] / templates / frame.html.sh
diff --git a/templates/frame.html.sh b/templates/frame.html.sh

index 4c6cb1dcd2663049672f8d784b97c44e1995c4a4..53c72697c491a5f33407deacce43e0f80d2d6988 100755 (executable)
--- a/templates/frame.html.sh
+++ b/templates/frame.html.sh
@@ -27,45 +27,9 @@ cat <<EOF
    <head>
      <title>$(l10n p_${PAGE})</title>
      <meta name="viewport" content="width=device-width">
+    <link rel="stylesheet" href="?static=common.css">
      <style type="text/css">
      <!--
-* {
-  font-family: sans-serif;
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  z-index: 0;
-}
-body {
-  background: #EEE;
-  margin: 0;
-  padding: 2.5em 0 0 0;
-}
-.NAVIGATION {
-  position: fixed;
-  top: 0;
-  display: inline-block;
-  border-style: none solid solid solid;
-  border-width: 0 1px 1px 1px;
-  border-radius: 0 0 4px 4px;
-  margin: 0 auto auto 3%;
-  padding: .5em 1ex .5em 1ex;
-  background: #FFF;
-  z-index: 1;
-}
-.NAVIGATION a {
-  color: #008;
-  border: solid 1px #BBF;
-  margin: .5em .5ex .25em .5ex;
-  padding: .2em 3ex .2em 3ex;
-  background: #EFF;
-}
-.NAVIGATION a:hover {
-  border-width: 2px 1px 2px 1px;
-  background: #F3FFFF;
-}
-
-/* dynamic page CSS starts here */
  $(debug CSS; [ -x "${CSS}" ] && . "${CSS}")
      -->
      </style>