bachir/grav-lecampus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

maj

Browse Source
This commit is contained in:
Kevin Tessier
2019-05-14 19:59:47 +02:00
parent 3c24252ea3
commit fd38b48e27
68 changed files with 13719 additions and 585 deletions
Download Patch File Download Diff File Expand all files Collapse all files

314
user/themes/lecampus/scss/theme/_blog.scss
View File

@@ -1,49 +1,26 @@
.gal{
// width: 100%;
// max-height:554px;
// overflow-y: hidden;
// position: relative;
border-top: 1px solid $light-blue;
// .slidesjs-navigation{
// z-index: 999;
// position: absolute;
// top: 50%;
// transform: translateY(-50%);
// &.slidesjs-previous{
// left: 10px;
// &:before{
// display: block;
// content: " ";
// width: 30px;
// height: 50px;
// background-image: url('/user/themes/lecampus/images/arrow.svg');
// background-repeat: no-repeat;
// background-size: 30px 50px;
// }
// }
// &.slidesjs-next{
// right: 10px;
// &:before{
// display: block;
// content: " ";
// width: 30px;
// height: 50px;
// background-image: url('/user/themes/lecampus/images/arrow.svg');
// background-repeat: no-repeat;
// background-size: 30px 50px;
// transform: rotate(180deg);
// }
// }
// }
.title{
margin-left: 15%;
.content_gal{
width: 2.2%!important;
&[aria-hidden="false"]{
.title_gal{
opacity: 1;
right: 70px;
transition: all 1s ease;
}
}
}
.title_gal{
position: absolute;
right: 50px;
width: 33%;
max-width: 50%;
background: $light-blue;
padding: 40px;
top: 350px;
padding: 25px;
top: 450px;
color: $white;
opacity: 0;
}
}
@@ -103,10 +80,13 @@
}
}
.start{
min-height: calc(100vh - 325px);
}
.start:not(#form){
&#calendrier, &#archive{
width: 70%;
min-height: calc(100vh - 325px);
margin: auto;
}
.body-wrapper{
@@ -123,13 +103,13 @@
width: 100%;
right: 0;
text-align: right;
.professionnels{
&.professionnels{
background-color: $red;
}
.grand_public{
&.grand_public{
background-color: $light-blue;
}
.formations{
&.formations{
background-color: $grey;
}
.publics{
@@ -171,13 +151,20 @@
}
.start#form{
.entete{
border-top: 1px solid $light-blue
}
h2{
margin-top: 0;
}
.body-wrapper{
width: calc( (100% / 2));
width: 100%;
min-width: 250px;
margin: 100px auto;
margin: auto auto 100px auto;
form{
width: 100%;
width: calc( (100% / 2));
margin-top: 20px;
margin: auto;
& > div{
width: 100%;
margin: 20px 0;
@@ -263,6 +250,22 @@
}
}
.header-wrapper{
.title{
h2{
width: auto;
margin-bottom: 20px;
background: $red;
border-radius: 30px;
width: auto;
padding: 10px 20px;
color: white;
font-size: 1.2rem;
width:115px;
}
}
}
.content{
width: 50%;
margin: 4rem auto;
@@ -302,13 +305,6 @@
}
.body-wrapper{
.entete{
border-top: 10px solid $green;
border-bottom: 10px solid $light-blue;
}
h3{
margin-top: 20px;
}
.content{
h4{
&:not(:first-of-type){
@@ -331,6 +327,7 @@
}
#event{
margin-bottom: 20px;
.content{
margin-top: 50px;
h2{
@@ -401,7 +398,7 @@
}
.side-newsletter{
#newsletter{
padding: 20px;
background: $light-blue;
#mc_embed_signup{
@@ -496,57 +493,73 @@
.content_s{
width: auto;
}
.icones{
@include inlineflex;
}
}
}
.devis{
#devis{
@include inlineflex();
justify-content: center;
align-items: center;
background-image: url('/user/themes/lecampus/images/Trame-bleu.svg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 300px;
.title{
width: 200px;
height: 200px;
background: $red;
border-radius: 200px;
transform: translateX(80px);
h4{
text-align: center;
color: white;
margin: 50% 10px 0 10px;
transform: translateY(-50%);
}
}
.txt{
@include inlineflex();
}
p{
&:nth-of-type(1){
width: 200px;
height: auto;
transform: translateY(50%);
&::after {
display: block;
content: "";
width: 200px;
height: 200px;
background: $red;
border-radius: 200px;
margin-top: -65%;
background: white;
width: 35%;
margin-right: 20px;
height: 250px;
p{
padding: 20px 20px 20px 100px;
color: black;
text-align: left;
strong{
font-size: 1.3rem;
}
}
&:nth-of-type(2){
width: 400px;
background: white;
padding: 20px;
}
.demander-votre-devis{
margin-top: 0;
transform: translateX(-100px);
}
.img{
width: 400px;
height: 300px;
overflow: hidden;
img{
width: auto;
height: 400px;
}
}
#demander-votre-devis{
position: relative;
a{
display: block;
margin-left: -100px;
background: $red;
width: 200px;
height: 200px;
h3{
padding-top: 50%;
transform: translateY(-50%);
&::after{
display: block;
content: ">";
}
&.item{
height: auto;
.title{
border-radius: 0;
padding: 20px;
height: 70px;
width: 100%;
transform: translateX(0);
a{
color: white;
}
}
}
@@ -559,21 +572,33 @@
#reco{
background: $dark-blue;
.title{
display: flex;
cursor: pointer;
width: 100%;
padding: 10px;
h4{
width: 300px;
h5{
width: auto;
margin: auto;
color: white;
padding: 10px;
text-align: center;
border-top: 1px solid white;
border-bottom: 1px solid white;
font-size: 1rem;
&::after{
display: block;
content: ">";
display: inline-flex;
margin-left: 10px;
content: " ";
background: url('../images/fleche-top.svg');
background-size: 15px 18px;
background-repeat: no-repeat;
width: 15px;
height: 18px;
}
}
&.open{
h5:after{
transform: rotate(180deg);
}
}
}
@@ -581,8 +606,10 @@
z-index: -1;
position: absolute;
width: 100%;
padding-top: 20px;
@include inlineflex;
justify-content: center;
transform: translateY(-100%);
p{
color: white;
width: 300px;
@@ -594,6 +621,11 @@
text-decoration: underline;
}
}
&.open{
// bottom: 0;
z-index: 999;
background: $dark-blue;
}
}
}
@@ -615,6 +647,10 @@
}
#event{
.title{
width: 45%;
margin: auto;
}
.head-event{
.tags{
width: 100%;
@@ -633,11 +669,101 @@
}
}
}
.card-header{
@include inlineflex;
flex-direction: column;
width: 100%;
&.professionnels{
background-color: $red;
}
&.grand_public{
background-color: $light-blue;
}
&.formations{
background-color: $grey;
}
.publics{
text-align: right;
&.publics{
padding: 2.5px 10px;
color: white;
}
}
}
.card-body{
padding: 15px;
background-image: url('/user/themes/lecampus/images/Trame-bleu.svg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.card-content{
margin-top: 20px;
}
}
.demander-votre-devis{
padding: 10px;
z-index: 999;
background: $red;
position: absolute;
width: 200px;
height: 200px;
right: 100px;
margin-top: -100px;
color: white;
text-align: center;
strong{
font-weight: bold!important;
}
a{
color: white;
}
img{
margin-top: 10px;
width: 50px;
}
}
#sublog{
.body-wrapper{
background-image: url('../images/Trame-gris.svg');
background-repeat: no-repeat;
}
.content{
@include inlineflex;
width: 90%;
& > p{
font-size: 1.2rem;
font-family: $Bold;
}
}
.mapsalles{
width: 50%;
}
.content_salle{
position: absolute;
left: 50%;
top: 300px;
width: 35%;
background: white;
& > p{
padding-left: 10px;
}
h3{
background: $light-blue;
padding: 5px 10px;
color: white;
margin-top: 0;
}
h4{
background: $green;
font-size: 1.2rem;
font-family: $Bold;
padding: 5px 10px;
}
}
}

14
user/themes/lecampus/scss/theme/_footer.scss
View File

@@ -1,18 +1,17 @@
#footer{
width: 100%;
background: grey;
.sub-content{
background: $light-grey;
.block{
@include inlineflex;
width: 100%;
margin: 20px 0;
justify-content: center;
h3{
margin-top: 20px;
}
p{
padding: 0 20px;
img{
width: 50%;
min-width: 200px;
width: 100%;
max-width: 150px;
height: auto;
}
&:nth-of-type(1){
@@ -22,7 +21,6 @@
}
&:not(:nth-of-type(1)){
border-left: 1px solid black;
padding: 0 20px;
}
}
}

27
user/themes/lecampus/scss/theme/_header.scss
View File

@@ -1,4 +1,4 @@
#header{
header{
z-index: 999;
position: relative;
@include inlineflex();
@@ -22,25 +22,36 @@
}
& > ul{
@include inlineflex();
&> li{
height: 3em; /* hauteur du parent */
line-height: 2.5em; /* hauteur de ligne (identique) */
white-space: nowrap; /* interdiction de passer à la ligne */
flex-wrap: nowrap;
& > li{
text-align: center;
max-width: 250px;
margin: auto 20px;
padding: 10px;
border-top: 1px solid $light-blue;
border-bottom: 3px solid $green;
& > ul{
display: none;
margin-top: 10px;
max-width: 250px;
border-bottom: 3px solid $green;
position: absolute;
li{
background-color: white;
text-align: center;
a{
display: block;
padding: 10px;
}
}
}
&:hover{
& > ul{
display: block;
a{
display: block;
height: 50px;
background: white;
padding: 10px;
}
}
}

71
user/themes/lecampus/scss/theme/_typography.scss
View File

@@ -3,10 +3,6 @@ html, body{
line-height: 1.35;
}
h1{
text-transform: uppercase;
}
h2{
font-size: 2rem;
}
@@ -21,6 +17,13 @@ h5{
font-size: 1.2rem;
}
nav{
a{
font-family: $Bold;
font-size: 0.9rem;
}
}
.container{
& > .title{
font-family: $Bold;
@@ -52,18 +55,22 @@ p{
}
.gal{
h2{
font-size: 1.65rem;
h1{
font-family:$now_alt_bold;
font-weight: 400;
font-size: 1.2rem;
line-height: 2.2rem;
}
}
.entete{
h2{
h1{
font-size: 1.2rem;
color: white;
}
h3{
p{
font-family:$now_alt_bold;
font-weight: 400;
font-size: 1.5rem;
line-height: 2rem;
}
@@ -77,10 +84,16 @@ p{
}
.content{
p{
strong{
font-family:$now_alt_bold;
font-weight: 400;
}
&:nth-of-type(n+4):not(:last-child){
text-align: center;
strong{
color: $red;
font-family:$now_alt_bold;
font-weight: 400;
}
}
}
@@ -103,18 +116,22 @@ p{
font-size: 0.8rem;
}
h2{
font-family:$now_alt_bold;
font-weight: 400;
font-size: 1.4rem;
line-height: 100px;
color: white;
text-align: center;
}
h5{
h3{
font-size: 1.3rem;
font-family: $Bold;
}
font-family:$now_alt_bold;
font-weight: 400;
}
.date{
color: $grey;
}
.side-all-agenda{
a{
font-size: 0.9rem;
@@ -123,7 +140,7 @@ p{
}
}
.side-newsletter{
#newsletter{
label{
font-size: 1rem;
line-height: 1.9rem;
@@ -171,21 +188,47 @@ p{
}
}
.devis{
#devis{
h4{
font-size: 1rem;
font-family:$now_alt_bold;
font-weight: 400;
}
p{
&:nth-of-type(1){
color: white;
text-align: center;
}
strong{
font-family:$now_alt_bold;
font-weight: 400;
}
}
#demander-votre-devis{
.demander-votre-devis{
h2{
font-family:$now_alt_light;
font-weight: 400;
}
a{
color: white;
strong{
font-family:$now_alt_bold;
font-weight: 400;
}
}
}
}
#reco{
h5{
font-family:$Bold;
font-weight: 400;
}
}
#footer{
font-family:$now_alt_medium;
font-weight: 400;
p{
font-size: 0.8rem;
a{