]> dev.renevier.net Git - syj.git/blob - public/css/syj.css
fixes: controls not visible in ie
[syj.git] / public / css / syj.css
1 /*  This file is part of Syj, Copyright (c) 2010 Arnaud Renevier,
2     and is published under the AGPL license. */
3 body, html {
4     margin: 0; padding: 0;
5     width: 100%;
6     height: 100%;
7 }
8
9 /*
10  * map rules
11  */
12 #map {
13     position: absolute;
14     top: 0; left: 0; right: 0;
15     bottom: 2em;
16     *width: 100%;
17     *height: 100%;
18 }
19
20 .olControlAttribution {
21     bottom: 0.5em;
22     *bottom: 2.5em;
23     _bottom: 3.0em;
24     left: 0.5em;
25 }
26
27 /*
28  * main message rules
29  */
30
31 #message {
32     position: absolute;
33     bottom: 3.5em;
34     width: 40%;
35     margin: 0px 45% 0px 15%;
36     padding: 1.5em 1.5em 1.5em 1.5em;
37     text-align: center;
38     border-width: 2px;
39     border-style: solid;
40     -moz-border-radius: 5px;
41     -webkit-border-radius: 5px;
42     border-radius: 5px;
43 }
44
45 /*
46  * menu rules
47  */
48
49 #menu {
50     border: 1px solid green;
51     text-align: right;
52 }
53
54 #data_controls {
55     position: absolute;
56     right: 0.5em;
57     bottom: 3em;
58     text-align: center;
59     background-color: white;
60     opacity: 0.85;
61     filter:alpha(opacity=85);
62     border: 1px solid gray;
63     margin: auto;
64     -moz-border-radius: 5px;
65     -webkit-border-radius: 5px;
66     border-radius: 5px;
67 }
68 #data_controls_btns {
69     padding: 5px 10px 5px 10px;
70 }
71 #geomform {
72     padding: 25px 45px 20px 45px;
73 }
74 #edit-btn {
75     margin-top: 1em;
76 }
77 #geom_title {
78     margin-top: 0.7em;
79 }
80 #geom_submit {
81     margin-top: 0.7em;
82 }
83
84 #login_controls {
85     padding-top: 8px;
86     padding-left: 3em;
87     clear: right;
88     position: relative; /* otherwise, under #map in ie */
89 }
90
91 .login-anchor {
92     float: right;
93     clear: right;
94     min-width: 150px;
95     margin: 2px 10px 2px 0;
96     background-color: white;
97     text-decoration: none;
98     color: #0000EE;
99     border: #1E90FF 2px solid;
100     padding: 2px 15px 2px 15px;
101     -moz-border-radius: 5px;
102     -webkit-border-radius: 5px;
103     border-radius: 5px;
104     background-color: white;
105     opacity: 0.85;
106     filter:alpha(opacity=85);
107 }
108 .login-anchor:hover {
109     background-color: #BBBBFF;
110 }
111
112 #account-info-bullet {
113     /* in firefox, in image inside an anchor has a border */
114     border: none;
115     vertical-align: middle;
116 }
117
118 #other-language {
119     opacity: 0.85;
120     filter:alpha(opacity=85);
121     background-color: white;
122     padding: 5px 1px 5px 1px;
123     position: relative; /* otherwise, under #map in ie */
124 }
125
126 /*
127  * login rules
128  */
129 .modal {
130     background-color: white;
131     text-align: center;
132     width: 50%;
133     margin-left: auto;
134     margin-right: auto;
135     padding: 21px;
136     border: 1px solid gray;
137     opacity: 0.85;
138     filter:alpha(opacity=85);
139 }
140
141 .form-table-elem {
142     display: block;
143     width: 100%;
144 }
145 .modal .message {
146     margin: 0 35px 12px 35px;
147 }
148 #login_area_create {
149     text-align: right;
150 }
151
152 #user_control_anchor {
153     text-align: right;
154 }
155
156 #user_email-desc {
157     margin: 0px 0px 12px 0px;
158     padding: 8px 2px 8px 2px;
159     background-color: #D3D3D3; /* lightgrey */
160 }
161
162 #termsofusearea {
163     height: 50%;
164     /* override opacity defined in .modal rule */
165     opacity: 1;
166     filter:alpha(opacity=100);
167 }