use html5 <footer> element

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

diff --git a/public/css/generic.css b/public/css/generic.css
index 466d059c7e52d178ca3c974255b9c1edc0323f40..6ac1352d0d8cb01b8e89ab1273bf51616c5313da 100644 (file)
--- a/public/css/generic.css
+++ b/public/css/generic.css
@@ -1,11 +1,18 @@
-/*  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;
+}
+
 /*
  * generic rules
  */
 .message {
     text-align: center;
+    background-color: white;
 }
 
 .disabled {
@@ -31,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 {
@@ -56,17 +60,31 @@ label {
     vertical-align: top;
 }
 
+input {
+    /* transitions for highlight effects */
+    -webkit-transition: background-color 0.3s ease-out;
+    -moz-transition: background-color 0.3s ease-out;
+}
+
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+    /* work around webkit bug #42985 */
+    input {
+        background-color: #FEFEFE;
+    }
+}
+
 /*
  * 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;
@@ -88,7 +106,7 @@ label {
     margin: 10px 10px 20px 20px;
 }
 .other-language-anchor:hover {
-    background-color: #BBBBFF;
+    background-color: #E0E0FF;
 }
 .other-language-anchor {
     text-decoration: none;
@@ -98,3 +116,12 @@ label {
     padding-bottom: 3px;
     border: #1E90FF 1px solid;
 }
+
+@media print {
+    #footer, #other-language {
+        display: none;
+    }
+    html, body {
+        font-family: serif;
+    }
+}