Subversion Repositories Sites.tela-botanica.org

Compare Revisions

Ignore whitespace Rev 1066 → Rev 1067

/trunk/sites/reseau/generique/styles/reseau.css
1,362 → 1,441
/* STYLE SPECIFIQUE DE l'UNIVERS RÉSEAU */
* {
font-family:arial;}
body {
background:url(../images/graphisme/bandeau_reseau_trait.png) repeat-x;}
a {
color:#7B9C35}
h2 {
margin:0px 0 12px;}
th {
height:40px;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Mots clefs Reseau */
#zone-reseau .motsclefs .mot1 {
font-size:32px;
margin:-25px 0 0 -102px;}
#zone-reseau .motsclefs .mot2 {
font-size:26px;
margin:0px 0 0 -81px;}
#zone-reseau .motsclefs .mot3 {
font-size:20px;
margin:3px 0 0 39px;}
#zone-reseau {
background:url(../images/graphisme/bandeau_reseau_image.png) right center no-repeat;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Logos de droite (facebook, delicious etc...) */
.contenu_centre {
text-align:center;}
.logo_externe {
padding:15px;
float:left;}
.rss_site_titre {
display:none;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/** Affichage des flux RSS **/
.flux_RSS .contenu_RSS .actualites1 {
width:674px;
padding-top:5px;
padding-bottom:5px;
height:auto;
border-bottom:1px dotted #c2c0ad;}
.texteActualites1 {
width:535px;
height:auto;
text-align:justify;
margin-bottom:5px}
.texteActualites1 p,#texteActualites1 a {
display:inline;
text-align:justify}
.texteActualites1 br {
position:absolute}
.imageActualites1 {
width:130px;
text-align:center;
margin-top:0px;
float:right;}
.contenu_RSS img {
width:90px}
.flux_simple h1 {
display:none;}
.flux_simple h3 {
margin-bottom:0px;}
.categorie {
font-variant:small-caps;
color:#6C6865;
font-family:arial;
font-size:12px;
font-weight:bold;
letter-spacing:0;
margin-bottom:0px;
margin-top:0px;}
.contributions {
margin-bottom:10px;}
.contributions h3{font-size:12px}
.importance2, .importance3 {
border:solid 1px red
}
#nouvelles_du_reseau .categorie {
display:none;}
#rejoindre_reseau h1 {
margin-top:0px;}
#rejoindre_reseau li {
margin-left:-30px;
padding:5px 0 0 30px;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/** Pages de l'annuaire */
/** Fiche utilisateur */
#fiche_utilisateur, #form_modification_inscription, #recherche_annuaire,#form_inscription {
padding-left:30px;
float:left;
margin-left:0;
margin-top:5px;
padding:20px;
width:90%;}
textarea.annuaire {
width:400px !important;
height:100px !important;}
#recherche_annuaire {
margin-bottom:20px;}
.element_profil {
padding-left:20px;
padding-bottom:2px;}
.valeur_profil {
font-weight:bold;
white-space:pre-line;}
.liste_horizontale {
clear:both;}
.liste_horizontale_simple li {
float:left;
margin-right:20px !important;
margin-left:2px !important;
float:left; /*pour IE*/
background:none !important;
list-style-image:none;}
.liste_horizontale li {
float:left;
margin-right:20px !important;
margin-left:2px !important;
float:left; /*pour IE*/
background:none !important;
list-style-image:none !important;}
.liste_horizontale,.liste_horizontale_simple {
padding:0;
margin:0;
list-style-type:none !important;}
.liste_horizontale_simple li span {
margin-right:20px;}
.liste_horizontale li a {
display:block;
float:left;
color:black;
text-decoration:none;
text-align:center;
font-weight:bold;
padding:5px;
margin-left:10px;
-moz-border-radius:0.9em;
border-color:#6C6865;}
.lien_participer#page_en_cours a {
background-color:#E16039 !important;
border-color:#F2F2F2 !important;}
#page_en_cours a {
background-color:#E16039;
border-color:#F2F2F2;
color:#000000;}
.separation {
visibility:hidden;
clear:both;
margin-bottom:4px;
margin-top:4px;}
#modification {
padding-top:10px;
float:left;}
/** Profil prive **/
#fiche_privee {
background-color:#C2C0AD;
border:1px solid #E16039;
max-width:800px;
height:50px;}
#texte_profil_prive {
margin-top:15px;
margin-left:5px;
width:100%;
text-align:center;}
#fiche_privee img {
margin-top:-6px;}
/** Carte id **/
#carte_id {
margin-top:10px;
margin-bottom:10px;
margin-left:0px;
padding-bottom:30px;
padding-left:20px;
padding-top:10px;
width:350px;
height:90px;}
.avatar_petit {
max-height:60px;
max-width:60px;}
/** Page mes contributions **/
#resume {
min-height:1600px;}
.resume_conteneur {
display:block;
margin-left:10px;
padding:10px;
clear:left;
float:left;
margin-left:0;
margin-top:5px;
padding:20px;
width:90%;}
.gestion_conteneur {
width:50%;}
.titre_gestion {
margin-top:20px;}
.colonne_resume, .colonne_resume {
width:48%;}
.resume {
width:100%;
clear:both;}
.gestion_conteneur {
width:80%;
margin-left:10px;
padding:0px;}
.resume_conteneur>h3 {
font-weight:normal;}
.resume_conteneur a {
text-align:center;}
.resume_conteneur a:hover {
border-bottom:1px solid #7B9C35;}
.resume_conteneur tbody {
border:none;}
.resume>h3>a {
font-size:12px;
font-family:arial;
font-weight:normal;
letter-spacing:0;
margin:8px 0 1px;}
/** Page de gestion **/
.gestion>.form_bouton {
text-align:right;}
/** Mise en page générique pour l'annuaire **/
.centre {
margin-top:10%;
margin-left:20%;
min-height:500px;}
/*.gauche {
float:left;
margin-right:20px;}
.droite {
float:right;
clear:right;}*/
 
/*Spécifique à la page d'accueil réseau*/
#zone-accueil #zone-colonne-droite {
width:55%;
}
#zone-accueil #zone-colonne-droite {
width:45%;
}
#profil {
border:5px solid #F2F2F2;
margin:10px;
padding-bottom:10px;}
.resume_conteneur h3 {
font-size:12px;
font-family:arial;
font-weight:bold;
letter-spacing:0;
margin:8px 0 1px;}
.gestion {
max-width:600px;
clear:left;}
.gestion h2 {
padding-top:10px;}
.gestion td {
padding-top:5px;
padding-bottom:5px;
padding-right:15px;
border:none ;}
/** Formulaire d'inscription et de modification **/
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;}
/** Moteur de recherche **/
.liste {
border-collapse:collapse;}
.liste th, .liste td {
text-align:center;
border:none;
padding-top:3px;
padding-bottom:3px;
border-top-width:1px;
border-top-style:dotted;
border-bottom-width:1px;
border-bottom-style:dotted;}
.liste th {
border-width:1px;
border-style:solid;}
.liste th,.liste th a {
color:black;
margin:0 5px;}
.liste th {
text-align:center;}
/** Pagination **/
.derniere_page {
float:right;
margin:5px;}
#pages {
margin-left:auto;
margin-right:auto;
width:80%;
text-align:center;}
#page_courante a {
color:#FFD700;}
/** Messagerie **/
#contenu_message {
width:500px;
height:200px;}
#sujet_message {
width:500px;
height:25px;}
/** Présentation du nombre d'inscrits **/
.infosInscrits {
-moz-border-radius:10px 10px 10px 10px;
text-align:center;
float:left;
margin-left:0;
margin-top:5px;
padding:5px;
width:200px;}
#conteneur_infos_inscrits {
text-align:center;
padding-left:55px;
margin-top:0px;}
#choix_utilisateur {
padding-left:25px;
color:#3E4F18;}
.orientation {
width:45%;
padding:5px;
margin-bottom:20px;
color:#FFFFFF;
font-family:helveticaneue, helveticaneue2;
font-size:13px;
height:130px;}
.orientation strong {
font-size:15px;}
.orientation h3 {
margin-top:0px;
margin-bottom:5px;}
.orientation span {
margin-bottom:5px;}
.orientation ul {
padding-top:5px;}
.label_champ_annuaire {
font-weight : bold;}
#orientation_reseau {
background-color:#E16039;}
#orientation_actu {
background-color:#C2C0AD;}
#orientation_projets {
background-color:#CAAC5D;}
#orientation_eflore {
background-color:#9AC243;}
#zone_contenu_corps {
width:710px;}
#menu_2_22 {
display:none;}
/* STYLE SPECIFIQUE DE l'UNIVERS RÉSEAU */
* {
font-family:arial;}
body {
background:url(../images/graphisme/bandeau_reseau_trait.png) repeat-x;}
a {
color:#7B9C35}
h2 {
margin:0px 0 12px;}
th {
height:40px;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Mots clefs Reseau */
#zone-reseau .motsclefs .mot1 {
font-size:32px;
margin:-25px 0 0 -102px;}
#zone-reseau .motsclefs .mot2 {
font-size:26px;
margin:0px 0 0 -81px;}
#zone-reseau .motsclefs .mot3 {
font-size:20px;
margin:3px 0 0 39px;}
#zone-reseau {
/*Commenté pour le don, a enlever après la campagne*/
/*background:url(../images/graphisme/bandeau_reseau_image.png) right center no-repeat;}*/
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Logos de droite (facebook, delicious etc...) */
.contenu_centre {
text-align:center;}
.logo_externe {
padding:15px;
float:left;}
.rss_site_titre {
display:none;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/** Affichage des flux RSS **/
.flux_RSS .contenu_RSS .actualites1 {
width:674px;
padding-top:5px;
padding-bottom:5px;
height:auto;
border-bottom:1px dotted #c2c0ad;}
.texteActualites1 {
width:535px;
height:auto;
text-align:justify;
margin-bottom:5px}
.texteActualites1 p,#texteActualites1 a {
display:inline;
text-align:justify}
.texteActualites1 br {
position:absolute}
.imageActualites1 {
width:130px;
text-align:center;
margin-top:0px;
float:right;}
.contenu_RSS img {
width:90px}
.flux_simple h1 {
display:none;}
.flux_simple h3 {
margin-bottom:0px;}
.categorie {
font-variant:small-caps;
color:#6C6865;
font-family:arial;
font-size:12px;
font-weight:bold;
letter-spacing:0;
margin-bottom:0px;
margin-top:0px;}
.contributions {
margin-bottom:10px;}
.contributions h3{font-size:12px}
.importance2, .importance3 {
border:solid 1px red
}
#nouvelles_du_reseau .categorie {
display:none;}
#rejoindre_reseau h1 {
margin-top:0px;}
#rejoindre_reseau li {
margin-left:-30px;
padding:5px 0 0 30px;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/** Pages de l'annuaire */
/** Fiche utilisateur */
#fiche_utilisateur, #form_modification_inscription, #recherche_annuaire,#form_inscription {
padding-left:30px;
float:left;
margin-left:0;
margin-top:5px;
padding:20px;
width:90%;}
textarea.annuaire {
width:400px !important;
height:100px !important;}
#recherche_annuaire {
margin-bottom:20px;}
 
