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