Subversion Repositories Applications.annuaire

Compare Revisions

Ignore whitespace Rev 589 → Rev 590

/tags/v1.5-belier/squelettes/css/annuaire.css
New file
0,0 → 1,144
#zone_contenu_corps {
padding: 10px;
}
 
/*--------------------------------------------------------------------------------------------------------------*/
/* Tableau du chronom�trage du programme */
 
#pied_texte #chrono {
text-align: center;
margin:0 auto;}
#chrono table {
display:block;
border:3px solid #6495ed;
border-collapse:collapse;}
#chrono thead, tfoot {
background-color:#D0E3FA;
border:1px solid #6495ed;}
#chrono tbody {
background-color:#FFFFFF;
border:1px solid #6495ed;}
#chrono th {
font-family:monospace;
border:1px dotted #6495ed;
padding:5px;
background-color:#EFF6FF;
width:25%;}
#chrono td {
font-family:sans-serif;
font-size:80%;
border:1px solid #6495ed;
padding:5px;
text-align:center;}
#chrono caption {
font-family:sans-serif;
text-align: center;
width:90%;
margin:auto;}
.debogage{
color:black;
border:3px solid #6495ed;}
.debogage_fichier, .debogage_ligne{
font-size:10px;
color:#A9A9A9;}
/*----------------------------------------------------------------------------------------------------------*/
/* Style de l'application */
.liste td {
text-align:center;
}
 
.liste td, .liste th {
border:1px solid black;
}
 
th {
height: 40px;
}
 
.liste th, .liste th a {
color:black;
margin:0 5px;
}
 
.liste th {
text-align:center;
}
 
.note_bas_page {
font-size:11px;
font-weight:normal;
color:#AAAAAA;
}
 
.erreur_champ {
border: 1px solid red;
}
 
@media all and (max-width: 880px) {
input {
display: block;
}
}
 
@media all and max-device-width: 480px {
input {
display: block;
}
}
 
.nom_prenom {
padding:0;
padding-top: 5px;
height: 25px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 350px;
}
 
.localisation {
width: 180px;
height: 35px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
 
.description {
width: 550px;
height: 50px;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
top: -10px;
}
 
.description:after {
content: "...";
}
 
.profil_informations .gauche {
position: relative;
top: -10px;
}
 
#fiche_utilisateur {
padding: 10px;
}
 
#carte_id {
padding-bottom: 30px;
width: 450px;
padding: 0;
border: none;
}
 
.groupe_champs_fiche {
padding-top : 10px;
}
 
.resume_conteneur {
border: none;
}
/tags/v1.5-belier/squelettes/css/mail_admin.css
New file
0,0 → 1,61
.contenu_message {
font-family: Arial,Helvetica,Verdana,sans-serif;
font-size: 14px;
}
 
.message_suffixe {
font-size: 12px;
}
 
h1 {
font-size:15px;
color:#fd8c13;
margin:10px 0px 0px 0px;
text-transform:uppercase;
}
 
h1 > a {
color:#fd8c13;
}
h3 {
font-size:14px;
color:#454341 !important;
margin:0px;
}
 
h3 > a {
color:#454341;
}
 
h4 {
font-size:11px;
font-weight:normal;
color:#AAAAAA;
margin:2px 2px 2px 0;
}
 
h4 > a {
color:#AAAAAA;
}
 
h1 a, h3 a, h4 a {
color: inherit;
border-bottom: dotted 1px;
}
h3 a {
border-color:#CCCCCC;
}
a {
color:#598000;
text-decoration:none;
border-bottom:1px dotted #95ae5d;
}
a:hover {
color:#FD8C13;
border-bottom:1px dotted #95ae5d;
}
.lire-suite {
padding-left:10px;
background:url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/petit_carre.png) no-repeat 0px 4px;
}
/tags/v1.5-belier/squelettes/css/annuaire_complexe.css
New file
0,0 → 1,533
img.icone {
 
height:16px;
width:16px;
margin: 5px;
border: none;
}
 
img.icone_moyenne_moins {
 
height:20px;
width: 20px;
margin: 5px;
border: none;
}
 
img.icone_moyenne {
 
height:24px;
width: 24px;
margin: 5px;
border: none;
}
 
img.icone_grande {
 
height:50px;
width:50px;
margin: 5px;
border: none;
}
 
td, th {
padding: 2px;
text-align: center;
}
 
