use html5 <footer> element

[syj.git] / public / css / generic.css

diff --git a/public/css/generic.css b/public/css/generic.css
index dd70f840410aaebec719dfd3a5d43214ddf6fa70..6ac1352d0d8cb01b8e89ab1273bf51616c5313da 100644 (file)
--- a/public/css/generic.css
+++ b/public/css/generic.css
@@ -1,9 +1,10 @@
-/*  This file is part of Syj, Copyright (c) 2010 Arnaud Renevier,
+/*  This file is part of Syj, Copyright (c) 2010-2011 Arnaud Renevier,
     and is published under the AGPL license. */
 
 body, html {
     background-color: white;
     color: black;
+    font-family: Arial, Verdana, sans-serif;
 }
 
 /*
@@ -11,6 +12,7 @@ body, html {
  */
 .message {
     text-align: center;
+    background-color: white;
 }
 
 .disabled {
@@ -36,20 +38,17 @@ noscript p {
     color: #FF8C00;
     border-color: #FF8C00;
     font-weight: bold;
-    background-color: white;
 }
 
 .error {
     border-color: red;
     font-weight: bold;
-    background-color: #FFFF33;
     color: red;
 }
 
 .info {
     border-color: black;
     color: black;
-    background-color: white;
 }
 
 .center {
@@ -77,14 +76,15 @@ input {
 /*
  * footer
  */
-#footer {
-    position: absolute;
+footer {
+    position: fixed;
+    _position: absolute;
     bottom: 0px;
     left: 0px; right: 0px;
     height: 2em;
     text-align: center;
     border-top: 1px solid gray;
-    *background-color: white;
+    background-color: white;
 }
 #footer-padding {
     height: 5px;
@@ -106,7 +106,7 @@ input {
     margin: 10px 10px 20px 20px;
 }
 .other-language-anchor:hover {
-    background-color: #BBBBFF;
+    background-color: #E0E0FF;
 }
 .other-language-anchor {
     text-decoration: none;
@@ -116,3 +116,12 @@ input {
     padding-bottom: 3px;
     border: #1E90FF 1px solid;
 }
+
+@media print {
+    #footer, #other-language {
+        display: none;
+    }
+    html, body {
+        font-family: serif;
+    }
+}