Subversion Repositories ALCASAR

Rev

Rev 509 | Go to most recent revision | Details | Last modification | View Log

Rev Author Line No. Line
475 stephane 1 
/*
2 
	Feuille de style pour les pages d'interceptions cot? utilisateurs d'ALCASAR
3 
	Auteur : St?phane ERARD
4 
	Licence : GNU GPL
5 
 
6 
*/
7 
 
8 
 
9 
/* r?gles g?n?rales */
10 
 
11 
/* Couleurs de polices */
12 
:link, :visited, :hover:link, :hover:visited, H2, #box_url, #box_refuse {
13 
	COLOR: #000000;
14 
}
15 
BODY, H, #boite-logon {
16 
	COLOR: #666666;
17 
}
18 
#acces_controle, .log_out {
19 
	COLOR: white;
20 
}
21 
 
22 
/* Style de police */
23 
 
24 
BODY, :link, :visited, :hover:link, :hover:visited  {
25 
	FONT-FAMILY: "DejaVu Sans";
26 
}
27 
INPUT, #box_url {
28 
	FONT-FAMILY: Arial;
29 
}
30 
#acces_controle, #box_url, #box_bienvenue, #cadre_titre SPAN {
31 
	FONT-WEIGHT: bold;
32 
}
33 
 
34 
/*Couleurs de fond */
35 
 
36 
BODY {
37 
	BACKGROUND-COLOR: #666666;
38 
}
39 
 
40 
INPUT, #contenu_acces, #logon, #auth_reussi {
41 
	BACKGROUND-COLOR: #ffffff;
42 
}
43 
 
44 
/* R?gles des balises HTML */
45 
 
46 
H1, H2, #aide-certif {
47 
	TEXT-ALIGN: center;
48 
	padding: 0px;
49 
	margin: 3px;
50 
}
51 
P, UL, LI{
52 
	TEXT-ALIGN: justify;
53 
}
54 
 
55 
BODY {
56 
	BACKGROUND-IMAGE: url(/images/fond.png);
57 
	BACKGROUND-REPEAT: repeat-x;
58 
	TEXT-ALIGN: center;
59 
	FONT-SIZE: 12px;
60 
	MARGIN: 0px;
61 
}
62 
H1 {
63 
	FONT-SIZE: 55px;
64 
}
65 
H2 {
66 
	FONT-SIZE: 30px;
67 
}
68 
H6, #aide-certif{
69 
	FONT-SIZE: 100%;
70 
}
71 
UL {
72 
	MARGIN: 5px;
73 
	PADDING-BOTTOM: 5px;
74 
	PADDING-LEFT: 10px;
75 
	PADDING-RIGHT: 115px;
76 
	PADDING-TOP: 5px;
77 
}
78 
LI {
79 
	LIST-STYLE-TYPE: square;
80 
	PADDING-TOP: 2px;
81 
}
82 
TABLE {
83 
	FONT-SIZE: 90%;
84 
}
85 
IMG {
86 
	HEIGHT: 150px;
87 
}
88 
INPUT {
89 
	BORDER: #666666 1px solid;
90 
	PADDING: 2px;
91 
	FONT-FAMILY: Arial;
92 
	HEIGHT: 22px;
93 
}
94 
 
95 
/* Taille et position des logos */
96 
 
97 
#logo-alcasar {
98 
	POSITION: absolute;
99 
	BOTTOM: 25px;
100 
	RIGHT: 5px;
101 
	HEIGHT: 130px;
102 
}
103 
#logo-organ {
104 
	POSITION: relative;
105 
	TOP: 0px;
106 
	RIGHT: -10px;
107 
	MAX-WIDTH: 150px;
108 
	MAX-HEIGHT: 150px;
109 
}
110 
 
111 
/* Placement et proportion de la boite de saisie et de l'aide */
112 
 
113 
#logon {
114 
	POSITION: relative;
115 
	WIDTH: 620px;
116 
	TOP: 20px;
117 
 
118 
 
119 
/* ombrage CSS3*/
120 
 
121 
	-moz-box-shadow: 0px 0px 12px #000;
122 
	-webkit-box-shadow: 0px 0px 12px #000;
123 
	box-shadow: 0px 0px 12px #000;
124 
}
125 
 
126 
#boite-logon {
127 
	BACKGROUND-IMAGE: url(/images/fond-bdd.png);
128 
	BACKGROUND-REPEAT: repeat-x;
129 
	PADDING: 10px;
130 
	WIDTH: 420px;
131 
	HEIGHT: 189px;
132 
}
133 
#boite-logon TD {
134 
	PADDING-TOP: 10px;
135 
}
136 
#boite-info {
137 
	BORDER: 0px;
138 
	MARGIN-TOP: 25px;
139 
	WIDTH: 580px;