.liste td.texte_gauche {
text-align: left;
padding-left: 5px;
}
 
.gestion td {
padding-top : 5px;
padding-bottom : 5px;
padding-right : 15px;
}
 
label {
float: none !important;
}
 
a > .icone {
 
text-align:center;
}
 
.texte_centre {
text-align: center;
}
.texte_centre > img {
display:table-cell;
}
 
.premiere_page {
float:left;
margin:5px
}
 
.derniere_page {
float:right;
margin:5px;
}
 
#pages {
margin-left: auto;
margin-right: auto;
width: 80%;
text-align: center;
}
 
#page_courante a {
color: #FFD700;
}
 
.centre {
margin-top:10%;
margin-left:20%;
min-height:500px;
}
 
.gauche {
float:left;
margin-right: 20px;
}
 
.droite {
float:right;
clear: right;
}
 
img {
border: none;
}
 
#avatar {
margin-left: 10px;
}
 
.avatar_petit {
max-height: 70px;
max-width: 70px;
}
 
#inscription > div {
margin-top: 5px;
margin-bottom: 5px;
}
 
#fiche_utilisateur, {
background-color:#FAFAFA;
border:1px solid #F2F2F2;
margin:10px;
padding-bottom: 10px;
}
 
#profil {
border:1px solid #F2F2F2;
margin:10px;
padding-bottom: 10px;
-moz-border-radius: 2em;
}
 
.element_profil {
font-size:1.1em;
padding-top: 2px;
padding-left: 25px;
padding-bottom: 8px;
color:#000000;
}
 
.valeur_profil {
font-weight:bold;
white-space: pre-wrap;
}
 
#profil, .resume_conteneur {
border:5px solid #F2F2F2;
margin:10px;
padding-bottom: 10px;
}
 
.info_resume {
margin-left:20px;
}
 
form#recherche_annuaire {
padding: 10px 0 10px 10px;
}
 
#envoi_message {
background-color: #FFFFFF;
}
 
form#suppression, form#modification, form#blocage {
display: inline;
border: none;
background-color: inherit
}
 
 
#inscription_modification input, #inscription_modification select {
display: block;
}
 
#inscription_modification input[type="checkbox"], #inscription_modification input[type="radio"], #inscription_modification input[type="submit"] {
display: inline;
}
 
#inscription_modification label {
padding-left: 3px;
}
 
#inscription_modification label_champ_annuaire {
display: block;
}
 
form.form_bouton {
background-color: none !important;
border: none !important;
}
 
.conteneur_blocage {
padding: 0px 10px 10px 10px;
width: 250px;
margin: 10px
}
 
.conteneur_bloque {
border:1px solid #FF6347;
background-color: #FCCCCF;
}
 
.conteneur_non_bloque {
border:1px solid #A6C39E;
background-color: #D6FCCD;
}
 
ul#liste_orientiation > li {
margin: 20px
}
 
.lien_en_ligne {
margin-right: 10px
}
 
.resume h3 {
font-size: 13px;
}
 
.resume_conteneur {
display: block;
margin-left: 10px;
padding: 10px;
-moz-border-radius: 2em;
clear : left;
}
 
.gestion_conteneur {
width: 50%;
}
 
.colonne_resume, .colonne_resume {
width: 45%;
}
 
.resume {
width:100%;
padding-left: 10px;
}
 
#resume {
min-height: 1600px;
}
 
.resume_conteneur > h3 > a {
color: #996F18;
}
 
.resume_conteneur > h3 {
text-align: center;
}
 
.gestion_conteneur {
width: 80%;
margin-left: 10px;
padding: 0px;
}
 
.gestion {
max-width:800px;
}
 
.info_application {
font-weight: bold;
margin-left: 20px;
}
 
form#envoi_message, form#envoi_message > table {
background-color:#FFFFFF;
border: none;
margin: 2px;
}
 
textarea#contenu_message {
width: 90%;
}
 
#formulaire_message {
background-color:#FAFAEA;
border:1px solid #F2F2F2;
padding: 0px 10px 10px 10px;
width: 90%;
}
 
#carte_id {
border:5px solid #F2F2F2;
margin:10px;
padding-bottom: 30px;
width: 450px;
height: 160px;
-moz-border-radius: 2em;
}
 
#carte_infos span {
padding-top: 2px;
}
 
#carte_infos {
margin-top: 5px;
}
 
