récupérer les gros boutons (pitchum)

This commit is contained in:
chankalan 2022-02-11 22:51:53 +01:00
parent 3dec2040ff
commit 0602a88ca8

View File

@ -4,7 +4,7 @@
Author URI: https://bardelli.fr
License: Code : GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Description: un thème pour Chapril.org
Description: un thème pour Chapril.org
Spip Version: SPIP 3.2.4 - 8 avril 2019.
*/
@ -13,21 +13,21 @@
/* ----------- CHARTE COULEURS
BLEU
#153A6A | Bleu foncé menu mobile
#153A6A | Bleu foncé menu mobile
rgb(46,82,129) | #2e5281 | Bleu roi April
rgb(102,170,238) | #66aaee | Bleu ciel
rgb(176,203,232) | #b0cbe8 | Bleu gris ciel
rgb(151,176,198) | #416687 | Bleu gris ciel foncé
rgb(151,176,198) | #416687 | Bleu gris ciel foncé
rgb(91,198,242) | #5bc6f2 | Bleu electrique
rgb(95,95,95) | #5f5f5f | Couleur du texte courant
rgb(255,94,0) | #ff5e00 | rolover
rgb(255,151,89) | #ff9759 | rolover bannière et fond foncé
rgb(255,151,89) | #ff9759 | rolover bannière et fond foncé
rgb(247,247,249) | #f7f7f9 | fond de page
rgb(0,81,132) | #005184 | couleur des ombrage +- rayon 25%, opacité 15%
rgb(0,81,132) | #005184 | couleur des ombrage +- rayon 25%, opacité 15%
degrade de l'appel d'acceuil en svg
A rgb(24,120,195)
@ -77,7 +77,7 @@ a:hover {
a:active {
color:#5bc6f2;
}
/* ------- STYLE GÉNÉRIQUES----------- */
/* ------- STYLE GÉNÉRIQUES----------- */
body {
font-family: 'dejavu_sanscondensed', sans-serif;
color: #5f5f5f;
@ -294,7 +294,7 @@ header p{
articles div {
margin-bottom: 1.5rem;
}
.presentation article + article .spip_out, .bouton-utilise {
.bouton-utilise {
/* ------- positionnement */
display: block;
max-width: 180px;
@ -312,9 +312,9 @@ articles div {
border-radius: 7px;
padding: 0.7rem 1rem;
}
.presentation article + article .spip_out:hover, .bouton-utilise:hover{
/* color:#fff;
background-color: #ff5e00;*/
.bouton-utilise:hover{
color:#fff;
background-color: #ff5e00;
}
.presentation blockquote.postscriptum p {
font-family: dejavu_sanscondensed_oblique;
@ -473,7 +473,7 @@ articles div {
}
.derniers-services .bouton-utilise{
max-width: 120px;
margin: 1rem 1rem 1.5rem;
margin: 1rem auto 1.5rem;
}
.engagements {
/* ------- positionnement */
@ -676,7 +676,7 @@ header p {
header {
grid-template-rows: 85px;
grid-template-columns: 100px auto 100px;
margin-top: -85px; /* ------- cache le menu au départ */
margin-top: -85px; /* ------- cache le menu au départ */
}
#navigation {
/* --- animation menu */
@ -736,19 +736,19 @@ header p {
/* ------- MASQUAGE BOUTON MENU+FERME ----------- */
.menu-mobile-ouvre{ /* ------- Bouton FERME masqué au départ */
.menu-mobile-ouvre{ /* ------- Bouton FERME masqué au départ */
display: none;
}
.menu-mobile-ferme{ /* ------- Bouton MENU visible au départ */
.menu-mobile-ferme{ /* ------- Bouton MENU visible au départ */
display: block;
}
#menu:target a.menu-mobile-ferme { /* ------- Bouton MENU masqué à l'ouverture du menu */
#menu:target a.menu-mobile-ferme { /* ------- Bouton MENU masqué à l'ouverture du menu */
display: none;
}
#menu:target a.menu-mobile-ouvre { /* ------- Bouton FERME visible à l'ouverture du menu */
#menu:target a.menu-mobile-ouvre { /* ------- Bouton FERME visible à l'ouverture du menu */
display: block;
}
#navigation:target + a.menu-mobile-ouvre { /* ------- Bouton FERME masqué à la fermeture du menu */
#navigation:target + a.menu-mobile-ouvre { /* ------- Bouton FERME masqué à la fermeture du menu */
display: none;
}
/* ------- FIN OUVERTURE MENU ----------- */
@ -885,7 +885,7 @@ header p {
grid-column-end: 2;
}
.presentation article + article .postscriptum {
/* ------- positionnement SI contenu présent----------- */
/* ------- positionnement SI contenu présent----------- */
grid-row-start: 3;
grid-row-end: 4;
grid-column-start: 2;
@ -914,10 +914,10 @@ header p {
color: #fff;
background-color: #ff5e00;
}
/* .presentation article + article .spip_out, .bouton-utilise {
.bouton-utilise {
max-width: 180px;
padding: 0.7rem;
}*/
}
.derniers-services {
grid-template-rows: 1fr;
grid-template-columns: 1fr;
@ -1122,6 +1122,6 @@ background-size: 700px, 700px, 550px, 400%;
@media screen and (max-width: 500px) {
header {
grid-template-rows: 285px;
margin-top: -285px; /* ------- cache le menu au départ */
margin-top: -285px; /* ------- cache le menu au départ */
}
}