public/css/generic.css

   1 /*  This file is part of Syj, Copyright (c) 2010 Arnaud Renevier,
   2     and is published under the AGPL license. */
   3
   4 body, html {
   5     background-color: white;
   6     color: black;
   7 }
   8
   9 /*
  10  * generic rules
  11  */
  12 .message {
  13     text-align: center;
  14 }
  15
  16 .disabled {
  17     color: #A9A9A9;
  18 }
  19 noscript {
  20     text-align: center;
  21     color: red;
  22     font-weight: bold;
  23 }
  24 noscript p {
  25     margin-top: 4em;
  26 }
  27
  28 .success {
  29     color: green;
  30     border-color: green;
  31     font-weight: bold;
  32     background-color: white;
  33 }
  34
  35 .warn {
  36     color: #FF8C00;
  37     border-color: #FF8C00;
  38     font-weight: bold;
  39     background-color: white;
  40 }
  41
  42 .error {
  43     border-color: red;
  44     font-weight: bold;
  45     background-color: #FFFF33;
  46     color: red;
  47 }
  48
  49 .info {
  50     border-color: black;
  51     color: black;
  52     background-color: white;
  53 }
  54
  55 .center {
  56     text-align: center;
  57 }
  58 label {
  59     font-weight: bold;
  60     white-space: nowrap;
  61     vertical-align: top;
  62 }
  63
  64 input {
  65     /* transitions for highlight effects */
  66     -webkit-transition: background-color 0.3s ease-out;
  67     -moz-transition: background-color 0.3s ease-out;
  68 }
  69
  70 @media screen and (-webkit-min-device-pixel-ratio:0) {
  71     /* work around webkit bug #42985 */
  72     input {
  73         background-color: #FEFEFE;
  74     }
  75 }
  76
  77 /*
  78  * footer
  79  */
  80 #footer {
  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: #BBBBFF;
 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 }