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: fixed;
  80     _position: absolute;
  81     bottom: 0px;
  82     left: 0px; right: 0px;
  83     height: 2em;
  84     text-align: center;
  85     border-top: 1px solid gray;
  86     background-color: white;
  87 }
  88 #footer-padding {
  89     height: 5px;
  90 }
  91 .footer-link {
  92     display: inline;
  93     margin: 0px 10px 0px 10px;
  94 }
  95 .footer-anchor {
  96     text-decoration: none;
  97 }
  98
  99 /*
 100  * locale switcher
 101  */
 102 #other-language {
 103     float: right;
 104     padding: 5px;
 105     margin: 10px 10px 20px 20px;
 106 }
 107 .other-language-anchor:hover {
 108     background-color: #E0E0FF;
 109 }
 110 .other-language-anchor {
 111     text-decoration: none;
 112     padding-left: 10px;
 113     padding-right: 10px;
 114     padding-top: 3px;
 115     padding-bottom: 3px;
 116     border: #1E90FF 1px solid;
 117 }
 118
 119 @media print {
 120     #footer, #other-language {
 121         display: none;
 122     }
 123 }