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     background-color: white;
  15 }
  16
  17 .disabled {
  18     color: #A9A9A9;
  19 }
  20 noscript {
  21     text-align: center;
  22     color: red;
  23     font-weight: bold;
  24 }
  25 noscript p {
  26     margin-top: 4em;
  27 }
  28
  29 .success {
  30     color: green;
  31     border-color: green;
  32     font-weight: bold;
  33     background-color: white;
  34 }
  35
  36 .warn {
  37     color: #FF8C00;
  38     border-color: #FF8C00;
  39     font-weight: bold;
  40 }
  41
  42 .error {
  43     border-color: red;
  44     font-weight: bold;
  45     color: red;
  46 }
  47
  48 .info {
  49     border-color: black;
  50     color: black;
  51 }
  52
  53 .center {
  54     text-align: center;
  55 }
  56 label {
  57     font-weight: bold;
  58     white-space: nowrap;
  59     vertical-align: top;
  60 }
  61
  62 input {
  63     /* transitions for highlight effects */
  64     -webkit-transition: background-color 0.3s ease-out;
  65     -moz-transition: background-color 0.3s ease-out;
  66 }
  67
  68 @media screen and (-webkit-min-device-pixel-ratio:0) {
  69     /* work around webkit bug #42985 */
  70     input {
  71         background-color: #FEFEFE;
  72     }
  73 }
  74
  75 /*
  76  * footer
  77  */
  78 #footer {
  79     position: absolute;
  80     bottom: 0px;
  81     left: 0px; right: 0px;
  82     height: 2em;
  83     text-align: center;
  84     border-top: 1px solid gray;
  85     *background-color: white;
  86 }
  87 #footer-padding {
  88     height: 5px;
  89 }
  90 .footer-link {
  91     display: inline;
  92     margin: 0px 10px 0px 10px;
  93 }
  94 .footer-anchor {
  95     text-decoration: none;
  96 }
  97
  98 /*
  99  * locale switcher
 100  */
 101 #other-language {
 102     float: right;
 103     padding: 5px;
 104     margin: 10px 10px 20px 20px;
 105 }
 106 .other-language-anchor:hover {
 107     background-color: #BBBBFF;
 108 }
 109 .other-language-anchor {
 110     text-decoration: none;
 111     padding-left: 10px;
 112     padding-right: 10px;
 113     padding-top: 3px;
 114     padding-bottom: 3px;
 115     border: #1E90FF 1px solid;
 116 }