Subversion Repositories eFlore/Applications.eflore-consultation

Compare Revisions

Ignore whitespace Rev 1164 → Rev 1204

/tags/v5.3-cordier/presentations/styles/eflore.css
New file
0,0 → 1,1546
@CHARSET "UTF-8";
/*----------------------------------------------------------------------------------------------------------*/
/* Générique */
body {
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size:0.85em;
background-color:#fff;
margin:2px;
}
h1, h2, h3, h4 {
font-weight:bold;
letter-spacing:0;
}
h1 {
padding:0 0 0 25px;
margin:20px 0 10px 0;
font-size:15px;
text-transform:uppercase;
color:#fd8c13;
}
h2 {
margin:20px 0 12px 0;
font-size:15px;
color:#FD8C13;
}
h3 {
margin:20px 0 12px;
font-size:14px;
color:#454341;
}
h4 {
margin:2px 2px 2px 0;
font-size:11px;
font-weight:normal;
color:#AAAAAA;
}
h1 a, h2 a, h3 a, h4 a {
color:inherit;
border-bottom: dotted 1px;
}
h3 a {
border-color:#CCCCCC;
}
a {
color:#598000;
border-bottom:1px dotted #95ae5d;
}
a:hover {
color:#FD8C13;
border-bottom:1px dotted #95ae5d;
}
hr{
color:#62210F;
}
table{
border-collapse: collapse;
width:100%;
margin:5px 0;
}
td,th{
border:1px solid #36560B;
padding:7px 5px;
}
th{
background-color:#EEE;
}
th[title]:after {
content: " " url("../images/aide.png") !important;
}
caption{
border:1px solid #36560B;
background-color:#EEE;
font-weight:bold;
padding:2px;
}
img{
border:0;
}
img a{
display:block;
}
legend{
color:#AD5A40;
}
dl {
width:100%;
}
dt {
float:left;
font-weight:bold;
text-align:top left;
margin-right:0.3em;
}
dd {
width:auto;
margin:0.5em 0;
}
.acceder-outil {
font-size:0.85em;
}
 
/* @TODO mettre dans commun.css mais line-height déconne */
.acceder-outil-vert {
display:inline-block;
line-height: 25px;
padding-left: 30px;
padding-right: 10px;
background:url("/sites/commun/generique/images/graphisme/icone_erable_blanc_vert.png") no-repeat scroll -1px -1px transparent;
border-radius: 14px; -moz-border-radius:14px; -webkit-border-radius:14px;
color:#6C6865;
font-family:helveticaneue;
font-size:12px;
border: solid #d0d0d0 1px;
}
 
#zone-contenu.acceder-outil.img {
margin-top:-2px;
margin-bottom:-2px;
}
/*----------------------------------------------------------------------------------------------------------*/
/* Disposition */
#zone-centrale {
text-align:center;
}
#zone-logo{
left:18px;
margin:1px 10px;
position:absolute;
top:2px;
z-index:1;
}
#zone-entete{
height:121px;
margin:0;
}
#zone-titre{
height:38px;
margin:0;
text-align:right;
}
#zone-titre h1{
margin:0 20px 0 0;
padding:0;
background-color:transparent;
font-size:28px;
font-weight:bold;
}
#zone-corps{
margin:0;
text-align:left;
}
#zone-menu{
position:relative;
float:left;
height:21px;
width:100%;
margin:0;
padding:0;
text-align:left;
font-weight:bold;
border-bottom:1px solid #62210F;
}
#zone-contenu{
clear:both;
min-height:300px;
padding:0 2px;
text-align:justify;
border-top:medium none !important;
border:1px solid #62210F;
}
#zone-pied{
clear:both;
text-align:center;
}
 
.ui-tabs { padding:0; position: relative; }
/*----------------------------------------------------------------------------------------------------------*/
/* Logo */
#zone-logo img{
border:0;
}
#zone-logo a{
position:absolute;
top:0;
left:0;
}
#zone-logo a:hover{
border:1px dotted;
}
#zone-logo a:hover:after{
content:" Retour à l'accueil ";
}
/*----------------------------------------------------------------------------------------------------------*/
/* Navigation : onglets */
.onglets {
display:inline-block;
padding:0;
margin:0;
}
 
#zone_onglets > ul > li > a {
width: auto;
}
 
.onglets a {
border:none
}
.onglets li a, .onglets li{
list-style-image:none;
padding:5px 3px 5px 3px;
margin-top:2px;
background-color:#C2C0AD;
text-align: center;
}
 
.onglets li.verna{
width: 220px;
}
 
.onglets li.sci{
width: 120px;
}
 
