fix pagination spip4 + formatage css
This commit is contained in:
chankalan
parent
a4e023ef8a
commit
e314369ab9
@ -29,7 +29,7 @@
|
||||
<li class="item clearfix">#INCLURE{fond=inclure/resume/article,id_article,env,composition=blog,h=h3,pagination=oui}</li>
|
||||
</BOUCLE_articles>
|
||||
</ul>
|
||||
[<div class="pagination">(#PAGINATION)</div>]
|
||||
[<nav class="pagination">(#PAGINATION)</nav>]
|
||||
</B_articles>
|
||||
</div>
|
||||
<//B_articlesdate>
|
||||
|
||||
@ -8,6 +8,6 @@
|
||||
<li class="item clearfix"><INCLURE{fond=inclure/resume/rubrique,id_rubrique,recherche=#ENV{recherche},composition,env} /></li>
|
||||
</BOUCLE_rubriques>
|
||||
</ul>
|
||||
[<div class="pagination">(#PAGINATION)</div>]
|
||||
[<nav class="pagination">(#PAGINATION)</nav>]
|
||||
</div>
|
||||
</B_rubriques>
|
||||
@ -1,43 +1,43 @@
|
||||
.page_footer {
|
||||
padding:($spacer*1.5) 0;
|
||||
color:white;
|
||||
background-color:$couleurPrincipale;
|
||||
padding: ($spacer*1.5) 0;
|
||||
color: white;
|
||||
background-color: $couleurPrincipale;
|
||||
p {
|
||||
font-size:0.8rem;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
a {
|
||||
display:inline-block;
|
||||
margin:0 0.4em;
|
||||
border:0;
|
||||
color:white;
|
||||
display: inline-block;
|
||||
margin: 0 0.4em;
|
||||
border: 0;
|
||||
color: white;
|
||||
}
|
||||
.page_connexplus {
|
||||
@include clearfix;
|
||||
padding-bottom:($spacer*1.5);
|
||||
padding-bottom: ($spacer*1.5);
|
||||
a {
|
||||
color:$grayDark;
|
||||
color: $grayDark;
|
||||
}
|
||||
}
|
||||
|
||||
.menus_footer {
|
||||
@include flex;
|
||||
justify-content: space-between;
|
||||
font-size:0.8em;
|
||||
justify-content: space-between;
|
||||
font-size: 0.8em;
|
||||
.menu-liste {
|
||||
flex-basis:18%;
|
||||
margin:0 0 ($spacer*2);
|
||||
list-style:none;
|
||||
flex-basis: 18%;
|
||||
margin: 0 0 ($spacer*2);
|
||||
list-style: none;
|
||||
.h4 {
|
||||
margin:$spacer 0 0;
|
||||
font-size:1.15em;
|
||||
color:$white;
|
||||
margin: $spacer 0 0;
|
||||
font-size: 1.15em;
|
||||
color: $white;
|
||||
}
|
||||
a { margin:0; }
|
||||
a { margin: 0; }
|
||||
}
|
||||
}
|
||||
.formulaire_spip.formulaire_recherche {
|
||||
max-width:100%;
|
||||
margin-top:$spacer;
|
||||
max-width: 100%;
|
||||
margin-top: $spacer;
|
||||
input.placeholder,
|
||||
textarea.placeholder {
|
||||
color: $couleurPrincipale;
|
||||
@ -57,28 +57,28 @@
|
||||
}
|
||||
}
|
||||
.april { // logo april
|
||||
float:right;
|
||||
width:80px;
|
||||
margin-left:($spacer*2);
|
||||
float: right;
|
||||
width: 80px;
|
||||
margin-left: ($spacer*2);
|
||||
}
|
||||
.sociaux {
|
||||
a {
|
||||
display:inline-block;
|
||||
font-size:0.8em;
|
||||
display: inline-block;
|
||||
font-size: 0.8em;
|
||||
.socicon {
|
||||
background:transparent;
|
||||
background: transparent;
|
||||
}
|
||||
.name {
|
||||
display:inline;
|
||||
display: inline;
|
||||
@include visuallyhidden;
|
||||
}
|
||||
}
|
||||
}
|
||||
.colophon {
|
||||
.menu-liste {
|
||||
display:inline;
|
||||
display: inline;
|
||||
.menu-entree {
|
||||
display:inline;
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -24,7 +24,7 @@
|
||||
padding:0;
|
||||
}
|
||||
li {
|
||||
display:inline;
|
||||
display: inline;
|
||||
line-height:1.2;
|
||||
}
|
||||
a {
|
||||
@ -38,7 +38,7 @@
|
||||
font-weight:400;
|
||||
padding:0.5em;
|
||||
margin:0.1rem 0.4rem;
|
||||
color:white;
|
||||
color: white;
|
||||
border:0;
|
||||
@include media($bp-medium) {
|
||||
padding:0.8rem;
|
||||
@ -65,27 +65,27 @@
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background:transparent;
|
||||
background: transparent;
|
||||
z-index:8;
|
||||
cursor:pointer;
|
||||
&.cache { display:block;}
|
||||
cursor: pointer;
|
||||
&.cache { display: block;}
|
||||
}
|
||||
// menu smart cf js/script.js
|
||||
// ----------------------------------------
|
||||
.btn-nav {
|
||||
position:absolute;
|
||||
position: absolute;
|
||||
z-index:10;
|
||||
right:$spacer;
|
||||
top:0;
|
||||
padding:0.4rem;
|
||||
border:none;
|
||||
background:$couleurPrincipale;
|
||||
color:white;
|
||||
color: white;
|
||||
font-size:0.9em;
|
||||
outline:none !important;
|
||||
display:none;
|
||||
outline: none !important;
|
||||
display: none;
|
||||
@media ($bp-medium) {
|
||||
display:block;
|
||||
display: block;
|
||||
}
|
||||
&.actif {
|
||||
color:$couleurPrincipaleDowner;
|
||||
@ -95,30 +95,30 @@
|
||||
/* header = nav-principale */
|
||||
.page_header > .page_container {
|
||||
.nav {
|
||||
padding-top:($spacer/2);
|
||||
padding-top: ($spacer/2);
|
||||
font-size:0.95rem;
|
||||
@include media($bp-medium-up) {
|
||||
position:relative;
|
||||
position: relative;
|
||||
}
|
||||
> ul {
|
||||
text-align:right;
|
||||
text-align: right;
|
||||
@include vendor-prefix(transition,all 0.3s ease-in-out);
|
||||
@media ($bp-medium) {
|
||||
position:absolute;
|
||||
position: absolute;
|
||||
background:$couleurPrincipale;
|
||||
width:100%;
|
||||
top:36px;
|
||||
left:-100%;
|
||||
padding:$spacer/2 $spacer;
|
||||
text-align:center;
|
||||
text-align: center;
|
||||
z-index:10;
|
||||
&.ouvert{
|
||||
left:0;
|
||||
}
|
||||
a {
|
||||
color:white;
|
||||
color: white;
|
||||
border:0;
|
||||
display:block;
|
||||
display: block;
|
||||
margin:0;
|
||||
padding:0.5rem;
|
||||
&:hover, &:focus, &.on {
|
||||
@ -126,20 +126,20 @@
|
||||
}
|
||||
}
|
||||
li {
|
||||
display:block;
|
||||
display: block;
|
||||
}
|
||||
.loupe {
|
||||
.fas {
|
||||
color:white;
|
||||
color: white;
|
||||
}
|
||||
.formulaire_recherche.vu {
|
||||
right:50%;
|
||||
margin-right:-160px;
|
||||
max-width:320px;
|
||||
max-width: 320px;
|
||||
form {
|
||||
padding:0.5rem;
|
||||
&:before {
|
||||
display:none;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -147,18 +147,18 @@
|
||||
}
|
||||
|
||||
.loupe {
|
||||
position:relative;
|
||||
display:inline-block !important;
|
||||
position: relative;
|
||||
display: inline-block !important;
|
||||
/* width: em(26px); */
|
||||
/* height: em(26px); */
|
||||
span {
|
||||
@include visuallyhidden;
|
||||
}
|
||||
a {
|
||||
display:inline;
|
||||
display: inline;
|
||||
padding:0;
|
||||
border:0;
|
||||
background:none;
|
||||
background: none;
|
||||
&:hover i.fa-search, &:focus i.fa-search {
|
||||
background-color:$couleurSecondaire;
|
||||
}
|
||||
@ -171,12 +171,12 @@
|
||||
color:white;
|
||||
}
|
||||
.formulaire_recherche {
|
||||
position:absolute;
|
||||
height:auto;
|
||||
width:em(350px);
|
||||
max-width:em(350px);
|
||||
position: absolute;
|
||||
height: auto;
|
||||
width: em(350px);
|
||||
max-width: em(350px);
|
||||
top:-1000px;
|
||||
left:auto;
|
||||
left: auto;
|
||||
right:0;
|
||||
border-radius: $spacer/2;
|
||||
z-index:2;
|
||||
@ -205,7 +205,7 @@
|
||||
.nav {
|
||||
padding:0;
|
||||
li {
|
||||
display:block;
|
||||
display: block;
|
||||
}
|
||||
a {
|
||||
width:100%;
|
||||
@ -245,22 +245,22 @@
|
||||
color:white;
|
||||
z-index:9;
|
||||
.btn-initiatives {
|
||||
font-size:0.8rem;
|
||||
display:none;
|
||||
padding:0.5rem;
|
||||
font-size: 0.8rem;
|
||||
display: none;
|
||||
padding: 0.5rem;
|
||||
margin-left:-$spacer;
|
||||
background:$couleurPrincipale;
|
||||
color:white;
|
||||
@media ($bp-medium) {
|
||||
display:block;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.nav {
|
||||
font-size:0.8rem;
|
||||
background:$couleurPrincipale;
|
||||
@media ($bp-medium) {
|
||||
position:absolute;
|
||||
width:100%;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
top:36px;
|
||||
left:-100%;
|
||||
@include vendor-prefix(transition,all 0.3s ease-in-out);
|
||||
@ -268,7 +268,7 @@
|
||||
left:0;
|
||||
}
|
||||
ul, .initiatives {
|
||||
display:inline;
|
||||
display: inline;
|
||||
}
|
||||
li {
|
||||
margin:0;
|
||||
@ -287,7 +287,7 @@
|
||||
float:right;
|
||||
padding:0.5em;
|
||||
@media ($bp-medium) {
|
||||
display:none;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.initiatives_april {
|
||||
@ -295,20 +295,20 @@
|
||||
}
|
||||
// un sous-menu dans initiatives : .menu-entree.sousinitiatives > .menu-items__lien.sousinitiatives
|
||||
.menu-entree.sousinitiatives {
|
||||
position:relative;
|
||||
position: relative;
|
||||
> ul {
|
||||
@include media($bp-medium-up) {
|
||||
position:absolute;
|
||||
position: absolute;
|
||||
top:-999em;
|
||||
left:0;
|
||||
width:150px;
|
||||
&.ouvert {
|
||||
top:23px;
|
||||
li {
|
||||
display:block;
|
||||
display: block;
|
||||
background:$couleurPrincipale;
|
||||
a {
|
||||
display:block;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -316,7 +316,7 @@
|
||||
}
|
||||
@include media($bp-medium) {
|
||||
.menu-items__lien.sousinitiatives {
|
||||
display:none;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -272,7 +272,7 @@
|
||||
@error "Direction must be either `top`, `right`, `bottom` or `left`.";
|
||||
}
|
||||
|
||||
display:block;
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
content: '';
|
||||
|
||||
Loading…
Reference in New Issue
Block a user