237 lines
3.9 KiB
SCSS
237 lines
3.9 KiB
SCSS
// home
|
|
.gal{
|
|
width: 100%;
|
|
height:400px;
|
|
overflow-y: hidden;
|
|
margin-bottom: 20px;
|
|
position: relative;
|
|
.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);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.cat{
|
|
height: 50px;
|
|
z-index: 999;
|
|
margin: 20px 0;
|
|
.tags{
|
|
@include inlineflex();
|
|
margin-left: 15px;
|
|
}
|
|
.filters{
|
|
padding: 10px;
|
|
border: 1px solid black;
|
|
margin-right: 20px;
|
|
}
|
|
}
|
|
|
|
.start:not(#form){
|
|
#item{
|
|
@include inlineflex();
|
|
width: 100%;
|
|
.card{
|
|
width: calc( (100% / 4) - 45px);
|
|
min-width: 250px;
|
|
margin: 0 15px 30px 15px;
|
|
border: 1px solid black;
|
|
.card-header{
|
|
position: absolute;
|
|
width: auto;
|
|
right: 0;
|
|
text-align: right;
|
|
.publics{
|
|
padding: 10px;
|
|
background: grey;
|
|
a{
|
|
color: white;
|
|
}
|
|
}
|
|
}
|
|
.card-body{
|
|
padding: 15px;
|
|
.card-title{
|
|
margin-bottom: 10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.start#form{
|
|
#item{
|
|
width: calc( (100% / 2));
|
|
min-width: 250px;
|
|
margin: 100px auto;
|
|
form{
|
|
@include inlineflex();
|
|
margin-top: 20px;
|
|
& > div{
|
|
margin: 20px 0;
|
|
width: 50%;
|
|
&:nth-of-type(3){
|
|
width: 100%;
|
|
}
|
|
input{
|
|
width: 90%;
|
|
}
|
|
&:nth-of-type(10){
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.content{
|
|
width: 40%;
|
|
margin: 0px 20px 20px auto;
|
|
p{
|
|
margin: 10px 0;
|
|
}
|
|
}
|
|
|
|
#default{
|
|
.content{
|
|
& > p{
|
|
&:first-child{
|
|
a{
|
|
display: block;
|
|
padding: 10px;
|
|
text-align: center;
|
|
border: 1px solid black;
|
|
margin-left: 60%;
|
|
}
|
|
}
|
|
&:last-child{
|
|
margin-top: 80px;
|
|
padding: 10px;
|
|
border: 1px solid black;
|
|
img{
|
|
width: 33%;
|
|
margin-right: 20px;
|
|
float: left;
|
|
}
|
|
a{
|
|
display: block;
|
|
text-align: right;
|
|
margin-top:15px;
|
|
padding: 5px;
|
|
border: 1px solid black;
|
|
width: auto;
|
|
margin-left: 70%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// items
|
|
.bandeau{
|
|
width: 100%;
|
|
height: 300px;
|
|
overflow: hidden;
|
|
margin-bottom: 35px;
|
|
img{
|
|
transform: translateY(-20%);
|
|
}
|
|
}
|
|
|
|
#item{
|
|
.sub-content{
|
|
border-top: 1px solid black;
|
|
margin-bottom: 20px;
|
|
margin-top: 20px;
|
|
h3{
|
|
margin-top: 20px;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
#event{
|
|
.content{
|
|
margin-top: 50px;
|
|
h2{
|
|
float: left;
|
|
margin-right: 20px;
|
|
}
|
|
.reso{
|
|
@include inlineflex;
|
|
flex-wrap: nowrap;
|
|
width: 50px;
|
|
height: 25px;
|
|
}
|
|
}
|
|
.sidebar{
|
|
margin-top: 50px;
|
|
}
|
|
}
|
|
|
|
#footer{
|
|
@include inlineflex;
|
|
.sub-content{
|
|
width: calc((100% / 3) - 40px);
|
|
border-top: 1px solid black;
|
|
margin: 20px;
|
|
h3{
|
|
margin-top: 20px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.sidebar{
|
|
margin: 0 auto 0 20px;
|
|
.side-agenda{
|
|
border-top: 1px solid black;
|
|
padding: 10px 0;
|
|
&:nth-of-type(3){
|
|
border-bottom: 1px solid black;
|
|
margin-bottom: 10px;
|
|
}
|
|
}
|
|
.side-all-agenda{
|
|
width: auto;
|
|
padding: 5px;
|
|
margin-bottom: 10px;
|
|
float: right;
|
|
border: 1px solid black;
|
|
}
|
|
.side-newsletter{
|
|
margin-top: 100px;
|
|
padding: 20px;
|
|
background: lightgrey;
|
|
}
|
|
}
|
|
|
|
#footer{
|
|
margin-top: 20px;
|
|
}
|