Subversion Repositories Sites.tela-botanica.org

Compare Revisions

No changes between revisions

Ignore whitespace Rev 704 → Rev 705

/trunk/sites/commun/fr/styles/commun_complexe.css
1,543 → 1,543
/*Feuille de style de tous les mondes
Auteur : Tamara Le Bourg et Magali Giaume*/
 
/*icones*/
a.lien_ext:after {
content: " "url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/icone_fleche.png);}
a.pdf:before {
content: url(http://www.tela-botanica.org/client/projet/icones/pdf.gif)" ";}
/*CSS3 : ajout d'un espace entre href et ^ pour konqueror*/
a.mail:after, a[href ^="mailto:"]:after {
content: " "url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/icone_mail.png);}
.table_bordure th[title]:after {
content: " "url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/help.png);}
/*abbr {
background :url(/client/eflore_chorologie/presentations/images/info.png) no-repeat 100% 5%;
padding-right:16px;
cursor:help;
border:none;}*/
 
/* presentation des liens */
a {
color:black;
text-decoration:none;
background-repeat: repeat-x;
background-position:center bottom;}
a:hover {
color:black;
text-decoration:none;
background-repeat: repeat-x;
background-position:center bottom;}
 
/* Texte trouvé par le moteur de recherche */
.surlignage {
background-color:yellow;}
 
/* presentation des listes de definitions */
dl {width:100%;}
dt {
float:left;
font-weight: bold;
text-align:top left;
margin-right:0.3em;}
dd {
width:auto;
margin-left:0;
margin:0.5em 0;}
.ajout_2point dt:after {content:" : ";}
 
/* presentation des listes */
#texte li {
margin:4px;}
.liste_decale li, .liste_decale dt {
margin-left:2em;}
ul ul {
margin-left:2em;}
#zone_menu ul, #menus ul{
line-height:1.5em;}
 
/* presentation des images */
img{
border:0;}
img a{
display:block;}
#logo_tela img {
border:0;}
#logo_tela a {
position:absolute;
top:0;
left:0;}
#logo_tela a:hover {
border:1px dotted;}
#logo_tela a:hover:after {
content: " Retour à l'accueil ";}
.img_gch_txt_drte img, .flottant_gauche {
float:left;
margin:5px 10px 5px 5px;}
.img_gch_txt_drte li {
margin-left:40px;}
.img_drte_txt_gch img, .flottant_droit {
float:right;
margin-left:10px;}
.img_drte_txt_gch > img {
float:right;
margin-left:10px;}
.img_milieu {
display:inline;
margin:0 10px;}
.image_legendee {
width: 300px;
font-style:italic;
margin: 5px}
.image_legendee img {
margin: 0 auto}
.legende {
display:block;
font-weight:bold;
text-align:center;}
.clear {
clear:both;}
/* presentation fichiers audio */
.fichier_audio {
border: 1px solid #99a;}
.legende_audio {
margin-top:-0.8em;
margin-left:10px;
float:left;}
.fichier_audio img {
float:left;
padding-right:25px}
.fichier_audio p {
padding-right:25px;}
.legende_audio span {
padding:0 10px;
background-color:#fff;}
 
/* autres classes de presentation*/
.texte_inactif {
font-size:10px;
color:gray;}
.erreur {
color:#F00;}
.en_evidence {
font-size:16px;
font-weight:bold;}
.attention {
display:block;
background: #ffffcc url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/attention.png) no-repeat 2% 50%;
text-align:center;
border: 1px solid red;
min-height: 30px;
max-width: 800px;
padding:10px 5px 5px 50px;}
.information {
background: #e7ebfd url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/information.png) no-repeat 2% 50%;
text-align:center;
border:1px solid #5D81BA;
max-width: 800px;
min-height:30px;
padding:10px 5px 5px 50px;}
#bb_liste_fascicule li{
clear:both;
height:100%;}
.bb_img_fascicule {
display:block;}
blockquote {
font-style:italic;
text-align:center;}
legend {
text-align:center;}
.fin_texte{
width:0;
height:0;
text-align: center;
clear: both;}
 
/*DIFFERENTS BLOCS DE LA PAGE*/
#reducteur {
text-align:center;}
/*bandeau*/
#bandeau, #zone_bandeau {
height:77px;
margin:0 0 0 190px;}
#titre_monde, #site_nom {
margin:0;
text-align:right;
height:38px;}
#titre_monde h1, #site_nom h1 {
background-color:transparent;
font-weight: bold;
font-size: 28px;
margin:0 20px 0 0;
padding:0;}
#plan_contact {
margin:0 5px 0 0;
text-align:right;
height:25px;
padding:7px 15px 0 0;}
#plan_contact a {
font-weight:bold;
margin-left:10px;
background-repeat: repeat-x;
background-position:center bottom;}
#plan_contact a:hover {
font-weight:bold;
margin-left:10px;
background-repeat: repeat-x;
background-position:center bottom;}
 
