Styles

161 views

Published on

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
161
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Styles

  1. 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 dauthentification 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. 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. 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. 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. 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 derreur ----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/.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. 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;
  7. 7. }/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- CSS du menu utilisateur ----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/#liste_menu { float:left; list-style-type: circle; margin: 0; padding:0;}.menu { margin: 0px; border-style : solid; border-width: 1px; width: 200px; height: 25px; text-align: center; background-color :#DCFFFF;}.menu:hover { font-weight: bold;}.menu a { color: black; text-decoration:none}#menu_effectuer_qcm { position: absolute;}#menu_corrige_qcm { position: absolute; top: 25px;}#menu_gerer_qcm { position: absolute; top: 50px;}#menu_resultats { position: absolute;
  8. 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. 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. 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. 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. 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. 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
  14. 14. ----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/#saisie_qcm {}#general_saisie_qcm {}#num_nom_qcm_saisie_qcm { background : white; text-align: center; font-size: 12pt; font-style: bold;}#num_nom_qcm_saisie_qcm p{ font-style: italic;}#question_qcm_saisie { background : white; font-size: 10pt; color: black;}#presentation_question_saisie_qcm { font-weight: bold ; text-decoration : underline;}#intitule_question_saisie_qcm {}#illustration_question_saisie_qcm{}#reponses_question_qcm_saisie { background : white; font-size: 10pt; color: black; padding : 20px;}
  15. 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
  16. 16. ----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/#gestion_qcm {}/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- CSS de la page gestion_qcm utilisateur ----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/#modifier_compte {}#general_modifier_compte {}/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- CSS de la page valider_qcm utilisateur ----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/#valider_qcm {}#general_valider_qcm {}/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- CSS de la page choix_qcm_correction utilisateur ----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/#choix_qcm_correction { height: 300px;}
  17. 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. 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;}
  19. 19. #legende_correction img { padding-left: 270px;}

×