#carte_id #avatar {
padding-top: 7px;
}
 
.checkbox_alignee {
display: inline-block;
margin: 1px;
margin-right:20px;
}
 
label.label_groupe_checkbox {
font-weight: normal !important;
display:inline !important;
}
 
.label_checkbox {
margin-right:2px;
display:inline !important;
}
 
.groupe_checkbox {
margin-right:2px;
}
 
textarea.annuaire {
width: 400px !important;
height: 200px !important;
}
 
input.date_annuaire {
width: 80px;
}
 
.information {
margin: 10px;
}
 
.champ_nom {
height: 50px !important;
}
 
#form_connexion #label_memoriser {
display: inline;
}
 
#fiche_privee {
background-color:#EBCC77;
border:1px solid #E4B842;
max-width:800px;
}
 
#texte_profil_prive {
 
vertical-align:top;
width:100%;
text-align:center;
}
 
#fiche_privee img {
margin-top: -6px;
}
 
#inscription label {
font-weight: bold;
display: inline;
}
 
.liste_horizontale {
clear: both;
}
 
.liste_horizontale_simple li {
float:left;
margin-left:2px !important;
float:left; /*pour IE*/
font-weight: bold;
}
 
.liste_horizontale li {
float:left;
margin-right: 20px !important;
margin-left:2px !important;
float:left; /*pour IE*/
}
 
.liste_horizontale, .liste_horizontale_simple {
padding:0;
margin:0;
list-style-type:none;
}
.liste_horizontale li a {
display:block;
float:left;
width:200px;
background-color:#EBCC77;
background-image : none;
color:black;
text-decoration:none;
text-align:center;
font-weight: bold;
padding:5px;
margin-left: 10px;
margin-top: 10px;
border:2px solid;
/*pour avoir un effet "outset" avec IE :*/
border-color:#996F18;
-moz-border-radius: 0.9em;
}
 
.liste_horizontale li a:hover {
background-color:#D3D3D3;
border-color:#696969 #DCDCDC #DCDCDC #696969;
}
#page_en_cours a {
background-color:#996F18;
border-color:#EBCC77;
}
.liste_horizontale li.lien_participer a {
background-color:#CFDB86 !important;
border-color:#03642C !important;
}
 
.liste_horizontale li.lien_participer a:hover {
border-color:#696969 #FFFFFF #DCDCDC #696969 !important;
}
 
.lien_participer#page_en_cours a {
background-color:#639F13 !important;
border-color:#CFDB86 !important;
}
 
.separation {
visibility:hidden;
clear:both;
margin-bottom: 4px;
margin-top: 4px;
}
 
.formulaire_annuaire_admin textarea {
width: 400px !important;
height: 50px !important;
margin-left: 10px;
margin-top: 10px;
}
 
.formulaire_annuaire_admin input {
margin-top: 10px;
margin-left: 10px;
}
 
.formulaire_annuaire_admin label {
margin-top: 10px;
}
 
.resultat_recherche {
width: 730px;
}
 
.importance1 {
-moz-border-radius: 10px 10px 10px 10px;
-moz-box-shadow: 2px 2px 5px #AAAAAA;
background-color: #EAEDCD;
color: #3A3633;
font-family: arial;
font-size: 11px;
margin: 10px 10px 20px;
padding: 8px;
}
 
.resultat_recherche .nom_prenom {
font-size: 1.5em;
margin-top: -5px;
}
 
.resultat_recherche .element_resultat {
height: 85px;
margin: 10px !important;
font-size: 12px;
text-align: justify;
}
 
.resultat_recherche .profil_avatar {
width: 80px;
margin-right: 0;
}
 
.resultat_recherche .selection_destinataire {
margin-left: 15px;
}
 
.resultat_recherche .profil_informations {
display:inline;
float:left;
width:550px;
}
 
.resultat_recherche .description {
color: #555555;
}
 
.resultat_recherche .experience {
font-style: italic;
font-weight: normal;
color: #999999;
}
 
.resultat_recherche .experience .niveau {
color: #E16039;
font-style: normal;
}
 
.resultat_recherche .localisation {
font-weight: bold;
}
 
.note_bas_page {
font-size:11px;
font-weight:normal;
color:#AAAAAA;
}
 
.conteneur_lien_acces_formulaire_message {
margin-bottom: 15px;
margin-top: 20px;
}