Pagination sur les rubriques

content/rubrique.html

@@ -24,10 +24,12 @@
     })]
     <B_articles>
     <section class="wrapper style1-alt spotlights">
+    #ANCRE_PAGINATION
 
         <BOUCLE_articles(ARTICLES){id_rubrique}
                 {tri #GET{tri}}
-                {inverse #GET{sens_tri}}>
+                {inverse #GET{sens_tri}}
+                {pagination 2}>
         <section>
             <a href="#URL_ARTICLE" class="image">[(#LOGO_ARTICLE_RUBRIQUE|extraire_attribut{src}
                                             |sinon{#CHEMIN{images/visuel_defaut.jpg}}
@@ -46,6 +48,7 @@
         </section>
         </BOUCLE_articles>
 
+    [<p class="pagination">(#PAGINATION)</p>]
     </section>
     </B_articles>
     

css/html5up_hyperspace.spip.css.html

@@ -52,6 +52,22 @@ ul.portfolio li small {font-size: 0.75em;}
 .documents_joints ul .spip_logo {float: left; margin: 0 1em 0 0;}
 .documents_joints .publication {font-size: 0.75em;}
 
+/* La pagination */
+.pagination { margin-bottom: 0; padding: 2em 0; text-transform: uppercase; font-weight: 400;}
+.pagination a {border:1px  solid transparent;}
+.pagination a.lien_pagination:hover { border-color: #fff;}
+.pagination .pages > * { transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out; 
+  display: inline-block;  font-size: 0.8em;height: 1.5em; line-height: 1.5em; margin: 0 0.125em; min-width: 1.5em; padding: 0 0.5em;}
+.pagination .pages .on {border:1px  solid rgba(255, 255, 255, 0.15);}
+.pagination .on { font-weight: 400;}
+.pagination .prev {margin-right: 1em;}
+.pagination .next  {margin-left: 1em;}
+.pagination .prev .lien_pagination,
+.pagination .next .lien_pagination,
+.pagination .disabled { visibility: visible ;opacity: 0.25; }
+.pagination .sep {color: transparent;}
+
+
 /* player oembed */
 .spip_documents .oembed {padding:0;border:0;}
 .oe-play-button button,