.onglets li{
cursor:pointer;
float:left;
list-style:none;
margin-right:5px;
font-size:13px;
text-transform:uppercase;
letter-spacing:0;
padding:5px 2px 5px 5px;
margin:0 1px 0 0;
background:none no-repeat 5px 9px #C2C0AD;
color:#fd8c13;
border:1px solid #c2c0ad;
border-bottom:0px solid #c2c0ad;
text-decoration:none;
border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;
}
.onglets .menu_actif a{
background:none;
color:#FD8C13;
font-weight:bold;
}
.onglets .menu_actif{
background:none;
border:1px solid #C2C0AD;
border-bottom:0 solid #c2c0ad;
text-decoration:none;
border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;
}
.onglets .menu_inactif a, .onglets h1{
color:#6C6865;
}
.onglets .menu_actif h1{
color:#FD8C13;
}
.onglets li:hover{
background:white;
border-bottom:0;
}
.onglets li a:hover{
color:#FD8C13;
background:white
}
/*----------------------------------------------------------------------------------------------------------*/
/* Général */
.centrer{
text-align:center;
}
.discretion{
color:#A9A9A9;
font-size:10px;
font-weight:normal;
}
.attention{
background-color:#ffffcc;
background-image:url("../images/attention.png");
}
.information{
background-color:#e7ebfd;
background-image:url("../images/information.png");
}
.attention, .information{
display:inline-block;
background-repeat:no-repeat;
background-position:5px 50%;
padding:10px 5px 5px 40px;
background-size:24px 24px; -webkit-background-size:24px 24px; -o-background-size:24px 24px; -moz-background-size:24px 24px;
max-width:600px;
min-height:20px;
}
.msg{
max-width:100%;
height:auto;
width: 100%;
box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box;
border-radius: 10px 10px 10px 10px;
box-shadow: 2px 2px 5px #AAAAAA;
}
hr.nettoyage{
clear:both;
width:0;
}
.debogage, .debogage pre{
white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap;
word-wrap:break-word; /* IE 5.5+ */
overflow:auto;/* IE 6 */
}
/*----------------------------------------------------------------------------------------------------------*/
/* Largeurs à utiliser pour fixer les tailles des éléments (tableau, paragraphe...) */
.largeur-01{
width:60px;}
.largeur-02{
width:120px;}
.largeur-03{
width:180px;}
.largeur-04{
width:240px;}
.largeur-05{
width:300px;}
.largeur-06{
width:360px;}
.largeur-07{
width:420px;}
.largeur-08{
width:480px;}
.largeur-09{
width:540px;}
.largeur-10{
width:600px;}
.largeur-11{
width:660px;}
.largeur-12{
width:720px;}
.largeur-13{
width:780px;}
.largeur-14{
width:840px;}
.largeur-15{
width:900px;}
.largeur-16{
width:960px;}
/*----------------------------------------------------------------------------------------------------------*/
/* Formulaire de Recherche Simple */
#bloc-recherche fieldset {
border:none;
padding:0;
width:100%;
}
.choixNiveau {
position:absolute;
margin-top: -30px;
padding: 0;
width: 300px;
margin-left:430px;
}
 
.choixNiveau a {
float:left;
border-style:solid;
padding:0.4em 0.8em;
border-color:#C2C0AD;
color:#9AC343;
font-weight:bold;
cursor:pointer;
background:#f9f9f9;
border:1px solid #CCCCCC;
}
 
.choixNiveau .niveau1 {
border-radius:4px 0 0 0;
}
 
.choixNiveau .niveau3 {
border-radius:0 4px 0 0;
}
 
.choixNiveau .actif {
color:#EB8F00;
border-color:#EB8F00;
background:white;
}
 
/* couleur des boutons non sélectionnés*/
.ef-form-niveau .ui-buttonset {
margin-right: 25px;
}
 
.ef-form-niveau .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
background-color:#C2C0AD;
color: #9AC343;
font-weight: bold;
}
#ef-form-niveau .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
background-color: #FFFFFF;
color: #EB8F00;
font-weight: bold;
}
 
#ef-form-niveau .ui-button-text-only .ui-button-text {
padding: 0.2em 0.5em;
}
 
#bloc-recherche h1, #contenu h1 {
background: none;
padding: 0 0 0 20px;
}
 
#bloc-recherche {
padding-bottom: 0;
}
 
#ef-form-nomenclature table {
width:100%;
}
#ef-form-nomenclature h1 {
margin:0 0 3px 16px;
}
#ef-form-nomenclature .champ {
padding:3px;
font-size:12px;
}
#ef-form-nomenclature .zone-choix-type-nom {
float:left;
padding:0 10px
}
#ef-form-nomenclature .titre-choix-nom {
padding:12px;
font-weight:bold
}
#ef-form-nomenclature #zone-liens-recherche {
padding:5px;
}
#eflore_nomenclature_fiche {
background:url(../images/lien.png) no-repeat 0 -1px;
padding:0 0 0 17px;
color:#598000;
border:1px dotted #95AE5D;
border-width:0 0 1px 0;
cursor:pointer;
margin:0 0 0 19px;
font-size:12px
}
#ef-form-nomenclature input.ok {
color:rgba(0,0,0,0);
font-size:12px;
font-weight:bold;
padding:3px 10px 3px 10px;
background:url("../images/loupe.png") no-repeat scroll 11px 3px white;
}
#ef-form-nomenclature input.ok:hover {
background:url("../images/loupe.png") no-repeat scroll 11px 3px #DDD;
cursor:pointer;
}
#ef-form-nomenclature label {
font-size:12px
}
 
