Styles
- 1. body {
font-family: Verdana, sans-serif;
background: #EEEEEE;
background-image:url(image.jpg);
background-repeat:no-repeat;
background-position:center;
background-attachment:fixed;
color:#6288f3;
}
#title {
margin-left: auto;
margin-right: auto;
width : 200px;
text-align: center;
font-size: 12pt;
font-style: bold;
}
/* ----------------------------------------------------------------------
-------------------------------------------------------------------------
-----------------------
CSS de la page d'authentification index.php
-------------------------------------------------------------------
-------------------------------------------------------------------------
--------------------------*/
#authentification {
position:relative;
margin-left: auto;
margin-right: auto;
margin-top: auto;
width : 600px;
height: 170px;
background-color :#DCFFFF;
border-style : solid;
}
.authentification_erreur {
position:relative;
margin-left: auto;
margin-right: auto;
margin-top: auto;
width : 300px;
height: 40px;
padding: 10px;
background-color :red;
color: white;
font-weight: bold;
text-align : center;
vertical-align: middle;
- 2. border-style : double;
}
#authentification_form_connexion {
margin : 10px;
}
#authentification_texte_nom_connexion {
position: absolute;
top: 20px;
left: 20px;
height : 20 px;
width: 130 px;
}
#authentification_texte_mdp_connexion {
position: absolute;
top: 60px;
left: 20px;
height : 20 px;
width: 130 px;
}
#authentification_input_nom_connexion {
position:absolute;
top: 20px;
left: 200px;
height: 20px;
width: 300px;
}
#authentification_input_mdp_connexion {
position: absolute;
top: 60px;
left: 200px;
height: 20px;
width: 300px;
}
#authentification_submit {
position: absolute;
width :200px;
- 3. height : 50px;
top: 100px;
left: 200px;
}
.authentification_bienvenue {
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: auto;
width : 600px;
height: 150px;
background-color :#DCFFFF;
border-style : solid;
text-align: center;
vertical-align: middle;
}
/* ----------------------------------------------------------------------
-------------------------------------------------------------------------
-----------------------
CSS de la page de changement de mot de passe changement_password.php
-------------------------------------------------------------------
-------------------------------------------------------------------------
--------------------------*/
#changement_password {
position:relative;
margin-left: auto;
margin-right: auto;
margin-top: auto;
width : 600px;
height: 170px;
background-color :#DCFFFF;
border-style : solid;
}
.changement_password_erreur {
position:relative;
margin-left: auto;
margin-right: auto;
margin-top: auto;
width : 300px;
height: 40px;
padding: 10px;
background-color :red;
color: white;
- 4. font-weight: bold;
text-align : center;
vertical-align: middle;
border-style : double;
}
#changement_password_form {
margin : 10px;
}
#changement_password_texte_nouveau {
position: absolute;
top: 20px;
left: 20px;
height : 20 px;
width: 130 px;
}
#changement_password_texte_confirmation {
position: absolute;
top: 60px;
left: 20px;
height : 20 px;
width: 130 px;
}
#changement_password_input_nouveau {
position:absolute;
top: 20px;
left: 300px;
height: 20px;
width: 300px;
}
#changement_password_input_confirmation {
position: absolute;
top: 60px;
left: 300px;
height: 20px;
width: 300px;
}
#changement_password_submit {
- 5. position: absolute;
width :200px;
height : 50px;
top: 100px;
left: 200px;
}
.authentification_bienvenue {
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: auto;
width : 600px;
height: 150px;
background-color :#DCFFFF;
border-style : solid;
text-align: center;
vertical-align: middle;
}
/* ----------------------------------------------------------------------
-------------------------------------------------------------------------
-----------------------
CSS du la page d'erreur
-------------------------------------------------------------------
-------------------------------------------------------------------------
--------------------------*/
.erreur {
position:relative;
margin-left: auto;
margin-right: auto;
margin-top: auto;
width : 300px;
height: 50px;
padding: 10px;
background-color :red;
color: white;
font-weight: bold;
text-align : center;
vertical-align: middle;
border-style : double;
}
- 6. /* ----------------------------------------------------------------------
-------------------------------------------------------------------------
-----------------------
CSS du menu fermeture de session
-------------------------------------------------------------------
-------------------------------------------------------------------------
--------------------------*/
.fermeture_session {
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: auto;
width : 600px;
height: 150px;
background-color :#DCFFFF;
border-style : solid;
text-align: center;
vertical-align: middle;
}
/* ----------------------------------------------------------------------
-------------------------------------------------------------------------
-----------------------
CSS de la page Utiisateur
-------------------------------------------------------------------
-------------------------------------------------------------------------
--------------------------*/
#menu_general {
position:absolute;
top : 10px;
left: 5px;
width: 200px;
margin: 0px;
padding:0px;
display:inline;
}
.page_general {
position : absolute;
left : 220px;
top: 10px;
width: 800px;
margin:0;
padding: 10px;
border-style : solid;
border-width: 1px;
- 8. top: 75px;
}
#menu_modifier_compte {
position: absolute;
top: 100px;
}
#menu_fermer_session {
position: absolute;
top: 125px;
}
/* ----------------------------------------------------------------------
-------------------------------------------------------------------------
-----------------------
CSS du menu Administrateur
-------------------------------------------------------------------
-------------------------------------------------------------------------
--------------------------*/
#liste_menu_admin {
width:800px;
float:left;
list-style-type: none;
margin: 0px;
padding:0px;
display:inline;
}
.menu_admin {
margin: 0px;
border-style : solid;
border-width: 1px;
width: 200px;
height: 25px;
text-align: center;
background-color :transparent;
display:inline;
padding:0px;
color:white;
}
.menu_admin li {
float:left;
display:inline;
}
.menu_admin ul {
margin-right:100px;
width: 200px;
border:1px solid;
margin-left:200px;
- 9. background-color:transparent;
display:none;
padding-left:0px;
margin-top:-20px;
color:white;
}
.menu_admin:hover ul{
display:block;
}
.menu_admin:hover li{
border:1px solid;
padding-right:0;
list-style-type: none;
}
li:hover{
background-color: #38b727;
}
.menu_admin a {
color: white;
text-decoration:none;
}
#menu_qcm {
position: absolute;
}
#menu_utilisateur {
position: absolute;
top: 25px;
}
#menu_section {
position: absolute;
top: 50px;
}
#menu_resultat {
position: absolute;
top: 75px;
}
#menu_administrateur {
position: absolute;
top: 100px;
}
#menu_session {
position: absolute;
- 10. top: 125px;
}
/* ----------------------------------------------------------------------
-------------------------------------------------------------------------
-----------------------
CSS de la page choix_qcm_saisie utilisateur
-------------------------------------------------------------------
-------------------------------------------------------------------------
--------------------------*/
#choix_qcm_saisie {
height: 300px;
}
#general_choix_qcm_saisie {
}
#erreur_choix_qcm_saisie {
background-color :red;
color: white;
font-weight: bold;
text-align : center;
vertical-align: middle;
}
#form_choix_qcm_saisie {
}
#etape_1_choix_qcm_saisie {
font-style: italic;
}
#liste_qcm_choix_qcm_saisie {
position: relative;
margin-left: auto;
margin-right: auto;
left : 100px;
}
#etape_2_choix_qcm_saisie {
font-style: italic;
}
#valider_choix_qcm_saisie {
position: relative;
margin-left: auto;
margin-right: auto;
left : 100px;
}
- 11. /* ----------------------------------------------------------------------
-------------------------------------------------------------------------
-----------------------
CSS de la page connexion_qcm utilisateur
-------------------------------------------------------------------
-------------------------------------------------------------------------
--------------------------*/
#connexion_qcm {
height: 300px;
}
#general_connexion_qcm {
}
.erreur_connexion_qcm {
height: 100px;
background-color :red;
color: white;
font-weight: bold;
text-align : center;
vertical-align: middle;
}
.erreur_connexion_qcm a {
color: black;
}
#message_connexion_qcm {
font-weight: bold;
text-align : center;
vertical-align: middle;
}
#message_connexion_qcm a {
color: black;
}
/* ----------------------------------------------------------------------
-------------------------------------------------------------------------
-----------------------
CSS de la page authentification utilisateur
-------------------------------------------------------------------
-------------------------------------------------------------------------
--------------------------*/
- 12. #authentification_qcm {
position:absolute;
margin-left: auto;
margin-right: auto;
margin-top: auto;
left: 100px;
width : 600px;
height: 350px;
background-color :#DCFFFF;
border-style : solid;}
#avertissement_authentification {
margin-left: auto;
margin-right: auto;
width : 550px;
text-align: center;
font-size: 12pt;
font-style: bold;
}
.form_authentification {
}
#form_authentification_totale {
}
.nom_form_authentification {
position: absolute;
top: 100px;
height: 20px;
left: 10px;
width: 200px;
}
.input_nom_form_authentification {
position: absolute;
top: 100px;
height: 20px;
left: 230px;
width: 230px;
}
.mdp_form_authentification {
position: absolute;
top: 150px;
height: 20px;
left: 10px;
width: 200px;
}
.input_mdp_form_authentification {
- 13. position: absolute;
top: 150px;
height: 20px;
left: 230px;
width: 230px;
}
.mdp_session_form_authentification {
position: absolute;
top: 200px;
height: 20px;
left: 10px;
width: 200px;
}
.input_mdp_session_form_authentification {
position: absolute;
top: 200px;
height: 20px;
left: 230px;
width: 230px;
}
.connexion_form_authentification {
position: absolute;
top: 270px;
height: 50px;
left: 200px;
width: 200px;
}
.erreur_form_authentification {
height: 100px;
background-color :red;
color: white;
font-weight: bold;
text-align : center;
vertical-align: middle;
}
.ok_form_authentification {
height: 100px;
font-weight: bold;
text-align : center;
vertical-align: middle;
}
/* ----------------------------------------------------------------------
-------------------------------------------------------------------------
-----------------------
CSS de la page saisie_qcm utilisateur
- 15. /* ----------------------------------------------------------------------
-------------------------------------------------------------------------
-----------------------
CSS de la page gérer_qcm utilisateur
-------------------------------------------------------------------
-------------------------------------------------------------------------
--------------------------*/
#gerer_qcm {
}
#general_gerer_qcm {
background: red;
}
#pas_qcm_annuler_gerer_qcm {
}
#qcm_annuler_gerer_qcm {
}
#table_gerer_qcm {
margin : auto;
}
#table_gerer_qcm th{
background : black;
color: white;
}
/* ----------------------------------------------------------------------
-------------------------------------------------------------------------
-----------------------
CSS de la page resultat utilisateur
-------------------------------------------------------------------
-------------------------------------------------------------------------
--------------------------*/
#resultat {
}
/* ----------------------------------------------------------------------
-------------------------------------------------------------------------
-----------------------
CSS de la page gestion_qcm utilisateur
- 17. #general_choix_qcm_correction {
}
#pas_correction_choix_qcm_correction {
background-color :red;
color: white;
font-weight: bold;
text-align : center;
vertical-align: middle;
}
#form_choix_qcm_correction {
}
#etape_1_choix_qcm_correction {
font-style: italic;
}
#liste_qcm_choix_qcm_correction {
position: relative;
margin-left: auto;
margin-right: auto;
left : 100px;
}
#etape_2_choix_qcm_correction {
font-style: italic;
}
#valider_choix_qcm_correction {
position: relative;
margin-left: auto;
margin-right: auto;
left : 100px;
}
/* ----------------------------------------------------------------------
-------------------------------------------------------------------------
-----------------------
CSS de la page correction utilisateur
-------------------------------------------------------------------
-------------------------------------------------------------------------
--------------------------*/
#correction{
}
#general_correction {
}
#num_nom_qcm_correction {
- 18. background : white;
text-align: center;
font-size: 12pt;
font-style: bold;
}
#num_nom_qcm_correction p{
font-style: italic;
}
#question_correction {
background : white;
font-size: 10pt;
color: black;
}
#presentation_question_correction {
font-weight: bold ;
text-decoration : underline;
}
#intitule_question_saisie_qcm {
}
#illustration_question_saisie_qcm{
}
#reponses_question_correction {
background : white;
font-size: 10pt;
color: black;
padding : 20px;
}
#legende_correction {
background : white;
font-size: 10pt;
color: black;
border-style : solid;
padding: 10px;
}
#legende_correction p {
background : white;
text-align: center;
font-size: 10pt;
font-weight: bold;
}