140 
	PADDING-TOP: 10px;
141 
}
142 
/*Boite de dialogue de deconnection*/
143 
 
144 
#auth_reussi {
145 
	WIDTH: 450px;
146 
	MARGIN-TOP: 12px;
147 
	PADDING-TOP: 5px;
148 
	PADDING-LEFT: 10px;
149 
	PADDING-RIGHT: 10px;
150 
	PADDING-BOTTOM: 0px;
151 
}
152 
 
153 
.text_auth {
154 
	FONT-SIZE: 20px;
155 
}
156 
.lien_deco {
157 
	TEXT-ALIGN: center;
158 
	FONT-SIZE: 18px;
159 
	MARGIN-BOTTOM: 15px;
160 
}
161 
.log_out {
162 
	FONT-SIZE: 24px;
163 
	TEXT-ALIGN: center;
164 
	MARGIN-TOP: 30px;
165 
}
166 
#boite-logon, #auth_reussi, #logon {
167 
	BORDER: 1px #efefef solid;
168 
 
169 
/* ombrage css3*/
170 
 
171 
	-moz-box-shadow: 0px 0px 6px #000;
172 
	-webkit-box-shadow: 0px 0px 6px #000;
173 
	box-shadow: 0px 0px 6px #000;
174 
}
175 
 
176 
/* style de la page acc?s contr?l?*/
177 
 
178 
#cadre_titre{
179 
	POSITION: relative;
180 
	WIDTH: 730px;
181 
	HEIGHT: 98px;
182 
	MARGIN-TOP: 40px;
183 
	MARGIN-LEFT: auto;
184 
	MARGIN-RIGHT: auto;
185 
	Z-INDEX: 2;
186 
 
187 
/* ombrage css3 */
188 
 
189 
	-moz-box-shadow: 1px 4px 10px #000;
190 
	-webkit-box-shadow: 1px 4px 10px #000;
191 
	box-shadow: 1px 4px 10px #000;
192 
}
193 
#cadre_titre .titre_controle {
194 
	BACKGROUND-IMAGE: url(/images/fond-bandeau.png);
195 
	BACKGROUND-REPEAT: repeat-x;
196 
}
197 
#cadre_titre .titre_refus  {
198 
	BACKGROUND-IMAGE: url(/images/fond-bandeau-rouge.png);
199 
	BACKGROUND-REPEAT: repeat-x;
200 
}
201 
#boite_logo{
202 
	POSITION: absolute;
203 
	TOP: -30px;
204 
	LEFT: -30px;
205 
	WIDTH: 150px;
206 
	HEIGHT: 150px;
207 
	Z-INDEX: 2;
208 
}
209 
#acces_controle {
210 
	TEXT-ALIGN: center;
211 
	FONT-SIZE: 40px;
212 
	PADDING-TOP: 25px;
213 
	PADDING-BOTTOM: 27px;
214 
	MARGIN: 0px;
215 
}
216 
#logo_acces {
217 
	POSITION: relative;
218 
	TOP: 0px;
219 
	LEFT: 0px;
220 
}
221 
#contenu_acces {
222 
	POSITION: relative;
223 
	WIDTH: 640px;
224 
	HEIGHT: 400px;
225 
	TOP: -20px;
226 
	PADDING-TOP: 0px;
227 
	MARGIN-LEFT: auto;
228 
	MARGIN-RIGHT: auto;
229 
	Z-INDEX: 1;
230 
 
231 
/* ombrage CSS3 */
232 
 
233 
	-moz-box-shadow: 1px 1px 10px #000;
234 
	-webkit-box-shadow: 1px 1px 10px #000;
235 
	box-shadow: 1px 1px 10px #000;
236 
}
237 
#logo_acces IMG, #box_refuse IMG {
238 
	WIDTH: 95px;
239 
	HEIGHT: 95px;
240 
}
241 
 
242 
/* Boite des liens*/
243 
 
244 
#box_url {
245 
	POSITION: relative;
246 
	TOP: 35px;
247 
	TEXT-ALIGN: right;
248 
	FONT-SIZE: 14px;
249 
	MARGIN-RIGHT: 20px;
250 
}
251 
#box_bienvenue {
252 
	FONT-SIZE: 18px;
253 
}
254 
#cadre_titre SPAN {
255 
	POSITION: absolute;
256 
	TOP: 70px;
257 
	WIDTH: 510px;
258 
	LEFT: 110px;
259 
	FONT-SIZE: 14px;
260 
	COLOR: red;
261 
	TEXT-ALIGN: center;
262 
	BORDER: 2px red solid;
263 
	PADDING: 2px;
264 
	BACKGROUND-COLOR: white;
265 
}
266 
#contenu_acces SPAN {
267 
	POSITION: relative;