/*----------------------------------------------------------------------------------------------------------*/
/* Formulaire d'autocompletion */
.ui-autocomplete a {
text-decoration:none;
border-bottom:none;
}
.ui-menu {
list-style:none;
padding: 2px;
margin: 0;
display:block;
float: left;
font-size: 11px;
font-family: arial;
}
 
.ui-menu .ui-menu-item a {
text-decoration:none;
display:block;
padding:.2em .4em;
line-height:0.8;
zoom:1;
}
 
#nom.valeur-defaut-recherche {
color:#848484;
font-style:italic;
font-weight:0.9em;
}
/*----------------------------------------------------------------------------------------------------------*/
/* Résultats */
.zone-resultat {
width:96%;
min-height:101px;
padding:10px;
margin-bottom:10px;
background:#f8f9ec;
border:solid 1px #f1f3de;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
font-size:13px;
-moz-box-shadow:3px 3px 3px #DDD;
}
.zone-resultat .nom-sci{
display:inline-block;
width:310px;
 
}
.zone-resultat img {
border:solid 2px #DDD;
float:right;
height: 100px;
width: 100px;
}
.surlignage {
background-color: #E6FFA2;
}
#ef-resultats-decomposition #col-ns{
width:33%;
}
#ef-resultats-decomposition .retenu, #ef-resultats-decomposition .synonyme{
font-size:0.8em;
}
.retenu{
font-weight:bold;
}
#ef-resultats-determination .synonymes li {
background: none;
line-height: 18px;
list-style: none outside none;
padding-left: 15px;
}
.absent {
display:block;
float:right;
background-color:transparent;
background-image:url("../images/pasdephoto.png");
background-repeat:no-repeat;
background-position:50% 20%;
border: 2px solid #DDDDDD;
margin: 0 5px;
height: 100px;
width: 100px;
font-weight: bold;
text-align: center;
}
.vide {
display:block;
background-color:transparent;
margin: 0 5px;
height: 100px;
width: 100px;
text-align: center;
}
 
.absent .contribuer {
display: block;
padding-top: 66px;
}
 
#ef-resultats-nv-determination {
padding: 0;
}
 
#ef-resultats-nv-determination table, #ef-resultats-nv-determination table tbody, #ef-resultats-nv-determination table td {
border: none;
background: none;
}
 
#ef-resultats-nv-determination .nom {
width: 30%;
vertical-align: top;
margin-top: 5px;
}
#ef-resultats-nv-determination .nom ul, #ef-resultats-nv-determination li{
margin: 0;
margin-bottom: 5px;
list-style-image: none;
list-style-type: none;
padding: 0;
}
 
#ef-resultats-determination {
padding-left: 0px;
}
 
 
/*----------------------------------------------------------------------------------------------------------*/
/* Fiche */
#bloc-fiche h1 {
background: none repeat scroll 0 0 transparent;
padding: 0 9px 0 9px;
}
#zone_contenu_fiche {
background-color: #EEE;
clear: left;
min-height: 300px;
padding-top: 0.4em;
width: 676px;
border:none;
margin-left:-7px;
}
.ui-widget-content {
background:white;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { /* onglets + blocs */
border-bottom-right-radius: 0;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { /* onglets + blocs */
border-bottom-left-radius: 0;
}
.colonne {
float:left;
padding-bottom:10px;
width:33%;
margin: 0 1px;
}
 
.deuxtiers{
width:66%;
}
 
.pasDeCurseur {
cursor:default;
}
/* bloc */
.module {
margin: 0 1em 0.5em 0;
width: 99%;
}
.module .titre{
cursor: move;
font-size: 12px;
padding-bottom: 1px;
padding-left: 1.2em;
margin-left:-2px;
margin-right:1px;
}
 
.module .titre .ui-icon {
float: right;
}
.imagetteMoins, .imagettePlus { /* +/- du titre */
cursor:pointer
}
.module .contenu {
padding: 10px;
}
 
.ui-sortable-placeholder { /* déplacement bloc */
border: 1px dotted black;
visibility: visible !important;
height: 50px !important;
}
.ui-sortable-placeholder * {
visibility: hidden;
}
 
.module .contenu.attention {
padding: 10px 5px 5px 40px;
background-position: 5px 12px;
width: 174px;
}
 
.pas_de_protection {
display: block;
margin-bottom: 5px;
margin-left: 35px;
}
 
.completer_statut {
display: block;
float: right;
margin-bottom: 10px;
margin-right: 10px;
padding-top: 5px;
width: 60px;
}
 
#statut .aucune_info {
padding: 10px;
}
 
.infos_liste_rouge {
font-weight: bold;
}
 
#alignement-droite {
float:right;
margin-right: -5px;
}
 
