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