diff --git a/css/perso-modif.css b/css/perso-modif.css index bd80166..bf269a9 100644 --- a/css/perso-modif.css +++ b/css/perso-modif.css @@ -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 */ } }