public/css/generic.css

   1 /*  This file is part of Syj, Copyright (c) 2010-2011 Arnaud Renevier,
   2     and is published under the AGPL license. */
   3
   4 body, html {
   5     background-color: white;
   6     color: black;
   7     font-family: Arial, Verdana, sans-serif;
   8 }
   9
  10 /*
  11  * generic rules
  12  */
  13 .message {
  14     text-align: center;
  15     background-color: white;
  16 }
  17
  18 .disabled {
  19     color: #A9A9A9;
  20 }
  21 noscript {
  22     text-align: center;
  23     color: red;
  24     font-weight: bold;
  25 }
  26 noscript p {
  27     margin-top: 4em;
  28 }
  29
  30 .success {
  31     color: green;
  32     border-color: green;
  33     font-weight: bold;
  34     background-color: white;
  35 }
  36
  37 .warn {
  38     color: #FF8C00;
  39     border-color: #FF8C00;
  40     font-weight: bold;
  41 }
  42
  43 .error {
  44     border-color: red;
  45     font-weight: bold;
  46     color: red;
  47 }
  48
  49 .info {
  50     border-color: black;
  51     color: black;
  52 }
  53
  54 .center {
  55     text-align: center;
  56 }
  57 label {
  58     font-weight: bold;
  59     white-space: nowrap;
  60     vertical-align: top;
  61 }
  62
  63 input {
  64     /* transitions for highlight effects */
  65     -webkit-transition: background-color 0.3s ease-out;
  66     -moz-transition: background-color 0.3s ease-out;
  67 }
  68
  69 @media screen and (-webkit-min-device-pixel-ratio:0) {
  70     /* work around webkit bug #42985 */
  71     input {
  72         background-color: #FEFEFE;
  73     }
  74 }
  75
  76 /*
  77  * footer
  78  */
  79 footer {
  80     position: fixed;
  81     _position: absolute;
  82     bottom: 0px;
  83     left: 0px; right: 0px;
  84     height: 2em;
  85     text-align: center;
  86     border-top: 1px solid gray;
  87     background-color: white;
  88 }
  89 #footer-padding {
  90     height: 5px;
  91 }
  92 .footer-link {
  93     display: inline;
  94     margin: 0px 10px 0px 10px;
  95 }
  96 .footer-anchor {
  97     text-decoration: none;
  98 }
  99
 100 /*
 101  * locale switcher
 102  */
 103 #other-language {
 104     float: right;
 105     padding: 5px;
 106     margin: 10px 10px 20px 20px;
 107 }
 108 .other-language-anchor:hover {
 109     background-color: #E0E0FF;
 110 }
 111 .other-language-anchor {
 112     text-decoration: none;
 113     padding-left: 10px;
 114     padding-right: 10px;
 115     padding-top: 3px;
 116     padding-bottom: 3px;
 117     border: #1E90FF 1px solid;
 118 }
 119
 120 @media print {
 121     #footer, #other-language {
 122         display: none;
 123     }
 124     html, body {
 125         font-family: serif;
 126     }
 127 }