]> dev.renevier.net Git - syj.git/blob - public/css/generic.css
transition when message is shown/hidden
[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     -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 }