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
*/