slide actus
This commit is contained in:
+59
-19
@@ -1096,8 +1096,6 @@ aside.layout-sidebar-second footer.view-footer :hover {
|
||||
position: absolute;
|
||||
display: block;
|
||||
z-index: 9;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
line-height: 0px;
|
||||
font-size: 0px;
|
||||
cursor: pointer;
|
||||
@@ -1130,8 +1128,6 @@ aside.layout-sidebar-second footer.view-footer :hover {
|
||||
.slick-prev:before,
|
||||
.slick-next:before {
|
||||
font-family: "slick";
|
||||
font-size: 200px;
|
||||
line-height: 1.5;
|
||||
color: rgb(153, 147, 174);
|
||||
opacity: 0.4;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
@@ -1324,8 +1320,28 @@ aside.layout-sidebar-second footer.view-footer :hover {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.view-actus.slick-slider.slick-next:before {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
.view-actus .slick-arrow {
|
||||
background-image: radial-gradient(white, transparent);
|
||||
border-radius: 50%;
|
||||
padding: 0.8rem;
|
||||
width: 120px;
|
||||
height: auto;
|
||||
}
|
||||
.view-actus .slick-arrow.slick-next {
|
||||
padding-right: 0rem;
|
||||
}
|
||||
.view-actus .slick-arrow.slick-prev {
|
||||
padding-left: 0rem;
|
||||
}
|
||||
|
||||
.view-sites > .slick-arrow,
|
||||
.view-actus > .slick-arrow {
|
||||
top: 50%;
|
||||
}
|
||||
.view-sites > .slick-arrow.slick-next,
|
||||
.view-actus > .slick-arrow.slick-next {
|
||||
right: 230px;
|
||||
padding-right: 0rem;
|
||||
}
|
||||
|
||||
/*pages*/
|
||||
@@ -2005,7 +2021,8 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
|
||||
width: fit-content;
|
||||
margin: auto;
|
||||
z-index: 99;
|
||||
margin-top: 2rem;
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 4rem;
|
||||
}
|
||||
|
||||
.page-sitespilotes h1 {
|
||||
@@ -2511,44 +2528,60 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
|
||||
}
|
||||
|
||||
.block-views-blockactus-block-1 {
|
||||
display: none;
|
||||
background-color: white;
|
||||
padding-bottom: 3rem;
|
||||
padding-left: 12%;
|
||||
}
|
||||
.block-views-blockactus-block-1 h2 {
|
||||
width: 80%;
|
||||
margin: auto;
|
||||
padding-top: 2rem;
|
||||
padding-bottom: 2rem;
|
||||
padding-left: 12%;
|
||||
font-size: 2rem;
|
||||
font-weight: 900;
|
||||
}
|
||||
.block-views-blockactus-block-1 .view-id-actus {
|
||||
width: 100%;
|
||||
margin: auto;
|
||||
}
|
||||
.block-views-blockactus-block-1 .view-id-actus .views-row {
|
||||
width: 20vw !important;
|
||||
padding-right: 5rem;
|
||||
width: 30vw !important;
|
||||
margin-left: 1rem;
|
||||
}
|
||||
.block-views-blockactus-block-1 .view-id-actus .views-row:first-of-type {
|
||||
padding-left: 15%;
|
||||
}
|
||||
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite {
|
||||
width: 100%;
|
||||
width: 84%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
}
|
||||
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite p.field__item {
|
||||
display: none;
|
||||
}
|
||||
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .image-actualite {
|
||||
width: 90%;
|
||||
margin: auto;
|
||||
width: 80%;
|
||||
height: 250px;
|
||||
margin-left: 1rem;
|
||||
}
|
||||
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .image-actualite img {
|
||||
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .image-actualite .field--name-field-image {
|
||||
height: 100%;
|
||||
}
|
||||
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .image-actualite .field--name-field-image .field__items {
|
||||
height: 100%;
|
||||
}
|
||||
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .image-actualite .field--name-field-image .field__items .field__item {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .image-actualite .field--name-field-image .field__items .field__item img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
object-fit: cover;
|
||||
height: 100%;
|
||||
}
|
||||
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .infos-content {
|
||||
position: relative;
|
||||
top: -10px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border: solid #fdc300 1px;
|
||||
@@ -2560,6 +2593,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
|
||||
margin: 0;
|
||||
font-size: 1.5rem;
|
||||
font-weight: 600;
|
||||
padding: 0;
|
||||
}
|
||||
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .infos-content .field--name-field-sous-titre {
|
||||
order: 3;
|
||||
@@ -2585,8 +2619,6 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
|
||||
}
|
||||
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .infos-content .field--name-field-site .field__item {
|
||||
display: inline;
|
||||
}
|
||||
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .infos-content .field--name-field-site a {
|
||||
color: white;
|
||||
font-weight: 900;
|
||||
font-size: 0.8rem;
|
||||
@@ -2599,6 +2631,13 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
|
||||
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .body-content {
|
||||
display: none;
|
||||
}
|
||||
.block-views-blockactus-block-1 .view-id-actus .slick-dots {
|
||||
position: relative;
|
||||
bottom: 0;
|
||||
}
|
||||
.block-views-blockactus-block-1 .view-id-actus .slick-prev {
|
||||
left: 35px;
|
||||
}
|
||||
|
||||
.page--home .home-page-layout-content .block-views-blockhome-block-1 .view-display-id-block_1 {
|
||||
width: 60%;
|
||||
@@ -2624,6 +2663,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
|
||||
z-index: 99;
|
||||
position: relative;
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 4rem;
|
||||
}
|
||||
.page--home .home-page-layout-content .block-block-content793e5016-2b96-4802-9f38-1cd3768775b5 .field--type-link .field__item::after {
|
||||
content: url("../dist/images/noun-arrow-1569918-black.svg");
|
||||
|
||||
Reference in New Issue
Block a user