.lien-onglet.lien-statique.lien_retour_synthese {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("../images/fleche_gauche.png");
background-origin: padding-box;
background-position: 0 2px;
background-repeat: no-repeat;
background-size: auto auto;
padding-left: 20px;
}
 
/* Onglets */
#zone_onglets {
margin-top: 0.1em;
border-width:0;
border-radius:0;
width:676px;
font-size:12px;
margin-left:-7px;
}
#zone_onglets .ui-tabs { /* taille de la barre d'onglets */'
padding:0;
position: relative;
}
.ui-tabs .ui-tabs-nav li a {
float: left;
padding: 4px 4px 3px 3px;
text-decoration: none;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { /* couleur des onglets */
color: #9AC343;
text-decoration: none;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color: #EB8F00;
text-decoration: none;
}
#onglets {
height:22px
}
#onglets li {
list-style:none;
line-height:12px;
}
 
#onglets li.ui-tabs-selected {
line-height: 13px;
}
 
#onglets li {
float:left;
}
#zone_onglets li .ui-icon-close {
float: left;
cursor: pointer;
}
#zone_onglets li a.lien-onglet {
overflow: hidden;
text-decoration: none;
border-bottom: none;
}
#zone_onglets li a.lien-onglet hover {
overflow: hidden;
text-decoration: none;
border-bottom: none;
}
/* Menu et + */
#zone_onglets #ongletEtPlus {
cursor: pointer;
display: none;
float: right;
font-size: 20px;
height: 20px;
padding-bottom: 0;
padding-right: 5px;
position: relative;
top: 1px;
width: 25px;
z-index: 500;
}
#zone_onglets #ongletEtPlus a {
border-bottom: none;
}
#lienOngletEtPlus { /* icone */
width:6px;
padding-left: 9px;
padding-top: 0px;
display:block;
margin-top:5px;
}
 
.lien-onglet-synthese, .lien-onglet-synthese:hover {
border-bottom: none;
}
 
.menuModules { /* liste */
left: 465px;
width: 187px;
position: absolute;
border: 1px solid #DCD1CC;
margin: 0px;
padding: 0px;
top: 30px;
z-index:499;
background-color: #F9F9F9;
color: #9AC343;
font-weight: bold;
}
.elementMenuModules { /* element de la liste */
display:block;
border: 1px solid white;
width: 150px;
padding: 10px 10px 10px 25px;
margin:0px;
cursor: pointer;
}
.elementMenuModules:hover {
background-color: #FEBF01;
}
.elementMenuModulesSelectionne {
background-color: #F6AF39;
color: white;
}
 
#dialog label, #dialog input { display:block; }
#dialog label { margin-top: 0.5em; }
#dialog input, #dialog textarea { width: 95%; }
 
.bloc_legende_repartition {
float:left;
margin-right:5px;
margin-bottom:3px;
width:15px;
height:15px;
border:solid 1px black;
}
 
.texte_legende_repartition {
float:left;
text-transform:capitalize;
}
 
.conteneur_lien_metadonnees {
padding: 15px;
}
.lien_metadonnees {
float:right;
}
 
.sous-liste-metadonnees {
margin: 0px;
}
 
.intitule_metadonnee {
font-weight: bold;
color : #6C6865;
}
 
.lien_metadonnees_affiche {
color:#FD8C13;
}
 
.metadonnees_resume_description {
font-family: Arial,Helvetica,Verdana,sans-serif;
font-size: 14px;
}
 
#nomenclature > ul > li.item_nomenclature {
line-height: 18px;
width:100%;
}
 
.tab-chargement {
background: url("../images/chargement.gif") no-repeat scroll 10px 13px transparent;
background-color: #FFFFFF;
border: medium none;
cursor: pointer;
display: inline-block;
font-size: 14px;
padding: 20px 20px 20px 50px;
width: 555px;
}
 
.conteneur_illustrations_cel {
width: 250px;
}
 
.conteneur_metadonnees_cel {
width: 250px;
padding-top : 20px;
}
 
.onglet_marge_gauche {
margin-top: 7px;
padding-left: 30px;
}
 
.references_bibliographiques .texte_inactif {
display:none;
}
 
#repartition_observations {
height: 590px;
width: 100%;
overflow: hidden;
}
 
.legende_nom_retenu {
background-color: #E6FFA2;
}
 
.couleur_legende {
display: inline-block;
height: 12px;
width: 30px;
margin-right: 5px;
margin-top: 2px;
border: 1px dotted black;
}
 
