diff --git a/web/app/themes/la_mine/asset/dist/index.js b/web/app/themes/la_mine/asset/dist/index.js index 834d4405..6bc7c71b 100644 --- a/web/app/themes/la_mine/asset/dist/index.js +++ b/web/app/themes/la_mine/asset/dist/index.js @@ -45,6 +45,7 @@ if (arrayEnga != null) { var msnry = new Masonry(arrayEnga , { columnWidth: '.engagement', itemSelector: '.engagement', + gutter: '.gutter-sizer', percentPosition: true }); diff --git a/web/app/themes/la_mine/asset/dist/style.css b/web/app/themes/la_mine/asset/dist/style.css index 7cdaa801..8bf547dd 100644 --- a/web/app/themes/la_mine/asset/dist/style.css +++ b/web/app/themes/la_mine/asset/dist/style.css @@ -400,12 +400,154 @@ article .__img_event img{ .wrapper__content { margin-top: 20px; } -/*fin page event*/ - - /* END PAGE SINGLE */ +/* START PAGE LA COLLECTE */ +body.la-collecte .titre_page { + border-color: #ff56ffff; +} +body.la-collecte .__header h3{ + color: #ff56ffff; +} +.sider_left_form .acf-field .acf-label label{ + display: none!important; +} +.sider_left_form .acf-fields > .acf-field{ + border-top: 0; +} +.sider_left_form input{ + border: 0px; + border-bottom: 1px solid black; +} +.sider_left_form{ + padding: 0 1rem; + border: 8px solid #ff56ffff; +} +.sider_left_form .acf-form-submit{ + padding-top: 0; +} +.sider_left_form .af-submit-button{ + margin: 0 auto; +} + +.sidebar_left .__content, +.content_zone { + border: 8px solid blue; + padding: 1em; +} +/* END PAGE LA COLLECTE */ + + +/* START PAGE BENEVOLE */ + body.la-benevole-zone .titre_page { + border-color: #5353e1ff; + } + body.la-benevole-zone .__header h3{ + color: #5353e1ff; + } + body.la-benevole-zone .__content { + border-color: #5353e1ff; + } + .la-benevole-zone .__bouttons{ + text-align: center; + width: max-content; + margin: 30px auto 0 auto; + + } + .la-benevole-zone .__bouttons > div{ + border: 4px solid #5353e1ff; + margin: 10px auto; + padding: 0 10px; + font-weight: bold; + } +/* END PAGE BENEVOLE */ + + + +/* START PAGE projets */ + body.les-projets .titre_page { + border-color: #ff0000ff; + } + body.les-projets .header h3{ + color: #ff0000ff; + } + body.les-projets .content_zone { + border-color: #ff0000ff; + } + + body.les-projets section#content .wrapper section{ + margin: 100px auto; + } +/* END PAGE projets */ + +/* START PAGE ASSOCIATION */ + body.association .titre_page { + border-color: #ffcc00ff; + } + body.association .__header h3{ + color: #ffcc00ff; + } + body.association .__content { + border-color: #ffcc00ff; + } + .tableau_engagements{ + margin-top: 100px; + } + .tableau_engagements > div:not(.gutter-sizer) { + margin-bottom: 10px; + border: 4px solid #ffcc00ff; + padding: 10px; + width: calc(50% - 10px)!important; + } + .gutter-sizer { + width: 10px; + } +/* END PAGE ASSOCIATION */ + +/* START PAGE privatiser-lespace */ + body.privatiser-lespace .titre_page { + border-color: #26e800ff; + } + body.privatiser-lespace .__header h3{ + color: #26e800ff; + } + + .legendes{ + background-color: white; + position : absolute; + bottom: 20px; + margin-left: 20px; + border: 8px solid #26e800ff; + padding: 10px; + } + .privatiser.__slide .img{ + height: 100%; + } + .privatiser.__slide .legendes{ + opacity: 0; + transform: translateX(50px); + transition: all 0.3s; + } + + .privatiser.__slide .is-selected .legendes{ + opacity: 1; + transform: translateX(0px); + transition: all 1.3s; + } + + .privatiser-lespace .__organisation, + .privatiser-lespace .__organisation .orga{ + margin: 40px 0; + } + .privatiser-lespace .__organisation .title{ + color: #26e800ff + } + .privatiser-lespace .__organisation .__item{ + border: 8px solid #26e800ff; + padding: 10px; + } + /* END PAGE privatiser-lespace */ @@ -449,17 +591,6 @@ article .__img_event img{ text-align: center; text-transform: uppercase; } -.sidebar_left .__content, .sider_left_form, .__organisation .__item, .content_zone { - border: 8px solid blue; - padding: 1em; -} -.tableau_engagements { - margin-top : 10%; -} -.tableau_engagements div{ - margin-top : 5%; - padding-left: 5%; -} /*sections page accueil*/ @@ -680,22 +811,8 @@ article .__img_event img{ /*fin page les projets*/ /*privatiser l'espace*/ -.legendes{ - background-color: white; - position : absolute; - bottom: 4%; - margin-left: 4%; - border: 8px solid blue; - padding: 1%; - padding-top: 2%; -} -.__organisation { - margin-top: 4%; - text-align: center; -} -._orga { - margin-top: 4%; -} + + /*fin privatiser l'espace*/ diff --git a/web/app/themes/la_mine/templates/association.twig b/web/app/themes/la_mine/templates/association.twig index fa9f2131..53fcc09b 100644 --- a/web/app/themes/la_mine/templates/association.twig +++ b/web/app/themes/la_mine/templates/association.twig @@ -31,6 +31,7 @@