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     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     html, body {
 124         font-family: serif;
 125     }
 126 }