268 
	BOTTOM: -150px;
269 
	FONT-FAMILY: "courier new";
270 
}
271 
#box_refuse {
272 
	FONT-SIZE: 16px;
273 
	MARGIN-LEFT: 130px;
274 
	MARGIN-RIGHT: 20px;
275 
	MARGIN-TOP: 40px;
276 
	WIDTH: 460px;
277 
}
278 
#box_refuse IMG {
279 
	POSITION: absolute;
280 
	TOP: -10px;
281 
	LEFT: -110px;
282 
}
283 
#box_refuse, #box_bienvenue {
284 
	POSITION: relative;
285 
	TOP: 55px;
286 
}
287 
#box_1 {
288 
	LEFT: 40px;
289 
}
290 
#box_2 {
291 
	LEFT: 350px;
292 
}
293 
#box_3 {
294 
	WIDTH: 575px;
295 
	LEFT: 40px;
296 
	BOTTOM: 20px;
297 
}
298 
#box_1 P, #box_2 P, #box_3 P {
299 
	MARGIN-LEFT: 80px;
300 
	MARGIN-RIGHT: 25px;
301 
	MARGIN-TOP: 8px;
302 
	FONT-SIZE: 10px;
303 
}
304 
#box_1 SPAN, #box_2 SPAN, #box_3 SPAN {
305 
	POSITION: relative;
306 
	MARGIN-LEFT: 75px;
307 
	MARGIN-RIGHT: 5px;
308 
	FONT-SIZE: 12px;
309 
	TOP: 2px;
310 
}
311 
.box_menu_courte, .box_menu_large {
312 
	POSITION: absolute;
313 
	HEIGHT: 80px;
314 
	BACKGROUND-IMAGE: url(/images/fond-bdd.png);
315 
	BACKGROUND-REPEAT: repeat-x;
316 
	VERTICAL-ALIGN: bottom;
317 
	TEXT-ALIGN: left;
318 
	BORDER: 2px #efefef solid;
319 
 
320 
/* ombrage CSS3 */
321 
	-moz-box-shadow: 1px 1px 6px #666;
322 
	-webkit-box-shadow: 1px 1px 6px #666;
323 
	box-shadow: 1px 1px 6px #666;
324 
}
325 
.box_menu_courte {
326 
	WIDTH: 265px;
327 
	TOP: 150px;
328 
}
329 
.box_menu_courte IMG, .box_menu_large IMG {
330 
	POSITION: absolute;
331 
	WIDTH: 100px;
332 
	HEIGHT: 100px;
333 
	TOP: -40px;
334 
	LEFT: -30px;
335 
}
336 
.box_menu_courte, .box_menu_large, #logon , #contenu_acces, #acces_controle, #cadre_titre {
337 
/* Arrondi CSS3 Firefox*/
338 
	-moz-border-radius: 10px;
339 
/* Arrondi CSS3 Autres Nav*/
340 
	border-radius: 10px;
341 
}
342 
#liens_redir {
343 
	POSITION: relative;
344 
	BOTTOM: -100px;
345 
	LEFT: 90px;
346 
	TEXT-ALIGN: center;
347 
}
348 
#liens_redir P A {
349 
	FONT-SIZE: 12px;
350 
	TEXT-ALIGN: center;
351 
	MARGIN: 15px;
352 
}
353 
/*
354 
Ajout stephane weber
355 
*/
356 
#errorTable, #statusTable, #waitTable, #disconnectTable {
357 
	BACKGROUND-COLOR: #ffffff;
358 
}
359 
#errorTable, #statusTable, #waitTable, #disconnectTable  {
360 
	WIDTH: 450px;
361 
	/*
362 
	MARGIN-TOP: 12px;
363 
	*/
364 
	MARGIN: 0px;
365 
	PADDING-TOP: 5px;
366 
	PADDING-LEFT: 10px;
367 
	PADDING-RIGHT: 10px;
368 
	PADDING-BOTTOM: 0px;
369 
}
370 
#errorTable, #statusTable, #waitTable, #disconnectTable  {
371 
	BORDER: 1px #efefef solid;
372 
 
373 
/* ombrage css3*/
374 
 
375 
	-moz-box-shadow: 0px 0px 6px #000;
376 
	-webkit-box-shadow: 0px 0px 6px #000;
377 
	box-shadow: 0px 0px 6px #000;
378 
}
379 
.chilliLabel {
380 
	/* A DEFINIR*/
381 
	/*
382 
	text-align: right;
383 
	padding-right: 5px;
384 
	*/
385 
 
386 
}
387 
.chilliValue {
388 
	/* A DEFINIR*/
389 
}
390 
.wait {
391 
	HEIGHT: 16px;
392 
}
393 
/*
394 
Fin Ajout stephane weber
395 
*/