Subversion Repositories ALCASAR

Compare Revisions

Ignore whitespace Rev 359 → Rev 360

/web/css/style_intercept.css
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;