| New file |
|---|
| 0,0 → 1,712 |
|---|
| /*+------------------------------------------------------------------------------------------------------------------+ |
| COMMUN SIMPLE |
| +------------------------------------------------------------------------------------------------------------------+*/ |
| /*Feuille de style support? par Nescape 4.78 |
| Auteur: Magali Giaume*/ |
| |
| body { |
| font-family:Arial, Helvetica, Verdana, sans-serif; |
| font-size:12px; |
| background-color:#fff; |
| margin:2px;} |
| h1 { |
| font-size:17px; |
| font-weight:bold; |
| padding:0 0 2px 5px; |
| line-height:1.3em; |
| margin:10px 0 4px 0;} |
| h2 { |
| font-size:13px; |
| font-weight:bold; |
| color:black; |
| text-transform:uppercase; |
| line-height:1.3em; |
| margin:10px 0 4px 0;} |
| h3, #more_resultat li h2, .titre2_cartographie, .titre2_inscription, .inscription_titre2, .titre2_cartographie { |
| font-size:15px; |
| color:black; |
| font-weight:bold; |
| line-height:1.3em; |
| margin:8px 0 4px 0; |
| text-transform:none;} |
| h4 { |
| font-size:13px; |
| color:black; |
| font-weight:bold; |
| letter-spacing:0.1em; |
| line-height:1.3em; |
| margin:8px 0 2px 0;} |
| h5 { |
| font-size:13px; |
| color:black; |
| font-style:italic; |
| line-height:1.2em; |
| margin:4px 0 1px 0;} |
| h6 { |
| font-size:12px; |
| color:black; |
| font-style:italic; |
| line-height:1.2em; |
| margin:4px 0 1px 0;} |
| caption { |
| font-size:12px; |
| font-weight:bold; |
| margin:2px;} |
| table { |
| border-collapse:collapse;} |
| /*bandeau*/ |
| #titre_monde h1 { |
| font-size:20px} |
| #pos_recherche p { |
| margin:0; |
| padding:0;} |
| /*tableau*/ |
| /* Tableau */ |
| .table_bordure th { |
| background-color:#E4B842; |
| padding:0 5px; |
| text-align:center; |
| border-bottom: 1px dotted grey; |
| border-left: 1px dotted grey;} |
| |
| .table_bordure { |
| border-spacing:0; |
| text-align:center; |
| border: 1px solid black;} |
| |
| .table_bordure td { |
| padding:2px; |
| text-align:left; |
| border-bottom: 1px dotted grey; |
| border-left: 1px dotted grey;} |
| /*Nom latin*/ |
| .nom_latin{font-style:italic;} |
| .nom_latin_rang, .nom_latin_auteur{font-style:normal;} |
| |
| /*+------------------------------------------------------------------------------------------------------------------+ |
| COMMUN COMPLEXE |
| +------------------------------------------------------------------------------------------------------------------+*/ |
| |
| /*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;} |
| .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; |
| } |
| |
| /*+------------------------------------------------------------------------------------------------------------------+ |
| SITE - PARLONS BOTA |
| +------------------------------------------------------------------------------------------------------------------+*/ |
| /*Feuille de style du monde debuter en botanique |
| Auteur : Magali Giaume, Tamara Le Bourg*/ |
| h1 { |
| color:#36560B; |
| background-color:#CFDB86;} |
| h2, #identification_message, #form_connexion legend, #identification legend, #identification_info, #iden_action { |
| color:#36560B;} |
| hr { |
| color: #d1dc8d;} |
| table { |
| border:1px solid #36560B; |
| border-collapse: collapse;} |
| td, th { |
| border:1px solid #36560B; |
| padding:5px;} |
| a { |
| background-image:url(http://www.tela-botanica.org/sites/parlons_bota/generique/images/graphisme/img_sousligne.png);} |
| a:hover { |
| background-image:url(http://www.tela-botanica.org/sites/parlons_bota/generique/images/graphisme/img_sousligne1.png);} |
| img { |
| display:block;} |
| a img { |
| border : 1px dotted #36560B;} |
| |
| /*DIFFERENTS BLOCS DE LA PAGE*/ |
| |
| /*bandeau*/ |
| #bandeau { |
| background: url(http://www.tela-botanica.org/sites/parlons_bota/generique/images/graphisme/bandeau_parlons_bota_fond.png) repeat-x;} |
| #bandeau_contenu { |
| background:transparent url(http://www.tela-botanica.org/sites/parlons_bota/generique/images/graphisme/bandeau_parlons_bota.jpg) no-repeat; |
| height:77px;} |
| #titre_monde h1 { |
| color:#F3F6E2;} |
| #plan_contact a { |
| color:#000; |
| background-image: url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/img_underline_plan_site_black.png);} |
| #plan_contact a:hover { |
| background-image: url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/img_underline_hover_plan_site_black.png);} |
| |
| /*droite -> onglets */ |
| #onglets li { |
| background:url("http://www.tela-botanica.org/sites/parlons_bota/generique/images/graphisme/onglet_D_bota.gif") no-repeat right top;} |
| #onglets a { |
| background:url("http://www.tela-botanica.org/sites/parlons_bota/generique/images/graphisme/onglet_G_bota.gif") no-repeat left top;} |
| #onglets li:hover { |
| color:#becf5c;} |
| #onglets li:hover a { |
| color:#36560B;} |
| #onglets .menu_inactif { |
| border-bottom:#BECF5C;} |
| #onglets .menu_actif a { |
| color:#36560B;} |
| |
| /* droite -> contenu */ |
| #contenu { |
| border:1px solid #becf5c;} |
| #wikini_page ul{ |
| line-height:1em;} |
| .commentsheader { |
| display:none;} |
| |
| /* droite -> pied_page */ |
| .eflore_pied_page { |
| color:grey; |
| text-align:center; |
| font-size:10px;} |
| |
| /*nav_gauche*/ |
| #nav_gauche { |
| background: #fff url(http://www.tela-botanica.org/sites/parlons_bota/generique/images/graphisme/degrade_vertpomme.png) repeat-x;} |
| |
| /* nav_gauche -> menus */ |
| #menus .menu_actif>a { |
| background-color:#CFDB86; |
| border-color: rgb(221, 230, 170);} |
| #menus a:hover { |
| background-color:#CFDB86;} |
| .form_identification input, .form_identification textarea, .form_identification select { |
| background-color:#f4f6e4;} |
| #menu_contextuel { |
| color:#BECF5C;} |
| /* presentation des menus */ |
| .menu_classique_n2 .menu_actif { |
| background-color:red;} |
| .menu_actif a { |
| color:#36560B;} |
| |
| /*Styles pour presentation des syntheses et articles en ligne*/ |
| .nom_latin { |
| font-style:italic;} |
| .auteur_msg { |
| color:#990000; |
| font-weight:bold;} |
| .txt_souligne { |
| text-decoration:underline;} |
| |
| /*styles pour ne pas afficher les noms d'auteur et date */ |
| #sans_auteur .page_auteur, #sans_auteur .page_separateur_auteur, #sans_auteur .page_separateur_titre, #sans_auteur .page_creation_mois, #sans_auteur .page_creation_annee { |
| display:none;} |
| /************************* |
| Apercu de bota - Glossaire |
| *************************/ |
| |
| #glossaire dd { |
| padding-right:10px;} |