New file |
0,0 → 1,226 |
/*Le corps du site*/ |
body { |
background-color: #EEFFEE; |
color: #000000; |
font-family: verdana, arial, helvetica, sans-serif; |
font-size: 0.8em; |
} |
|
a { |
color: #781007; |
text-decoration: none; |
font-weight: bold; |
} |
|
/*Quand on passe sur un lien*/ |
a:hover{ |
background-color: #eff4fa; |
color: #036; |
} |
|
/*Bouton submit des formulaires*/ |
form input[type=submit] { |
text-align: center; |
background-color: #fff; |
border-color: #74C054; |
border-width: 3px; |
border-style: outset; |
margin: 2px; |
padding: 3px; |
} |
|
.zone_titre{ |
margin-bottom: 0em; |
position: absolute; |
top: 0px; |
left: 1%; |
width: 98%; |
text-align: center; |
font-family: verdana, arial, helvetica, sans-serif; |
font-size: 1.6em; |
color: #BB0000; |
background-color: #FFFFFF; |
border-color: #74C054; |
border-width: 3px; |
border-style: dotted; |
z-index: 2; |
} |
|
.zone_login{ |
margin-bottom: 0em; |
position: fixed; |
top: 50px; |
left: 1%; |
width: 98%; |
text-align: center; |
font-family: verdana, arial, helvetica, sans-serif; |
font-size: 1em; |
color: black; |
background-color: #FFFFFF; |
border-color: #74C054; |
border-width: 3px; |
border-style: dotted; |
z-index: 2; |
} |
|
.zone_menu{ |
margin-bottom: 1em; |
position: absolute; |
top: 50px; |
left: 10px; |
width: 14%; |
z-index: 2; |
} |
|
html>body .zone_titre { |
position: fixed; |
} |
|
html>body .zone_menu { |
position: fixed; |
} |
|
.zone_contenu { |
margin-bottom: 0em; |
background-color: #99CC99; |
width: 80%; |
margin-top: 50px; |
margin-left: 15%; |
z-index: 1; |
} |
|
.zone_menu ul{ |
padding: 0; |
margin: 0; |
} |
|
.zone_menu li{ |
list-style: none; |
margin: 0; |
} |
|
.zone_menu a{ |
display: block; |
text-decoration: none; |
font-weight: normal; |
color: #781007; |
background-color: #fff; |
border-color: #74C054; |
border-width: 3px; |
border-style: outset; |
margin-top: 2px; |
margin-bottom: 2px; |
margin-right: 1px; |
margin-left: 2px; |
padding-top: 3px; |
padding-bottom: 3px; |
padding-right: 10px; |
padding-left: 2px; |
|
} |
|
.zone_menu a:hover{ |
background-color: #eff4fa; |
color: #036; |
} |
|
.zone_pieds_page { |
text-align: center; |
border-color: black; |
background-color: #EEFFEE; |
margin-bottom: 0em; |
bottom: 5px; |
margin-left: 15%; |
width: 80%; |
z-index: 1; |
clear: both; |
} |
|
/*CLASS permettant d'encadrer : niveau 2 */ |
.cadre_2 { |
background-color: #99CC99; |
border-color: #74C054; |
border-width: 2px; |
border-style: dotted; |
} |
|
/*CLASS permettant d'encadrer : niveau 3 */ |
.cadre_3 { |
background-color: #B8F6B8; |
border-color: #74C054; |
border-width: 2px; |
border-style: dotted; |
margin-right: 150px; |
} |
|
/*CLASS pour la balise h2 contenant par exemple le titre 'nom de l'utilissateur' de la fiche donnant les infos sur un utilisateur*/ |
.titre_2 { |
font-size: 1.6em; |
text-align: center; |
padding: 1px; |
margin-top: 0px; |
margin-bottom: 0px; |
} |
|
/*CLASS pour la balise h3 contenant par exemple le titre 'notes' de la fiche donnant les infos sur un utilisateur*/ |
.titre_3 { |
font-size: 1em; |
text-align: left; |
padding: 1px; |
margin-top: 1px; |
margin-bottom: 1px; |
} |
|
/*CLASS pour les liens devant servir de bouton*/ |
.lien_bouton { |
color: black; |
font-weight: normal; |
text-align: center; |
background-color: #FFFFFF; |
border-color: #74C054; |
border-width: 3px; |
border-style: outset; |
margin: 2px; |
padding: 3px; |
} |
|
/*ID pour la div contenant le calendrier du menu travail*/ |
#calendrier_travail { |
background-color: #FFFFFF; |
border-color: #74C054; |
border-width: 2px; |
border-style: dotted; |
width: 40%; |
float: left; |
} |
|
/*ID pour la div contenant le calendrier*/ |
#calendrier { |
text-align: center; |
font-family: verdana, arial, helvetica, sans-serif; |
font-size: 1.1em; |
color: #BB0000; |
} |
|
/*ID pour la div contenant la navigation dans le calendrier du menu travail*/ |
#navigation_calendrier_travail { |
text-align: center; |
} |
|
/*ID pour la div contenant les actions sur la liste des projets du menu travail*/ |
#liste_projets_travail { |
float: right; |
} |
|
#non_remplie { |
color: #BB0000; |
} |
|
/*ID pour la div contenant le jour courant dans le calendrier*/ |
#jourcourant { |
color: #BB0000; |
background-color: #FFFFFF; |
border-color: #74C054; |
border-width: 4px; |
border-style: outset; |
} |