.resultat_recherche {
width: 700px;
}
 
.resultat_recherche .element_resultat {
height: 85px;
margin: 10px;
margin-bottom: 15px;
font-size: 12px;
text-align: justify;
}
 
.resultat_recherche .element_resultat:hover {
background-color: #CAAC5D;
cursor: pointer;
}
 
.resultat_recherche .nom_prenom {
font-size: 1.5em;
}
 
.resultat_recherche .profil_avatar {
width: 100px;
}
 
.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;
}
 
#fiche_utilisateur {
padding:0;
}
 
#fiche_utilisateur .importance4 {
margin-left:0px;
padding-left: 5px;
}
 
 
.nom_prenom_pseudo {
padding-bottom:10px;
}
 
.element_profil {
padding-left:20px;
padding-bottom:2px;}
.label_profil {
font-size:0.9em;
color:#999999;
}
.valeur_profil {
white-space:pre-line;}
.liste_horizontale {
clear:both;}
.liste_horizontale_simple li {
float:left;
margin-right:20px !important;
margin-left:2px !important;
float:left; /*pour IE*/
background:none !important;
list-style-image:none;}
.liste_horizontale li {
float:left;
margin-right:20px !important;
margin-left:2px !important;
float:left; /*pour IE*/
background:none !important;
list-style-image:none !important;}
.liste_horizontale,.liste_horizontale_simple {
padding:0;
margin:0;
list-style-type:none !important;}
.liste_horizontale_simple li span {
margin-right:20px;}
.liste_horizontale li a {
display:block;
float:left;
color:black;
text-decoration:none;
text-align:center;
font-weight:bold;
padding:5px;
margin-left:10px;
-moz-border-radius:0.9em;
border-color:#6C6865;}
.lien_participer#page_en_cours a {
background-color:#E16039 !important;
border-color:#F2F2F2 !important;}
 
.separation {
visibility:hidden;
clear:both;
margin-bottom:4px;
margin-top:4px;}
#modification {
padding-top:10px;
float:left;}
/** Profil prive **/
#fiche_privee {
background-color:#C2C0AD;
border:1px solid #E16039;
max-width:800px;
height:50px;}
#texte_profil_prive {
margin-top:15px;
margin-left:5px;
width:100%;
text-align:center;}
#fiche_privee img {
margin-top:-6px;}
/** Carte id **/
#carte_id {
margin-top:10px;
margin-bottom:10px;
margin-left:0px;
padding-bottom:30px;
padding-left:5px;
padding-top:10px;
width:350px;
height:90px;}
.avatar_petit {
max-height:60px;
max-width:60px;}
/** Page mes contributions **/
#resume {
min-height:1600px;}
.resume_conteneur {
display:block;
margin-left:10px;
padding:10px;
clear:left;
float:left;
margin-left:0;
margin-top:5px;
padding:20px;
width:90%;}
 