.lienToggle {
cursor: pointer;
}
 
/*----------------------------------------------------------------------------------------------------------*/
/* Nomenclature */
.nomenclature {
text-transform: none;
}
.famille {
text-transform: uppercase;
}
.ns-retenu {
font-weight:bold;
}
.supra-gen, .gen, .sp, .infra-sp, .infra-gen {
font-style: italic;
text-transform: none;
}
.hyb, .chimere, .abbr, .formule-hyb, .gp, .cultivar, .commercial,
.auteur, .annee, .biblio, .addendum, .type_epithete {
font-style: normal;
text-transform: none;
}
.vernaculaire {
font-size: 17px;
color: #A89D80;
text-transform: none;
}
.redirige_depuis {
color: #777777;
font-size: 0.9em;
font-weight: normal;
text-transform: none;
}
.redirige_depuis strong {
font-weight: bold;
font-style: italic;
}
 
/*----------------------------------------------------------------------------------------------------------*/
/* Wikinis */
.editable_sur_clic {
min-height: 50px;
}
 
.aide_wikini {
font-size: 0.8em;
}
 
.contenu_editable {
background-color: #F8FBF2;
border: dashed 1px #AAAAAA;
padding: 5px;
padding-top: 2px;
border-radius: 3px;
}
 
.champ_edition_wiki {
width: 100%;
height: 350px;
overflow: auto;
}
 
.imagettePlus {
width:9px;
height:9px;
background:url('../images/ouvrir.png') no-repeat;
display:inline-block;
margin-right:3px;
}
 
.imagetteMoins {
width:9px;
height:9px;
background:url('../images/fermer.png') no-repeat;
margin-right:3px;
display:inline-block;
}
 
.basionyme_complet {
margin-left:20px;
display:block;
}
 
.legende {
border:dashed 1px #AAA;
padding:5px 10px;
}
 
.legende b {
color:#AAA; margin-bottom:10px
}
 
.wp {
background:url('../images/sites/wikipedia.png') no-repeat;
margin-left: 15px;
margin-top: 5px;
padding-left: 20px;
}
/*----Description+Ecologie-----------------------------------------------------------------------------------*/
 
.citation {
font-size:9px;
}
.fond_graphique {
background-color:#F8F8F8;
padding-top: 10px;
padding-bottom: 10px;
 
}
.graphique {
margin-right: auto;
margin-left: auto;
width:100%;
}
 
.graphique > * {
width:100%;
}
 
.titre {
color:#36560B;
left:2px;
position:relative;
padding-right:5px;
}
.desc {
margin-right:3px;
margin-left:3px;
}
.desc td {
width: 50%;
vertical-align: top;
border: 1px dasharray #36560B;
padding: 7px 5px;
}
.italique { font-style: italic;
}
.gras { font-weight: bold;
}
 
/* boutons spécifiques légende graphiques (masquer/afficher) */
.legende_formes {
background-image:url('../images/legende_formes.png');
background-position: 2px 5px;
background-repeat: no-repeat ;
width : 428px;
height : 30px;
margin-right : auto;
margin-left: auto;
border: 1px dotted grey;
padding : 5px;
text-align:center;
}
.legende_graphique {
display:none;
font-size:11px;
padding: 5px;
}
.legende_graphique td, .legende_graphique tbody, .legende_graphique table {
background:none;
border:none;
}
 
.cacher, .voir {
float:right;
}
 
.cacher {
display:none;
}
 
.fond_graphique button {
background: none;
border: none;
}
 
.fond_graphique button:hover {
cursor: pointer;
text-decoration: underline;
}
 
/* Illustrations */
#illustrations-coste img {
display:inline;
vertical-align:middle;
margin:0px;
padding:0px;
}
 
#illustrations {
margin-left:-5px;
margin-right:-4px;
}
.liste-illustrations .attention {
border:0;
background:none;
text-align:left;
padding:0;
}
.liste-illustrations {
list-style-type:none;
padding:0;
}
.liste-illustrations li {
list-style-image:none !important;
background:none;
text-align:center;
font-size:11px;
float: left;
width:210px;
height:285px;
margin:0px;
padding:0px;
}
 
#galerie-organes {
width: 648px;
margin-top: 10px;
margin-bottom: 10px;
background-color: #f0f0f0;
border-radius: 10px;
}
 
.separator {
display: inline-block;
width: 10px;
}
 
.liste-illustrations li.organe-moyen {
height: 230px;
font-size: 13px;
}
 
.liste-illustrations li.caractere-moyen {
height: 210px;
}
 
.liste-illustrations li p.absent-organes {
height: 193px;
width: 196px;
margin: 2px 5px 5px;
background-position: 50% 50%;
}
.liste-illustrations li p.absent-organes a.contribuer {
height: 30px;
padding-top: 146px;
}
 