/*droite*/
#droite {
margin:0 5px 0 207px;
position:relative;
/* text-align est nécessaire pour IE */
text-align:left;
}
 
/* droite -> pos_recherche */
#pos_recherche, #moteur_recherche {
font-size:13px;
font-weight:bold;
min-height:30px;
padding:5px 0 5px 20px;
text-align:left;}
#form_more_recherche, #form_recherche {
text-align:right;
padding:0;
margin:0;}
#form_more_recherche legend {
display:none;}
#form_more_recherche fieldset {
float:right;
border:0;
margin:0;
padding:0;}
#form_more_recherche label {
display:none;}
#more_resultat, #more_resultat li {
clear:left;
display: inline;
margin: 0;
padding: 0;
list-style-type:none;}
.more_iid, .more_dui {
display:none;}
.more_ivd {
width:600px;}
.more_duv a {
color:#008000;}
.more_dsv, .more_dsi {
color:#C1C1C1;}
.more_detail, .more_detail li {
display: inline;
margin: 0;
padding: 0;
list-style-type:none;}
 
/*droite -> onglets */
#onglets {
position:relative;
float:left;
text-align:left;
z-index:2;
font-weight:bold;}
#onglets ul {
margin:0;
padding:0;
list-style:none;}
#onglets li {
background:url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/norm_right_both.gif) no-repeat right top;
float:left;
margin:0;
padding:0;}
#onglets a {
float:left; /* ligne ajoutee pour compatibilite IE5-Mac */
display:block;
background:url("http://www.tela-botanica.org/sites/commun/generique/images/graphisme/norm_left_both.gif") no-repeat left top;
width:.1em;
white-space:nowrap;/*2 lignes ajoutees pour compatibilite IE : extension de la zone cliquable a l'ensemble de l'onglet*/
padding:5px 15px 4px;
text-decoration:none;}
/* On retablit le float a sa valeur correct mais le hack de l'antislash commente cache cette regle a IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#onglets > ul a {
width:auto;} /*propriete ajoutee pour contredire la ligne speciale IE (ci dessus) pour les autres navigateurs*/
#onglets li:hover {
background-position:100% -150px;}
#onglets li:hover a {
background-position:0% -150px;}
#onglets .menu_inactif {
border-bottom:1px solid;}
#onglets .menu_actif, #onglets .onglet_actif {
position:relative;
background-position:100% -150px;
padding-bottom:2px;
z-index:3;
font-weight:bold;}
#onglets .menu_actif a, #onglets .onglet_actif a {
position:relative;
background-position:0% -150px;
padding-bottom:3px;
z-index:4;}
 
/* droite -> contenu */
#contenu, #zone_contenu, #contenu_accueil {
position:relative;
top:-1px;
/* Modif David Delon 26/08/2005 car conflit avec Fckeditor (menu deroulant)
/* z-index:1;*/
clear:both;
padding:0 2px 0 2px;
text-align:justify;
min-height:300px;}
#texte{
line-height:1.2em;
text-align:justify;
clear:both;
padding:0 5px 7px 5px;}
#texte .image_lien {
background-image:none;}
/* Hides from IE-mac \*/
* html #texte {height: 1%;}
/* Bug qui inactive les liens sous IE */
 
 
/* Droite -> pied_page */
#pied_text, #pied_page, #zone_pied {
clear:both;
text-align:center;
font-size:11px;}
#pied_page p, #zone_pied p{
position:center;}
#pied_page a {
margin:0 10px;}
.menu_commun_n1 {
padding:0;}
.menu_commun_n1 li {
display:inline;}
.menu_commun_n1 li+li {
background:url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/boule_basse.png) no-repeat center left;
display:inline;
padding-left:10px;}
 
/* Tableau */
.table_cadre {
border-spacing:0;
text-align:center;}
.table_cadre th {
text-align:center;}
.table_cadre td {
padding:2px;
text-align:left;}
 
/*nav_gauche*/
#navigation, #nav_gauche {
position:absolute;
top:2px;
left:2px;
width:188px;
padding-top:150px;
min-height:292px;}
 
/* nav_gauche -> logo_tela */
#logo_tela, #logo {
margin:7px 10px;
position:absolute;
top:2px;
left:18px;
z-index:1;}
#logo_tela a, #logo a {
background:none;}
#acces_direct, #accessibilite {
display:none;}
 
/* nav_gauche -> selecteur_sites */
#sesi_site {
text-align:center;
font-size:12px;
font-weight:bold;
width:180px;
height:20px;}
#sesi_selecteur fieldset, #selecteur_monde fieldset{
border:0;
margin:0;
padding:0;}
#sesi_selecteur legend, #selecteur_monde legend{
display: none;}
#sesi_selecteur option {
font-size:11px;}
#lien_inscription{
margin:2em 0 0 0;
font-size:11px;}
 
