diff --git a/squelettes/inclure/periode-mois.html b/squelettes/inclure/periode-mois.html
index f0cde3e..ce5a9b9 100644
--- a/squelettes/inclure/periode-mois.html
+++ b/squelettes/inclure/periode-mois.html
@@ -1,9 +1,9 @@
<:baz_april:tri_periodique:>
+ -
diff --git a/squelettes/javascript/script.js b/squelettes/javascript/script.js
index f9622ba..a6c0bd5 100644
--- a/squelettes/javascript/script.js
+++ b/squelettes/javascript/script.js
@@ -1,20 +1,21 @@
$(function() {
- // masquer les mois des annees precedentes, les afficher au clic sur l'annee, cf composition blog
-// $.each( ['.annees.archive'], function(i,hi){
-// $( ".periode div" ).find(hi).each(function(index) {
-// // Creer un div apres et y placer tout ce qui se trouve apres et jusqu'au hi suivant
-// $(this).after("").next().append($(this).next().nextUntil(hi));
-// // plier/deplier le contenu
-// // $(this).next().hide();
-// $(this).click(function(){
-// $(this).next().toggleClass('ouvert');
-// $(this).toggleClass('ouvert');
-// return false;
-// });
-// });
-// });
+ // masquer les mois des annees precedentes, les afficher au clic sur l'annee, cf composition blog et inclure/transcriptions_selectionperiode
+ $.each( ['.annees.archive'], function(i,hi){
+ $( ".periode div" ).find(hi).each(function(index) {
+ // Creer un span apres et y placer tout ce qui se trouve apres et jusqu'au hi suivant
+ $(this).after("").next().append($(this).next().nextUntil(hi));
+ // plier/deplier le contenu
+// $(this).next().hide();
+ $(this).click(function(){
+ $(this).next().toggleClass('ouvert');
+ $(this).toggleClass('ouvert');
+ return false;
+ });
+ });
+ });
+ $('.mois.on').parent('.mois_archive').addClass('ouvert');
// afficher/masquer le menu initiatives < medium
$('.btn-initiatives').on('click', function(){
diff --git a/squelettes/scss/styles/_styles.scss b/squelettes/scss/styles/_styles.scss
index 522255d..d991387 100644
--- a/squelettes/scss/styles/_styles.scss
+++ b/squelettes/scss/styles/_styles.scss
@@ -113,3 +113,26 @@ a.back-to-top {
}
}
}
+
+
+// tri par periode : blog ou transcriptions
+//
+.periode { width:100%;
+ a, span { display: inline-block; margin-right:0.25em;
+ &:not(.mois_archive):after { font-size:0.7em; margin:0 0 0 5px; color:$grayLight; }
+ &.annees { font-size:0.8em; line-height:1.8; font-style:italic; color:$grayLight; clear:left;
+ &:after { font-size:0.85em; font-style:normal; }
+ }
+ &.archive { cursor:pointer; color:$grayLight; }
+ &.mois_archive { width:0; overflow:hidden; margin:0; height:0;
+ &.ouvert { width:auto; height:auto; overflow:visible; display:inline; }
+ }
+ &.annees.archive.ouvert { color:$gray; }
+ }
+ span {
+ &:hover { color:$gray; }
+ }
+ a { padding:0 0.3em; font-weight:700;
+ &:hover:after { color:$white; }
+ }
+}