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;
}
@include media-breakpoint-up(xl) {
.container{
max-width: 1300px;
}
}
.section-top{
padding-top: 8rem;
}
@ -45,7 +51,7 @@ textarea[name="texte"]{
}
/* 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; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, legend,
.h1-like, .h2-like, .h3-like, .h4-like { font-family: 'Cabin', sans-serif; }
@ -268,8 +274,7 @@ body{
.liste-articles-encadres{
.bloc-article {
height: 100%;
background: white;
outline: 1px solid #DDD;
outline: 1px solid #eee;
a {
min-height: 100%;
h2 {
@ -398,6 +403,14 @@ body{
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 *********************************/
/**********************************************************************/
@ -427,7 +440,7 @@ body{
.footer-options{
background:$fond-footer;
padding: 1rem 0;
padding: 2rem 0;
ul{
justify-content: space-between;
align-items: center;
@ -438,7 +451,7 @@ body{
max-width: 300px;
}
.login_modal{
.bouton-login{
background: $couleur-liens;
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;
$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-mis-en-avant: url('../images/fond-une-jaune.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;
}
@media (min-width: 1200px) {
.container {
max-width: 1300px;
}
}
.section-top {
padding-top: 8rem;
}
@ -11910,7 +11916,7 @@ textarea[name="texte"] {
/* polices */
* {
font-family: 'Cabin', sans-serif;
font-size: 1.05rem;
font-size: 1.1rem;
}
i.fas {
@ -12053,7 +12059,7 @@ body {
/**********************************************************************/
#presentation-accueil {
padding: 10rem 0 2rem 0;
background: url("../images/bg-gris-vert.jpg");
background: url("../images/bg-gris-vert2.jpg");
background-size: cover;
background-repeat: no-repeat;
}
@ -12161,8 +12167,7 @@ body {
.liste-articles-encadres .bloc-article {
height: 100%;
background: white;
outline: 1px solid #DDD;
outline: 1px solid #eee;
}
.liste-articles-encadres .bloc-article a {
@ -12315,6 +12320,14 @@ body {
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 *********************************/
/**********************************************************************/
@ -12346,7 +12359,7 @@ body {
.footer .footer-options {
background: #4B9886;
padding: 1rem 0;
padding: 2rem 0;
}
.footer .footer-options ul {
@ -12360,7 +12373,7 @@ body {
max-width: 300px;
}
.footer .login_modal {
.footer .bouton-login {
background: #f67638;
border-radius: 0.2rem;
}

12
footer/sommaire.html
View file

@ -45,28 +45,28 @@
<?php
if (isset($GLOBALS['visiteur_session']['id_auteur']) AND $GLOBALS['visiteur_session']['id_auteur']) {
?> <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>
</a>
</li>
<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
</a>
</li>
<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
</a>
</li>
<?php if (isset($GLOBALS['visiteur_session']['statut']) AND $GLOBALS['visiteur_session']['statut'] == '0minirezo') { ?>
<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
</a>
</li>
<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
</a>
</li><?php
@ -74,7 +74,7 @@
}
else {
?> <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
</a>
</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 ">
<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">
<i class="fa fa-bars" aria-hidden="true"></i>
</button>
<div class="collapse navbar-collapse" id="liste-deroulante">
<ul class="navbar-nav ml-auto">
<li class="nav-item [(#SI_PAGE{sommaire}|oui) active]">
<a class="nav-link" href="[(#URL_PAGE{sommaire})]">Accueil</a>
</li>
<li class="nav-item [(#SI_PAGE{association}|oui) active]">
<a class="nav-link" href="[(#URL_PAGE{association})]">L'association</a>
</li>
<li class="nav-item [(#SI_PAGE{methode}|oui) active]">
<a class="nav-link" href="[(#URL_PAGE{methode})]">La méthode</a>
</li>
<li class="nav-item [(#SI_PAGE{seminaires}|oui) active]">
<a class="nav-link" href="[(#URL_PAGE{seminaires})]">Les séminaires</a>
</li>
<li class="nav-item [(#SI_PAGE{groupes}|oui) active]">
<a class="nav-link" href="[(#URL_PAGE{groupes})]">Les groupes</a>
</li>
<li class="nav-item [(#SI_PAGE{mediatheque}|oui) active]">
<a class="nav-link" href="[(#URL_PAGE{mediatheque})]">Médiathèque</a>
</li>
<?php
if (isset($GLOBALS['visiteur_session']['id_auteur']) AND $GLOBALS['visiteur_session']['id_auteur']) {
?>
<li class="nav-item [(#SI_PAGE{forum}|oui) active]">
<a class="nav-link" href="[(#URL_PAGE{forum})]">Forum</a>
</li>
<?php } ?>
</ul>
<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>
<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>
</button>
<div class="collapse navbar-collapse" id="liste-deroulante">
<ul class="navbar-nav ml-auto">
<li class="nav-item [(#SI_PAGE{sommaire}|oui) active]">
<a class="nav-link" href="[(#URL_PAGE{sommaire})]">Accueil</a>
</li>
<li class="nav-item [(#SI_PAGE{association}|oui) active]">
<a class="nav-link" href="[(#URL_PAGE{association})]">L'association</a>
</li>
<li class="nav-item [(#SI_PAGE{methode}|oui) active]">
<a class="nav-link" href="[(#URL_PAGE{methode})]">La méthode</a>
</li>
<li class="nav-item [(#SI_PAGE{seminaires}|oui) active]">
<a class="nav-link" href="[(#URL_PAGE{seminaires})]">Les séminaires</a>
</li>
<li class="nav-item [(#SI_PAGE{groupes}|oui) active]">
<a class="nav-link" href="[(#URL_PAGE{groupes})]">Les groupes</a>
</li>
<li class="nav-item [(#SI_PAGE{mediatheque}|oui) active]">
<a class="nav-link" href="[(#URL_PAGE{mediatheque})]">Médiathèque</a>
</li>
<?php
if (isset($GLOBALS['visiteur_session']['id_auteur']) AND $GLOBALS['visiteur_session']['id_auteur']) {
?>
<li class="nav-item [(#SI_PAGE{forum}|oui) active]">
<a class="nav-link" href="[(#URL_PAGE{forum})]">Forum</a>
</li>
<?php } ?>
</ul>
</div>
</div>
</nav>