/* nav_gauche -> menus */
#zone_menu, #menus {
font-size:13px;
margin:10px 0;
text-align:left;}
#zone_menu a, #menus a {
background:none;
color:#000;
display:block;
height:1.2em;}
#zone_menu .menu_actif>a, #menus .menu_actif>a {
border:1px solid;}
#zone_menu > ul a, #menus > ul a {
height:auto;}
#navigation hr, #nav_gauche hr {
width:40%;
text-align:center;}
 
/* nav_gauche -> form connexion et deconnexion */
#form_connexion legend, #identification legend {
font-size:14px;
font-weight:bold;
padding-left:32px;}
#form_connexion label, #identification label {
display:none;}
label#persistant_label {
display:block;
margin:0.5em 0 1em 1em;
color:black;}
#form_connexion fieldset, #identification fieldset{
border:none;}
#username, #password {
width:10em;
text-align:left;
margin:0.5em 1em;}
#persistant {
text-align:left;
float:left;
margin:0.5em 0.5em 1em 1em;}
#identification_info, #identification, #formconnexion, #iden_action {
display:block;
width:auto;
text-align:center;
font-size:11px;
margin: 0;
padding-bottom:2px;}
#menu_contextuel {
border:1px solid;}
#deconnexion, #lien_inscription_modif, #lien_inscription {
font-size:12px;}
#inscription_info {
text-align:center;}
#inscription_aide {
margin-left:1em;}
#identification_message, #menu_contextuel h2, #hba_info h1, #hba_info p {
display:block;
font-size:14px;
text-align:center;
font-weight:bold;
text-transform:none;
margin:0 0 5px 0;}
#identification_prenom, #identification_nom{
font-size:13px;
font-weight:bold;
color:black;}
#identification_nom {
text-transform:uppercase;}
#iden_action a {
line-height:15px;}
 
/* presentation des menus */
.menu_classique_n1, .menu_n1 {
padding:0;
margin:0;
font-weight:bold;
list-style-type:none;}
.menu_classique_n1 a {
padding:3px 0;}
.menu_classique_n2, .menu_n2 {
padding:0;
margin:0;
font-weight:normal;
list-style-type:none;}
.menu_classique_n2 a {
padding:3px 0 3px 15px;}
.menu_n3 {
margin:0 0 0 10px;
padding:0;
text-align:left;}
.menu_inactif a, .menu_actif a {
color:#000;
text-decoration:none;
background-color:transparent;}
 
/*presentation des syntheses*/
.page_separateur_date_heure, .page_creation_jour, .page_creation_heure, .page_creation_minute, .page_creation_seconde, .page_separateur_heure, .page_separateur_minute, .page_modification_heure, .page_modification_minute{
display:none;}
.page_titre {
font-weight:bold;}
 
/* Texte champ d'une fiche */
.champ_cle {
font-weight:bold;}
.champ_valeur {
font-weight:normal;}p_cle {
font-weight:bold;}
.champ_valeur {
font-weight:normal;}
/*presentation synthese biblio pteridophytes*/
/*.couleur_bleu {
color:blue;}
.couleur_vert {
color:green;}
.couleur_rose {
color:#BF90DE;}
.couleur_orange {
color:orange;}
.bp_auteur_france {
color:blue;}
.bp_auteur_europe {
color:#BF90DE;}
.bp_auteur_famille {
color:green;}
.bp_auteur_region {
color:orange;}*/
.bp_titre {
font-weight:bold;}
.bp_titre_revue, .nom_latin {
font-weight:normal;}
.bp_annee, .bp_num_revue {
font-weight:normal;}
/*menu_commun*/
.question {
font-weight:bold;}
 
/*Gestion de l'affichage du chronomètre des applications.*/
#chrono{display:none;}
 
/* Gestion de l'affichage du bandeau */
#bandeau_annonce {
height:28px;
margin:0 0 0 0px;
padding-right:20px;
text-align:right;
}
 
#bandeau_annonce a {
 
font-size: 15px;
padding: 3px;
font-weight:bold;
vertical-align:middle;
}
 
#bandeau_annonce a:hover {
background-image:url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/img_underline_hover_plan_site_black.png);
background-position:center bottom;
background-repeat:repeat-x;
}
 
/*Selecteur de liens rapides pour l'utilisateur */
#selecteur_liens_rapides {
margin-left: 15px;
border: 1px solid rgb(238, 238, 238);
color: black;
font: 0.8em Verdana,sans-serif;
padding: 1px;
width: 146px;
/*Feuille de style de tous les mondes
Auteur : Tamara Le Bourg et Magali Giaume*/
 
