Subversion Repositories ALCASAR

Rev

Details | Last modification | View Log

Rev Author Line No. Line
1992 richard 1 
 
360 richard 2 
/*
1992 richard 3 
	CSS for ALCASAR interception page
509 richard 4 
	Auteur : Stéphane ERARD
360 richard 5 
	Licence : GNU GPL
6 
*/
7 
 
8 
 
509 richard 9 
/* règles générales */
354 richard 10 
 
360 richard 11 
/* Couleurs de polices */
12 
:link, :visited, :hover:link, :hover:visited, H2, #box_url, #box_refuse {
509 richard 13 
	color: #000000;
354 richard 14 
}
360 richard 15 
BODY, H, #boite-logon {
509 richard 16 
	color: #666666;
360 richard 17 
}
18 
#acces_controle, .log_out {
509 richard 19 
	color: white;
360 richard 20 
}
354 richard 21 
 
360 richard 22 
/* Style de police */
23 
 
24 
BODY, :link, :visited, :hover:link, :hover:visited  {
509 richard 25 
	font-family: "DejaVu Sans";
360 richard 26 
}
27 
INPUT, #box_url {
509 richard 28 
	font-family: arial;
360 richard 29 
}
2136 richard 30 
#acces_controle, #box_url, #cadre_titre SPAN {
509 richard 31 
	font-weight: bold;
360 richard 32 
}
509 richard 33 
.box_menu :link , .box_menu :visited, .box_menu :hover:link, .box_menu :hover:visited  {
34 
	text-decoration: none;
35 
}
360 richard 36 
/*Couleurs de fond */
37 
 
38 
BODY {
509 richard 39 
	background-color: #666666;
360 richard 40 
}
41 
 
1410 richard 42 
INPUT, #contenu_acces, #contenu_error, #logon, #auth_reussi {
509 richard 43 
	background-color: #ffffff;
360 richard 44 
}
45 
 
1992 richard 46 
/* Règles des balises HTML */
360 richard 47 
 
354 richard 48 
H1, H2, #aide-certif {
509 richard 49 
	text-align: center;
354 richard 50 
	padding: 0px;
51 
	margin: 3px;
52 
}
53 
P, UL, LI{
509 richard 54 
	text-align: justify;
354 richard 55 
}
56 
 
57 
BODY {
1999 richard 58 
	background-image: url(/images/fond.png);
509 richard 59 
	background-repeat: repeat-x;
60 
	text-align: center;
61 
	font-size: 12px;
62 
	margin: 0px;
354 richard 63 
}
64 
H1 {
509 richard 65 
	font-size: 55px;
354 richard 66 
}
67 
H2 {
509 richard 68 
	font-size: 30px;
354 richard 69 
}
70 
H6, #aide-certif{
509 richard 71 
	font-size: 100%;
354 richard 72 
}
73 
UL {
509 richard 74 
	margin: 5px;
75 
	padding-bottom: 5px;
76 
	padding-left: 10px;
77 
	padding-right: 115px;
78 
	padding-top: 5px;
354 richard 79 
}
80 
LI {
509 richard 81 
	list-style-type: square;
82 
	padding-top: 2px;
354 richard 83 
}
84 
TABLE {
509 richard 85 
	font-size: 90%;
354 richard 86 
}
87 
IMG {
509 richard 88 
	height: 150px;
354 richard 89 
}
90 
INPUT {
509 richard 91 
	border: #666666 1px solid;
92 
	padding: 2px;
93 
	font-family: arial;
94 
	height: 22px;
354 richard 95 
}
96 
 
509 richard 97 
/* taille et position des logos */
354 richard 98 
#logo-alcasar {
509 richard 99 
	position: absolute;
100 
	bottom: 25px;
101 
	right: 5px;
102 
	height: 130px;
354 richard 103 
}
104 
#logo-organ {
509 richard 105 
	position: relative;
106 
	top: 0px;
107 
	right: -10px;
108 
	max-width: 150px;
109 
	max-height: 150px;
354 richard 110 
}
111 
 
