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 |
*/ |