/*icones*/
a.lien_ext:after {
content: " "url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/icone_fleche.png);}
a.pdf:before {
content: url(http://www.tela-botanica.org/client/projet/icones/pdf.gif)" ";}
/*CSS3 : ajout d'un espace entre href et ^ pour konqueror*/
a.mail:after, a[href ^="mailto:"]:after {
content: " "url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/icone_mail.png);}
.table_bordure th[title]:after {
content: " "url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/help.png);}
/*abbr {
background :url(/client/eflore_chorologie/presentations/images/info.png) no-repeat 100% 5%;
padding-right:16px;
cursor:help;
border:none;}*/
 
/* presentation des liens */
a {
color:black;
text-decoration:none;
background-repeat: repeat-x;
background-position:center bottom;}
a:hover {
color:black;
text-decoration:none;
background-repeat: repeat-x;
background-position:center bottom;}
 
/* Texte trouvé par le moteur de recherche */
.surlignage {
background-color:yellow;}
 
/* presentation des listes de definitions */
dl {width:100%;}
dt {
float:left;
font-weight: bold;
text-align:top left;
margin-right:0.3em;}
dd {
width:auto;
margin-left:0;
margin:0.5em 0;}
.ajout_2point dt:after {content:" : ";}
 
/* presentation des listes */
#texte li {
margin:4px;}
.liste_decale li, .liste_decale dt {
margin-left:2em;}
ul ul {
margin-left:2em;}
#zone_menu ul, #menus ul{
line-height:1.5em;}
 
/* presentation des images */
img{
border:0;}
img a{
display:block;}
#logo_tela img {
border:0;}
#logo_tela a {
position:absolute;
top:0;
left:0;}
#logo_tela a:hover {
border:1px dotted;}
#logo_tela a:hover:after {
content: " Retour à l'accueil ";}
.img_gch_txt_drte img, .flottant_gauche {
float:left;
margin:5px 10px 5px 5px;}
.img_gch_txt_drte li {
margin-left:40px;}
.img_drte_txt_gch img, .flottant_droit {
float:right;
margin-left:10px;}
.img_drte_txt_gch > img {
float:right;
margin-left:10px;}
.img_milieu {
display:inline;
margin:0 10px;}
.image_legendee {
width: 300px;
font-style:italic;
margin: 5px}
.image_legendee img {
margin: 0 auto}
.legende {
display:block;
font-weight:bold;
text-align:center;}
.clear {
clear:both;}
/* presentation fichiers audio */
.fichier_audio {
border: 1px solid #99a;}
.legende_audio {
margin-top:-0.8em;
margin-left:10px;
float:left;}
.fichier_audio img {
float:left;
padding-right:25px}
.fichier_audio p {
padding-right:25px;}
.legende_audio span {
padding:0 10px;
background-color:#fff;}
 
/* autres classes de presentation*/
.texte_inactif {
font-size:10px;
color:gray;}
.erreur {
color:#F00;}
.en_evidence {
font-size:16px;
font-weight:bold;}
.attention {
display:block;
background: #ffffcc url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/attention.png) no-repeat 2% 50%;
text-align:center;
border: 1px solid red;
min-height: 30px;
max-width: 800px;
padding:10px 5px 5px 50px;}
.information {
background: #e7ebfd url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/information.png) no-repeat 2% 50%;
text-align:center;
border:1px solid #5D81BA;
max-width: 800px;
min-height:30px;
padding:10px 5px 5px 50px;}
#bb_liste_fascicule li{
clear:both;
height:100%;}
.bb_img_fascicule {
display:block;}
blockquote {
font-style:italic;
text-align:center;}
legend {
text-align:center;}
.fin_texte{
width:0;
height:0;
text-align: center;
clear: both;}
 
/*DIFFERENTS BLOCS DE LA PAGE*/
#reducteur {
text-align:center;}
/*bandeau*/
#bandeau, #zone_bandeau {
height:77px;
margin:0 0 0 190px;}
#titre_monde, #site_nom {
margin:0;
text-align:right;
height:38px;}
#titre_monde h1, #site_nom h1 {
background-color:transparent;
font-weight: bold;
font-size: 28px;
margin:0 20px 0 0;
padding:0;}
#plan_contact {
margin:0 5px 0 0;
text-align:right;
height:25px;
padding:7px 15px 0 0;}
#plan_contact a {
font-weight:bold;
margin-left:10px;
background-repeat: repeat-x;
background-position:center bottom;}
#plan_contact a:hover {
font-weight:bold;
margin-left:10px;
background-repeat: repeat-x;
background-position:center bottom;}
 
/*droite*/
#droite {
margin:0 5px 0 207px;
position:relative;
/* text-align est nécessaire pour IE */
text-align:left;
}
 
