New file |
0,0 → 1,720 |
@charset "UTF-8"; |
html { |
overflow:hidden; |
} |
body { |
overflow:hidden; |
padding:0; |
margin:0; |
width:100%; |
height:100%; |
font-family:Arial; |
font-size:12px; |
} |
h1 { |
font-size:1.6em; |
} |
h2 { |
font-size:1.4em; |
} |
a, a:active, a:visited { |
border-bottom:1px dotted #666; |
color:#CCC; |
text-decoration:none; |
} |
a:active { |
outline:none; |
} |
a:focus { |
outline:thin dotted; |
} |
a:hover { |
color:#56B80E; |
border-bottom:1px dotted #56B80E; |
} |
img { |
border:none; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Présentation des listes de définitions */ |
dl { |
width:100%; |
margin:0; |
} |
dt { |
float:left; |
font-weight:bold; |
text-align:top left; |
margin-right:0.3em; |
line-height:0.8em; |
} |
dd { |
width:auto; |
margin:0.5em 0; |
line-height:0.8em; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Tableau : */ |
table { |
border:1px solid gray; |
border-collapse:collapse; |
width:100%; |
} |
table thead, table tfoot, table tbody { |
background-color:Gainsboro; |
border:1px solid gray; |
} |
table tbody { |
background-color:#FFF; |
} |
table th { |
font-family:monospace; |
border:1px dotted gray; |
padding:5px; |
background-color:Gainsboro; |
} |
table td { |
font-family:arial; |
border:1px dotted gray; |
padding:5px; |
text-align:left; |
} |
table caption { |
font-family:sans-serif; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Tableau : tablesorter */ |
th.header { |
background:url(../images/trie.png) no-repeat center right; |
padding-right:20px; |
} |
th.headerSortUp { |
background:url(../images/trie_croissant.png) no-repeat center right #56B80E; |
color:white; |
} |
th.headerSortDown { |
background:url(../images/trie_decroissant.png) no-repeat center right #56B80E; |
color:white; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Générique */ |
.nettoyage{ |
clear:both; |
} |
hr.nettoyage{ |
visibility:hidden; |
} |
|
.element-overlay { |
background-color: #DDDDDD; |
border:1px solid grey; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Carte */ |
#carte { |
padding:0; |
margin:0; |
position:absolute; |
right:0; |
bottom:0; |
overflow:auto; |
width: 100%; |
height: 100%; |
} |
|
.carte_titree { |
top:35px; |
} |
|
.carte_non_titre { |
top:0px; |
} |
|
.bouton { |
background-color:white; |
border:2px solid black; |
cursor:pointer; |
text-align:center; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Message de chargement */ |
|
#zone-chargement-point { |
display: none; |
position: fixed; |
left: 110px; |
top: 10px; |
z-index: 3000; |
width: 180px; |
height: 42px; |
padding: 7px; |
text-align: center; |
background-color: rgba(255, 255, 255, 0.85); |
border: solid #dedede 1px; |
border-radius: 4px; |
} |
#legende-chargement { |
padding-top: 7px; |
} |
#img-chargement { |
float: left; |
margin-right: 5px; |
} |
|
#chargement { |
margin:25px; |
text-align:center; |
|
} |
#chargement img{ |
display:block; |
margin:auto; |
} |
|
#message-aucune-obs p { |
padding-top : 25px; |
font-weight: bold; |
} |
|
#message-aucune-obs { |
background-image: url("../images/attention.png"); |
background-position: 50% 10px; |
background-repeat: no-repeat; |
display: none; |
height: 70px; |
padding: 10px; |
position: fixed; |
text-align: center; |
width: 230px; |
z-index: 3000; |
} |
|
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Avertissement */ |
#zone-avertissement { |
background-color:#DDDDDD; |
color: black; |
padding:12px; |
text-align:justify; |
line-height:16px; |
} |
#zone-avertissement h1{ |
margin:0; |
} |
#zone-avertissement a { |
border-bottom:1px dotted gainsboro; |
} |
|
#zone-avertissement a, a:active, a:visited { |
color: #666666; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Carte titre */ |
|
#zone-titre { |
top: 30px; |
} |
|
#zone-titre, #zone_stats { |
padding:0; |
position:absolute; |
height:25px; |
overflow:hidden; |
border-radius: 4px; |
z-index: 3000; |
display: inline-block; |
padding:8px; |
color: black; |
font-family: inherit; |
font-size: 1.1em; |
font-weight: bold; |
text-rendering: optimizelegibility; |
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; |
} |
|
#zone-info { |
position:absolute; |
top:26px; |
z-index:3001; |
right:8px; |
width: 25px; |
text-align:right; |
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; |
border-radius: 5px 5px 5px 5px; |
} |
|
#zone-info a { |
border: none; |
} |
|
|
#logo { |
left: 2px; |
padding: 4px; |
position: absolute; |
top: 5px; |
z-index: 3002; |
width: 60px; |
} |
.image-logo { |
padding: 5px; |
background-color: rgba(255, 255, 255, 0.9); |
border: solid #dedede 1px; |
border-radius: 4px; |
max-height: 60px; |
max-width: 90px; |
} |
#logo a { |
border-bottom: none; |
} |
|
#carte-titre { |
display:inline-block; |
margin:0; |
padding:0em; |
} |
#carte-titre {/*Hack CSS fonctionne seulement dans ie6, 7 & 8 */ |
display:inline !hackCssIe6Et7;/*Hack CSS pour ie6 & ie7 */ |
display /*\**/:inline\9;/*Hack CSS pour ie8 */ |
} |
|
#image-utilisateur { |
position: absolute; |
right: 5px; |
top: 40%; |
} |
|
#lien-affichage-filtre-utilisateur { |
right: 5px; |
float: right; |
padding-bottom: 1px; |
cursor: pointer; |
font-weight: bold; |
margin-left: 25px; |
padding: 3px; |
position: relative; |
top: 3px; |
width: 117px; |
height: 30px; |
} |
|
#conteneur-filtre-utilisateur.ferme:hover { |
color: #222222; |
background-color: #AAAAAA; |
text-decoration: none; |
cursor: pointer; |
border: 1px solid #222222; |
} |
|
#conteneur-filtre-utilisateur { |
float: right; |
padding: 3px; |
position: absolute; |
right: 5px; |
top: 31px; |
border-radius: 5px 5px 5px 5px; |
width: 117px; |
max-width: 350px; |
} |
|
.largeurAuto { |
width: auto; |
} |
|
#raz-filtre-utilisateur { |
color: red; |
padding-left: 1px; |
word-wrap: break-word; |
width: 110px; |
} |
|
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Panneau latéral */ |
#panneau-lateral { |
padding:0; |
margin:0; |
position:absolute; |
top: 90px; |
left:0; |
bottom:0; |
width: 83px; |
overflow:hidden; |
height: 25px; |
z-index: 3001; |
border-top-right-radius : 10px; |
border-bottom-right-radius : 10px; |
} |
#pl-indication-filtre { |
margin-left : 25px; |
padding : 3px; |
font-weight: bold; |
padding: 3px; |
position: relative; |
top: 3px; |
} |
#pl-contenu { |
display:none; |
} |
#pl-entete { |
height:95px; |
} |
#pl-corps { |
bottom:0; |
overflow:auto; |
padding:5px; |
width:290px; |
} |
#pl-ouverture, #pl-fermeture { |
position:absolute; |
top:0; |
height:60px; |
width:24px; |
text-align:center; |
cursor:pointer; |
} |
#pl-ouverture { |
left:0; |
background:url(../images/ouverture.png) no-repeat top left #4A4B4C; |
height:100%; |
} |
#pl-fermeture { |
display:none; |
right: 0; |
background:url(../images/fermeture.png) no-repeat top right #4A4B4C; |
} |
#pl-ouverture span, #pl-fermeture span{ |
display:none; |
} |
/* Panneau latéral : balises */ |
#panneau-lateral h2, #panneau-lateral p { |
color:black;} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Liste des taxons de la carte */ |
#taxons { |
color:black; |
} |
#taxons .taxon-actif, #taxons .taxon-actif span, .raz-filtre-taxons.taxon-actif { |
color:#56B80E; |
} |
#taxons li span, .raz-filtre-taxons { |
border-bottom:1px dotted #666; |
color:black; |
} |
#taxons li span:focus { |
outline:thin dotted; |
} |
#taxons li span:hover { |
color:#56B80E; |
border-bottom:1px dotted #56B80E; |
cursor:pointer; |
} |
.nt { |
display:none; |
} |
.raz-filtre-taxons { |
cursor:pointer; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Zone des stats en bas */ |
#zone-stats { |
padding:0; |
position:absolute; |
height:25px; |
bottom:20px; |
overflow:hidden; |
border-radius: 4px; |
z-index: 3000; |
display: inline-block; |
padding:8px; |
color: black; |
font-family: inherit; |
font-size: 1.1em; |
font-weight: bold; |
text-rendering: optimizelegibility; |
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; |
} |
|
#zone-stats h1 { |
margin-top: 0; |
} |
|
#lien_plein_ecran, #lien-voir-cc { |
position: absolute; |
z-index: 3000; |
border-radius: 4px; |
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; |
padding: 8px 8px 4px; |
font-size: 1.1em; |
font-weight: bold; |
} |
|
#lien_plein_ecran { |
bottom: 20px; |
left: 5px; |
} |
|
#lien_plein_ecran a, #lien-voir-cc a { |
color: black; |
padding: 2px; |
border-bottom: none; |
} |
|
#lien_plein_ecran img { |
height: 20px; |
} |
|
#lien-voir-cc { |
bottom: 3px; |
right: 5px; |
bottom: 20px; |
height: 20px; |
} |
|
#origine-donnees { |
-moz-user-select: none; |
background: -moz-linear-gradient(center , rgba(255, 255, 255, 0) 0pt, rgba(255, 255, 255, 0.5) 50px) repeat scroll 0 0 transparent; |
color: #444444; |
direction: ltr; |
font-family: Arial,sans-serif; |
font-size: 10px; |
font-weight: bold; |
height: 19px; |
line-height: 19px; |
padding-left: 50px; |
padding-right: 2px; |
bottom: 0px; |
position: absolute; |
text-align: right; |
white-space: nowrap; |
z-index: 3001; |
} |
|
#origine-donnees a { |
color: #444444; |
cursor: pointer; |
text-decoration: underline; |
border-bottom: none; |
} |
#origine-donnees a:active, #origine-donnees a:visited { |
border-bottom: 1px dotted #666666; |
color: #CCCCCC; |
text-decoration: none; |
} |
|
#origine-donnees a:visited { |
border-bottom: 1px dotted #666666; |
color: #444444; |
text-decoration: none; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Pop-up observations */ |
#info-bulle{ |
min-height:500px; |
width:500px; |
} |
#observations { |
overflow:none; |
margin:-1px 0 0 0; |
border: 1px solid #AAA; |
border-radius:0 0 4px 4px; |
} |
#obs-pieds-page { |
font-size:10px; |
color:#CCC; |
clear:both; |
} |
.ui-tabs { |
padding:0; |
} |
.ui-widget-content { |
border:0; |
} |
.ui-widget-header { |
background:none; |
border:0; |
border-bottom:1px solid #AAA; |
border-radius:0; |
} |
.ui-tabs-selected a { |
border-bottom:1px solid white; |
} |
.ui-tabs-selected a:focus { |
outline:0; |
} |
.ui-tabs .ui-tabs-panel { |
padding:0.2em; |
} |
.ui-tabs .ui-tabs-nav li a { |
padding: 0.5em 0.6em; |
} |
#obs h2 { |
margin:0; |
text-align:center; |
} |
#observations a { |
color:#333; |
border-bottom:1px dotted gainsboro; |
} |
#observations a:hover { |
color:#56B80E; |
border-bottom:1px dotted #56B80E; |
} |
.nom-sci{ |
color:#454341; |
font-weight:bold; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Pop-up observations : liste */ |
.cel-img-principale { |
height:0;/*Pour IE*/ |
} |
.cel-img-principale img{ |
float:right; |
height:75px; |
width:75px; |
padding:1px; |
border:1px solid white; |
} |
#observations .cel-img:hover img{ |
border: 1px dotted #56B80E; |
} |
.cel-img-secondaire, .cel-infos{ |
display: none; |
} |
ol#obs-liste-lignes { |
padding:5px; |
margin:0; |
} |
.champ-nom-sci { |
display:none; |
} |
#obs-liste-lignes li dl {/*Pour IE*/ |
width:350px; |
} |
.obs-conteneur{ |
counter-reset: item; |
} |
.obs-conteneur .nom-sci:before { |
content: counter(item) ". "; |
counter-increment: item; |
display:block; |
float:left; |
} |
.obs-conteneur li { |
display: block; |
margin-bottom:1em; |
} |
|
.lien-widget-saisie { |
background: url("../images/saisie.png") no-repeat scroll left center transparent; |
border: 1px solid #AAAAAA; |
background-color: #EEE; |
padding: 5px 5px 5px 25px; |
text-decoration: none; |
border-radius : 5px; |
} |
|
.lien-widget-saisie:hover { |
color: #222222; |
background-color: #AAAAAA; |
text-decoration: none; |
cursor: pointer; |
border: 1px solid #222222; |
} |
|
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Diaporama */ |
.cel-legende{ |
text-align:left; |
} |
.cel-legende-vei{ |
float:right; |
} |
.cel-legende p{ |
color: black; |
font-size: 12px; |
line-height: 18px; |
margin: 0; |
} |
.cel-legende a, .cel-legende a:active, .cel-legende a:visited { |
border-bottom:1px dotted gainsboro; |
color:#333; |
text-decoration:none; |
background-image:none; |
} |
.cel-legende a:hover { |
color:#56B80E; |
border-bottom:1px dotted #56B80E; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Plugin Jquery Pagination */ |
.navigation { |
padding:5px; |
float:right; |
} |
.pagination { |
font-size: 80%; |
} |
.pagination a { |
text-decoration: none; |
border: solid 1px #666; |
color: #666; |
background:gainsboro; |
} |
.pagination a:hover { |
color: white; |
background: #56B80E; |
} |
.pagination a, .pagination span { |
display: block; |
float: left; |
padding: 0.3em 0.5em; |
margin-right: 5px; |
margin-bottom: 5px; |
min-width:1em; |
text-align:center; |
} |
.pagination .current { |
background: #4A4B4C; |
color: white; |
border: solid 1px gainsboro; |
} |
.pagination .current.prev, .pagination .current.next{ |
color: #999; |
border-color: #999; |
background: gainsboro; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Formulaire de contact */ |
#form-contact input{ |
width:300px; |
} |
#form-contact textarea{ |
width:300px; |
height:200px; |
} |
#form-contact #fc_envoyer{ |
width:50px; |
float:right; |
} |
#form-contact #fc_annuler{ |
width:50px; |
float:left; |
} |
#form-contact label.error { |
color:red; |
font-weight:bold; |
} |
#form-contact .info { |
padding:5px; |
background-color: #4A4B4C; |
border: solid 1px #666; |
color: white; |
white-space: pre-wrap; |
width: 300px; |
} |
|
/* hack Fancybox pour que le popup soit toujours au dessus */ |
#fancybox-wrap { |
z-index: 3100; |
} |