509 richard 112 
/* placement et proportion de la boite de saisie et de l'aide */
2743 rexy 113 
/* pour desktop */
114 
@media (min-width: 900px)
115 
{
116 
	.mobile-only {
117 
		display: none;
118 
	}
119 
	#logon {
120 
		position: relative;
121 
		width: 620px;
122 
		top: 20px;
123 
	/* ombrage css3*/
124 
		-moz-box-shadow: 0px 0px 12px #000;
125 
		-webkit-box-shadow: 0px 0px 12px #000;
126 
		box-shadow: 0px 0px 12px #000;
127 
	}
128 
	#boite-logon {
129 
		background-image: linear-gradient(#efefef, #d5d5d5);
130 
		padding: 10px;
131 
		width: 420px;
132 
		height: 189px;
133 
	}
134 
	#boite-logon TD {
135 
		padding-top: 10px;
136 
		padding-left: 30px;
137 
	}
138 
	#boite-info {
139 
		border: 0px;
140 
		margin-top: 25px;
141 
		width: 580px;
142 
		padding-top: 10px;
143 
	}
354 richard 144 
}
2743 rexy 145 
/* pour mobile */
146 
@media (max-width: 900px)
147 
{
148 
	.desktop-only {
149 
		display: none;
150 
	}
151 
 
152 
	#logon {
153 
		position: relative;
154 
		width: 100%;
155 
		top: 10px;
156 
	/* ombrage css3*/
157 
		-moz-box-shadow: 0px 0px 12px #000;
158 
		-webkit-box-shadow: 0px 0px 12px #000;
159 
		box-shadow: 0px 0px 12px #000;
160 
	}
161 
	#boite-logon {
162 
		background-image: linear-gradient(#efefef, #d5d5d5);
163 
		padding: 10px;
164 
		width: 90%;
165 
		height: 189px;
166 
	}
167 
	#boite-logon TD {
168 
		padding-top: 10px;
169 
	}
170 
	input[type="text"]
171 
	{
172 
	    font-size:30px;
173 
	}
174 
	input[type="password"]
175 
	{
176 
	    font-size:30px;
177 
	}
178 
	#boite-logon INPUT {
179 
		border: #666666 1px solid;
180 
		padding: 2px;
181 
		font-family: arial;
182 
		height: 30px;
183 
	}
184 
	#authenticate-button {
185 
		font-size: 30px;
186 
	}
187 
	#boite-info {
188 
		border: 0px;
189 
		margin-top: 25px;
190 
		width: 580px;
191 
		padding-top: 10px;
192 
	}
354 richard 193 
}
2743 rexy 194 
/*boite de dialogue de deconnection*/
195 
/* pour desktop */
196 
@media (min-width: 900px)
197 
{
198 
	.mobile-only {
199 
		display: none;
200 
	}
201 
	#contenu_acces {
202 
		position: relative;
203 
		width: 640px;
204 
		height: 400px;
205 
		top: -20px;
206 
		padding-top: 0px;
207 
		margin-left: auto;
208 
		margin-right: auto;
209 
		z-index: 1;
210 
 
211 
	/* ombrage CSS3 */
212 
 
213 
		-moz-box-shadow: 1px 1px 10px #000;
214 
		-webkit-box-shadow: 1px 1px 10px #000;
215 
		box-shadow: 1px 1px 10px #000;
216 
	}
217 
	#cadre_titre{
218 
		position: relative;
219 
		width: 730px;
220 
		height: 98px;
221 
		margin-top: 40px;
222 
		margin-left: auto;
223 
		margin-right: auto;
224 
		z-index: 2;
225 
 
226 
	/* ombrage css3 */
227 
 
228 
		-moz-box-shadow: 1px 4px 10px #000;
229 
		-webkit-box-shadow: 1px 4px 10px #000;
230 
		box-shadow: 1px 4px 10px #000;
231 
	}
232 
	#boite_logo{
233 
		position: absolute;
234 
		top: -30px;
235 
		left: -50px;
236 
		width: 150px;
237 
		height: 150px;
238 
		z-index: 2;
239 
	}