/* droite -> pos_recherche */
#pos_recherche, #moteur_recherche {
font-size:13px;
font-weight:bold;
min-height:30px;
padding:5px 0 5px 20px;
text-align:left;}
#form_more_recherche, #form_recherche {
text-align:right;
padding:0;
margin:0;}
#form_more_recherche legend {
display:none;}
#form_more_recherche fieldset {
float:right;
border:0;
margin:0;
padding:0;}
#form_more_recherche label {
display:none;}
#more_resultat, #more_resultat li {
clear:left;
display: inline;
margin: 0;
padding: 0;
list-style-type:none;}
.more_iid, .more_dui {
display:none;}
.more_ivd {
width:600px;}
.more_duv a {
color:#008000;}
.more_dsv, .more_dsi {
color:#C1C1C1;}
.more_detail, .more_detail li {
display: inline;
margin: 0;
padding: 0;
list-style-type:none;}
 
/*droite -> onglets */
#onglets {
position:relative;
float:left;
text-align:left;
z-index:2;
font-weight:bold;}
#onglets ul {
margin:0;
padding:0;
list-style:none;}
#onglets li {
background:url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/norm_right_both.gif) no-repeat right top;
float:left;
margin:0;
padding:0;}
#onglets a {
float:left; /* ligne ajoutee pour compatibilite IE5-Mac */
display:block;
background:url("http://www.tela-botanica.org/sites/commun/generique/images/graphisme/norm_left_both.gif") no-repeat left top;
width:.1em;
white-space:nowrap;/*2 lignes ajoutees pour compatibilite IE : extension de la zone cliquable a l'ensemble de l'onglet*/
padding:5px 15px 4px;
text-decoration:none;}
/* On retablit le float a sa valeur correct mais le hack de l'antislash commente cache cette regle a IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#onglets > ul a {
width:auto;} /*propriete ajoutee pour contredire la ligne speciale IE (ci dessus) pour les autres navigateurs*/
#onglets li:hover {
background-position:100% -150px;}
#onglets li:hover a {
background-position:0% -150px;}
#onglets .menu_inactif {
border-bottom:1px solid;}
#onglets .menu_actif, #onglets .onglet_actif {
position:relative;
background-position:100% -150px;
padding-bottom:2px;
z-index:3;
font-weight:bold;}
#onglets .menu_actif a, #onglets .onglet_actif a {
position:relative;
background-position:0% -150px;
padding-bottom:3px;
z-index:4;}
 
/* droite -> contenu */
#contenu, #zone_contenu, #contenu_accueil {
position:relative;
top:-1px;
/* Modif David Delon 26/08/2005 car conflit avec Fckeditor (menu deroulant)
/* z-index:1;*/
clear:both;
padding:0 2px 0 2px;
text-align:justify;
min-height:300px;}
#texte{
line-height:1.2em;
text-align:justify;
clear:both;
padding:0 5px 7px 5px;}
#texte .image_lien {
background-image:none;}
/* Hides from IE-mac \*/
* html #texte {height: 1%;}
/* Bug qui inactive les liens sous IE */
 
 
/* Droite -> pied_page */
#pied_text, #pied_page, #zone_pied {
clear:both;
text-align:center;
font-size:11px;}
#pied_page p, #zone_pied p{
position:center;}
#pied_page a {
margin:0 10px;}
.menu_commun_n1 {
padding:0;}
.menu_commun_n1 li {
display:inline;}
.menu_commun_n1 li+li {
background:url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/boule_basse.png) no-repeat center left;
display:inline;
padding-left:10px;}
 
/* Tableau */
.table_cadre {
border-spacing:0;
text-align:center;}
.table_cadre th {
text-align:center;}
.table_cadre td {
padding:2px;
text-align:left;}
 
/*nav_gauche*/
#navigation, #nav_gauche {
position:absolute;
top:2px;
left:2px;
width:188px;
padding-top:150px;
min-height:292px;}
 
/* nav_gauche -> logo_tela */
#logo_tela, #logo {
margin:7px 10px;
position:absolute;
top:2px;
left:18px;
z-index:1;}
#logo_tela a, #logo a {
background:none;}
#acces_direct, #accessibilite {
display:none;}
 
/* nav_gauche -> selecteur_sites */
#sesi_site {
text-align:center;
font-size:12px;
font-weight:bold;
width:180px;
height:20px;}
#sesi_selecteur fieldset, #selecteur_monde fieldset{
border:0;
margin:0;
padding:0;}
#sesi_selecteur legend, #selecteur_monde legend{
display: none;}
#sesi_selecteur option {
font-size:11px;}
#lien_inscription{
margin:2em 0 0 0;
font-size:11px;}
 
/* nav_gauche -> menus */
#zone_menu, #menus {
font-size:13px;
margin:10px 0;
text-align:left;}
#zone_menu a, #menus a {
background:none;
color:#000;
display:block;
height:1.2em;}
#zone_menu .menu_actif>a, #menus .menu_actif>a {
border:1px solid;}
#zone_menu > ul a, #menus > ul a {
height:auto;}
#navigation hr, #nav_gauche hr {
width:40%;
text-align:center;}
 
