| /trunk/widget/modules/observation/squelettes/css/carto.css |
|---|
| New file |
| 0,0 → 1,328 |
| @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; |
| } |
| /*+-----------------------------------------------------------------------------------------------------------------+*/ |
| /* Présentation des listes de définitions */ |
| dl { |
| width:100%; |
| } |
| dt { |
| float:left; |
| font-weight:bold; |
| text-align:top left; |
| margin-right:0.3em; |
| } |
| dd { |
| width:auto; |
| margin:0.5em 0; |
| } |
| /*+-----------------------------------------------------------------------------------------------------------------+*/ |
| /* Tableau : */ |
| table { |
| border:1px solid gray; |
| border-collapse:collapse; |
| } |
| 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; |
| } |
| /*+-----------------------------------------------------------------------------------------------------------------+*/ |
| /* Carte */ |
| #carte { |
| padding:0; |
| margin:0; |
| position:absolute; |
| top:35px; |
| left:24px; |
| right:0; |
| bottom:0; |
| overflow:auto; |
| } |
| .bouton { |
| background-color:white; |
| border:2px solid black; |
| cursor:pointer; |
| text-align:center; |
| } |
| /*+-----------------------------------------------------------------------------------------------------------------+*/ |
| /* Message de chargement */ |
| #chargement { |
| display:none; |
| } |
| #chargement-copie img{ |
| display:block; |
| margin:auto; |
| } |
| /*+-----------------------------------------------------------------------------------------------------------------+*/ |
| /* Avertissement */ |
| #zone-avertissement { |
| background-color:#4A4B4C; |
| color:#CCC; |
| padding:12px; |
| text-align:justify; |
| line-height:16px; |
| } |
| #zone-avertissement h1{ |
| margin:0; |
| } |
| #zone-avertissement a { |
| border-bottom:1px dotted gainsboro; |
| } |
| /*+-----------------------------------------------------------------------------------------------------------------+*/ |
| /* Carte titre */ |
| #zone-titre { |
| padding:0; |
| margin:0; |
| position:absolute; |
| top:0; |
| left:0; |
| width:100%; |
| height:35px; |
| overflow:hidden; |
| background:url(http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png) no-repeat 8px 8px #4A4B4C; |
| } |
| #zone-info { |
| position:absolute; |
| top:0; |
| right:8px; |
| width:48px; |
| text-align:right; |
| } |
| #zone-info img { |
| display:inline; |
| padding:4px; |
| margin:0; |
| border:none; |
| } |
| #carte-titre { |
| display:inline-block; |
| margin:0 0 0 24px; |
| padding:0.2em; |
| color:#CCCCCC; |
| } |
| #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 */ |
| } |
| /*+-----------------------------------------------------------------------------------------------------------------+*/ |
| /* Panneau latéral */ |
| #panneau-lateral { |
| padding:0; |
| margin:0; |
| position:absolute; |
| top:35px; |
| left:0; |
| bottom:0; |
| width:24px; |
| overflow:hidden; |
| background-color:#4A4B4C; |
| border-right:1px solid grey; |
| } |
| #pl-contenu { |
| display:none; |
| } |
| #pl-entete { |
| height:95px; |
| } |
| #pl-corps { |
| position:absolute; |
| top:105px; |
| bottom:0; |
| overflow:auto; |
| padding:5px; |
| width:290px; |
| } |
| #pl-ouverture, #pl-fermeture { |
| position:absolute; |
| top:0; |
| height:24px; |
| width:24px; |
| text-align:center; |
| cursor:pointer; |
| } |
| #pl-ouverture { |
| left:0; |
| background:url(../images/ouverture.png) no-repeat top left #4A4B4C; |
| } |
| #pl-fermeture { |
| display:none; |
| left:276px; |
| 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:#CCCCCC;} |
| /*+-----------------------------------------------------------------------------------------------------------------+*/ |
| /* Liste des taxons de la carte */ |
| #taxons { |
| color:#999; |
| } |
| #taxons .taxon-actif, #taxons .taxon-actif a { |
| color:#56B80E;} |
| /*+-----------------------------------------------------------------------------------------------------------------+*/ |
| /* Pop-up observations */ |
| .info-bulle-contenu { |
| margin:0; |
| padding:0; |
| } |
| #observations { |
| margin:23px 0 0 0; |
| padding:5px; |
| border:1px solid black; |
| border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px; |
| border-top:none !important; |
| overflow:none; |
| } |
| #observations ol { |
| padding-left:20px; |
| } |
| .champ_nom_latin { |
| display:none; |
| } |
| #obs-msg-info { |
| font-size:10px; |
| color:#CCC; |
| } |
| #observations a { |
| color:#333; |
| border-bottom:1px dotted gainsboro; |
| } |
| #observations a:hover { |
| color:#56B80E; |
| border-bottom:1px dotted #56B80E; |
| } |
| /*+-----------------------------------------------------------------------------------------------------------------+*/ |
| /* Onglets */ |
| .onglets { |
| position:absolute; |
| top:0; |
| float:left; |
| height:22px; |
| padding:0; |
| margin:0; |
| border-bottom:1px solid black; |
| width:100%; |
| } |
| .onglets ul { |
| margin:0; |
| padding:0; |
| list-style:none; |
| } |
| .onglets li { |
| float:left; |
| text-transform:uppercase; |
| text-align:center; |
| } |
| .onglets .onglet { |
| display:block; |
| padding:5px 15px 4px 15px; |
| margin:0; |
| font-size:12px; |
| line-height:12px; |
| border:1px solid black; |
| border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0; |
| text-decoration:none; |
| } |
| .onglets .actif .onglet { |
| border-bottom:1px solid white; |
| color:black; |
| background-color:white; |
| font-weight:bold; |
| } |
| .onglets .inactif .onglet { |
| border-bottom:1px solid #000000; |
| color:white; |
| background-color:gray;/*rgba(29,30,32,0.8);*/ |
| } |
| .onglets .inactif .onglet:hover { |
| color:black; |
| background-color:Gainsboro; |
| } |
| /*+-----------------------------------------------------------------------------------------------------------------+*/ |
| /* Pop-up : liste */ |
| .cel-img-principale img{ |
| float:right; |
| height:75px; |
| padding:1px; |
| border:1px solid white; |
| } |
| #observations .cel-img:hover img{ |
| border:1px dotted #56B80E; |
| } |
| .cel-img-secondaire{ |
| display:none; |
| } |
| /trunk/widget/modules/observation/squelettes/css/observation.css |
|---|
| New file |
| 0,0 → 1,79 |
| @charset "UTF-8"; |
| /*+-----------------------------------------------------------------------------------------------------------------+*/ |
| /* Widget */ |
| #cel-observation-contenu{ |
| position:relative; |
| padding:0 5px; |
| margin:5px auto; |
| font-family:Arial,verdana,sans-serif; |
| font-size:12px; |
| background-color:#4A4B4C; |
| color:#CCC; |
| } |
| #cel-observation-contenu h1 { |
| margin:5px; |
| padding:0; |
| font-size:1.6em; |
| color:white; |
| background-color:transparent; |
| background-image:none; |
| text-transform:none; |
| text-align:left; |
| } |
| #cel-observation-contenu h1 a{ |
| color:#CCC; |
| } |
| #cel-observation-contenu h1 #cel-observation-flux{ |
| width:16px; |
| height:20px; |
| } |
| #cel-observation-contenu img { |
| border:0; |
| padding:0; |
| margin:0; |
| } |
| #cel-observation-contenu a, #cel-observation-contenu a:active, #cel-observation-contenu a:visited { |
| border-bottom:1px dotted #666; |
| color:#CCC; |
| text-decoration:none; |
| background-image:none; |
| } |
| #cel-observation-contenu a:active { |
| outline:none; |
| } |
| #cel-observation-contenu a:focus { |
| outline:thin dotted; |
| } |
| #cel-observation-contenu a:hover { |
| color:#56B80E; |
| border-bottom:1px dotted #56B80E; |
| } |
| #cel-observation-date-generation{ |
| text-align:right; |
| } |
| /*+-----------------------------------------------------------------------------------------------------------------+*/ |
| /* Général */ |
| #cel-observation-contenu .discretion { |
| color:grey; |
| font-family:arial; |
| font-size:11px; |
| font-weight:bold; |
| } |
| #cel-observation-contenu .nettoyage { |
| clear:both; |
| } |
| /*+-----------------------------------------------------------------------------------------------------------------+*/ |
| /* Galerie observations CEL */ |
| #cel-observation-contenu .cel-observation { |
| float:left; |
| padding:2px; |
| border:1px solid white; |
| } |
| #cel-observation-contenu .cel-observation h2{ |
| font-size:1em; |
| } |
| #cel-observation-contenu .cel-infos{ |
| color:white; |
| } |
| /trunk/widget/modules/observation/squelettes/observation.tpl.html |
|---|
| New file |
| 0,0 → 1,129 |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head> |
| <title>Observations publiques du CEL - Tela Botanica</title> |
| <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> |
| <meta http-equiv="Content-style-type" content="text/css" /> |
| <meta http-equiv="Content-script-type" content="text/javascript" /> |
| <meta http-equiv="Content-language" content="fr" /> |
| <meta name="revisit-after" content="15 days" /> |
| <meta name="robots" content="index,follow" /> |
| <meta name="author" content="Jean-Pascal MILCENT, Grégoire DUCHÉ" /> |
| <meta name="keywords" content="Tela Botanica, observation, CEL" /> |
| <meta name="description" content="Widget de présentation des dernières observations publiées sur le Carnet en Ligne de Tela Botanica" /> |
| <!-- Spécial mobile --> |
| <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> |
| <!-- Favicones --> |
| <link rel="icon" type="image/png" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png" /> |
| <link rel="shortcut icon" type="image/x-icon" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.ico" /> |
| <!-- Feuilles de styles --> |
| <link rel="stylesheet" type="text/css" href="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.css" media="screen" /> |
| <link rel="stylesheet" type="text/css" href="<?=$url_css?>observation.css" media="screen" /> |
| <style type="text/css"> |
| html { |
| overflow:hidden; |
| } |
| body{ |
| overflow:hidden; |
| padding:0; |
| margin:0; |
| width:100%; |
| height:100%; |
| background-color:#4A4B4C; |
| color:#CCC; |
| } |
| #cel-observation-contenu, #cel-galerie-observation{ |
| width:350px; |
| } |
| </style> |
| <!-- Javascript : bibliothèques --> |
| <script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.4.4/jquery-1.4.4.min.js"></script> |
| <script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.js"></script> |
| </head> |
| <body> |
| <!-- WIDGET:CEL:OBSERVATION - DEBUT --> |
| <div id="cel-observation-contenu"> |
| <?php if (isset($erreurs) || isset($informations)) : ?> |
| <h1>Erreur & informations</h1> |
| <p>Impossible d'afficher le flux.</p> |
| <!-- Affichage des erreurs et messages d'information : --> |
| <?php if ($erreurs) : ?> |
| <?php foreach ($erreurs as $erreur) : ?> |
| <p class="erreur"><?=$erreur;?></p> |
| <?php endforeach; ?> |
| <?php endif; ?> |
| <?php if ($informations) : ?> |
| <?php foreach ($informations as $information) : ?> |
| <p class="info"><?=$information;?></p> |
| <?php endforeach; ?> |
| <?php endif; ?> |
| <?php else : ?> |
| <h1> |
| Dernières observations du |
| <a href="http://www.tela-botanica.org/appli:cel" title="Carnet en Ligne" onclick="window.open(this.href);return false;"> |
| CEL |
| </a> |
| <a href="<?=$flux_rss_url?>" id="cel-observation-flux" title="Suivre les observations" |
| onclick="window.open(this.href);return false;"> |
| <img src="http://www.tela-botanica.org/sites/commun/generique/images/rss.png" alt="Suivre les observations" /> |
| </a> |
| </h1> |
| <div id="cel-liste-observation"> |
| <?php foreach ($items as $item) : ?> |
| <div id="cel-observation-<?=$item['guid']?>" class="cel-observation" rel="<?=$item['guid']?>" > |
| <img id="imPlus-<?=$item['guid']?>" width="10" height="10" |
| name="imPlus-<?=$item['guid']?>" title="Voir les informations complémentaires" alt="+" |
| src="http://www.tela-botanica.org/sites/commun/generique/images/plus.png" /> |
| <img id="imMoins-<?=$item['guid']?>" width="10" height="10" class="imMoins" |
| name="imMoins-<?=$item['guid']?>" title="Cacher les informations complémentaires" alt="+" |
| src="http://www.tela-botanica.org/sites/commun/generique/images/moins.png" /> |
| <strong> |
| <a href="<?=$item['eflore_url']?>" onclick="window.open(this.href);return false;" |
| title="Cliquez pour accéder à la fiche eFlore"> |
| <?=$item['titre']?> |
| </a> |
| </strong><br /> |
| <span class="cel-img-date">Publiée le <?=$item['date']?></span><br /> |
| <div id="cel-info-<?=$item['guid']?>" class="cel-infos"> |
| <?=$item['description']?> |
| </div> |
| </div> |
| <?php endforeach; ?> |
| </div> |
| <p id="cel-observation-date-generation" class="discretion nettoyage">Au <?=strftime('%A %d %B %Y à %H:%M:%S')?></p> |
| <script type="text/Javascript"> |
| // Function pour cacher / afficher le détail des observations |
| $(document).ready(function() { |
| $('.cel-infos').hide(); |
| $('.imMoins').hide(); |
| $('.cel-observation').hover(function() { |
| var id_obs = $(this).attr("rel"); |
| $('#cel-info-'+id_obs).show(); |
| $('#imPlus-'+id_obs).hide(); |
| $('#imMoins-'+id_obs).show(); |
| }, |
| function() { |
| var id_obs = $(this).attr("rel"); |
| $('#cel-info-'+id_obs).hide(); |
| $('#imPlus-'+id_obs).show(); |
| $('#imMoins-'+id_obs).hide(); |
| }); |
| }); |
| </script> |
| <?php endif; ?> |
| </div> |
| <!-- WIDGET:CEL:OBSERVATION - FIN --> |
| </body> |
| </html> |
| /trunk/widget/modules/observation/squelettes/observation_ajax.tpl.html |
|---|
| New file |
| 0,0 → 1,59 |
| <?php |
| // Réglages de PHP |
| setlocale(LC_ALL, 'fr_FR'); |
| date_default_timezone_set('Europe/Paris'); |
| ?> |
| <!-- SYNDICATION - DEBUT --> |
| <div class="flux_simple"> |
| <?php if ($erreurs || $informations) : ?> |
| <h1>Erreur</h1> |
| <div class="contenu_RSS"> |
| <b>Impossible d'afficher le flux.</b><br /> |
| <!-- Affichage des erreurs et messages d'information : --> |
| <?php if ($erreurs) : ?> |
| <?php foreach ($erreurs as $erreur) : ?> |
| <p class="pap_erreur"><?=$erreur;?></p> |
| <?php endforeach; ?> |
| <?php endif; ?> |
| <?php if ($informations) : ?> |
| <?php foreach ($informations as $information) : ?> |
| <p class="pap_info"><?=$information;?></p> |
| <?php endforeach; ?> |
| <?php endif; ?> |
| </div> |
| <?php else : ?> |
| <!-- Affichage du flux RSS --> |
| <?php $flux = array(); ?> |
| <?php foreach ($sites as $site) : ?> |
| <h1><?=$site['titre']?></h1> |
| <div class="contenu_RSS" id="<?=$site['id']?>"> |
| <a href="http://www.tela-botanica.org/eflore/cel2/jrest/CelSyndicationObservation/par-defaut/atom" class="suivre-observations" title="Suivre les observations" onclick="window.open(this.href);return false;">Suivre les observations</a> |
| <?php foreach ($site['pages'] as $page) : ?> |
| <?php |
| // Formatage date |
| $timestamp = strtotime($page['date']); |
| $page['date'] = strftime('%A %d %B %Y', $timestamp); |
| // Formatage titre |
| $page['titre'] = preg_replace('/^\d+-\d+ :/', '', $page['titre']); |
| ?> |
| <div id="actualites1"> |
| <div id="texteActualites1"> |
| <h3><a href="<?=$page['url']?>" class="lien_ext"><?=$page['titre']?></a></h3> |
| <p class="sous-titre"><?=$page['date']?></p> |
| </div> |
| </div> |
| <br /> |
| <?php endforeach; ?> |
| <?php endforeach; ?> |
| </div> |
| <?php endif; ?> |
| </div> |
| <!-- SYNDICATION - FIN --> |