.liste-illustrations li.icone-organe {
width: 108px;
height: auto;
padding-top: 5px;
padding-bottom: 5px;
background-color: #ffffff;
}
.liste-illustrations li.icone-organe:first-of-type {
border-radius: 10px 0 0 0;
}
.liste-illustrations li.icone-organe:last-of-type {
border-radius: 0 10px 0 0;
}
.liste-illustrations li.icone-organe.active {
background-color: #f0f0f0;
}
.liste-illustrations li.miniature-organe {
width: 105px;
height: auto;
}
#zone_contenu_corps img.icone-organe {
height: 30px;
margin: auto;
border: none;
}
#zone_contenu_corps img.miniature-organe {
margin: auto;
}
 
div.onglet-organe {
margin: auto;
width: 632px;
}
div.onglet-organe ul.liste-illustrations {
margin-top: 8px;
}
 
.liste-illustrations li p.absent-mini {
width: 60px;
height: 60px;
margin-right: 22px;
font-size: .8em;
background-image: url("../images/pasdephoto_petit.png");
}
.liste-illustrations li p.absent-mini .contribuer {
padding-top: 25px;
}
 
#grande-image-organe {
margin-bottom: 15px;
text-align: center;
}
#grande-image-legende {
width: 600px;
margin: auto;
padding-bottom: 5px;
}
 
a.lien-images-organes.non-fourni {
opacity: 0.2;
text-decoration: none;
}
a.lien-images-organes.non-fourni:hover {
text-decoration: none;
color: inherit;
}
a.lien-images-organes.fourni {
cursor: pointer;
}
a.lien-images-organes.fourni:hover {
}
a.lien-grande-image-organe {
cursor: pointer;
}
 
#illustrations-coste .liste-illustrations li {
height: 196px;
}
 
.liste-illustrations li p {
margin:2px 2px 5px 2px;
width:206px;
font-size:11px;
}
.liste-illustrations strong {
font-weight:bold;
}
.liste-illustrations img {
display:block;
border:1px solid white;
margin:0 auto;
padding:2px;
max-height:196px;
max-width:196px;
}
.liste-illustrations a:hover img{
border:1px dotted #FD8C13;
}
a.img-cadre{
display:block;
border: 1px solid white;
background:transparent;
width:204px;
height:204px;
margin-right:2px;
}
a.img-cadre:hover{
border:1px dotted #FD8C13;
}
.img-cadre-fond{
background:white;
width:200px;
height:200px;
line-height:200px;
text-align:center;
margin:2px;
}
#illustrations-photoflora img{
display:inline;
vertical-align:middle;
margin:0;
padding:0;
border:0;
}
 
.importance4 {
font-size:0.8em;
padding:5px;
box-shadow:none;
}
 
h1 .nomenclature {
color:#555;
font-size:19px;
}
 
h1 .famille {
font-size:13px;
margin-top:5px;
}
 
table tbody {
background-color: #F8F8DB;
border: 1px solid #9AC342;
}
 
/* relatif aux liens pour l'export pdf --- bloc du bas ---*/
#bloc_export_choix {
width: 100%;
}
 
.avertissement_telechargement {
padding-top:1px;
font-style:italic;
color: grey;
font-weight: 0.9em;
}
 
#export_pdf input[type="submit"] {
text-align: center;
width :120px;
display:block;
/*margin-right: auto;*/
margin-left: 25px;
}
#export_pdf fieldset label{
width :120px;
display:inline-block;
text-align:right;
}
 
#export_pdf fieldset {
border: none;
margin-left: auto;
margin-right: auto;
}
 
.infos_liens_permanents {
width: 60%;
}
 
.telechargements_pdf {
width: 40%;
}
 
.conteneur_telechargements > * {
padding-left:20px;
padding-top: 10px;
padding-bottom: 10px;
}
 
.lien_telechargement_qr_code {
padding: 0;
margin-left:20px;
}
 
.conteneur_permalien_mobile {
margin-left:20px;
margin-top: 10px;
}
 
.lien_export_pdf {
background:url('../images/pdf.png') no-repeat;
padding-left: 20px;
font-size:12px;
padding-bottom: 3px;
}
 
.avertissement_telechargement {
margin-top: 2px;
}
 
.conteneur_permalien {
padding-left: 5px;
padding-bottom: 5px;
padding-top: 5px;
width: 100%;
}
 
.wp.conteneur_permalien {
padding-left: 0px;
padding-top: 0px;
}
 
.titre_lien_permanent {
padding-left: 0px;
}
 
.signaler-mauvaise-identification {
font-weight: bold;
margin-left: 35px;
}
 