/* nav_gauche -> form connexion et deconnexion */
#form_connexion legend, #identification legend {
font-size:14px;
font-weight:bold;
padding-left:32px;}
#form_connexion label, #identification label {
display:none;}
label#persistant_label {
display:block;
margin:0.5em 0 1em 1em;
color:black;}
#form_connexion fieldset, #identification fieldset{
border:none;}
#username, #password {
width:10em;
text-align:left;
margin:0.5em 1em;}
#persistant {
text-align:left;
float:left;
margin:0.5em 0.5em 1em 1em;}
#identification_info, #identification, #formconnexion, #iden_action {
display:block;
width:auto;
text-align:center;
font-size:11px;
margin: 0;
padding-bottom:2px;}
#menu_contextuel {
border:1px solid;}
#deconnexion, #lien_inscription_modif, #lien_inscription {
font-size:12px;}
#inscription_info {
text-align:center;}
#inscription_aide {
margin-left:1em;}
#identification_message, #menu_contextuel h2, #hba_info h1, #hba_info p {
display:block;
font-size:14px;
text-align:center;
font-weight:bold;
text-transform:none;
margin:0 0 5px 0;}
#identification_prenom, #identification_nom{
font-size:13px;
font-weight:bold;
color:black;}
#identification_nom {
text-transform:uppercase;}
#iden_action a {
line-height:15px;}
 
/* presentation des menus */
.menu_classique_n1, .menu_n1 {
padding:0;
margin:0;
font-weight:bold;
list-style-type:none;}
.menu_classique_n1 a {
padding:3px 0;}
.menu_classique_n2, .menu_n2 {
padding:0;
margin:0;
font-weight:normal;
list-style-type:none;}
.menu_classique_n2 a {
padding:3px 0 3px 15px;}
.menu_n3 {
margin:0 0 0 10px;
padding:0;
text-align:left;}
.menu_inactif a, .menu_actif a {
color:#000;
text-decoration:none;
background-color:transparent;}
 
/*presentation des syntheses*/
.page_separateur_date_heure, .page_creation_jour, .page_creation_heure, .page_creation_minute, .page_creation_seconde, .page_separateur_heure, .page_separateur_minute, .page_modification_heure, .page_modification_minute{
display:none;}
.page_titre {
font-weight:bold;}
 
/* Texte champ d'une fiche */
.champ_cle {
font-weight:bold;}
.champ_valeur {
font-weight:normal;}p_cle {
font-weight:bold;}
.champ_valeur {
font-weight:normal;}
/*presentation synthese biblio pteridophytes*/
/*.couleur_bleu {
color:blue;}
.couleur_vert {
color:green;}
.couleur_rose {
color:#BF90DE;}
.couleur_orange {
color:orange;}
.bp_auteur_france {
color:blue;}
.bp_auteur_europe {
color:#BF90DE;}
.bp_auteur_famille {
color:green;}
.bp_auteur_region {
color:orange;}*/
.bp_titre {
font-weight:bold;}
.bp_titre_revue, .nom_latin {
font-weight:normal;}
.bp_annee, .bp_num_revue {
font-weight:normal;}
/*menu_commun*/
.question {
font-weight:bold;}
 
/*Gestion de l'affichage du chronomètre des applications.*/
#chrono{display:none;}
 
/* Gestion de l'affichage du bandeau */
#bandeau_annonce {
height:28px;
margin:0 0 0 0px;
padding-right:20px;
text-align:right;
}
 
#bandeau_annonce a {
 
font-size: 15px;
padding: 3px;
font-weight:bold;
vertical-align:middle;
}
 
#bandeau_annonce a:hover {
background-image:url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/img_underline_hover_plan_site_black.png);
background-position:center bottom;
background-repeat:repeat-x;
}
 
/*Selecteur de liens rapides pour l'utilisateur */
#selecteur_liens_rapides {
margin-left: 15px;
border: 1px solid rgb(238, 238, 238);
color: black;
font: 0.8em Verdana,sans-serif;
padding: 1px;
width: 146px;
}
/trunk/sites/commun/fr/images/graphisme/rejoignezProjet.png
Cannot display: file marked as a binary type.
svn:mime-type = image/png
/trunk/sites/commun/fr/images/graphisme/rejoignezProjet.png
New file
Property changes:
Added: svn:mime-type
+image/png
\ No newline at end of property
/trunk/sites/commun/fr/scripts/commun.js
1,151 → 1,151
// cette fonction peut déjà être présente
if (typeof(addListener) != 'function') {
// fonction portable d'ajout de listeners
function addListener(element, baseName, handler)
{
if (element.addEventListener) {
element.addEventListener(baseName, handler, false) ;
} else if (element.attachEvent) {
element.attachEvent('on'+baseName, handler) ;
}
}
}
 