354 richard 240 
}
2743 rexy 241 
/* pour mobile */
242 
@media (max-width: 900px)
243 
{
244 
	.desktop-only {
245 
		display: none;
246 
	}
247 
	#contenu_acces {
248 
		position: relative;
249 
		width: 90%;
250 
		height: 400px;
251 
		top: -20px;
252 
		padding-top: 0px;
253 
		margin-left: auto;
254 
		margin-right: auto;
255 
		z-index: 1;
256 
 
257 
	/* ombrage CSS3 */
258 
 
259 
		-moz-box-shadow: 1px 1px 10px #000;
260 
		-webkit-box-shadow: 1px 1px 10px #000;
261 
		box-shadow: 1px 1px 10px #000;
262 
	}
263 
	#cadre_titre{
264 
		position: relative;
265 
		width: 100%;
266 
		height: 98px;
267 
		margin-top: 40px;
268 
		margin-left: auto;
269 
		margin-right: auto;
270 
		z-index: 2;
271 
 
272 
	/* ombrage css3 */
273 
 
274 
		-moz-box-shadow: 1px 4px 10px #000;
275 
		-webkit-box-shadow: 1px 4px 10px #000;
276 
		box-shadow: 1px 4px 10px #000;
277 
	}
278 
	#boite_logo{
279 
		position: absolute;
280 
		top: -30px;
281 
		left: -10px;
282 
		width: 150px;
283 
		height: 150px;
284 
		z-index: 2;
285 
	}
354 richard 286 
}
287 
 
288 
#auth_reussi {
509 richard 289 
	width: 450px;
290 
	margin-top: 12px;
291 
	padding-top: 5px;
292 
	padding-left: 10px;
293 
	padding-right: 10px;
294 
	padding-bottom: 0px;
354 richard 295 
}
296 
.text_auth {
509 richard 297 
	font-size: 20px;
354 richard 298 
}
299 
.lien_deco {
509 richard 300 
	text-align: center;
301 
	font-size: 18px;
302 
	margin-bottom: 15px;
354 richard 303 
}
304 
.log_out {
509 richard 305 
	font-size: 24px;
306 
	text-align: center;
307 
	margin-top: 30px;
354 richard 308 
}
360 richard 309 
#boite-logon, #auth_reussi, #logon {
509 richard 310 
	border: 1px #efefef solid;
360 richard 311 
 
312 
/* ombrage css3*/
313 
 
314 
	-moz-box-shadow: 0px 0px 6px #000;
315 
	-webkit-box-shadow: 0px 0px 6px #000;
316 
	box-shadow: 0px 0px 6px #000;
317 
}
509 richard 318 
#liens_redir {
319 
	position: relative;
320 
	bottom: -100px;
321 
	left: 90px;
322 
	text-align: center;
323 
}
324 
#liens_redir P A {
325 
	font-size: 12px;
326 
	text-align: center;
327 
	margin: 15px;
328 
}
329 
/* style de la page accès controlé*/
360 richard 330 
 
359 richard 331 
#cadre_titre .titre_controle {
1999 richard 332 
	background-image: url(/images/fond-bandeau.png);
509 richard 333 
	background-repeat: repeat-x;
359 richard 334 
}
335 
#cadre_titre .titre_refus  {
1999 richard 336 
	background-image: url(/images/fond-bandeau-rouge.png);
509 richard 337 
	background-repeat: repeat-x;
359 richard 338 
}
339 
#acces_controle {
509 richard 340 
	text-align: center;
341 
	font-size: 40px;
342 
	padding-top: 25px;
343 
	padding-bottom: 27px;
344 
	margin: 0px;
359 richard 345 
}
346 
#logo_acces {
509 richard 347 
	position: relative;
348 
	top: 0px;
349 
	left: 0px;
359 richard 350 
}
1410 richard 351 
#contenu_error {
352 
	position: relative;
353 
	width: 640px;
354 
	height: auto;
355 
	top: -20px;
356 
	padding-top: 40px;
357 
	padding-bottom: 40px;
358 
	padding-left: 40px;
359 
	padding-right: 40px;
360 
	margin-left: auto;
361 
	margin-right: auto;
362 
	z-index: 1;
363 
 
364 
/* ombrage CSS3 */
365 
 
366 
	-moz-box-shadow: 1px 1px 10px #000;
367 
	-webkit-box-shadow: 1px 1px 10px #000;
368 
	box-shadow: 1px 1px 10px #000;
369 
}
370 
 
359 richard 371 
#logo_acces IMG, #box_refuse IMG {
509 richard 372 
	width: 95px;