#resume_une_colonne{
width: 95%;
}
.gestion_conteneur {
width:50%;}
.titre_gestion {
margin-top:20px;}
.colonne_resume, .colonne_resume {
width:48%;}
.resume {
width:100%;
clear:both;}
.gestion_conteneur {
width:80%;
margin-left:10px;
padding:0px;}
.resume_conteneur>h3 {
font-weight:normal;}
.resume_conteneur a {
text-align:center;}
.resume_conteneur a:hover {
border-bottom:1px solid #7B9C35;}
.resume_conteneur tbody {
border:none;}
.resume>h3>a {
font-size:12px;
font-family:arial;
font-weight:normal;
letter-spacing:0;
margin:8px 0 1px;}
/** Page de gestion **/
.gestion>.form_bouton {
text-align:right;}
/** Mise en page générique pour l'annuaire **/
.centre {
margin-top:10%;
margin-left:20%;
min-height:500px;}
/*.gauche {
float:left;
margin-right:20px;}
.droite {
float:right;
clear:right;}*/
 
/*Spécifique à la page d'accueil réseau*/
#zone-accueil #zone-colonne-droite {
width:55%;
}
#zone-accueil #zone-colonne-droite {
width:45%;
}
#profil {
border:5px solid #F2F2F2;
margin:10px;
padding-bottom:10px;}
.resume_conteneur h3 {
font-size:12px;
font-family:arial;
font-weight:bold;
letter-spacing:0;
margin:8px 0 1px;}
.gestion {
max-width:600px;
clear:left;}
.gestion h2 {
padding-top:10px;}
.gestion td {
padding-top:5px;
padding-bottom:5px;
padding-right:15px;
border:none ;}
/** Formulaire d'inscription et de modification **/
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;}
/** Moteur de recherche **/
.liste {
border-collapse:collapse;}
.liste th, .liste td {
text-align:center;
border:none;
padding-top:3px;
padding-bottom:3px;
border-top-width:1px;
border-top-style:dotted;
border-bottom-width:1px;
border-bottom-style:dotted;}
.liste th {
border-width:1px;
border-style:solid;}
.liste th,.liste th a {
color:black;
margin:0 5px;}
.liste th {
text-align:center;}
 