// Fonction déclanchant l'ouverture d'une fenêtre externe pour les liens possédant la classe "lien_ext"
function open_ext_link()
{
var liens = document.getElementsByTagName('a');
// On récupère tous les liens (<a>) du document dans une variable (un array), ici liens.
// Une boucle qui parcourt le tableau (array) liens du début à la fin.
for (var i = 0 ; i < liens.length ; ++i) {
// Si les liens ont un nom de class contenant lien_ext ou img_ext, alors on agit.
var expression = /lien_ext|img_ext/;
if (expression.exec(liens[i].className)) {
liens[i].title = 'S\'ouvre dans une nouvelle fenêtre';
// Au clique de la souris.
liens[i].onclick = function() {
window.open(this.href);
return false; // On ouvre une nouvelle page ayant pour URL le href du lien cliqué et on inhibe le lien réel.
};
}
}
}
 
// Fonction cachant le bouton ok du sélecteur de site de Papyrus
function cacher_btn_ok_selecteur_site()
{
if (document.getElementById('sesi_ok')) {
document.getElementById('sesi_ok').style.display = 'none';
}
}
 
// Fonction aggrandissant ou diminuant la taille d'un champ
// Provient du site https://addons.mozilla.org/
function basculerTaille(id, grand)
{
var sb = document.getElementById(id);
if (grand) {
sb.style.width = '20em';
} else {
sb.style.width = '10em';
}
}
 
// Fonction nettoyant un champ de formulaire d'une chaine donnée...
function nettoyerChamp(id, chaine)
{
var sb = document.getElementById(id);
var valeur = sb.value;
if (valeur == chaine) {
sb.value = '';
}
if (valeur == '') {
sb.value = chaine;
}
}
 
/** Cacher la légende : fonctions et code provenant de Média Wiki
* Modifié pour pouvoir gérer des listes ul ou dl...
*/
function changeText(el, newText) {
// Safari work around
if (el.innerText) {
el.innerText = newText;
} else if (el.firstChild && el.firstChild.nodeValue) {
el.firstChild.nodeValue = newText;
}
}
 
function toggleToc(id, type_liste) {
var toc = document.getElementById(id).getElementsByTagName(type_liste)[0];
var toggleLink = document.getElementById('togglelink');
 
if (toc && toggleLink && toc.style.display == 'none') {
changeText(toggleLink, tocHideText);
toc.style.display = 'block';
document.cookie = "hidetoc=0";
} else {
changeText(toggleLink, tocShowText);
toc.style.display = 'none';
document.cookie = "hidetoc=1";
}
}
 
/** Pour utiliser cette fonction rajouter dans les pages web :
* <script type="text/javascript">
* // Le système de masquage des sommaires
* if (window.showTocToggle) {
* var tocShowText = "afficher";
* var tocHideText = "masquer";
* showTocToggle('faq_sommaire_titre', 'faq_sommaire', 'ul');
* }
* </script>
* Pour id_titre mettre l'identifiant du titre où afficher le texte "masquer"/"afficher"
* Pour l'id_div mettre l'identifiant de la div contenant la liste à masquer
* Pour le type de liste indiquer "ul" ou "dl" en fonction du type de liste.
*/
function showTocToggle(id_titre, id_div, type_liste) {
if (document.createTextNode) {
// Uses DOM calls to avoid document.write + XHTML issues
 
var linkHolder = document.getElementById(id_titre);
if (!linkHolder) {
return;
}
 
var outerSpan = document.createElement('span');
outerSpan.className = 'toctoggle';
 
var toggleLink = document.createElement('a');
toggleLink.id = 'togglelink';
toggleLink.className = 'internal';
toggleLink.href = 'javascript:toggleToc(\''+id_div+'\', \''+type_liste+'\')';
toggleLink.appendChild(document.createTextNode(tocHideText));
 
outerSpan.appendChild(document.createTextNode('['));
outerSpan.appendChild(toggleLink);
outerSpan.appendChild(document.createTextNode(']'));
 
linkHolder.appendChild(document.createTextNode(' '));
linkHolder.appendChild(outerSpan);
 
var cookiePos = document.cookie.indexOf("hidetoc=");
if (cookiePos > -1 && document.cookie.charAt(cookiePos + 8) == 1) {
toggleToc(id_div, type_liste);
}
}
}
 
// Fonction initialisant d'autres fonctions
function initialiser()
{
cacher_btn_ok_selecteur_site();// Doit être avant les lien_ext
// s'il existe une carte dans la page
/*if(typeof isMap != "undefined") {
loadMap() ;
}*/
open_ext_link();
}
// Au chargement de la page, on appelle la fonction d'initialisation :
// cette fonction peut déjà être présente
if (typeof(addListener) != 'function') {
// fonction portable d'ajout de listeners
function addListener(element, baseName, handler)
{
if (element.addEventListener) {
element.addEventListener(baseName, handler, false) ;
} else if (element.attachEvent) {
element.attachEvent('on'+baseName, handler) ;
}
}
}
 
