Subversion Repositories ALCASAR

Rev

Rev 475 | Rev 734 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log

Rev 475 Rev 509
Line 1... Line 1...
1 
/*
1 
/*
2 
	Feuille de style pour les pages d'interceptions cot? utilisateurs d'ALCASAR
 2 
	Feuille de style pour les pages d'interceptions coté utilisateurs d'ALCASAR
3 
	Auteur : St?phane ERARD
 3 
	Auteur : Stéphane ERARD
4 
	Licence : GNU GPL
 4 
	Licence : GNU GPL
5 
 
 5 
 
6 
*/
 6 
*/
7 
 
 7 
 
8 
 
 8 
 
9 
/* r?gles g?n?rales */
 9 
/* règles générales */
10 
 
 10 
 
11 
/* Couleurs de polices */
 11 
/* Couleurs de polices */
12 
:link, :visited, :hover:link, :hover:visited, H2, #box_url, #box_refuse {
 12 
:link, :visited, :hover:link, :hover:visited  {
13 
	COLOR: #000000;
 13 
	color: #000000;
14 
}
 14 
}
15 
BODY, H, #boite-logon {
 15 
BODY {
16 
	COLOR: #666666;
 16 
	color: #666666;
17 
}
 - 
 
18 
#acces_controle, .log_out {
 - 
 
19 
	COLOR: white;
 - 
 
20 
}
 17 
}
21 
 
 18 
 
22 
/* Style de police */
 19 
/* Style de police */
23 
 
 20 
 
24 
BODY, :link, :visited, :hover:link, :hover:visited  {
 21 
BODY, :link, :visited, :hover:link, :hover:visited  {
25 
	FONT-FAMILY: "DejaVu Sans";
 22 
	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 
}
 23 
}
33 
 
 24 
 
- 
 
 25 
 
34 
/*Couleurs de fond */
 26 
/*Couleurs de fond */
35 
 
 27 
 
36 
BODY {
 28 
BODY {
37 
	BACKGROUND-COLOR: #666666;
 29 
	background-color: #666666;
38 
}
 30 
}
39 
 
 31 
 
40 
INPUT, #contenu_acces, #logon, #auth_reussi {
 - 
 
41 
	BACKGROUND-COLOR: #ffffff;
 - 
 
42 
}
 - 
 
43 
 
 32 
 
44 
/* R?gles des balises HTML */
 33 
/* Règles des balises HTML */
45 
 
 34 
 
46 
H1, H2, #aide-certif {
 - 
 
47 
	TEXT-ALIGN: center;
- 
 
48 
	padding: 0px;
 - 
 
49 
	margin: 3px;
 - 
 
50 
}
 35 
P {
51 
P, UL, LI{
 - 
 
52 
	TEXT-ALIGN: justify;
 36 
	text-align: justify;
53 
}
 37 
}
54 
 
 38 
 
55 
BODY {
 39 
BODY {
56 
	BACKGROUND-IMAGE: url(/images/fond.png);
 40 
	background-image: url(/images/fond.png);
57 
	BACKGROUND-REPEAT: repeat-x;
 41 
	background-repeat: repeat-x;
58 
	TEXT-ALIGN: center;
 42 
	text-align: center;
59 
	FONT-SIZE: 12px;
 43 
	font-size: 12px;
60 
	MARGIN: 0px;
 44 
	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 
}
 45 
}
- 
 
 46 
 
82 
TABLE {
 47 
TABLE {
83 
	FONT-SIZE: 90%;
 48 
	font-size: 90%;
84 
}
 49 
}
85 
IMG {
 50 
IMG {
86 
	HEIGHT: 150px;
 51 
	height: 150px;
87 
}
 52 
}
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 
 
 53 
 
119 
/* ombrage CSS3*/
54 
/*Boite de dialogue de deconnection*/
120 
 
 55 
 
121 
	-moz-box-shadow: 0px 0px 12px #000;
56 
#statusPage, #loggedOutPage {
122 
	-webkit-box-shadow: 0px 0px 12px #000;
 57 
	width: 450px;
123 
	box-shadow: 0px 0px 12px #000;
 58 
	margin: 12px auto;
124 
}
 59 
}
125 
 
 60 
 
126 
#boite-logon {
 61 
#Chilli {
127 
	BACKGROUND-IMAGE: url(/images/fond-bdd.png);
 - 
 
