diff --git a/content/association.html b/content/association.html new file mode 100644 index 0000000..5e88c6c --- /dev/null +++ b/content/association.html @@ -0,0 +1,11 @@ + + [(#ID_ARTICLE|setenv{id_article})] + + +
+
+

L'Association

+ +
+ +
\ No newline at end of file diff --git a/content/sommaire.html b/content/sommaire.html index c3c92d7..57b9408 100644 --- a/content/sommaire.html +++ b/content/sommaire.html @@ -5,13 +5,15 @@
[(#LOGO_SITE_SPIP|image_reduire{510,0})] -
+
[(#FICHIER|image_recadre{380:362,-,focus}|image_reduire{380,362})] -
+ #DESCRIPTIF +
+
-
-
+
+
#TEXTE
diff --git a/css/_sq_balint.scss b/css/_sq_balint.scss index ea11c05..91bcda4 100644 --- a/css/_sq_balint.scss +++ b/css/_sq_balint.scss @@ -9,6 +9,12 @@ cursor: pointer; } +// pour empêcher l'opacité à 0.5 pendant le chargement AJAX : +.loading > * { + opacity: 1 !important; +} + + /* polices */ * { font-family: 'Open Sans', sans-serif; } @@ -23,6 +29,18 @@ a, a:hover { color: $couleur-liens; } +/* body */ +body{ + background: $bg-body; +} + +.section-top{ + padding-top: 10rem; +} + +.section-bottom{ + padding-bottom: 3rem; +} /**********************************************************************/ @@ -128,7 +146,7 @@ a, a:hover { } #agenda{ - background:rgba(255, 255, 255, 0.92); + background: $fond-transparent; border-radius: 0.2rem; display: flex; flex-direction: column; @@ -303,7 +321,7 @@ a, a:hover { #footer-infos{ background: $fond-footer; - padding: 2rem 0; + padding: 3rem 0; a{ color: $page-active; } @@ -355,6 +373,37 @@ a, a:hover { } } +/**********************************************************************/ +/************************ PAGE ASSOCIATION ****************************/ +/**********************************************************************/ + +#menu-association{ + background: $bg-diapo-texte; + background-size: cover; + margin: 1rem 0; + border-radius: 0.2rem; + padding: 0; + .active a{ + color: $couleur-liens; + } + li{ + padding: 0.5rem; + a{ + color: $light; + } + &:not(:last-of-type){ + border-bottom: solid 1px $light; + } + } +} + +.asso-image{ + margin: 1.5rem 0; + img{ + width: 100%; + height: auto; + } +} /**********************************************************************/ /**************** TOUS LES FORMULAIRES DE CONNEXION *******************/ diff --git a/css/_variables.scss b/css/_variables.scss index 05c059d..e2f2b29 100644 --- a/css/_variables.scss +++ b/css/_variables.scss @@ -5,9 +5,11 @@ $couleur-liens : #dc7544; $page-active: #ffe9aa; $fond-footer: #464ba3; $titres-footer: #64d4af; +$fond-transparent: rgba(255, 255, 255, 0.92); +$fond-rouge: #882625; - +$bg-body: url('../images/bg-web.jpg'); $bg-presentation: url('../images/bg-rouge-fonce-3.jpg'); $bg-texte-presentation: url('../images/bg-encadre-blanc3.jpg'); $bg-mis-en-avant: url('../images/delaunay_brut.jpg'); diff --git a/css/mon_site.css b/css/mon_site.css index 74bd1a8..0da3774 100644 --- a/css/mon_site.css +++ b/css/mon_site.css @@ -11832,6 +11832,10 @@ fieldset.reponse_formulaire { cursor: pointer; } +.loading > * { + opacity: 1 !important; +} + /* polices */ * { font-family: 'Open Sans', sans-serif; @@ -11854,6 +11858,19 @@ a, a:hover { color: #dc7544; } +/* body */ +body { + background: url("../images/bg-web.jpg"); +} + +.section-top { + padding-top: 10rem; +} + +.section-bottom { + padding-bottom: 3rem; +} + /**********************************************************************/ /************************* HEADER ******************************/ /**********************************************************************/ @@ -12168,7 +12185,7 @@ a, a:hover { /**********************************************************************/ #footer-infos { background: #464ba3; - padding: 2rem 0; + padding: 3rem 0; } #footer-infos a { @@ -12248,6 +12265,42 @@ a, a:hover { } } +/**********************************************************************/ +/************************ PAGE ASSOCIATION ****************************/ +/**********************************************************************/ +#menu-association { + background: rgba(0, 13, 158, 0.65); + background-size: cover; + margin: 1rem 0; + border-radius: 0.2rem; + padding: 0; +} + +#menu-association .active a { + color: #dc7544; +} + +#menu-association li { + padding: 0.5rem; +} + +#menu-association li a { + color: #f8f9fa; +} + +#menu-association li:not(:last-of-type) { + border-bottom: solid 1px #f8f9fa; +} + +.asso-image { + margin: 1.5rem 0; +} + +.asso-image img { + width: 100%; + height: auto; +} + /**********************************************************************/ /**************** TOUS LES FORMULAIRES DE CONNEXION *******************/ /**********************************************************************/ diff --git a/images/bg-web.jpg b/images/bg-web.jpg new file mode 100644 index 0000000..7089fab Binary files /dev/null and b/images/bg-web.jpg differ diff --git a/inclure/association_contenu.html b/inclure/association_contenu.html new file mode 100644 index 0000000..738b64e --- /dev/null +++ b/inclure/association_contenu.html @@ -0,0 +1,32 @@ +
+ + + +
+ +

#TITRE

+ #TEXTE + + + [(#REM) On affiche les images à la fin sur petits écrans] +
+ +
+ [(#FICHIER|image_recadre{380:362,-,focus}|image_reduire{380,362})] + #DESCRIPTIF +
+ +
+
+ +
\ No newline at end of file diff --git a/inclure/menu-association.html b/inclure/menu-association.html new file mode 100644 index 0000000..112cc41 --- /dev/null +++ b/inclure/menu-association.html @@ -0,0 +1,14 @@ + \ No newline at end of file