123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178 |
- // 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;
- a{
- padding: 10px;
- border: 1px solid black;
- }
- }
- #item{
- @include inlineflex();
- width: 100%;
- .card{
- width: calc( (100% / 4) - 45px);
- min-width: 250px;
- margin: 0 15px 30px 15px;
- position: relative;
- border: 1px solid black;
- .card-header{
- width: auto;
- position: absolute;
- right: 0;
- text-align: right;
- .publics{
- padding: 10px;
- background: grey;
- a{
- color: white;
- }
- }
- }
- .card-body{
- padding: 15px;
- .card-title{
- margin-bottom: 10px;
- }
- }
- }
- }
- .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%);
- }
- }
- .sub-content{
- border-top: 1px solid black;
- margin-bottom: 20px;
- margin-top: 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;
- }
- // .card{
- // height: 100px;
- // .card-image{
- // height: 100px;
- // }
- // }
|