footer plus propre
This commit is contained in:
parent
8f54e2007a
commit
43b39a61fb
5 changed files with 198 additions and 183 deletions
|
|
@ -35,8 +35,6 @@ function debug_spip(){
|
|||
}
|
||||
//debug_spip();
|
||||
|
||||
|
||||
|
||||
if (!isset($GLOBALS['z_blocs']))
|
||||
$GLOBALS['z_blocs'] = array(
|
||||
'content',
|
||||
|
|
@ -60,3 +58,8 @@ function autoriser_ecrire($faire, $type, $id, $qui, $opt){
|
|||
return in_array($qui['statut'], array('0minirezo'));
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
// On retire les boutons "Espace privé" et "Recalculer" pour les admins
|
||||
$GLOBALS['flag_preserver'] = true;
|
||||
*/
|
||||
|
|
@ -45,6 +45,11 @@ textarea[name="texte"]{
|
|||
border-radius: 0.5rem;
|
||||
}
|
||||
|
||||
.bordure-top{
|
||||
padding-top: 1.5rem;
|
||||
border-top: solid 1px $couleur-liens;
|
||||
}
|
||||
|
||||
// pour empêcher l'opacité à 0.5 pendant le chargement AJAX :
|
||||
.loading > * {
|
||||
opacity: 1 !important;
|
||||
|
|
@ -434,7 +439,7 @@ body{
|
|||
color: $titres-footer;
|
||||
font-weight: 600;
|
||||
}
|
||||
.nav li a, .colophon a {
|
||||
.colophon a {
|
||||
color: $light;
|
||||
padding: 10px 15px;
|
||||
}
|
||||
|
|
@ -442,14 +447,59 @@ body{
|
|||
.footer-options{
|
||||
background:$fond-footer;
|
||||
padding: 2rem 0;
|
||||
ul{
|
||||
justify-content: space-between;
|
||||
.grille{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-options .generator {
|
||||
max-width: 300px;
|
||||
li{
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.generator{
|
||||
max-width: none;
|
||||
}
|
||||
a.btn:not(.bouton-login){
|
||||
border-radius: 0.2rem;
|
||||
background: $dark;
|
||||
color: $light;
|
||||
&:hover{
|
||||
background: $gris-moyen;
|
||||
}
|
||||
}
|
||||
a:not(.bouton-login){
|
||||
color: white;
|
||||
}
|
||||
@include media-breakpoint-up(sm){
|
||||
ul.nav{
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
li{
|
||||
text-align: center;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
@include media-breakpoint-up(lg){
|
||||
.grille{
|
||||
//flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
ul.nav{
|
||||
justify-content: flex-start;
|
||||
li{
|
||||
margin-right: 1rem;
|
||||
}
|
||||
}
|
||||
ul.nav.a-droite{
|
||||
justify-content: flex-end;
|
||||
li{
|
||||
margin-left: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.footer-options img{
|
||||
|
|
@ -473,7 +523,6 @@ body{
|
|||
.nav li.separ { border: none; }
|
||||
//.nav li.separ:not(:first-of-type)::before { content: " | "; }
|
||||
.generator { /*position: absolute; top: 1rem; right: 0; max-width: 200px;*/ float: right; }
|
||||
.nav li a .title { display: none; }
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -483,8 +532,8 @@ body{
|
|||
h4{
|
||||
color: $fond-footer;
|
||||
}
|
||||
a:not(.login_modal){
|
||||
color: black !important;
|
||||
a, .grille a{
|
||||
color: black;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -11909,6 +11909,11 @@ textarea[name="texte"] {
|
|||
border-radius: 0.5rem;
|
||||
}
|
||||
|
||||
.bordure-top {
|
||||
padding-top: 1.5rem;
|
||||
border-top: solid 1px #dd7f51;
|
||||
}
|
||||
|
||||
.loading > * {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
|
@ -12353,7 +12358,7 @@ body {
|
|||
font-weight: 600;
|
||||
}
|
||||
|
||||
.footer .nav li a, .footer .colophon a {
|
||||
.footer .colophon a {
|
||||
color: #f8f9fa;
|
||||
padding: 10px 15px;
|
||||
}
|
||||
|
|
@ -12363,15 +12368,73 @@ body {
|
|||
padding: 2rem 0;
|
||||
}
|
||||
|
||||
.footer .footer-options ul {
|
||||
-webkit-box-pack: justify;
|
||||
justify-content: space-between;
|
||||
.footer .footer-options .grille {
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
flex-direction: column;
|
||||
-webkit-box-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.footer .footer-options li {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.footer .footer-options .generator {
|
||||
max-width: 300px;
|
||||
max-width: none;
|
||||
}
|
||||
|
||||
.footer .footer-options a.btn:not(.bouton-login) {
|
||||
border-radius: 0.2rem;
|
||||
background: #595959;
|
||||
color: #f8f9fa;
|
||||
}
|
||||
|
||||
.footer .footer-options a.btn:not(.bouton-login):hover {
|
||||
background: #7d7d7d;
|
||||
}
|
||||
|
||||
.footer .footer-options a:not(.bouton-login) {
|
||||
color: white;
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.footer .footer-options ul.nav {
|
||||
width: 100%;
|
||||
-webkit-box-pack: justify;
|
||||
justify-content: space-between;
|
||||
-webkit-box-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
.footer .footer-options li {
|
||||
text-align: center;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.footer .footer-options .grille {
|
||||
-webkit-box-pack: justify;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.footer .footer-options ul.nav {
|
||||
-webkit-box-pack: start;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.footer .footer-options ul.nav li {
|
||||
margin-right: 1rem;
|
||||
}
|
||||
.footer .footer-options ul.nav.a-droite {
|
||||
-webkit-box-pack: end;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.footer .footer-options ul.nav.a-droite li {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.footer .footer-options img {
|
||||
|
|
@ -12412,9 +12475,6 @@ body {
|
|||
/*position: absolute; top: 1rem; right: 0; max-width: 200px;*/
|
||||
float: right;
|
||||
}
|
||||
.footer .nav li a .title {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.page_sommaire .footer-options, .page_sommaire #footer-infos {
|
||||
|
|
@ -12426,8 +12486,8 @@ body {
|
|||
color: #3E8050;
|
||||
}
|
||||
|
||||
.page_sommaire .footer-options a:not(.login_modal), .page_sommaire #footer-infos a:not(.login_modal) {
|
||||
color: black !important;
|
||||
.page_sommaire .footer-options a, .page_sommaire .footer-options .grille a, .page_sommaire #footer-infos a, .page_sommaire #footer-infos .grille a {
|
||||
color: black;
|
||||
}
|
||||
|
||||
/**********************************************************************/
|
||||
|
|
|
|||
120
footer/dist.html
120
footer/dist.html
|
|
@ -5,14 +5,14 @@
|
|||
<div class="row">
|
||||
<BOUCLE_col_footer(ARTICLES){grigri=footer}{tout}{0,2}>
|
||||
<div class="col-lg-3">
|
||||
<h4 class="#EDIT{titre}">#TITRE</h4>
|
||||
<span class="#EDIT{texte}">#TEXTE</span>
|
||||
<h4 class="#EDIT{titre}">[(#TITRE|sinon{Titre})]</h4>
|
||||
<span class="#EDIT{texte}">[(#TEXTE|sinon{Texte})]</span>
|
||||
</div>
|
||||
</BOUCLE_col_footer>
|
||||
<BOUCLE_col_footer2(ARTICLES){grigri=footer}{tout}{2,1}>
|
||||
<div class="col-lg-6">
|
||||
<h4 class="#EDIT{titre}">#TITRE</h4>
|
||||
<span class="#EDIT{texte}">#TEXTE</span>
|
||||
<h4 class="#EDIT{titre}">[(#TITRE|sinon{Titre})]</h4>
|
||||
<span class="#EDIT{texte}">[(#TEXTE|sinon{Texte})]</span>
|
||||
</div>
|
||||
</BOUCLE_col_footer2>
|
||||
</div>
|
||||
|
|
@ -20,50 +20,8 @@
|
|||
</section>
|
||||
|
||||
<div class="footer-options">
|
||||
<div class="container">
|
||||
<?php
|
||||
if (isset($GLOBALS['visiteur_session']['id_auteur']) AND $GLOBALS['visiteur_session']['id_auteur']) {
|
||||
?>
|
||||
<div class="row">
|
||||
<ul class="nav">
|
||||
<li class="separ">
|
||||
<a class="btn bouton-login" href="#URL_LOGOUT" rel="nofollow" title="Me déconnecter">
|
||||
<i class="fas fa-sign-out"></i> Déconnexion
|
||||
</a>
|
||||
</li>
|
||||
<li class="separ">
|
||||
<a class="bouton-footer" href="[(#URL_PAGE{modifier_auteur}|parametre_url{retour,#SELF})]" title="Gérer mon compte">
|
||||
<i class="fas fa-cog" aria-hidden="true"></i> #SESSION{nom} <span class="title">: gestion compte</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="separ">
|
||||
<a class="bouton-footer" href="[(#URL_PAGE{editer_article})]" title="Rédiger un article">
|
||||
<i class="fas fa-pencil"></i> Rédiger un article
|
||||
</a>
|
||||
</li>
|
||||
<li class="separ">
|
||||
<a class="bouton-footer" href="[(#URL_PAGE{brouillons})]" title="Voir les brouillons">
|
||||
<i class="fas fa-file"></i> Brouillons
|
||||
</a>
|
||||
</li>
|
||||
<?php if (isset($GLOBALS['visiteur_session']['statut']) AND $GLOBALS['visiteur_session']['statut'] == '0minirezo') { ?>
|
||||
<li class="separ">
|
||||
<a class="bouton-footer" href="[(#URL_PAGE{editer_groupe})]" title="Créer un groupe">
|
||||
<i class="fas fa-globe"></i> Créer un groupe
|
||||
</a>
|
||||
</li>
|
||||
<li class="separ">
|
||||
<a class="bouton-footer" href="[(#URL_PAGE{gerer_auteurs})]" title="Gérer les membres">
|
||||
<i class="fas fa-user"></i> Gérer les membres
|
||||
</a>
|
||||
</li><?php
|
||||
}
|
||||
?>
|
||||
</ul>
|
||||
</div><?php
|
||||
}
|
||||
?>
|
||||
<div class="row">
|
||||
<div class="container bordure-top">
|
||||
<div class="grille">
|
||||
<ul class="nav">
|
||||
<li class="separ">
|
||||
<a rel="contents" href="#URL_PAGE{plan}">
|
||||
|
|
@ -81,25 +39,75 @@
|
|||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="nav">
|
||||
<?php
|
||||
if (isset($GLOBALS['visiteur_session']['id_auteur']) AND $GLOBALS['visiteur_session']['id_auteur']) {
|
||||
?>
|
||||
<ul class="nav boutons-footer">
|
||||
<li class="separ">
|
||||
<a class="btn bouton-footer" href="[(#URL_PAGE{modifier_auteur}|parametre_url{retour,#SELF})]" title="Gérer mon compte">
|
||||
<i class="fas fa-cog" aria-hidden="true"></i> #SESSION{nom}
|
||||
</a>
|
||||
</li>
|
||||
<li class="separ">
|
||||
<a class="btn bouton-footer" href="[(#URL_PAGE{editer_article})]" title="Rédiger un article">
|
||||
<i class="fas fa-pencil"></i> Rédiger un article
|
||||
</a>
|
||||
</li>
|
||||
<li class="separ">
|
||||
<a class="btn bouton-footer" href="[(#URL_PAGE{brouillons})]" title="Voir les brouillons">
|
||||
<i class="fas fa-file"></i> Brouillons
|
||||
</a>
|
||||
</li>
|
||||
<?php if (isset($GLOBALS['visiteur_session']['statut']) AND $GLOBALS['visiteur_session']['statut'] == '0minirezo') { ?>
|
||||
<li class="separ">
|
||||
<a class="btn bouton-footer" href="[(#URL_PAGE{editer_groupe})]" title="Créer un groupe">
|
||||
<i class="fas fa-globe"></i> Créer un groupe
|
||||
</a>
|
||||
</li>
|
||||
<li class="separ">
|
||||
<a class="btn bouton-footer" href="[(#URL_PAGE{gerer_auteurs})]" title="Gérer les membres">
|
||||
<i class="fas fa-user"></i> Gérer les membres
|
||||
</a>
|
||||
</li>
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
</ul>
|
||||
<ul class="nav a-droite">
|
||||
<li class="separ">
|
||||
<a class="btn bouton-login" href="#URL_LOGOUT" rel="nofollow" title="Me déconnecter">
|
||||
<i class="fas fa-sign-out"></i> Déconnexion
|
||||
</a>
|
||||
</li>
|
||||
<?php
|
||||
}
|
||||
if (!isset($GLOBALS['visiteur_session']['id_auteur'])) {
|
||||
?> <li class="separ">
|
||||
?>
|
||||
<ul class="nav a-droite">
|
||||
<li class="separ">
|
||||
<a href="[(#URL_PAGE{login}|parametre_url{url,#SELF})]" rel="nofollow" class='btn bouton-login' title="Connexion">
|
||||
<i class="fas fa-sign-in"></i> Connexion
|
||||
</a>
|
||||
</li><?php
|
||||
}
|
||||
?>
|
||||
</ul>
|
||||
<ul class="nav">
|
||||
<li class="generator">
|
||||
<!--small></small-->
|
||||
<a href="http://gamuza.fr" rel="generator" title="Site réalisé par Gamuza" class="spip_out">[(#CHEMIN{images/gamuza_blanc.svg}|balise_img{GAMUZA})]</a>
|
||||
<a href="http://www.spip.net/" rel="generator" title="motorisé par SPIP" class="spip_out">[(#CHEMIN{images/logo_spip_blanc.png}|balise_img{SPIP}|image_reduire{45,45})]</a>
|
||||
<a href="http://gamuza.fr" rel="generator" title="Site réalisé par Gamuza" class="spip_out">
|
||||
[(#SI_PAGE{sommaire}|?{
|
||||
[(#CHEMIN{images/gamuza_noir.png}|balise_img{GAMUZA})],
|
||||
[(#CHEMIN{images/gamuza_blanc.svg}|balise_img{GAMUZA})]
|
||||
})]
|
||||
|
||||
</a>
|
||||
<a href="http://www.spip.net/" rel="generator" title="motorisé par SPIP" class="spip_out">
|
||||
[(#SI_PAGE{sommaire}|?{
|
||||
[(#CHEMIN{images/logo_spip_noir.png}|balise_img{SPIP}|image_reduire{45,45})],
|
||||
[(#CHEMIN{images/logo_spip_blanc.png}|balise_img{SPIP}|image_reduire{45,45})]
|
||||
})]
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
@ -1,105 +0,0 @@
|
|||
[<link rel="stylesheet" href="(#CSS{css/gamu_footer.css})" type="text/css" />]
|
||||
|
||||
<section id="footer-infos">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<BOUCLE_col_footer(ARTICLES){grigri=footer}{tout}{0,2}>
|
||||
<div class="col-lg-3">
|
||||
<h4 class="#EDIT{titre}">#TITRE</h4>
|
||||
<span class="#EDIT{texte}">#TEXTE</span>
|
||||
</div>
|
||||
</BOUCLE_col_footer>
|
||||
<BOUCLE_col_footer2(ARTICLES){grigri=footer}{tout}{2,1}>
|
||||
<div class="col-lg-6">
|
||||
<h4 class="#EDIT{titre}">#TITRE</h4>
|
||||
<span class="#EDIT{texte}">#TEXTE</span>
|
||||
</div>
|
||||
</BOUCLE_col_footer2>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="footer-options">
|
||||
<div class="container">
|
||||
<?php
|
||||
if (isset($GLOBALS['visiteur_session']['id_auteur']) AND $GLOBALS['visiteur_session']['id_auteur']) {
|
||||
?>
|
||||
<div class="row">
|
||||
<ul class="nav">
|
||||
<li class="separ">
|
||||
<a class="btn bouton-login" href="#URL_LOGOUT" rel="nofollow" title="Me déconnecter">
|
||||
<i class="fas fa-sign-out"></i> Déconnexion
|
||||
</a>
|
||||
</li>
|
||||
<li class="separ">
|
||||
<a class="bouton-footer" href="[(#URL_PAGE{modifier_auteur}|parametre_url{retour,#SELF})]" title="Gérer mon compte">
|
||||
<i class="fas fa-cog" aria-hidden="true"></i> #SESSION{nom} <span class="title">: gestion compte</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="separ">
|
||||
<a class="bouton-footer" href="[(#URL_PAGE{editer_article})]" title="Rédiger un article">
|
||||
<i class="fas fa-pencil"></i> Rédiger un article
|
||||
</a>
|
||||
</li>
|
||||
<li class="separ">
|
||||
<a class="bouton-footer" href="[(#URL_PAGE{brouillons})]" title="Voir les brouillons">
|
||||
<i class="fas fa-file"></i> Brouillons
|
||||
</a>
|
||||
</li>
|
||||
<?php if (isset($GLOBALS['visiteur_session']['statut']) AND $GLOBALS['visiteur_session']['statut'] == '0minirezo') { ?>
|
||||
<li class="separ">
|
||||
<a class="bouton-footer" href="[(#URL_PAGE{editer_groupe})]" title="Créer un groupe">
|
||||
<i class="fas fa-globe"></i> Créer un groupe
|
||||
</a>
|
||||
</li>
|
||||
<li class="separ">
|
||||
<a class="bouton-footer" href="[(#URL_PAGE{gerer_auteurs})]" title="Gérer les membres">
|
||||
<i class="fas fa-user"></i> Gérer les membres
|
||||
</a>
|
||||
</li><?php
|
||||
}
|
||||
?>
|
||||
</ul>
|
||||
</div><?php
|
||||
}
|
||||
?>
|
||||
<div class="row">
|
||||
<ul class="nav">
|
||||
<li class="separ">
|
||||
<a rel="contents" href="#URL_PAGE{plan}">
|
||||
<i class="fas fa-map"></i> <:plan_site:>
|
||||
</a>
|
||||
</li>
|
||||
<li class="separ">
|
||||
<a rel="contents" href="#URL_PAGE{mentions_legales}">
|
||||
<i class="fas fa-legal"></i> Mentions légales
|
||||
</a>
|
||||
</li>
|
||||
<li class="separ">
|
||||
<a rel="contents" href="#URL_PAGE{nous-contacter}">
|
||||
<i class="fas fa-phone"></i> Contact
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="nav">
|
||||
<?php
|
||||
if (!isset($GLOBALS['visiteur_session']['id_auteur'])) {
|
||||
?> <li class="separ">
|
||||
<a href="[(#URL_PAGE{login}|parametre_url{url,#SELF})]" rel="nofollow" class='btn bouton-login' title="Connexion">
|
||||
<i class="fas fa-sign-in"></i> Connexion
|
||||
</a>
|
||||
</li><?php
|
||||
}
|
||||
?>
|
||||
</ul>
|
||||
<ul class="nav">
|
||||
<li class="generator">
|
||||
<!--small></small-->
|
||||
<a href="http://gamuza.fr" rel="generator" title="Site réalisé par Gamuza" class="spip_out">[(#CHEMIN{images/gamuza_noir.png}|balise_img{GAMUZA})]</a>
|
||||
<a href="http://www.spip.net/" rel="generator" title="motorisé par SPIP" class="spip_out">[(#CHEMIN{images/logo_spip_noir.png}|balise_img{SPIP}|image_reduire{45,45})]</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
Add table
Reference in a new issue