]> dev.renevier.net Git - syj.git/blob - public/css/generic.css
add mapquest layer
[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     _position: absolute;
82     bottom: 0px;
83     left: 0px; right: 0px;
84     height: 2em;
85     text-align: center;
86     border-top: 1px solid gray;
87     background-color: white;
88 }
89 #footer-padding {
90     height: 5px;
91 }
92 .footer-link {
93     display: inline;
94     margin: 0px 10px 0px 10px;
95 }
96 .footer-anchor {
97     text-decoration: none;
98 }
99
100 /*
101  * locale switcher
102  */
103 #other-language {
104     float: right;
105     padding: 5px;
106     margin: 10px 10px 20px 20px;
107 }
108 .other-language-anchor:hover {
109     background-color: #E0E0FF;
110 }
111 .other-language-anchor {
112     text-decoration: none;
113     padding-left: 10px;
114     padding-right: 10px;
115     padding-top: 3px;
116     padding-bottom: 3px;
117     border: #1E90FF 1px solid;
118 }
119
120 @media print {
121     #footer, #other-language {
122         display: none;
123     }
124     html, body {
125         font-family: serif;
126     }
127 }