mise à jour couleurs,marges etc et clean code après travail de kevin
This commit is contained in:
parent
2d743a1c90
commit
4f368edcb3
File diff suppressed because one or more lines are too long
1
web/app/themes/la_mine/asset/dist/index.js
vendored
1
web/app/themes/la_mine/asset/dist/index.js
vendored
@ -43,6 +43,7 @@ var arrayEnga = document.querySelector('.tableau_engagements.row');
|
||||
|
||||
if (arrayEnga != null) {
|
||||
var msnry = new Masonry(arrayEnga , {
|
||||
//columnWidth: '.engagement',
|
||||
columnWidth: '.engagement',
|
||||
itemSelector: '.engagement',
|
||||
gutter: '.gutter-sizer',
|
||||
|
||||
207
web/app/themes/la_mine/asset/dist/style.css
vendored
207
web/app/themes/la_mine/asset/dist/style.css
vendored
@ -56,9 +56,10 @@ header > .nav-wrapper{
|
||||
}
|
||||
/* START LOGO */
|
||||
.logoLamine {
|
||||
width : 120px;
|
||||
height: 120px;
|
||||
width : 150px;
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
.logoLamine a{
|
||||
display: block;
|
||||
width: 100%;
|
||||
@ -67,6 +68,15 @@ header > .nav-wrapper{
|
||||
.logoLamine img{
|
||||
object-fit: cover;
|
||||
}
|
||||
#fond_logo{
|
||||
position: absolute;
|
||||
left: -13px;
|
||||
top:-20px;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
background-color: white;
|
||||
border-radius: 200px;
|
||||
}
|
||||
/* END LOGO */
|
||||
|
||||
/* START RS */
|
||||
@ -100,13 +110,29 @@ header > .nav-wrapper{
|
||||
display: none;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
top: 70px;
|
||||
top: 120px;
|
||||
background: white;
|
||||
padding: 30px;
|
||||
}
|
||||
.nav-main.is-active{
|
||||
display: block
|
||||
}
|
||||
|
||||
.menu-item {
|
||||
font-family: Millimetre, sans-serif;
|
||||
text-transform: uppercase;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#nav-main > ul > li > ul {display: none;}
|
||||
#nav-main > ul > li:first-child:hover > ul {display: block; background-color: grey;}
|
||||
|
||||
.menu-item a:hover {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: black;
|
||||
color: white;
|
||||
}
|
||||
/* END BURGER */
|
||||
/* END HEADER */
|
||||
|
||||
@ -125,15 +151,17 @@ body > .content-wrapper{
|
||||
padding: 3px 10px;
|
||||
}
|
||||
|
||||
.btn{
|
||||
.btn, #bouton_asso, #bouton_contact {
|
||||
display: block;
|
||||
cursor: default!important;
|
||||
margin: auto;
|
||||
transform: scale(1) rotate(0deg);
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.btn:hover{
|
||||
#bouton_contact {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.btn:hover, #bouton_asso:hover, #bouton_contact:hover{
|
||||
transform: scale(1.05) rotate(-5deg);
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
@ -142,67 +170,14 @@ body > .content-wrapper{
|
||||
border: 4px solid black;
|
||||
}
|
||||
|
||||
/* .telechargement_plaquette, .redirection_page, .tout_voir {
|
||||
position: relative;
|
||||
margin: 50px auto 10px auto;
|
||||
display:flex;
|
||||
border-radius: 0%;
|
||||
text-align: center;
|
||||
padding: 5px;
|
||||
} */
|
||||
/* .telechargement_plaquette a, .redirection_page a, .tout_voir a {
|
||||
position: relative;
|
||||
display:flex;
|
||||
margin: -5px;
|
||||
padding: 5px;
|
||||
} */
|
||||
/* .__bouttons div {
|
||||
position: relative;
|
||||
text-align : center;
|
||||
margin-top: 20px;
|
||||
border: 4px solid blue;
|
||||
border-radius: 0%;
|
||||
padding: 5px;
|
||||
}
|
||||
.__bouttons #bouton_asso {
|
||||
top: 100px;
|
||||
}
|
||||
.__bouttons #bouton_asso a{
|
||||
position: relative;
|
||||
display:flex;
|
||||
margin: -5px;
|
||||
padding: 5px;
|
||||
}
|
||||
.__bouttons #bouton_contact {
|
||||
top: -30px;
|
||||
}
|
||||
.__bouttons #bouton_contact a {
|
||||
position: relative;
|
||||
display:flex;
|
||||
margin: -5px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.__bouttons div:hover,
|
||||
.telechargement_plaquette:hover,
|
||||
.bouton_asso:hover,
|
||||
.redirection_page:hover,
|
||||
.tout_voir:hover {
|
||||
transform: scale(1.05) rotate(-5deg);
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.Btn {
|
||||
display: flex;
|
||||
.Btn, #Btn_asso {
|
||||
margin-top: 10px;
|
||||
color: black;
|
||||
text-decoration: underline;
|
||||
border: none;
|
||||
}
|
||||
.Btn a:hover, .cat-list a:hover {
|
||||
color: black;
|
||||
.Btn a:hover, #Btn_asso a:hover {
|
||||
background-color: grey;
|
||||
text-decoration: underline;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.flickity-button {
|
||||
@ -223,7 +198,8 @@ body > .content-wrapper{
|
||||
}
|
||||
.flickity-button:disabled {
|
||||
display: none;
|
||||
} */
|
||||
}
|
||||
|
||||
/* END BUTTON */
|
||||
|
||||
|
||||
@ -475,10 +451,18 @@ body.la-collecte .__header h3{
|
||||
body.les-projets .content_zone {
|
||||
border-color: #ff0000ff;
|
||||
}
|
||||
|
||||
body.les-projets .title {
|
||||
color: #ff0000ff;
|
||||
}
|
||||
body.les-projets section#content .wrapper section{
|
||||
margin: 100px auto;
|
||||
}
|
||||
.projet img {
|
||||
margin: 5% 0 5% 0;
|
||||
}
|
||||
._pjt{
|
||||
margin-top: 8%
|
||||
}
|
||||
/* END PAGE projets */
|
||||
|
||||
/* START PAGE ASSOCIATION */
|
||||
@ -491,6 +475,18 @@ body.la-collecte .__header h3{
|
||||
body.association .__content {
|
||||
border-color: #ffcc00ff;
|
||||
}
|
||||
.association .__bouttons{
|
||||
text-align: center;
|
||||
width: max-content;
|
||||
margin: 30px auto 0 auto;
|
||||
}
|
||||
.association .__bouttons > div{
|
||||
border: 4px solid #ffcc00ff;
|
||||
margin: 10px auto;
|
||||
padding: 0 10px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.tableau_engagements{
|
||||
margin-top: 100px;
|
||||
}
|
||||
@ -550,20 +546,6 @@ body.la-collecte .__header h3{
|
||||
/* END PAGE privatiser-lespace */
|
||||
|
||||
|
||||
|
||||
.menu-item {
|
||||
font-family: Millimetre, sans-serif;
|
||||
text-transform: uppercase;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
#nav-main > ul > li > ul {display: none;}
|
||||
#nav-main > ul > li:first-child:hover > ul {display: block;}
|
||||
|
||||
.menu-item a:hover {
|
||||
background-color: black;
|
||||
color: white;
|
||||
}
|
||||
.titre_page, .titre{
|
||||
position: absolute;
|
||||
top: -100px;
|
||||
@ -584,21 +566,24 @@ body.la-collecte .__header h3{
|
||||
|
||||
.next_edition{
|
||||
font-style: italic;
|
||||
text-align: center;
|
||||
color:#009ee0ff;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.title {
|
||||
color: blue;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
/*sections page accueil*/
|
||||
/*start sections page accueil*/
|
||||
|
||||
/* START KEVIN */
|
||||
/*START SECTION PROCHAINEMENT*/
|
||||
.coming_soon{
|
||||
width: 100%;
|
||||
}
|
||||
.coming_soon .thumbnails, .other-posts .thumbnails, .item.thumbnails {
|
||||
margin-top: 30px;
|
||||
transform: scale(1);
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
@ -636,16 +621,17 @@ body.la-collecte .__header h3{
|
||||
.thumbnails .atelier_tricot_solidaire{
|
||||
background-image: url("../images/atelier_tricot.png");
|
||||
}
|
||||
.thumbnails .bal_rock{
|
||||
.thumbnails .bal_rock, .thumbnails .woodstroc{
|
||||
background-image: url("../images/bal_rock.png");
|
||||
}
|
||||
|
||||
.thumbnails .chiner_concert{
|
||||
background-image: url("../images/chiner_concert.png");
|
||||
}
|
||||
.thumbnails .fab_lab{
|
||||
.thumbnails .atelier_fab_lab{
|
||||
background-image: url("../images/fab_lab.png");
|
||||
}
|
||||
.thumbnails .festival_lamine_numerique{
|
||||
.thumbnails .la_mine_numerique{
|
||||
background-image: url("../images/fab_lab.png");
|
||||
}
|
||||
.thumbnails .gouter_melanie{
|
||||
@ -666,9 +652,10 @@ body.la-collecte .__header h3{
|
||||
.thumbnails .soiree_mine{
|
||||
background-image: url("../images/soiree_mine.png");
|
||||
}
|
||||
.thumbnails .zero_dechet{
|
||||
.thumbnails .zero_dechets {
|
||||
background-image: url("../images/zero_dechet.png");
|
||||
}
|
||||
/* END SECTION PROCHAINEMENT */
|
||||
|
||||
/* SECTION ASSO */
|
||||
#section_asso .association .__body{
|
||||
@ -676,7 +663,6 @@ body.la-collecte .__header h3{
|
||||
justify-content: flex-end;
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.image_sectionasso {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
@ -695,6 +681,10 @@ body.la-collecte .__header h3{
|
||||
#section_projets{
|
||||
margin-top: 300px;
|
||||
}
|
||||
.title_pjt{
|
||||
color: #f51212ff;
|
||||
font-weight: bold;
|
||||
}
|
||||
/*END SECTION PROJETS*/
|
||||
/* responsive iframe */
|
||||
#section_MineVideo .wrapper__content {
|
||||
@ -709,7 +699,6 @@ body.la-collecte .__header h3{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* END KEVIN */
|
||||
|
||||
/* .item {
|
||||
@ -771,17 +760,10 @@ body.la-collecte .__header h3{
|
||||
border: 4px solid black;
|
||||
}
|
||||
|
||||
.video iframe {
|
||||
margin: 0 auto 0 auto;
|
||||
width:100%;
|
||||
}
|
||||
/*fin sections page accueil*/
|
||||
|
||||
/*page collecte avec formulaire*/
|
||||
/*trouver comment styliser les champs du formulaire*/
|
||||
/*.af-input acf-input{
|
||||
background-color: pink;
|
||||
}*/
|
||||
.af-submit-button{
|
||||
position: relative;
|
||||
margin: 50px auto 10px auto;
|
||||
@ -800,22 +782,6 @@ body.la-collecte .__header h3{
|
||||
/*fin collecte et form*/
|
||||
|
||||
|
||||
/*page les projets*/
|
||||
.projet img {
|
||||
margin: 5% 0 5% 0;
|
||||
}
|
||||
._pjt{
|
||||
margin-top: 8%
|
||||
}
|
||||
|
||||
/*fin page les projets*/
|
||||
|
||||
/*privatiser l'espace*/
|
||||
|
||||
|
||||
|
||||
/*fin privatiser l'espace*/
|
||||
|
||||
/*gestion des dots*/
|
||||
.flickity-page-dots {
|
||||
bottom: 0px;
|
||||
@ -858,12 +824,7 @@ body.la-collecte .__header h3{
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
/*.hero .slide .flickity-page-dots{
|
||||
bottom: 20px;
|
||||
}
|
||||
.hero .slide .flickity-page-dots li{
|
||||
background: white;
|
||||
}*/
|
||||
|
||||
.hero .__head{
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
@ -871,10 +832,7 @@ body.la-collecte .__header h3{
|
||||
bottom: 60px;
|
||||
color: white;
|
||||
}
|
||||
/*
|
||||
.wrapper section{
|
||||
margin-top: 200px;
|
||||
} */
|
||||
|
||||
.wrapper section > div {
|
||||
position: relative;
|
||||
}
|
||||
@ -887,6 +845,16 @@ body.la-collecte .__header h3{
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
body.les-temps-forts section{
|
||||
margin-top: 100px;
|
||||
}
|
||||
body.les-temps-forts .title, body.les-temps-forts .next_edition {
|
||||
color: #009ee0ff;
|
||||
text-align: left;
|
||||
}
|
||||
body.les-temps-forts .titre_page {
|
||||
border-color: #009ee0ff;
|
||||
}
|
||||
.projet .img{
|
||||
height: 300px;
|
||||
}
|
||||
@ -964,6 +932,7 @@ footer > section{
|
||||
footer .logo_lamine {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
footer .logo_lamine a{
|
||||
|
||||
@ -11,7 +11,9 @@
|
||||
{% block header %}
|
||||
<div class="logoLamine mr-auto">
|
||||
<a class="hdr-logo-link" href="{{site.url}}"><img src="{{theme.link}}/asset/images/logo_lamine_vect.svg"/></a>
|
||||
<div id="fond_logo"></div>
|
||||
</div>
|
||||
|
||||
<div class="nav-wrapper d-flex align-items-center">
|
||||
<div class="rs d-flex">
|
||||
<div class="facebook">
|
||||
|
||||
@ -45,7 +45,7 @@
|
||||
<div class="list_item">
|
||||
<ul>
|
||||
{% for item in post.meta('documents') %}
|
||||
<li>
|
||||
<li class="Btn file">
|
||||
<a href="{{item.document.document.url}}" download>{{item.document.nom_doc}}</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<a href="{{site.url}}/{{item.post_name}}">
|
||||
|
||||
<div class="__images">
|
||||
<div class="icone_cat atelier_couture">
|
||||
<div class="icone_cat {{cat.slug}}">
|
||||
|
||||
</div>
|
||||
<div class="__img">
|
||||
|
||||
@ -1,18 +1,18 @@
|
||||
<section class="information col-12 col-lg-6 p-0">
|
||||
<div class="d-flex justify-content-around">
|
||||
<div class="logo_lamine">
|
||||
<div class="logo_lamine col-sm-6">
|
||||
<a href="{{site.url}}"><img src="{{ Image(options.lamine_footer.image_logo).src }}" /></a>
|
||||
</div>
|
||||
|
||||
<div class="horaires">
|
||||
<div class="horaires col-sm-6">
|
||||
{{options.texte_horaire }}
|
||||
</div>
|
||||
|
||||
<div class="adresse">
|
||||
<div class="adresse col-sm-6">
|
||||
{{options.texte_adresse }}
|
||||
</div>
|
||||
|
||||
<div class="">
|
||||
<div class="col-sm-6">
|
||||
<div class="collecte">
|
||||
{{options.texte_collecte }}
|
||||
</div>
|
||||
@ -33,7 +33,7 @@
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div> <!--fin row-->
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="join-us col-12 col-lg-6 p-0">
|
||||
@ -56,13 +56,13 @@
|
||||
<!--End mc_embed_signup-->
|
||||
</div>
|
||||
<div class="add_asso">
|
||||
<div id="bouton_asso">
|
||||
<div id="Btn_asso">
|
||||
<a href="{{post.meta('bouton_asso').lien_hello_asso}}">adhérer à l'association</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="partenaires d-flex align-items-center">
|
||||
<div class="partenaires d-flex align-items-center col-lg-6">
|
||||
<div class="_titre">{{options.titre}}</div>
|
||||
<div class="logo_partenaires w-100">
|
||||
<div class="container_slide">
|
||||
|
||||
@ -15,7 +15,7 @@
|
||||
{% for projet in item.meta("projets") %}
|
||||
<div class="wrap__content">
|
||||
<div class="title_pjt">
|
||||
<h4>{{projet.titre}}</h4>
|
||||
{{projet.titre}}
|
||||
</div>
|
||||
<div class="content_pjt">
|
||||
{{projet.text|truncate(20)}}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user