373 
	height: 95px;
359 richard 374 
}
375 
 
376 
/* Boite des liens*/
377 
 
378 
#box_url {
509 richard 379 
	position: relative;
380 
	top: 35px;
381 
	text-align: right;
382 
	font-size: 14px;
383 
	margin-right: 20px;
359 richard 384 
}
385 
#cadre_titre SPAN {
509 richard 386 
	position: absolute;
387 
	top: 70px;
388 
	width: 510px;
389 
	left: 110px;
390 
	font-size: 14px;
391 
	color: red;
392 
	text-align: center;
393 
	border: 2px red solid;
394 
	padding: 2px;
395 
	background-color: white;
359 richard 396 
}
363 richard 397 
#contenu_acces SPAN {
509 richard 398 
	position: relative;
399 
	bottom: -150px;
400 
	font-family: "courier new";
363 richard 401 
}
1410 richard 402 
#contenu_error SPAN {
403 
	position: relative;
404 
	bottom: -150px;
405 
	font-family: "courier new";
406 
}
359 richard 407 
#box_refuse {
509 richard 408 
	font-size: 16px;
409 
	margin-left: 130px;
410 
	margin-right: 20px;
411 
	margin-top: 40px;
412 
	width: 460px;
359 richard 413 
}
414 
#box_refuse IMG {
509 richard 415 
	position: absolute;
416 
	top: -10px;
417 
	left: -110px;
359 richard 418 
}
2136 richard 419 
#box_refuse {
509 richard 420 
	position: relative;
421 
	top: 55px;
359 richard 422 
}
509 richard 423 
 
424 
.box_menu IMG {
425 
	position: absolute;
426 
	width: 70px;
427 
	height: 70px;
428 
	top: -25px;
359 richard 429 
}
1410 richard 430 
.box_menu, #logon , #contenu_acces, #contenu_error, #acces_controle, #cadre_titre, #box_info{
509 richard 431 
/* Arrondi CSS3 Firefox*/
432 
	-moz-border-radius: 10px;
433 
/* Arrondi CSS3 Autres Nav*/
434 
	border-radius: 10px;
359 richard 435 
}
509 richard 436 
.box_menu {
437 
	position: absolute;
438 
	height: 35px;
439 
	width: 310px;
1999 richard 440 
	background-image: url(/images/fond-bdd.png);
509 richard 441 
	background-repeat: repeat-x;
360 richard 442 
 
443 
/* ombrage CSS3 */
444 
	-moz-box-shadow: 1px 1px 6px #666;
445 
	-webkit-box-shadow: 1px 1px 6px #666;
446 
	box-shadow: 1px 1px 6px #666;
359 richard 447 
}
509 richard 448 
.div-cache {
449 
	visibility: hidden;
450 
	position: absolute;
451 
	top: -1000px;
359 richard 452 
}
509 richard 453 
#box_conn {
454 
	top: 120px;
359 richard 455 
}
509 richard 456 
#box_certif {
457 
	top: 190px;
359 richard 458 
}
509 richard 459 
#box_mdp {
460 
	top: 260px;
359 richard 461 
}
509 richard 462 
#box_acc {
463 
	top: 330px;
359 richard 464 
}
509 richard 465 
#box_certif, #box_acc {
466 
	left: 60px;
467 
	text-align: right;
468 
}
469 
#box_conn, #box_mdp {
470 
	left: 20px;
471 
	text-align: left;
472 
}
473 
#box_conn IMG, #box_mdp IMG {
474 
	left: 5px;
475 
}
476 
#box_certif IMG, #box_acc IMG {
477 
	right: 5px;
478 
}
479 
#box_conn SPAN, #box_certif SPAN, #box_mdp SPAN, #box_acc SPAN {
480 
	position: relative;
481 
	font-size: 12px;
482 
	font-weight: bold;
483 
	top: 10px;
484 
}
485 
#box_conn SPAN, #box_mdp SPAN {
486 
	margin-left: 80px;
487 
}
488 
#box_certif SPAN, #box_acc SPAN {
489 
	margin-right: 80px;
490 
}
491 
 
492 
/*Animation visuel des cadres liens (Gecko et ie9)*/
493 
#box_conn:hover, #box_certif:hover, #box_mdp:hover, #box_acc:hover  {
494 
/*	cursor: pointer;*/
1999 richard 495 
	background-image: url(/images/fond-bdd_rouge.png);