/**----------------------- recherche--avancee--formulaire---------------------------------------------**/
::-webkit-input-placeholder { color:#777777; }
::-moz-placeholder { color:#777777; } /* firefox 19+ */
:-ms-input-placeholder { color:#777777; } /* ie */
input:-moz-placeholder { color:#777777; }
 
#recherche_av {
position:relative;
float:right;
right:17px;
 
}
#bloc-recherche {
padding-bottom : 3px;
}
div #recherche_av_form {
width:95%;
margin-right:auto;
margin-left:auto;
padding : 3px;
 
}
#bloc_recherche_av {
border: 1px solid white;
padding : 5px;
padding-top : 15px;
}
 
#recherche_av_form label {
display:block;
text-align:left;
padding-left:7px;
}
 
#recherche_av_form .rech {
margin-top:20px;
position:relative;
left: 228px;
width:200px;
padding: 2px;
cursor:pointer;
background-color:#FFFFFF;
font-weight: bold;
}
#recherche_av_form .rech:hover {
background-color:#DDDDDD;
}
#recherche_av_form label, #recherche_av_form input, #recherche_av_form select {
float:left;
}
#recherche_av_form .valeur-defaut-recherche {
color: #848484;
font-style: italic;
}
/* fieldset classification */
fieldset.classification_form label{
width: 95px;
}
fieldset.classification_form input, fieldset.classification_form select{
width: 100px;
}
/* fieldset statuts presence */
fieldset.statuts_form label, fieldset.presence_form label{
width: 220px;
}
fieldset.statuts_form select, fieldset.presence_form select{
width: 200px;
}
/* fieldset publication */
fieldset.publication_form label {
width: 60px;
}
/* fieldset numero */
fieldset.numero_form label {
width: 135px;
}
 
.description-referentiel {
text-align: justify;
color: #222222;
font-family: arial;
font-size: 12px;
font-weight: normal;
}
 
/**----------------------- Correction de hauteur pour les graphiques ---------------------------------------------**/
.chorodep_svg {
height: 590px;
width: 100%;
}
 
.ecologie_svg {
width: 500px;
}
 
.chargement {
background:url('../images/chargement-transparent.gif');
background-repeat:no-repeat;
background-position:center;
min-height: 150px;
}
 
/**----------------------- Autocompletion des noms ---------------------------------------------**/
li.autocompletion_nom, .autocompletion_nom:hover {
background: url("../images/fleche_droite.png") no-repeat scroll 100% 0 white;
margin: 0 0 5px;
}
 
/**----------------------- Illustration des résultats ---------------------------------------------**/
 
.illustration_resultat_cel, .illustration_resultat_choro, .illustration_resultat_coste, #synthese_repartition img, #synthese_illustrations img {
cursor: pointer;
}
 
.nomenclature_synonyme {
padding-left: 13px;
}
 
.nomenclature_basionyme {
font-size: 0.9em;
}
 
 
/**----------------------- Styles pour la pagination ---------------------------------------------**/
.page_courante {
font-size: 1.5em;
}
 
.page_courante a {
color: black;
}
 
.nb_resultats {
float:right;
margin-top: 10px;
}
/tags/v5.3-cordier/presentations/styles/popup.css
New file
0,0 → 1,72
@CHARSET "UTF-8";
/*----------------------------------------------------------------------------------------------------------*/
/* Disposition */
#zone-pied{
text-align:center;
}
#eflore_pied_page{
text-align:center;
}
#zone-debug{
background-color:grey;
color:white;
}
/*----------------------------------------------------------------------------------------------------------*/
/* Spécifiques popup : CONTACT */
input,textarea{
max-width:100%;
height:auto;
width: 100%;
box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box;
}
/*----------------------------------------------------------------------------------------------------------*/
/* Spécifiques popup : ILLUSTRATION */
#info-img .img-cadre {
text-align:center;
}
#info-img img {
display:inline;
vertical-align:middle;
margin:0;
border:0;
border: 1px solid lightgrey;
padding:2px;
}
 
/*----------------------------------------------------------------------------------------------------------*/
/* Spécifiques popup : GALERIE */
#info-img-galerie .conteneur-precedent {
float:left;
width:10%;
height:300px;
}
 
#info-img-galerie .conteneur-suivant {
height:300px;
position:relative;
width:10%;
float:right;
}
 
#info-img-galerie .conteneur-precedent #precedent, #info-img-galerie .conteneur-suivant #suivant {
position:relative;
top:50%;
font-size:1.3em;
border:none;
}
 
#info-img-galerie .conteneur-suivant #suivant {
float:right;
text-align:right;
}
 
#info-img-galerie .img-cadre {
float:left;
width:80%;
height:300px;
cursor: pointer;
}
 
