bonohm/F-d-ration_de_groupes
3
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

mises à jour CSS : police +gde, container +gd sur ecran xl, et autres petits choses

Browse source
This commit is contained in:
Pierre 2020-02-13 17:48:05 +01:00
parent 3a6916e09c
commit a1a43aca74
6 changed files with 79 additions and 52 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
css/_sq_balint.scss
View file

@ -13,6 +13,12 @@ textarea[name="texte"]{
height:15rem; height:15rem;
} }
@include media-breakpoint-up(xl) {
.container{
max-width: 1300px;
}
}
.section-top{ .section-top{
padding-top: 8rem; padding-top: 8rem;
} }
@ -45,7 +51,7 @@ textarea[name="texte"]{
} }
/* polices */ /* polices */
* { font-family: 'Cabin', sans-serif; font-size: 1.05rem} * { font-family: 'Cabin', sans-serif; font-size: 1.1rem}
i.fas { font-family: fontawesome; font-style: normal; font-weight: 400; } i.fas { font-family: fontawesome; font-style: normal; font-weight: 400; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, legend, h1, .h1, h2, .h2, h3, .h3, h4, .h4, legend,
.h1-like, .h2-like, .h3-like, .h4-like { font-family: 'Cabin', sans-serif; } .h1-like, .h2-like, .h3-like, .h4-like { font-family: 'Cabin', sans-serif; }
@ -268,8 +274,7 @@ body{
.liste-articles-encadres{ .liste-articles-encadres{
.bloc-article { .bloc-article {
height: 100%; height: 100%;
background: white; outline: 1px solid #eee;
outline: 1px solid #DDD;
a { a {
min-height: 100%; min-height: 100%;
h2 { h2 {
@ -398,6 +403,14 @@ body{
border-radius: 100%; border-radius: 100%;
} }
// Couleur des flèches
.carousel-control-next-icon{
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23478E7E' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.carousel-control-prev-icon{
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23478E7E' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
/**********************************************************************/ /**********************************************************************/
/***************************** FOOTER *********************************/ /***************************** FOOTER *********************************/
/**********************************************************************/ /**********************************************************************/
@ -427,7 +440,7 @@ body{
.footer-options{ .footer-options{
background:$fond-footer; background:$fond-footer;
padding: 1rem 0; padding: 2rem 0;
ul{ ul{
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
@ -438,7 +451,7 @@ body{
max-width: 300px; max-width: 300px;
} }
.login_modal{ .bouton-login{
background: $couleur-liens; background: $couleur-liens;
border-radius: 0.2rem; border-radius: 0.2rem;
} }

2
css/_variables.scss
View file

@ -17,7 +17,7 @@ $fond-transparent: rgba(255, 255, 255, 0.92);
$breadcrumb-bg: none; $breadcrumb-bg: none;
$bg-body: url('../images/bg-web.jpg'); $bg-body: url('../images/bg-web.jpg');
$bg-presentation: url('../images/bg-gris-vert.jpg'); $bg-presentation: url('../images/bg-gris-vert2.jpg');
$bg-texte-presentation: url('../images/bg-encadre-blanc3.jpg'); $bg-texte-presentation: url('../images/bg-encadre-blanc3.jpg');
$bg-mis-en-avant: url('../images/fond-une-jaune.jpg'); $bg-mis-en-avant: url('../images/fond-une-jaune.jpg');
$bg-a-la-une: url('../images/bg-web.jpg'); $bg-a-la-une: url('../images/bg-web.jpg');

25
css/mon_site.css
View file

@ -11877,6 +11877,12 @@ textarea[name="texte"] {
height: 15rem; height: 15rem;
} }
@media (min-width: 1200px) {
.container {
max-width: 1300px;
}
}
.section-top { .section-top {
padding-top: 8rem; padding-top: 8rem;
} }
@ -11910,7 +11916,7 @@ textarea[name="texte"] {
/* polices */ /* polices */
* { * {
font-family: 'Cabin', sans-serif; font-family: 'Cabin', sans-serif;
font-size: 1.05rem; font-size: 1.1rem;
} }
i.fas { i.fas {
@ -12053,7 +12059,7 @@ body {
/**********************************************************************/ /**********************************************************************/
#presentation-accueil { #presentation-accueil {
padding: 10rem 0 2rem 0; padding: 10rem 0 2rem 0;
background: url("../images/bg-gris-vert.jpg"); background: url("../images/bg-gris-vert2.jpg");
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
@ -12161,8 +12167,7 @@ body {
.liste-articles-encadres .bloc-article { .liste-articles-encadres .bloc-article {
height: 100%; height: 100%;
background: white; outline: 1px solid #eee;
outline: 1px solid #DDD;
} }
.liste-articles-encadres .bloc-article a { .liste-articles-encadres .bloc-article a {
@ -12315,6 +12320,14 @@ body {
border-radius: 100%; border-radius: 100%;
} }
.carousel-control-next-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23478E7E' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23478E7E' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
/**********************************************************************/ /**********************************************************************/
/***************************** FOOTER *********************************/ /***************************** FOOTER *********************************/
/**********************************************************************/ /**********************************************************************/
@ -12346,7 +12359,7 @@ body {
.footer .footer-options { .footer .footer-options {
background: #4B9886; background: #4B9886;
padding: 1rem 0; padding: 2rem 0;
} }
.footer .footer-options ul { .footer .footer-options ul {
@ -12360,7 +12373,7 @@ body {
max-width: 300px; max-width: 300px;
} }
.footer .login_modal { .footer .bouton-login {
background: #f67638; background: #f67638;
border-radius: 0.2rem; border-radius: 0.2rem;
} }

12
footer/sommaire.html
View file

@ -45,28 +45,28 @@
<?php <?php
if (isset($GLOBALS['visiteur_session']['id_auteur']) AND $GLOBALS['visiteur_session']['id_auteur']) { if (isset($GLOBALS['visiteur_session']['id_auteur']) AND $GLOBALS['visiteur_session']['id_auteur']) {
?> <li class="separ"> ?> <li class="separ">
<a class="" href="[(#URL_PAGE{modifier_auteur}|parametre_url{retour,#SELF})]" title="Gérer mon compte"> <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> <i class="fas fa-cog" aria-hidden="true"></i> #SESSION{nom} <span class="title">: gestion compte</span>
</a> </a>
</li> </li>
<li class="separ"> <li class="separ">
<a href="#URL_LOGOUT" rel="nofollow" title="Me déconnecter"> <a class="bouton-login" href="#URL_LOGOUT" rel="nofollow" title="Me déconnecter">
<i class="fas fa-sign-out"></i> Déconnexion <i class="fas fa-sign-out"></i> Déconnexion
</a> </a>
</li> </li>
<li class="separ"> <li class="separ">
<a class="" href="[(#URL_PAGE{editer_article})]" title="Rédiger un article"> <a class="bouton-footer" href="[(#URL_PAGE{editer_article})]" title="Rédiger un article">
<i class="fas fa-pencil"></i> Rédiger un article <i class="fas fa-pencil"></i> Rédiger un article
</a> </a>
</li> </li>
<?php if (isset($GLOBALS['visiteur_session']['statut']) AND $GLOBALS['visiteur_session']['statut'] == '0minirezo') { ?> <?php if (isset($GLOBALS['visiteur_session']['statut']) AND $GLOBALS['visiteur_session']['statut'] == '0minirezo') { ?>
<li class="separ"> <li class="separ">
<a class="" href="[(#URL_PAGE{editer_groupe})]" title="Créer un groupe"> <a class="bouton-footer" href="[(#URL_PAGE{editer_groupe})]" title="Créer un groupe">
<i class="fas fa-globe"></i> Créer un groupe <i class="fas fa-globe"></i> Créer un groupe
</a> </a>
</li> </li>
<li class="separ"> <li class="separ">
<a class="" href="[(#URL_PAGE{gerer_auteurs})]" title="Gérer les membres"> <a class="bouton-footer" href="[(#URL_PAGE{gerer_auteurs})]" title="Gérer les membres">
<i class="fas fa-user"></i> Gérer les membres <i class="fas fa-user"></i> Gérer les membres
</a> </a>
</li><?php </li><?php
@ -74,7 +74,7 @@
} }
else { else {
?> <li class="separ"> ?> <li class="separ">
<a href="[(#URL_PAGE{login}|parametre_url{url,#SELF})]" rel="nofollow" class='login_modal' title="Connexion"> <a href="[(#URL_PAGE{login}|parametre_url{url,#SELF})]" rel="nofollow" class='bouton-login' title="Connexion">
<i class="fas fa-sign-in"></i> Connexion <i class="fas fa-sign-in"></i> Connexion
</a> </a>
</li><?php </li><?php

BIN
images/bg-gris-vert2.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 141 KiB

69
inclure/menu_principal.html
View file

@ -1,36 +1,37 @@
<nav id="menu-principal" class="navbar navbar-expand-lg navbar-dark fixed-top "> <nav id="menu-principal" class="navbar navbar-expand-xl navbar-dark fixed-top ">
<div class="container">
<a class="navbar-brand" href="[(#URL_PAGE{sommaire})]">[(#LOGO_SITE_SPIP|image_reduire{200,0})]</a> <a class="navbar-brand" href="[(#URL_PAGE{sommaire})]">[(#LOGO_SITE_SPIP|image_reduire{200,0})]</a>
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#liste-deroulante" aria-controls="liste-deroulante" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#liste-deroulante" aria-controls="liste-deroulante" aria-expanded="false" aria-label="Toggle navigation">
<i class="fa fa-bars" aria-hidden="true"></i> <i class="fa fa-bars" aria-hidden="true"></i>
</button> </button>
<div class="collapse navbar-collapse" id="liste-deroulante"> <div class="collapse navbar-collapse" id="liste-deroulante">
<ul class="navbar-nav ml-auto"> <ul class="navbar-nav ml-auto">
<li class="nav-item [(#SI_PAGE{sommaire}|oui) active]"> <li class="nav-item [(#SI_PAGE{sommaire}|oui) active]">
<a class="nav-link" href="[(#URL_PAGE{sommaire})]">Accueil</a> <a class="nav-link" href="[(#URL_PAGE{sommaire})]">Accueil</a>
</li> </li>
<li class="nav-item [(#SI_PAGE{association}|oui) active]"> <li class="nav-item [(#SI_PAGE{association}|oui) active]">
<a class="nav-link" href="[(#URL_PAGE{association})]">L'association</a> <a class="nav-link" href="[(#URL_PAGE{association})]">L'association</a>
</li> </li>
<li class="nav-item [(#SI_PAGE{methode}|oui) active]"> <li class="nav-item [(#SI_PAGE{methode}|oui) active]">
<a class="nav-link" href="[(#URL_PAGE{methode})]">La méthode</a> <a class="nav-link" href="[(#URL_PAGE{methode})]">La méthode</a>
</li> </li>
<li class="nav-item [(#SI_PAGE{seminaires}|oui) active]"> <li class="nav-item [(#SI_PAGE{seminaires}|oui) active]">
<a class="nav-link" href="[(#URL_PAGE{seminaires})]">Les séminaires</a> <a class="nav-link" href="[(#URL_PAGE{seminaires})]">Les séminaires</a>
</li> </li>
<li class="nav-item [(#SI_PAGE{groupes}|oui) active]"> <li class="nav-item [(#SI_PAGE{groupes}|oui) active]">
<a class="nav-link" href="[(#URL_PAGE{groupes})]">Les groupes</a> <a class="nav-link" href="[(#URL_PAGE{groupes})]">Les groupes</a>
</li> </li>
<li class="nav-item [(#SI_PAGE{mediatheque}|oui) active]"> <li class="nav-item [(#SI_PAGE{mediatheque}|oui) active]">
<a class="nav-link" href="[(#URL_PAGE{mediatheque})]">Médiathèque</a> <a class="nav-link" href="[(#URL_PAGE{mediatheque})]">Médiathèque</a>
</li> </li>
<?php <?php
if (isset($GLOBALS['visiteur_session']['id_auteur']) AND $GLOBALS['visiteur_session']['id_auteur']) { if (isset($GLOBALS['visiteur_session']['id_auteur']) AND $GLOBALS['visiteur_session']['id_auteur']) {
?> ?>
<li class="nav-item [(#SI_PAGE{forum}|oui) active]"> <li class="nav-item [(#SI_PAGE{forum}|oui) active]">
<a class="nav-link" href="[(#URL_PAGE{forum})]">Forum</a> <a class="nav-link" href="[(#URL_PAGE{forum})]">Forum</a>
</li> </li>
<?php } ?> <?php } ?>
</ul> </ul>
</div>
</div> </div>
</nav> </nav>