bachir/lamine_wp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ajout objet hybride et créa+ajout objet drag, design mention, ouverture nouvel onglet, aussi recherche draggable avec en commentaire /ajout chloe drag/ pour que les modif soient facilement retrouvable

Browse Source
This commit is contained in:
chloe_listrat
2020-06-30 17:56:13 +02:00
parent 90eb9e543b
commit a73d3ed55d
28 changed files with 20424 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/app/themes/la_mine/asset/dist/hamburgers.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
web/app/themes/la_mine/asset/dist/index.js
Vendored
+5
View File
@@ -17,6 +17,11 @@ if (prive != null) {
})
}
//ajout chloe drag
$( function() {
$( "#draggable" ).draggable();
} );
var slide_tpsF = document.querySelectorAll('.tpsF .slide');
if (slide_tpsF != null) {
for (var i = 0; i < slide_tpsF.length; i++) {
web/app/themes/la_mine/asset/dist/js/jquery-ui.js
Vendored
+18706
View File
File diff suppressed because it is too large Load Diff
web/app/themes/la_mine/asset/dist/style.css
Vendored
+147 -9
View File
@@ -10,7 +10,7 @@
*{
box-sizing: border-box;
}
/*START PARALAX*/
.paralax{
z-index: -1;
position: absolute;
@@ -20,11 +20,46 @@
#section_proch .paralax{
left: -20%;
}
.section_accueil .paralax{
left: 50%;
left: 980px;
top: 1000px;
}
.agenda .paralax{
z-index: -1;
width: 100%;
top: 340px;
left: 315px;
}
.les-projets .paralax{
z-index: -1;
top: 420px;
left: 940px;
}
.la-collecte .paralax{
z-index: -1;
width: 80%;
top: -230px;
left: 580px;
}
.la-benevole-zone .paralax{
z-index: -1;
width: 80%;
top: -685px;
left: 580px;
}
.privatiser-lespace .paralax{
z-index: -1;
width: 80%;
top: -1018px;
left: 580px;
}
.privacy-policy .paralax{
z-index: -1;
width: 70%;
top: 255px;
left: 515px;
}
/*END PARALAX*/
body {
font-size: 16px;
font-family: Universalis ADF Std, sans-serif;
@@ -64,6 +99,7 @@ header{
z-index: 999;
top: 0;
left: 0;
pointer-events: none;
}
header > .nav-wrapper{
height: fit-content;
@@ -72,6 +108,7 @@ header > .nav-wrapper{
.logoLamine {
width : 150px;
height: 150px;
pointer-events: auto;
}
.logoLamine a{
@@ -82,6 +119,37 @@ header > .nav-wrapper{
.logoLamine img{
object-fit: cover;
}
#lumiR_logo {
z-index: 1;
position: absolute;
left: 68px;
top: 60px;
width: 68px;
height: 68px;
background-color: #ffcc00ff;
border-radius: 68px;
opacity: 0.3;
}
.accueil #lumiR_logo, .agenda #lumiR_logo, .association #lumiR_logo, .privacy-policy #lumiR_logo{
background-color: #ffcc00ff;
}
.les-projets #lumiR_logo {
background-color: #ff0000ff;
}
.les-temps-forts #lumiR_logo {
background-color: #009ee0ff;
}
.la-collecte #lumiR_logo {
background-color: #ff56ffff;
}
.la-benevole-zone #lumiR_logo {
background-color: #5353e1ff;
}
.privatiser-lespace #lumiR_logo {
background-color: #26e800ff;
}
#fond_logo{
z-index: -1;
position: absolute;
@@ -104,6 +172,7 @@ header > .nav-wrapper{
.rs{
/* padding-top: 10px; */
height: fit-content;
pointer-events: auto;
}
.rs > div {
width: 30px;
@@ -120,6 +189,7 @@ header > .nav-wrapper{
.burger{
/* padding-top: 10px; */
height: fit-content;
pointer-events: auto;
}
.fond_burger{
background-image: url('../images/form_burger.svg');
@@ -135,13 +205,15 @@ header > .nav-wrapper{
background: white;
}
.nav-main.is-active{
display: block
display: block;
pointer-events: auto;
}
.menu-item {
font-family: Millimetre, sans-serif;
text-transform: uppercase;
text-align: right;
pointer-events: auto;
}
#nav-main > ul > li > ul {display: none;}
@@ -188,6 +260,7 @@ body > .content-wrapper{
}
.btn a{
padding: 7px 10px;
background-color: white;
border: 4px solid black;
}
@@ -220,7 +293,13 @@ body > .content-wrapper{
.flickity-button:disabled {
display: none;
}
footer .flickity-prev-next-button{
width: 50px;
height: 50px;
}
footer .flickity-button-icon {
fill: grey;
}
/* END BUTTON */
@@ -244,6 +323,7 @@ body > .content-wrapper{
.section_accueil#section_projets .titre,
.section_accueil#section_projets .wrap_content {
border-color: #f51212ff;
background-color: white;
}
.section_accueil#section_projets .wrapper__content h3{
color: #f51212ff;
@@ -251,6 +331,14 @@ body > .content-wrapper{
.section_accueil#section_projets .wrap_content{
height: calc(100% - 80px);
}
/*ajout chloe drag*/
#draggable {
width: 150px;
height: 150px;
background-color: red;
padding: 0.5em;
}
/*fin ajout chloe drag*/
.section_accueil#section_tpsF .titre,
.section_accueil#section_tpsF .content_asso {
@@ -285,6 +373,7 @@ body > .content-wrapper{
margin: 0 10px 20px 10px;
padding: 2px 8px;
border: 4px solid black;
background-color: white;
height: 40px;
display: flex;
align-items: flex-end;
@@ -324,6 +413,7 @@ article .titre_event{
text-transform: uppercase;
font-weight: bold;
text-align: center;
background-color: white;
border: 8px solid #ffcc00ff;
padding: 0.5rem 0 0.2rem 0;
margin: 0!important;
@@ -335,6 +425,7 @@ article .titre_event{
}
.article-content .data{
background-color: white;
border: 4px solid #ffcc00ff;
padding: 1em;
text-transform: uppercase;
@@ -368,7 +459,11 @@ article .titre_event{
}
article .__img_event img{
object-fit: cover;
position:relative;
top: 0;
width:100%;
height:auto;
object-fit:contain;
}
.other{
@@ -385,6 +480,7 @@ article .__img_event img{
.voir_aussi {
text-transform: uppercase;
font-weight: bold;
background-color: white;
border: 8px solid #ffcc00ff;
transform: rotate(-10deg);
padding: 0.5rem;
@@ -420,6 +516,7 @@ body.la-collecte .__header h3{
.sider_left_form{
padding: 0 1rem;
border: 8px solid #ff56ffff;
background-color: white;
}
.sider_left_form .acf-form-submit{
padding-top: 0;
@@ -431,6 +528,7 @@ body.la-collecte .__header h3{
.sidebar_left .__content,
.content_zone {
border: 8px solid blue;
background-color: white;
padding: 1em;
}
/* END PAGE LA COLLECTE */
@@ -454,6 +552,7 @@ body.la-collecte .__header h3{
}
.la-benevole-zone .__bouttons > div{
border: 4px solid #5353e1ff;
background-color: white;
margin: 10px auto;
padding: 0 10px;
font-weight: bold;
@@ -504,6 +603,7 @@ body.la-collecte .__header h3{
}
.association .__bouttons > div{
border: 4px solid #ffcc00ff;
background-color: white;
margin: 10px auto;
padding: 0 10px;
font-weight: bold;
@@ -515,6 +615,7 @@ body.la-collecte .__header h3{
.tableau_engagements > div:not(.gutter-sizer) {
margin-bottom: 10px;
border: 4px solid #ffcc00ff;
background-color: white;
padding: 10px;
width: calc(50% - 10px)!important;
}
@@ -563,10 +664,38 @@ body.la-collecte .__header h3{
}
.privatiser-lespace .__organisation .__item{
border: 8px solid #26e800ff;
background-color: white;
padding: 10px;
}
/* END PAGE privatiser-lespace */
/*START PRIVACY-POLICY*/
.privacy-policy .article-h1 {
position: absolute;
top: 100px;
left: 150px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
align-items: center;
border: 8px solid #00FFFF;
transform: rotate(-10deg);
padding: 0.5rem;
background-color: white;
}
.privacy-policy h2, .privacy-policy h3{
font-family: Universalis ADF Std, sans-serif;
color: black!important;
font-size: 1em;
text-transform: uppercase;
font-weight: bold;
}
.privacy-policy .content-wrapper {
margin-top: 300px;
}
.privacy-policy .article-body {
column-count: 2;
}
/*END PRIVACY-POLICY*/
.titre_page, .titre{
position: absolute;
@@ -577,6 +706,7 @@ body.la-collecte .__header h3{
text-align: center;
align-items: center;
border: 8px solid blue;
background-color: white;
transform: rotate(-10deg);
padding: 0.5rem;
background-color: white;
@@ -900,11 +1030,19 @@ body.les-temps-forts .titre_page {
/*START MEDIA QUERIES*/
@media screen and (min-width: 200px) and (max-width: 1088px) {
.titre_page,
.titre {
.titre{
top: -150px;
left: 50%;
transform: rotate(-10deg) translateX(-50%);
}
.privacy-policy .article-h1{
top: 100px;
left: 50%;
transform: rotate(-10deg) translateX(-50%);
}
.privacy-policy .article-body {
column-count: 1;
}
.other .header_other {
left: 50%;
}