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