509 richard 496 
	background-repeat: repeat-x;
497 
 
498 
/* ombrage CSS3 */
499 
	-moz-box-shadow: 0px 0px 0px #fff;
500 
	-webkit-box-shadow: 0px 0px 0px #fff;
501 
	box-shadow: 0px 0px 0px #fff;
502 
}
2612 tom.houday 503 
#box_conn:hover a, #box_certif:hover a, #box_mdp:hover a, #box_acc:hover a, .box_menu a:hover, .box_menu a:visited:hover, #box_info :link:hover, #box_info :visited:hover {
509 richard 504 
	color: red;
2612 tom.houday 505 
}
509 richard 506 
 
2612 tom.houday 507 
/* overwrite default rules for disabled menu boxes */
508 
.box_menu.box-menu-disabled {
509 
	opacity: .2;
509 richard 510 
}
2612 tom.houday 511 
.box_menu.box-menu-disabled:hover a {
512 
	color: #000000 !important;
513 
	cursor: not-allowed !important;
514 
}
515 
.box_menu.box-menu-disabled:hover {
516 
	cursor: not-allowed !important;
517 
	background-image: url(/images/fond-bdd.png) !important;
518 
	background-repeat: repeat-x !important;
509 richard 519 
 
2612 tom.houday 520 
/* ombrage CSS3 */
521 
	-moz-box-shadow: 1px 1px 6px #666 !important;
522 
	-webkit-box-shadow: 1px 1px 6px #666 !important;
523 
	box-shadow: 1px 1px 6px #666 !important;
524 
}
525 
 
509 richard 526 
/*Mise en page de la bulle d'info (coté droit)*/
527 
#box_info H2 {
528 
	font-size: 14px;
529 
	margin: 10px auto;
530 
}
531 
#box_info P {
532 
	font-size: 11px;
533 
	margin: 10px;
534 
}
535 
#box_info IMG {
536 
	position: absolute;
537 
	bottom: -60px;
538 
	right: 10px;
539 
	height: 120px;
540 
}
541 
#box_info {
542 
	position: absolute;
543 
	top: 118px;
544 
	right: 20px;
545 
	width: 230px;
546 
	height: 250px;
547 
	background-color: #efefef;
548 
 
549 
/* ombrage CSS3 */
550 
	-moz-box-shadow: 1px 1px 6px #666;
551 
	-webkit-box-shadow: 1px 1px 6px #666;
552 
	box-shadow: 1px 1px 6px #666;
553 
}
554 
#box_info :link, #box_info :visited  {
555 
	text-decoration: none;
556 
}
566 stephane 557 
#box_info UL{
558 
	text-align: left;
559 
	padding : 0 0 0 15px;
560 
	margin : 10px;
561 
}
562 
#box_info LI{
563 
	text-align: left;
564 
	font-size: 10px;
565 
	list-style-type : disc;
566 
	padding : 0 0 0 0;
913 richard 567 
}
568 
#authorized_domain{
569 
	height: 40px;
570 
	width: 450px;
571 
	text-align: left;
572 
	display: block;
573 
/*	border: 1px solid red;*/
574 
	margin-right: 50px;
575 
}
576 
#authorized_domain LI{
577 
	text-align: center;
578 
	list-style-type : none;
579 
	margin-right : 10px;
580 
	display: block;
581 
	float: left;
1410 richard 582 
}
1452 richard 583 
 
584 
#corner {
585 
	position: fixed;
586 
	bottom: 0;
587 
	right: 0;
588 
 
589 
}
590 
 
591 
#adm {
592 
	display: block;
593 
	width: 100px;
594 
	height: 100px;
595 
}
596 
.corn IMG:hover {
597 
	position: absolute;
598 
	width: 100px;
599 
	height: 100px;
600 
	top: 0px;
601 
	left: 0px;
602 
}
603 
 
604 
.corn IMG {
605 
	position: absolute;
606 
	width: 50px;
607 
	height: 50px;
608 
	top: 75px;
609 
	left: 75px;
2614 tom.houday 610 
	transition: .2s;
1989 raphael.pi 611 
}