#info-img-galerie #lien-voir-meta {
text-align: center;
}
/tags/v5.3-cordier/presentations/styles/pdf.css
New file
0,0 → 1,280
@CHARSET "UTF-8";
/* tout le css pour la mise en page du pdf d'exportation de fiches. */
/* GÉNÉRAL */
table{
border-collapse: collapse;
width:100%;
margin:5px 0;
/*page-break-inside : avoid;*/
font-size:10px;
}
td,th{
border:1px solid #36560B;
padding:7px 5px;
}
th{
background-color:#EEE;
}
h2 {
font-weight: bold;
letter-spacing: 0;
margin: 20px 0 12px 0;
font-size: 15px;
color: #FD8C13;
}
body {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 0.75em;
background-color: #fff;
}
.centrer {
display : block;
margin-left:auto;
margin-right:auto;
}
.titre {
color:#36560B;
left:2px;
position:relative;
padding-right:5px;
}
.categorie {
background-color: #F6AF3A;
display: block;
padding: 2mm;
padding-left: 5mm;
padding-right: 5mm;
color: #fff;
border-radius: 10px 10px 0 0;
font-weight: bold;
}
.bloc {
padding-left: 2mm;
padding-bottom: 5mm;
}
.no-break {
page-break-inside : avoid;
}
.allow-break {
page-break-inside : auto;
}
 
.italique {
font-style: italic;
}
.gras {
font-weight: bold;
}
hr.nettoyage{
clear: both;
width: 0;
}
.citation {
font-size: 9px;
}
.deux-colonnes {
width:48%;
float:left;
text-align: center;
}
.italique {
font-style:italic;
}
.version {
float:right;
}
 
/* DESCRIPTION spécifique */
.desc td {
width: 50%;
vertical-align: top;
border: 1px dasharray #36560B;
padding: 7px 5px;
}
 
/* BIBLIOGRAPHIE spécifique */
li.item_biblio_flore {
background: none;
list-style: square;
padding-left: 15px;
color : #FC8912;
}
/* ECOLOGIE spécifique*/
.graphique {
width:500px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
 
.fond_graphique {
background-color:#F8F8F8;
padding-top: 10px;
padding-bottom: 10px;
}
.legende_graphique td, .legende_graphique tbody, .legende_graphique table {
font-size: 8px;
background:none;
border:none;
}
.svg_clim, .svg_sol {
width: 500px;
height: 200px;
}
.svg_sol {
width: 500px;
height: 250px;
}
.legende_formes {
width : 348px;
height : 30px;
display: block;
margin-right : auto;
margin-left: auto;
padding : 5px;
}
/* REPARTITION spécifique*/
.bloc_legende_repartition {
float:left;
margin-right:5px;
margin-bottom:3px;
width:15px;
height:15px;
border:1px solid black;
}
.texte_legende_repartition {
float:left;
font-size :10px;
width: 160px;
text-align:left;
}
.legende_r {
width: 190px;
margin-right: auto;
margin-left: auto;
}
.repartition_observations {
width: 250px;
margin-bottom: 5px;
margin-right: auto;
margin-left: auto;
text-align: center;
}
.repartition_observations object {
display: block;
padding: 0px;
height:200px;
margin-right: auto;
margin-left: auto;
}
 
/* NOMENCLATURE spécifique*/
.legende_nom_retenu {
background-color: #E6FFA2;
}
 
.surlignage {
background-color: #E6FFA2;
}
.couleur_legende {
display: inline-block;
height: 12px;
width: 30px;
margin-right: 5px;
margin-top: 2px;
border: 1px dashed black;
}
.legende {
border:dashed 1px #AAA;
padding:5px 10px;
}
.onglet_marge_gauche {
margin-top: 7px;
padding-left: 30px;
}
li.item_nomenclature {
background: none;
list-style: square;
padding-left: 15px;
color : #FC8912;
}
 
 
.nom {
vertical-align: top;
color: black;
}
 
.retenu, .synonyme{
font-size:0.8em;
}
.retenu{
font-weight:bold;
}
.basionyme_complet {
margin-left:20px;
display:block;
}
 
/* ILLUSTRATION spécifique*/
#illustrations {
width:196px;
height:196px;
margin-right: auto;
margin-left: auto;
text-align:center;
border:0.5px dotted black;
 
}
 
.liste-illustrations{
list-style-type:none;
padding:0;
}
.liste-illustrations li {
list-style-image:none !important;
background:none;
text-align:center;
font-size:11px;
float: left;
width:210px;
height:285px;
}
 
#illustrations .liste-illustrations li{
height: 215px;
}
 
.liste-illustrations li p{
margin:2px 2px 5px 2px;
width:206px;
font-size:11px;
}
.liste-illustrations strong{
font-weight:bold;
text-align: center;
 
}
.liste-illustrations img{
display:block;
border:1px solid white;
text-align: center;
padding:2px;
max-height:196px;
max-width:196px;
margin-right: auto;
margin-left: auto;
}
 
.liste-illustrations a:hover img{
border:1px dotted #FD8C13;
}
 
/* WIKI spécifique*/
 
.wiki { font-size : 10px;
}