1,10 → 1,48 |
/* |
Feuille de style pour les pages d'interceptions coté utilisateurs d'ALCASAR |
Auteur : Stéphane ERARD |
Licence : GNU GPL |
|
*/ |
|
|
/* règles générales */ |
|
:link, :visited, :hover:link, :hover:visited { |
FONT-FAMILY: "DejaVu Sans"; |
/* 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; |
13,26 → 51,18 |
P, UL, LI{ |
TEXT-ALIGN: justify; |
} |
INPUT { |
BACKGROUND-COLOR: white; |
} |
|
BODY { |
BACKGROUND-IMAGE: url(/images/fond.png); |
BACKGROUND-REPEAT: repeat-x; |
TEXT-ALIGN: center; |
FONT-FAMILY: "DejaVu Sans"; |
COLOR: #666666; |
FONT-SIZE: 12px; |
BACKGROUND-COLOR: #666666; |
MARGIN: 0px; |
} |
H1 { |
COLOR: #666666; |
FONT-SIZE: 55px; |
} |
H2 { |
COLOR: #000000; |
FONT-SIZE: 30px; |
} |
H6, #aide-certif{ |
84,18 → 114,21 |
POSITION: relative; |
WIDTH: 620px; |
TOP: 20px; |
border: 1px #efefef solid; |
background-color: white; |
|
|
/* 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); |
BORDER: #999999 1px solid; |
BACKGROUND-REPEAT: repeat-x; |
PADDING: 10px; |
WIDTH: 420px; |
BACKGROUND-REPEAT: repeat-x; |
HEIGHT: 189px; |
COLOR: black; |
} |
#boite-logon TD { |
PADDING-TOP: 10px; |
110,13 → 143,11 |
|
#auth_reussi { |
WIDTH: 450px; |
BACKGROUND-COLOR: white; |
MARGIN-TOP: 12px; |
PADDING-TOP: 5px; |
PADDING-LEFT: 10px; |
PADDING-RIGHT: 10px; |
PADDING-BOTTOM: 0px; |
BORDER: 1px #efefef solid; |
} |
.text_auth { |
FONT-SIZE: 20px; |
129,9 → 160,18 |
.log_out { |
FONT-SIZE: 24px; |
TEXT-ALIGN: center; |
COLOR: white; |
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{ |
142,14 → 182,18 |
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 { |
BORDER: 2px #666666 solid; |
BACKGROUND-IMAGE: url(/images/fond-bandeau.png); |
BACKGROUND-REPEAT: repeat-x; |
} |
#cadre_titre .titre_refus { |
BORDER: 2px red solid; |
BACKGROUND-IMAGE: url(/images/fond-bandeau-rouge.png); |
BACKGROUND-REPEAT: repeat-x; |
} |
163,9 → 207,7 |
} |
#acces_controle { |
TEXT-ALIGN: center; |
COLOR: white; |
FONT-SIZE: 50px; |
FONT-STYLE: bold; |
PADDING-TOP: 20px; |
PADDING-BOTTOM: 20px; |
MARGIN: 0px; |
181,14 → 223,15 |
HEIGHT: 400px; |
TOP: -20px; |
PADDING-TOP: 0px; |
BACKGROUND-COLOR: white; /* a changer pour #efefef */ |
BORDER-BOTTOM: 2px #666666 solid; |
BORDER-LEFT: 2px #666666 solid; |
BORDER-RIGHT: 2px #666666 solid; |
BORDER-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; |
200,16 → 243,12 |
#box_url { |
POSITION: relative; |
TOP: 35px; |
FONT-FAMILY: arial; |
TEXT-ALIGN: right; |
FONT-SIZE: 14px; |
FONT-WEIGHT: bold; |
COLOR: black; |
MARGIN-RIGHT: 20px; |
} |
#box_bienvenue { |
FONT-SIZE: 18px; |
FONT-WEIGHT: bold; |
} |
#cadre_titre SPAN { |
POSITION: absolute; |
217,13 → 256,11 |
WIDTH: 540px; |
LEFT: 100px; |
FONT-SIZE: 14px; |
FONT-WEIGHT: bold; |
COLOR: red; |
TEXT-ALIGN: center; |
} |
#box_refuse { |
FONT-SIZE: 16px; |
COLOR: black; |
MARGIN-LEFT: 130px; |
MARGIN-RIGHT: 20px; |
MARGIN-TOP: 40px; |
252,7 → 289,7 |
#box_1 P, #box_2 P, #box_3 P { |
MARGIN-LEFT: 80px; |
MARGIN-RIGHT: 25px; |
MARGIN-TOP: 0px; |
MARGIN-TOP: 8px; |
FONT-SIZE: 10px; |
} |
#box_1 SPAN, #box_2 SPAN, #box_3 SPAN { |
260,7 → 297,7 |
MARGIN-LEFT: 75px; |
MARGIN-RIGHT: 10px; |
FONT-SIZE: 12px; |
TOP: -20px; |
TOP: 2px; |
} |
.box_menu_courte, .box_menu_large { |
POSITION: absolute; |
267,13 → 304,18 |
HEIGHT: 80px; |
BACKGROUND-IMAGE: url(/images/fond-bdd.png); |
BACKGROUND-REPEAT: repeat-x; |
VERTICAL-ALIGN: Bbottom; |
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: 170px; |
TOP: 150px; |
} |
.box_menu_courte IMG, .box_menu_large IMG { |
POSITION: absolute; |