/** Pagination **/
.page_courante {
font-size: 1.5em;
}
 
.page_courante a {
color: black;
}
 
.nb_resultats {
float:right;
margin-top: 10px;
}
 
/** Messagerie **/
#contenu_message {
width:500px;
height:200px;}
#sujet_message {
width:500px;
height:25px;}
/** Présentation du nombre d'inscrits **/
.infosInscrits {
-moz-border-radius:10px 10px 10px 10px;
text-align:center;
float:left;
margin-left:0;
margin-top:5px;
padding:5px;
width:200px;}
#conteneur_infos_inscrits {
text-align:center;
padding-left:55px;
margin-top:0px;}
#choix_utilisateur {
padding-left:25px;}
.orientation {
width:45%;
padding:5px;
margin-bottom:20px;
color:#FFFFFF;
font-family:helveticaneue, helveticaneue2;
font-size:13px;
height:145px;}
.orientation strong {
font-size:15px;}
.orientation h3 {
margin-top:0px;
margin-bottom:5px;}
.orientation span {
margin-bottom:5px;}
.orientation ul {
padding-top:5px;}
.label_champ_annuaire {
font-weight : bold;}
#choix_utilisateur a {
color:#3E4F18;}
#orientation_reseau {
background-color:#E16039;}
#orientation_actu {
background-color:#C2C0AD;}
#orientation_projets {
background-color:#CAAC5D;}
#orientation_eflore {
background-color:#9AC243;}
#zone_contenu_corps {
width:710px;}
#menu_2_22 {
display:none;}