128 
	BACKGROUND-REPEAT: repeat-x;
 - 
 
129 
	PADDING: 10px;
 - 
 
130 
	WIDTH: 420px;
 62 
	width: 450px;
131 
	HEIGHT: 189px;
 - 
 
132 
}
 - 
 
133 
#boite-logon TD {
 - 
 
134 
	PADDING-TOP: 10px;
 63 
	margin: 10px auto 10px auto;
135 
}
 64 
}
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 
 
 65 
 
144 
#auth_reussi {
 66 
#auth_reussi {
145 
	WIDTH: 450px;
 67 
	width: 450px;
146 
	MARGIN-TOP: 12px;
 68 
	margin-top: 12px;
147 
	PADDING-TOP: 5px;
 69 
	padding-top: 5px;
148 
	PADDING-LEFT: 10px;
 70 
	padding-left: 10px;
149 
	PADDING-RIGHT: 10px;
 71 
	padding-right: 10px;
150 
	PADDING-BOTTOM: 0px;
 72 
	padding-bottom: 0px;
151 
}
 73 
}
152 
 
 74 
 
153 
.text_auth {
 75 
.text_auth {
154 
	FONT-SIZE: 20px;
 76 
	font-size: 20px;
155 
}
 77 
}
156 
.lien_deco {
 78 
.lien_deco {
157 
	TEXT-ALIGN: center;
 79 
	text-align: center;
158 
	FONT-SIZE: 18px;
 80 
	font-size: 18px;
159 
	MARGIN-BOTTOM: 15px;
 81 
	margin-bottom: 15px;
160 
}
 82 
}
161 
.log_out {
 83 
.log_out {
162 
	FONT-SIZE: 24px;
 84 
	font-size: 24px;
163 
	TEXT-ALIGN: center;
 85 
	text-align: center;
164 
	MARGIN-TOP: 30px;
 86 
	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 
}
 87 
}
175 
 
 88 
 
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 
/*
 89 
/*
354 
Ajout stephane weber
 90 
Ajout stephane weber
355 
*/
 91 
*/
356 
#errorTable, #statusTable, #waitTable, #disconnectTable {
 92 
#errorTable, #statusTable, #waitTable, #disconnectTable {
357 
	BACKGROUND-COLOR: #ffffff;
 93 
	BACKGROUND-COLOR: #ffffff;
358 
}
 94 
}
359 
#errorTable, #statusTable, #waitTable, #disconnectTable  {
 95 
#errorTable, #statusTable, #waitTable, #disconnectTable  {
360 
	WIDTH: 450px;
 96 
	width: 450px;
361 
	/*
 - 
 
362 
	MARGIN-TOP: 12px;
 - 
 
363 
	*/
 - 
 
364 
	MARGIN: 0px;
 97 
	margin: 0px;
365 
	PADDING-TOP: 5px;
 98 
	padding-top: 5px;
366 
	PADDING-LEFT: 10px;
 99 
	padding-left: 10px;
367 
	PADDING-RIGHT: 10px;
 100 
	padding-right: 10px;
368 
	PADDING-BOTTOM: 0px;
 101 
	padding-bottom: 0px;
369 
}
 102 
}
370 
#errorTable, #statusTable, #waitTable, #disconnectTable  {
 103 
#errorTable, #statusTable, #waitTable, #disconnectTable  {
371 
	BORDER: 1px #efefef solid;
 104 
	border: 1px #efefef solid;
372 
 
 105 
 
373 
/* ombrage css3*/
 106 
/* ombrage css3*/
374 
 
 107 
 
375 
	-moz-box-shadow: 0px 0px 6px #000;
108 
	-moz-box-shadow: 0px 0px 6px #000;
376 
	-webkit-box-shadow: 0px 0px 6px #000;
 109 
	-webkit-box-shadow: 0px 0px 6px #000;
Line 386... Line 119...
386 
}
 119 
}
387 
.chilliValue {
 120 
.chilliValue {
388 
	/* A DEFINIR*/
 121 
	/* A DEFINIR*/
389 
}
 122 
}
390 
.wait {
 123 
.wait {
391 
	HEIGHT: 16px;
 124 
	height: 16px;
392 
}
 125 
}
393 
/*
 126 
/*
394 
Fin Ajout stephane weber
 127 
Fin Ajout stephane weber
395 
*/
 - 
 
396 
 
 128 
*/
- 
 
 129