]> dev.renevier.net Git - syj.git/blob - public/css/generic.css
drop ie6 support
[syj.git] / 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 }