// Fonction déclanchant l'ouverture d'une fenêtre externe pour les liens possédant la classe "lien_ext"
function open_ext_link()
{
var liens = document.getElementsByTagName('a');
// On récupère tous les liens (<a>) du document dans une variable (un array), ici liens.
// Une boucle qui parcourt le tableau (array) liens du début à la fin.
for (var i = 0 ; i < liens.length ; ++i) {
// Si les liens ont un nom de class contenant lien_ext ou img_ext, alors on agit.
var expression = /lien_ext|img_ext/;
if (expression.exec(liens[i].className)) {
liens[i].title = 'S\'ouvre dans une nouvelle fenêtre';
// Au clique de la souris.
liens[i].onclick = function() {
window.open(this.href);
return false; // On ouvre une nouvelle page ayant pour URL le href du lien cliqué et on inhibe le lien réel.
};
}
}
}
 
// Fonction cachant le bouton ok du sélecteur de site de Papyrus
function cacher_btn_ok_selecteur_site()
{
if (document.getElementById('sesi_ok')) {
document.getElementById('sesi_ok').style.display = 'none';
}
}
 
// Fonction aggrandissant ou diminuant la taille d'un champ
// Provient du site https://addons.mozilla.org/
function basculerTaille(id, grand)
{
var sb = document.getElementById(id);
if (grand) {
sb.style.width = '20em';
} else {
sb.style.width = '10em';
}
}
 
// Fonction nettoyant un champ de formulaire d'une chaine donnée...
function nettoyerChamp(id, chaine)
{
var sb = document.getElementById(id);
var valeur = sb.value;
if (valeur == chaine) {
sb.value = '';
}
if (valeur == '') {
sb.value = chaine;
}
}
 
/** Cacher la légende : fonctions et code provenant de Média Wiki
* Modifié pour pouvoir gérer des listes ul ou dl...
*/
function changeText(el, newText) {
// Safari work around
if (el.innerText) {
el.innerText = newText;
} else if (el.firstChild && el.firstChild.nodeValue) {
el.firstChild.nodeValue = newText;
}
}
 
function toggleToc(id, type_liste) {
var toc = document.getElementById(id).getElementsByTagName(type_liste)[0];
var toggleLink = document.getElementById('togglelink');
 
if (toc && toggleLink && toc.style.display == 'none') {
changeText(toggleLink, tocHideText);
toc.style.display = 'block';
document.cookie = "hidetoc=0";
} else {
changeText(toggleLink, tocShowText);
toc.style.display = 'none';
document.cookie = "hidetoc=1";
}
}
 
/** Pour utiliser cette fonction rajouter dans les pages web :
* <script type="text/javascript">
* // Le système de masquage des sommaires
* if (window.showTocToggle) {
* var tocShowText = "afficher";
* var tocHideText = "masquer";
* showTocToggle('faq_sommaire_titre', 'faq_sommaire', 'ul');
* }
* </script>
* Pour id_titre mettre l'identifiant du titre où afficher le texte "masquer"/"afficher"
* Pour l'id_div mettre l'identifiant de la div contenant la liste à masquer
* Pour le type de liste indiquer "ul" ou "dl" en fonction du type de liste.
*/
function showTocToggle(id_titre, id_div, type_liste) {
if (document.createTextNode) {
// Uses DOM calls to avoid document.write + XHTML issues
 
var linkHolder = document.getElementById(id_titre);
if (!linkHolder) {
return;
}
 
var outerSpan = document.createElement('span');
outerSpan.className = 'toctoggle';
 
var toggleLink = document.createElement('a');
toggleLink.id = 'togglelink';
toggleLink.className = 'internal';
toggleLink.href = 'javascript:toggleToc(\''+id_div+'\', \''+type_liste+'\')';
toggleLink.appendChild(document.createTextNode(tocHideText));
 
outerSpan.appendChild(document.createTextNode('['));
outerSpan.appendChild(toggleLink);
outerSpan.appendChild(document.createTextNode(']'));
 
linkHolder.appendChild(document.createTextNode(' '));
linkHolder.appendChild(outerSpan);
 
var cookiePos = document.cookie.indexOf("hidetoc=");
if (cookiePos > -1 && document.cookie.charAt(cookiePos + 8) == 1) {
toggleToc(id_div, type_liste);
}
}
}
 
// Fonction initialisant d'autres fonctions
function initialiser()
{
cacher_btn_ok_selecteur_site();// Doit être avant les lien_ext
// s'il existe une carte dans la page
/*if(typeof isMap != "undefined") {
loadMap() ;
}*/
open_ext_link();
}
// Au chargement de la page, on appelle la fonction d'initialisation :
addListener(window, 'load', initialiser) ;