WebSVN – ALCASAR – Diff – /web/css/style_intercept.css

+/*
+	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 {
+:link, :visited, :hover:link, :hover:visited, H2, #box_url, #box_refuse {
-	FONT-FAMILY: "DejaVu Sans";
 	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;
+}
-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{
 	FONT-SIZE: 100%;
+}
 #logon {
 	POSITION: relative;
 	WIDTH: 620px;
 	TOP: 20px;
+/* ombrage CSS3*/
-	border: 1px #efefef solid;
+	-moz-box-shadow: 0px 0px 12px #000;
+	-webkit-box-shadow: 0px 0px 12px #000;
-	background-color: white;
+	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;
+}
 #boite-info {
+}
 /*Boite de dialogue de deconnection*/
 #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;
+}
 .lien_deco {
 	MARGIN-BOTTOM: 15px;
+}
 .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{
 	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 {
-	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;
+}
 #boite_logo{
 	POSITION: absolute;
 	HEIGHT: 150px;
 	Z-INDEX: 2;
+}
 #acces_controle {
 	TEXT-ALIGN: center;
-	COLOR: white;
 	FONT-SIZE: 50px;
-	FONT-STYLE: bold;
 	PADDING-TOP: 20px;
 	PADDING-BOTTOM: 20px;
 	MARGIN: 0px;
+}
 #logo_acces {
 	POSITION: relative;
 	WIDTH: 640px;
 	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;
 	HEIGHT: 95px;
+}
 /* Boite des liens*/
 #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;
 	TOP: 80px;
 	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;
 	WIDTH: 460px;
+}
 	BOTTOM: 20px;
+}
 #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 {
 	POSITION: relative;
 	MARGIN-LEFT: 75px;
 	MARGIN-RIGHT: 10px;
 	FONT-SIZE: 12px;
-	TOP: -20px;
+	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: 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;
 	WIDTH: 100px;
 	HEIGHT: 100px;

Subversion Repositories ALCASAR

(root)/web/css/style_intercept.css @ 360 – Rev 359 → 360