fixes css regression in newpwd, contact and account

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

diff --git a/public/css/generic.css b/public/css/generic.css
index 6b166ab9a0043ff9a5c2bf94f6a88a47cf3e3a60..e0dcb81e0a8fc8de2108bfd0c81e84ca2ae17732 100644 (file)
--- a/public/css/generic.css
+++ b/public/css/generic.css
@@ -1,11 +1,28 @@
-/*  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 {
+#message {
     text-align: center;
+    background-color: white;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    border-width: 2px;
+    border-style: solid;
+    padding: 1.5em;
+    transition:opacity 0.5s;
+    -webkit-transition:opacity 0.5s;
+    -moz-transition:opacity 0.5s;
+    -o-transition: opacity 0.5s;
 }
 
 .disabled {
@@ -31,20 +48,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 {
@@ -62,17 +76,24 @@ input {
     -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;
     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;
@@ -94,7 +115,7 @@ input {
     margin: 10px 10px 20px 20px;
 }
 .other-language-anchor:hover {
-    background-color: #BBBBFF;
+    background-color: #E0E0FF;
 }
 .other-language-anchor {
     text-decoration: none;
@@ -104,3 +125,12 @@ input {
     padding-bottom: 3px;
     border: #1E90FF 1px solid;
 }
+
+@media print {
+    #footer, #other-language {
+        display: none;
+    }
+    html, body {
+        font-family: serif;
+    }
+}