X-Git-Url: https://dev.renevier.net/?a=blobdiff_plain;f=public%2Fcss%2Fgeneric.css;h=43c3da8ab77fbda3c14c24bfcad7c34e794ff07f;hb=9ff9fe8e9026595f8304b1dc0f36e5dffba49c8b;hp=466d059c7e52d178ca3c974255b9c1edc0323f40;hpb=190fd621df4920c56a422c03663874cddaa67d64;p=syj.git

diff --git a/public/css/generic.css b/public/css/generic.css
index 466d059..43c3da8 100644
--- a/public/css/generic.css
+++ b/public/css/generic.css
@@ -1,11 +1,27 @@
-/*  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;
+    transition:opacity 0.5s;
+    -webkit-transition:opacity 0.5s;
+    -moz-transition:opacity 0.5s;
+    -o-transition: opacity 0.5s;
 }
 
 .disabled {
@@ -31,20 +47,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 +69,30 @@ 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;
     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 +114,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 +124,12 @@ label {
     padding-bottom: 3px;
     border: #1E90FF 1px solid;
 }
+
+@media print {
+    #footer, #other-language {
+        display: none;
+    }
+    html, body {
+        font-family: serif;
+    }
+}