| 0,0 → 1,395 |
|---|
| /* |
| Feuille de style pour les pages d'interceptions cot? utilisateurs d'ALCASAR |
| Auteur : St?phane ERARD |
| Licence : GNU GPL |
| |
| */ |
| |
| |
| /* r?gles g?n?rales */ |
| |
| /* Couleurs de polices */ |
| :link, :visited, :hover:link, :hover:visited, H2, #box_url, #box_refuse { |
| COLOR: #000000; |
| } |
| BODY, H, #boite-logon { |
| COLOR: #666666; |
| } |
| #acces_controle, .log_out { |
| COLOR: white; |
| } |
| |
| /* Style de police */ |
| |
| BODY, :link, :visited, :hover:link, :hover:visited { |
| FONT-FAMILY: "DejaVu Sans"; |
| } |
| INPUT, #box_url { |
| FONT-FAMILY: Arial; |
| } |
| #acces_controle, #box_url, #box_bienvenue, #cadre_titre SPAN { |
| FONT-WEIGHT: bold; |
| } |
| |
| /*Couleurs de fond */ |
| |
| BODY { |
| BACKGROUND-COLOR: #666666; |
| } |
| |
| INPUT, #contenu_acces, #logon, #auth_reussi { |
| BACKGROUND-COLOR: #ffffff; |
| } |
| |
| /* R?gles des balises HTML */ |
| |
| H1, H2, #aide-certif { |
| TEXT-ALIGN: center; |
| padding: 0px; |
| margin: 3px; |
| } |
| P, UL, LI{ |
| TEXT-ALIGN: justify; |
| } |
| |
| BODY { |
| BACKGROUND-IMAGE: url(/images/fond.png); |
| BACKGROUND-REPEAT: repeat-x; |
| TEXT-ALIGN: center; |
| FONT-SIZE: 12px; |
| MARGIN: 0px; |
| } |
| H1 { |
| FONT-SIZE: 55px; |
| } |
| H2 { |
| FONT-SIZE: 30px; |
| } |
| H6, #aide-certif{ |
| FONT-SIZE: 100%; |
| } |
| UL { |
| MARGIN: 5px; |
| PADDING-BOTTOM: 5px; |
| PADDING-LEFT: 10px; |
| PADDING-RIGHT: 115px; |
| PADDING-TOP: 5px; |
| } |
| LI { |
| LIST-STYLE-TYPE: square; |
| PADDING-TOP: 2px; |
| } |
| TABLE { |
| FONT-SIZE: 90%; |
| } |
| IMG { |
| HEIGHT: 150px; |
| } |
| INPUT { |
| BORDER: #666666 1px solid; |
| PADDING: 2px; |
| FONT-FAMILY: Arial; |
| HEIGHT: 22px; |
| } |
| |
| /* Taille et position des logos */ |
| |
| #logo-alcasar { |
| POSITION: absolute; |
| BOTTOM: 25px; |
| RIGHT: 5px; |
| HEIGHT: 130px; |
| } |
| #logo-organ { |
| POSITION: relative; |
| TOP: 0px; |
| RIGHT: -10px; |
| MAX-WIDTH: 150px; |
| MAX-HEIGHT: 150px; |
| } |
| |
| /* Placement et proportion de la boite de saisie et de l'aide */ |
| |
| #logon { |
| POSITION: relative; |
| WIDTH: 620px; |
| TOP: 20px; |
| |
| |
| /* ombrage CSS3*/ |
| |
| -moz-box-shadow: 0px 0px 12px #000; |
| -webkit-box-shadow: 0px 0px 12px #000; |
| box-shadow: 0px 0px 12px #000; |
| } |
| |
| #boite-logon { |
| BACKGROUND-IMAGE: url(/images/fond-bdd.png); |
| BACKGROUND-REPEAT: repeat-x; |
| PADDING: 10px; |
| WIDTH: 420px; |
| HEIGHT: 189px; |
| } |
| #boite-logon TD { |
| PADDING-TOP: 10px; |
| } |
| #boite-info { |
| BORDER: 0px; |
| MARGIN-TOP: 25px; |
| WIDTH: 580px; |
| PADDING-TOP: 10px; |
| } |
| /*Boite de dialogue de deconnection*/ |
| |
| #auth_reussi { |
| WIDTH: 450px; |
| MARGIN-TOP: 12px; |
| PADDING-TOP: 5px; |
| PADDING-LEFT: 10px; |
| PADDING-RIGHT: 10px; |
| PADDING-BOTTOM: 0px; |
| } |
| |
| .text_auth { |
| FONT-SIZE: 20px; |
| } |
| .lien_deco { |
| TEXT-ALIGN: center; |
| FONT-SIZE: 18px; |
| MARGIN-BOTTOM: 15px; |
| } |
| .log_out { |
| FONT-SIZE: 24px; |
| TEXT-ALIGN: center; |
| MARGIN-TOP: 30px; |
| } |
| #boite-logon, #auth_reussi, #logon { |
| BORDER: 1px #efefef solid; |
| |
| /* ombrage css3*/ |
| |
| -moz-box-shadow: 0px 0px 6px #000; |
| -webkit-box-shadow: 0px 0px 6px #000; |
| box-shadow: 0px 0px 6px #000; |
| } |
| |
| /* style de la page acc?s contr?l?*/ |
| |
| #cadre_titre{ |
| POSITION: relative; |
| WIDTH: 730px; |
| HEIGHT: 98px; |
| MARGIN-TOP: 40px; |
| MARGIN-LEFT: auto; |
| MARGIN-RIGHT: auto; |
| Z-INDEX: 2; |
| |
| /* ombrage css3 */ |
| |
| -moz-box-shadow: 1px 4px 10px #000; |
| -webkit-box-shadow: 1px 4px 10px #000; |
| box-shadow: 1px 4px 10px #000; |
| } |
| #cadre_titre .titre_controle { |
| BACKGROUND-IMAGE: url(/images/fond-bandeau.png); |
| BACKGROUND-REPEAT: repeat-x; |
| } |
| #cadre_titre .titre_refus { |
| BACKGROUND-IMAGE: url(/images/fond-bandeau-rouge.png); |
| BACKGROUND-REPEAT: repeat-x; |
| } |
| #boite_logo{ |
| POSITION: absolute; |
| TOP: -30px; |
| LEFT: -30px; |
| WIDTH: 150px; |
| HEIGHT: 150px; |
| Z-INDEX: 2; |
| } |
| #acces_controle { |
| TEXT-ALIGN: center; |
| FONT-SIZE: 40px; |
| PADDING-TOP: 25px; |
| PADDING-BOTTOM: 27px; |
| MARGIN: 0px; |
| } |
| #logo_acces { |
| POSITION: relative; |
| TOP: 0px; |
| LEFT: 0px; |
| } |
| #contenu_acces { |
| POSITION: relative; |
| WIDTH: 640px; |
| HEIGHT: 400px; |
| TOP: -20px; |
| PADDING-TOP: 0px; |
| MARGIN-LEFT: auto; |
| MARGIN-RIGHT: auto; |
| Z-INDEX: 1; |
| |
| /* ombrage CSS3 */ |
| |
| -moz-box-shadow: 1px 1px 10px #000; |
| -webkit-box-shadow: 1px 1px 10px #000; |
| box-shadow: 1px 1px 10px #000; |
| } |
| #logo_acces IMG, #box_refuse IMG { |
| WIDTH: 95px; |
| HEIGHT: 95px; |
| } |
| |
| /* Boite des liens*/ |
| |
| #box_url { |
| POSITION: relative; |
| TOP: 35px; |
| TEXT-ALIGN: right; |
| FONT-SIZE: 14px; |
| MARGIN-RIGHT: 20px; |
| } |
| #box_bienvenue { |
| FONT-SIZE: 18px; |
| } |
| #cadre_titre SPAN { |
| POSITION: absolute; |
| TOP: 70px; |
| WIDTH: 510px; |
| LEFT: 110px; |
| FONT-SIZE: 14px; |
| COLOR: red; |
| TEXT-ALIGN: center; |
| BORDER: 2px red solid; |
| PADDING: 2px; |
| BACKGROUND-COLOR: white; |
| } |
| #contenu_acces SPAN { |
| POSITION: relative; |
| BOTTOM: -150px; |
| FONT-FAMILY: "courier new"; |
| } |
| #box_refuse { |
| FONT-SIZE: 16px; |
| MARGIN-LEFT: 130px; |
| MARGIN-RIGHT: 20px; |
| MARGIN-TOP: 40px; |
| WIDTH: 460px; |
| } |
| #box_refuse IMG { |
| POSITION: absolute; |
| TOP: -10px; |
| LEFT: -110px; |
| } |
| #box_refuse, #box_bienvenue { |
| POSITION: relative; |
| TOP: 55px; |
| } |
| #box_1 { |
| LEFT: 40px; |
| } |
| #box_2 { |
| LEFT: 350px; |
| } |
| #box_3 { |
| WIDTH: 575px; |
| LEFT: 40px; |
| BOTTOM: 20px; |
| } |
| #box_1 P, #box_2 P, #box_3 P { |
| MARGIN-LEFT: 80px; |
| MARGIN-RIGHT: 25px; |
| MARGIN-TOP: 8px; |
| FONT-SIZE: 10px; |
| } |
| #box_1 SPAN, #box_2 SPAN, #box_3 SPAN { |
| POSITION: relative; |
| MARGIN-LEFT: 75px; |
| MARGIN-RIGHT: 5px; |
| FONT-SIZE: 12px; |
| TOP: 2px; |
| } |
| .box_menu_courte, .box_menu_large { |
| POSITION: absolute; |
| HEIGHT: 80px; |
| BACKGROUND-IMAGE: url(/images/fond-bdd.png); |
| BACKGROUND-REPEAT: repeat-x; |
| VERTICAL-ALIGN: bottom; |
| TEXT-ALIGN: left; |
| BORDER: 2px #efefef solid; |
| |
| /* ombrage CSS3 */ |
| -moz-box-shadow: 1px 1px 6px #666; |
| -webkit-box-shadow: 1px 1px 6px #666; |
| box-shadow: 1px 1px 6px #666; |
| } |
| .box_menu_courte { |
| WIDTH: 265px; |
| TOP: 150px; |
| } |
| .box_menu_courte IMG, .box_menu_large IMG { |
| POSITION: absolute; |
| WIDTH: 100px; |
| HEIGHT: 100px; |
| TOP: -40px; |
| LEFT: -30px; |
| } |
| .box_menu_courte, .box_menu_large, #logon , #contenu_acces, #acces_controle, #cadre_titre { |
| /* Arrondi CSS3 Firefox*/ |
| -moz-border-radius: 10px; |
| /* Arrondi CSS3 Autres Nav*/ |
| border-radius: 10px; |
| } |
| #liens_redir { |
| POSITION: relative; |
| BOTTOM: -100px; |
| LEFT: 90px; |
| TEXT-ALIGN: center; |
| } |
| #liens_redir P A { |
| FONT-SIZE: 12px; |
| TEXT-ALIGN: center; |
| MARGIN: 15px; |
| } |
| /* |
| Ajout stephane weber |
| */ |
| #errorTable, #statusTable, #waitTable, #disconnectTable { |
| BACKGROUND-COLOR: #ffffff; |
| } |
| #errorTable, #statusTable, #waitTable, #disconnectTable { |
| WIDTH: 450px; |
| /* |
| MARGIN-TOP: 12px; |
| */ |
| MARGIN: 0px; |
| PADDING-TOP: 5px; |
| PADDING-LEFT: 10px; |
| PADDING-RIGHT: 10px; |
| PADDING-BOTTOM: 0px; |
| } |
| #errorTable, #statusTable, #waitTable, #disconnectTable { |
| BORDER: 1px #efefef solid; |
| |
| /* ombrage css3*/ |
| |
| -moz-box-shadow: 0px 0px 6px #000; |
| -webkit-box-shadow: 0px 0px 6px #000; |
| box-shadow: 0px 0px 6px #000; |
| } |
| .chilliLabel { |
| /* A DEFINIR*/ |
| /* |
| text-align: right; |
| padding-right: 5px; |
| */ |
| |
| } |
| .chilliValue { |
| /* A DEFINIR*/ |
| } |
| .wait { |
| HEIGHT: 16px; |
| } |
| /* |
| Fin Ajout stephane weber |
| */ |