récupérer les gros boutons (pitchum)
This commit is contained in:
chankalan
parent
3dec2040ff
commit
0602a88ca8
|
|
@ -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 */
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue