]> dev.renevier.net Git - syj.git/blob - public/css/syj.css
set login controls to the right of the map
[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 }
89
90 .login-anchor {
91     float: right;
92     clear: right;
93     min-width: 150px;
94     margin: 2px 10px 2px 0;
95     background-color: white;
96     text-decoration: none;
97     color: #0000EE;
98     border: #1E90FF 2px solid;
99     padding: 2px 15px 2px 15px;
100     -moz-border-radius: 5px;
101     -webkit-border-radius: 5px;
102     border-radius: 5px;
103     background-color: white;
104     opacity: 0.85;
105     filter:alpha(opacity=85);
106 }
107 .login-anchor:hover {
108     background-color: #BBBBFF;
109 }
110
111 #account-info-bullet {
112     /* in firefox, in image inside an anchor has a border */
113     border: none;
114     vertical-align: middle;
115 }
116
117 #other-language {
118     opacity: 0.85;
119     filter:alpha(opacity=85);
120     background-color: white;
121     padding: 5px 1px 5px 1px;
122 }
123
124 /*
125  * login rules
126  */
127 .modal {
128     background-color: white;
129     text-align: center;
130     width: 50%;
131     margin-left: auto;
132     margin-right: auto;
133     padding: 21px;
134     border: 1px solid gray;
135     opacity: 0.85;
136     filter:alpha(opacity=85);
137 }
138
139 .form-table-elem {
140     display: block;
141     width: 100%;
142 }
143 .modal .message {
144     margin: 0 35px 12px 35px;
145 }
146 #login_area_create {
147     text-align: right;
148 }
149
150 #user_control_anchor {
151     text-align: right;
152 }
153
154 #user_email-desc {
155     margin: 0px 0px 12px 0px;
156     padding: 8px 2px 8px 2px;
157     background-color: #D3D3D3; /* lightgrey */
158 }
159
160 #termsofusearea {
161     height: 50%;
162     /* override opacity defined in .modal rule */
163     opacity: 1;
164     filter:alpha(opacity=100);
165 }