css ressources-actu
This commit is contained in:
+251
-429
@@ -364,7 +364,7 @@ header .region-header #block-reha-navigationprincipale ul {
|
||||
flex-direction: row;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
@media (max-width: 1400px) {
|
||||
@media (max-width: 1100px) {
|
||||
header .region-header #block-reha-navigationprincipale ul {
|
||||
flex-direction: column;
|
||||
}
|
||||
@@ -1344,6 +1344,103 @@ aside.layout-sidebar-second footer.view-footer :hover {
|
||||
padding-right: 0rem;
|
||||
}
|
||||
|
||||
.infos-content {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border: solid #fdc300 1px;
|
||||
background-color: rgb(255, 255, 255);
|
||||
padding: 1rem;
|
||||
height: fit-content;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
right: 5%;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.infos-content h1 {
|
||||
order: 2;
|
||||
font-size: 2rem;
|
||||
font-weight: 500;
|
||||
margin: 0;
|
||||
}
|
||||
.infos-content h2 {
|
||||
order: 2;
|
||||
margin: 0;
|
||||
font-size: 1.5rem;
|
||||
font-weight: 600;
|
||||
padding: 0;
|
||||
}
|
||||
.infos-content .field--name-field-sous-titre {
|
||||
order: 3;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
.infos-content .field--name-field-date {
|
||||
order: 4;
|
||||
font-weight: 900;
|
||||
}
|
||||
.infos-content .field--name-field-type-d-actualite {
|
||||
order: 1;
|
||||
text-transform: uppercase;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
.infos-content .field--name-field-site {
|
||||
order: 5;
|
||||
background-color: rgb(153, 147, 174);
|
||||
color: white;
|
||||
border-radius: 50px;
|
||||
width: fit-content;
|
||||
padding: 0 0.9rem 0.3rem 0.9rem;
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.infos-content .field--name-field-site .field__item {
|
||||
display: inline;
|
||||
color: white;
|
||||
font-weight: 900;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
.infos-content .field--name-field-site .field__item a:visited {
|
||||
color: white;
|
||||
}
|
||||
.infos-content .field--name-field-site .field__item a:link {
|
||||
color: white;
|
||||
}
|
||||
.infos-content ul.links {
|
||||
order: 6;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.links-content .field--name-field-liens {
|
||||
padding: 0.5rem;
|
||||
}
|
||||
.links-content .field--name-field-liens .field__items .field__item ::after {
|
||||
content: url("../../dist/images/noun-arrow-1569918-black.svg");
|
||||
padding-left: 0.5rem;
|
||||
}
|
||||
.links-content .field--name-field-fichiers,
|
||||
.links-content .field--name-field-fichier {
|
||||
width: fit-content;
|
||||
padding: 0.5rem;
|
||||
padding-right: 0.8rem;
|
||||
}
|
||||
.links-content .field--name-field-fichiers .file--mime-application-pdf a,
|
||||
.links-content .field--name-field-fichier .file--mime-application-pdf a {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.links-content .field--name-field-fichiers .file--mime-application-pdf ::after,
|
||||
.links-content .field--name-field-fichier .file--mime-application-pdf ::after {
|
||||
content: url("../../dist/images/noun-download.svg");
|
||||
padding-left: 0.8rem;
|
||||
}
|
||||
.links-content .field--name-field-fichiers span:nth-of-type(2),
|
||||
.links-content .field--name-field-fichier span:nth-of-type(2) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.field--name-field-node-link .field__item ::after {
|
||||
content: url("../../dist/images/noun-arrow-1569918-black.svg");
|
||||
padding-left: 0.5rem;
|
||||
}
|
||||
|
||||
/*pages*/
|
||||
.home-page-layout-content {
|
||||
width: 100%;
|
||||
@@ -2025,6 +2122,9 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
|
||||
margin-bottom: 4rem;
|
||||
}
|
||||
|
||||
.page-sitespilotes .views-element-container {
|
||||
padding-bottom: 8rem;
|
||||
}
|
||||
.page-sitespilotes h1 {
|
||||
width: 80%;
|
||||
margin: auto;
|
||||
@@ -2164,6 +2264,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
|
||||
.page-sitespilotes .view-display-id-page_1 footer {
|
||||
background-color: transparent;
|
||||
text-transform: none !important;
|
||||
z-index: 100;
|
||||
}
|
||||
.page-sitespilotes .view-display-id-page_1 footer p {
|
||||
font-size: 2rem;
|
||||
@@ -2284,272 +2385,37 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
|
||||
font-weight: 1000;
|
||||
}
|
||||
|
||||
.view-display-id-page_1 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
align-items: baseline;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.view-display-id-page_1 article {
|
||||
padding-bottom: 0.7rem;
|
||||
}
|
||||
.view-display-id-page_1 .views-row {
|
||||
width: 28%;
|
||||
padding: 1rem;
|
||||
}
|
||||
.view-display-id-page_1 .views-row:hover {
|
||||
transform: scale(1.05);
|
||||
transition: 0.3s transform ease, 0.3s box-shadow ease;
|
||||
}
|
||||
.view-display-id-page_1 .views-row .node-type-site {
|
||||
margin: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
}
|
||||
.view-display-id-page_1 .views-row .node-type-site .field--name-field-image {
|
||||
order: 1;
|
||||
max-width: 100%;
|
||||
}
|
||||
.view-display-id-page_1 .views-row .node-type-site .field--name-field-image img {
|
||||
width: 100%;
|
||||
object-fit: cover;
|
||||
height: fit-content;
|
||||
}
|
||||
.view-display-id-page_1 .views-row .node-type-site .infos-content-site {
|
||||
background-color: rgb(255, 255, 255);
|
||||
order: 2;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
padding-top: 0.5rem;
|
||||
}
|
||||
.view-display-id-page_1 .views-row .node-type-site .infos-content-site h1 {
|
||||
display: none;
|
||||
}
|
||||
.view-display-id-page_1 .views-row .node-type-site .infos-content-site h2 {
|
||||
order: 2;
|
||||
margin: 0;
|
||||
font-size: 1.6rem;
|
||||
font-weight: 900;
|
||||
line-height: 1;
|
||||
padding-bottom: 0.8rem;
|
||||
}
|
||||
.view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row {
|
||||
order: 1;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: end;
|
||||
padding-bottom: 0.5rem;
|
||||
}
|
||||
.view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-numero-site {
|
||||
order: 1;
|
||||
text-transform: uppercase;
|
||||
font-size: 1rem;
|
||||
display: inline-flex;
|
||||
}
|
||||
.view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-numero-site::after {
|
||||
content: "|";
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
.view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site {
|
||||
order: 3;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
.view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .field__item {
|
||||
display: flex;
|
||||
}
|
||||
.view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .address {
|
||||
margin: 0;
|
||||
display: inline-flex;
|
||||
}
|
||||
.view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .address .postal-code {
|
||||
order: 2;
|
||||
}
|
||||
.view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .address .locality {
|
||||
order: 1;
|
||||
text-transform: capitalize;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
.view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .address .country {
|
||||
display: none;
|
||||
}
|
||||
.view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-architecte {
|
||||
order: 4;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
.view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__items {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__items .field__item {
|
||||
display: inline;
|
||||
}
|
||||
.view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__items .field__item::after {
|
||||
content: ",";
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
.view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__item:last-of-type::after {
|
||||
content: "";
|
||||
}
|
||||
.view-display-id-page_1 .views-row .node-type-site .infos-content-site ul.links {
|
||||
order: 5;
|
||||
text-transform: uppercase;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: none;
|
||||
padding-bottom: 1rem;
|
||||
padding-top: 3rem;
|
||||
display: inline-flex;
|
||||
}
|
||||
.view-display-id-page_1 .views-row .node-type-site .infos-content-site ul.links::after {
|
||||
content: url("../../dist/images/noun-arrow-1569918-black.svg");
|
||||
padding-left: 0.5rem;
|
||||
}
|
||||
.view-display-id-page_1 footer {
|
||||
background-color: transparent;
|
||||
text-transform: none !important;
|
||||
}
|
||||
.view-display-id-page_1 footer p {
|
||||
font-size: 2rem;
|
||||
padding-left: 1rem;
|
||||
font-weight: 1000;
|
||||
}
|
||||
.view-display-id-page_1 footer .view-display-id-block_2 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
align-items: baseline;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.view-display-id-page_1 footer .view-display-id-block_2 .views-row {
|
||||
width: 28%;
|
||||
padding: 1rem;
|
||||
}
|
||||
.view-display-id-page_1 footer .view-display-id-block_2 .views-row:hover {
|
||||
transform: none;
|
||||
}
|
||||
.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site {
|
||||
margin: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
background-color: transparent;
|
||||
}
|
||||
.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site {
|
||||
background-color: transparent;
|
||||
order: 2;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site h2 {
|
||||
order: 2;
|
||||
margin: 0;
|
||||
font-size: 1.6rem;
|
||||
font-weight: 900;
|
||||
line-height: 1;
|
||||
}
|
||||
.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site h2 a {
|
||||
cursor: default !important;
|
||||
pointer-events: none;
|
||||
}
|
||||
.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row {
|
||||
order: 1;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
padding-bottom: 0.5rem;
|
||||
}
|
||||
.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-lettre-de-site {
|
||||
order: 1;
|
||||
text-transform: uppercase;
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-lettre-de-site::before {
|
||||
content: "SITE";
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-lettre-de-site::after {
|
||||
content: "|";
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site {
|
||||
order: 3;
|
||||
}
|
||||
.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site p.address {
|
||||
padding-left: 0;
|
||||
margin: 0;
|
||||
display: inline-flex;
|
||||
font-size: 1.3rem;
|
||||
font-weight: 500 !important;
|
||||
}
|
||||
.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site p.address .postal-code {
|
||||
order: 2;
|
||||
}
|
||||
.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site p.address .locality {
|
||||
order: 1;
|
||||
text-transform: capitalize;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site p.address .country {
|
||||
display: none;
|
||||
}
|
||||
.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .field--name-field-architecte {
|
||||
order: 4;
|
||||
text-transform: capitalize;
|
||||
font-weight: 400;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site ul.links {
|
||||
order: 5;
|
||||
text-transform: uppercase;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: none;
|
||||
padding-bottom: 2rem;
|
||||
padding-top: 0.9rem;
|
||||
display: inline-flex;
|
||||
}
|
||||
.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site ul.links::after {
|
||||
content: url("../../dist/images/noun-arrow-1569918-black.svg");
|
||||
padding-left: 0.5rem;
|
||||
}
|
||||
|
||||
.block-views-blockactus-block-1 {
|
||||
background-color: white;
|
||||
padding-bottom: 3rem;
|
||||
}
|
||||
.block-views-blockactus-block-1 h2 {
|
||||
width: 80%;
|
||||
padding-top: 2rem;
|
||||
padding-bottom: 2rem;
|
||||
padding-left: 12%;
|
||||
font-size: 2rem;
|
||||
font-weight: 900;
|
||||
margin-left: 10%;
|
||||
}
|
||||
.block-views-blockactus-block-1 .view-id-actus {
|
||||
width: 100%;
|
||||
margin: auto;
|
||||
}
|
||||
.block-views-blockactus-block-1 .view-id-actus .views-row {
|
||||
width: 35vw !important;
|
||||
width: 30vw !important;
|
||||
margin-left: 1rem;
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
.block-views-blockactus-block-1 .view-id-actus .views-row {
|
||||
width: 50vw !important;
|
||||
}
|
||||
}
|
||||
.block-views-blockactus-block-1 .view-id-actus .views-row:first-of-type {
|
||||
padding-left: 15%;
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
.block-views-blockactus-block-1 .view-id-actus .views-row:first-of-type {
|
||||
padding-left: 16%;
|
||||
}
|
||||
}
|
||||
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@@ -2567,6 +2433,11 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
|
||||
right: 10%;
|
||||
position: relative;
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .image-actualite {
|
||||
max-height: 150px;
|
||||
}
|
||||
}
|
||||
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .image-actualite .field--name-field-image {
|
||||
height: 100%;
|
||||
}
|
||||
@@ -2584,55 +2455,8 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
|
||||
height: 100%;
|
||||
}
|
||||
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .infos-content {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border: solid #fdc300 1px;
|
||||
background-color: rgb(255, 255, 255);
|
||||
padding: 1rem;
|
||||
height: fit-content;
|
||||
width: 100%;
|
||||
right: 0%;
|
||||
height: auto;
|
||||
}
|
||||
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .infos-content h2 {
|
||||
order: 2;
|
||||
margin: 0;
|
||||
font-size: 1.5rem;
|
||||
font-weight: 600;
|
||||
padding: 0;
|
||||
}
|
||||
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .infos-content .field--name-field-sous-titre {
|
||||
order: 3;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .infos-content .field--name-field-date {
|
||||
order: 4;
|
||||
font-weight: 900;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .infos-content .field--name-field-type-d-actualite {
|
||||
order: 1;
|
||||
text-transform: uppercase;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .infos-content .field--name-field-site {
|
||||
order: 5;
|
||||
background-color: rgb(153, 147, 174);
|
||||
color: white;
|
||||
border-radius: 50px;
|
||||
width: fit-content;
|
||||
padding: 0.2rem 0.9rem;
|
||||
}
|
||||
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .infos-content .field--name-field-site .field__item {
|
||||
display: inline;
|
||||
color: white;
|
||||
font-weight: 900;
|
||||
font-size: 0.8rem;
|
||||
vertical-align: top;
|
||||
}
|
||||
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .infos-content ul.links {
|
||||
order: 6;
|
||||
display: none;
|
||||
}
|
||||
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .body-content {
|
||||
display: none;
|
||||
@@ -2644,6 +2468,17 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
|
||||
.block-views-blockactus-block-1 .view-id-actus .slick-prev {
|
||||
left: 35px;
|
||||
}
|
||||
.block-views-blockactus-block-1 .view-id-actus .slick-next {
|
||||
left: 90vw;
|
||||
}
|
||||
@media (max-width: 1400px) {
|
||||
.block-views-blockactus-block-1 .view-id-actus .slick-prev {
|
||||
left: 0vw;
|
||||
}
|
||||
.block-views-blockactus-block-1 .view-id-actus .slick-next {
|
||||
left: 85vw;
|
||||
}
|
||||
}
|
||||
|
||||
.page--home .home-page-layout-content .block-views-blockhome-block-1 .view-display-id-block_1 {
|
||||
width: 60%;
|
||||
@@ -2992,7 +2827,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
|
||||
background-color: transparent;
|
||||
}
|
||||
.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .body-content-site .links-content .field__item {
|
||||
padding: 0.3rem;
|
||||
padding: 0.5rem;
|
||||
border: solid black 1px;
|
||||
margin-bottom: 1rem;
|
||||
background-color: rgb(255, 255, 255);
|
||||
@@ -3008,13 +2843,17 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
|
||||
font-weight: 1000;
|
||||
}
|
||||
.page-ressources .view-ressources {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
padding: 5rem;
|
||||
width: 80%;
|
||||
margin: auto;
|
||||
}
|
||||
.page-ressources .view-ressources #views-exposed-form-ressources-page-1 {
|
||||
width: 100%;
|
||||
margin: auto;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(8, 1fr);
|
||||
grid-template-rows: repeat(3, 1fr);
|
||||
@@ -3055,45 +2894,87 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
|
||||
.page-ressources .view-ressources #views-exposed-form-ressources-page-1 #edit-actions .form-submit {
|
||||
margin: 0;
|
||||
}
|
||||
.page-ressources .view-ressources article {
|
||||
padding-bottom: 0 !important;
|
||||
}
|
||||
.page-ressources .view-ressources .views-row {
|
||||
width: 28%;
|
||||
padding: 1rem;
|
||||
display: flex !important;
|
||||
flex-direction: column;
|
||||
background-color: rgb(255, 255, 255);
|
||||
margin-bottom: 6rem;
|
||||
}
|
||||
.page-ressources .view-ressources .views-row:hover {
|
||||
transform: scale(1.05);
|
||||
transition: 0.3s transform ease, 0.3s box-shadow ease;
|
||||
}
|
||||
.page-ressources .view-ressources .views-row .node-type-ressource {
|
||||
width: 100%;
|
||||
margin: auto;
|
||||
background-color: rgb(255, 255, 255);
|
||||
display: flex !important;
|
||||
flex-direction: column-reverse;
|
||||
padding-top: 0;
|
||||
}
|
||||
.page-ressources .view-ressources .views-row .node-type-ressource .image-ressource {
|
||||
order: 1;
|
||||
width: 90%;
|
||||
width: auto;
|
||||
margin: auto;
|
||||
margin-left: auto;
|
||||
height: 15rem;
|
||||
margin-left: 0;
|
||||
}
|
||||
.page-ressources .view-ressources .views-row .node-type-ressource .image-ressource img {
|
||||
width: 100%;
|
||||
max-height: 250px;
|
||||
.page-ressources .view-ressources .views-row .node-type-ressource .image-ressource .field--name-field-image {
|
||||
height: 100%;
|
||||
}
|
||||
.page-ressources .view-ressources .views-row .node-type-ressource .image-ressource .field--name-field-image .field__items {
|
||||
height: 100%;
|
||||
}
|
||||
.page-ressources .view-ressources .views-row .node-type-ressource .image-ressource .field--name-field-image .field__items .field__item {
|
||||
height: 100%;
|
||||
}
|
||||
.page-ressources .view-ressources .views-row .node-type-ressource .image-ressource .field--name-field-image .field__items .field__item img {
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
.page-ressources .view-ressources .views-row .node-type-ressource .body-content {
|
||||
display: none;
|
||||
}
|
||||
.page-ressources .view-ressources .views-row .node-type-ressource .infos-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 1rem;
|
||||
background-color: transparent !important;
|
||||
right: 0;
|
||||
margin-bottom: 0;
|
||||
border: none;
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
.page-ressources .view-ressources .views-row .node-type-ressource .infos-content h1 {
|
||||
display: none;
|
||||
}
|
||||
.page-ressources .view-ressources .views-row .node-type-ressource .infos-content h2 {
|
||||
order: 2;
|
||||
margin: 0;
|
||||
font-size: 1.5rem;
|
||||
font-weight: 600;
|
||||
font-weight: 500;
|
||||
line-height: 1.8rem;
|
||||
}
|
||||
.page-ressources .view-ressources .views-row .node-type-ressource .infos-content .field--name-field-sous-titre {
|
||||
order: 3;
|
||||
font-size: 1.3rem;
|
||||
padding-top: 0.3rem;
|
||||
}
|
||||
.page-ressources .view-ressources .views-row .node-type-ressource .infos-content .field--name-field-auteur {
|
||||
order: 4;
|
||||
font-weight: 900;
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.page-ressources .view-ressources .views-row .node-type-ressource .infos-content .field--name-field-type-de-ressource {
|
||||
order: 1;
|
||||
text-transform: uppercase;
|
||||
font-size: 1.2rem;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
.page-ressources .view-ressources .views-row .node-type-ressource .infos-content .field--name-field-type-de-ressource a {
|
||||
pointer-events: none;
|
||||
@@ -3124,128 +3005,118 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.page-node-site .node-type-ressource {
|
||||
.node-type-ressource {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr repeat(3, 1fr) 1fr;
|
||||
grid-template-rows: repeat(2, auto);
|
||||
padding-top: 3rem;
|
||||
}
|
||||
.page-node-site .node-type-ressource .image-ressource {
|
||||
.node-type-ressource .image-ressource {
|
||||
grid-row: 1;
|
||||
grid-column: 2/span 2;
|
||||
grid-column: 2;
|
||||
margin-right: 2rem;
|
||||
}
|
||||
.page-node-site .node-type-ressource .image-ressource img {
|
||||
.node-type-ressource .image-ressource img {
|
||||
height: 400px;
|
||||
width: auto;
|
||||
}
|
||||
.page-node-site .node-type-ressource .infos-content {
|
||||
.node-type-ressource .infos-content {
|
||||
grid-row: 1;
|
||||
grid-column: 3/span 4;
|
||||
margin-left: 2rem;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
.page-node-site .node-type-ressource .infos-content .field--name-field-type-de-ressource {
|
||||
.node-type-ressource .infos-content .field--name-field-type-de-ressource {
|
||||
text-transform: uppercase;
|
||||
font-size: 1rem;
|
||||
order: 1;
|
||||
}
|
||||
.page-node-site .node-type-ressource .infos-content .field--name-field-sous-titre {
|
||||
.node-type-ressource .infos-content h1 {
|
||||
order: 2;
|
||||
}
|
||||
.node-type-ressource .infos-content .field--name-field-sous-titre {
|
||||
font-size: 2rem;
|
||||
order: 3;
|
||||
}
|
||||
.page-node-site .node-type-ressource .infos-content .field--name-field-auteur {
|
||||
.node-type-ressource .infos-content .field--name-field-auteur {
|
||||
font-weight: 800;
|
||||
font-size: 1.3rem;
|
||||
order: 4;
|
||||
}
|
||||
.page-node-site .node-type-ressource .infos-content .field--name-field-site {
|
||||
.node-type-ressource .infos-content .field--name-field-site {
|
||||
background-color: rgb(153, 147, 174);
|
||||
border-radius: 50px;
|
||||
width: fit-content;
|
||||
padding: 0.2rem 0.9rem;
|
||||
margin-top: 1rem;
|
||||
order: 5;
|
||||
}
|
||||
.page-node-site .node-type-ressource .infos-content .field--name-field-site a {
|
||||
.node-type-ressource .infos-content .field--name-field-site a {
|
||||
color: white;
|
||||
font-weight: 900;
|
||||
font-size: 0.8rem;
|
||||
vertical-align: top;
|
||||
}
|
||||
.page-node-site .node-type-ressource .body-content {
|
||||
.node-type-ressource .body-content {
|
||||
grid-row: 2;
|
||||
grid-column: 2/span 3;
|
||||
width: 100%;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
.page-node-site .node-type-ressource .body-content .field--name-field-fichiers {
|
||||
.node-type-ressource .body-content .field--name-field-fichiers {
|
||||
width: fit-content;
|
||||
}
|
||||
.page-node-site .node-type-ressource .body-content .links-content {
|
||||
.node-type-ressource .body-content .links-content {
|
||||
margin-top: 2rem;
|
||||
position: relative;
|
||||
left: -10%;
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.page-actualites .block-page-title-block {
|
||||
width: 75%;
|
||||
margin: auto;
|
||||
}
|
||||
.page-actualites .view-actus {
|
||||
padding-top: 3rem;
|
||||
padding-bottom: 6rem;
|
||||
width: 80%;
|
||||
margin: auto;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
align-items: baseline;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.page-actualites .view-actus .views-row .node-type-actualite .image-actualite {
|
||||
.page-actualites .view-actus .views-row {
|
||||
width: 28%;
|
||||
padding: 1rem;
|
||||
}
|
||||
.page-actualites .view-actus .views-row:hover {
|
||||
transform: scale(1.05);
|
||||
transition: 0.3s transform ease, 0.3s box-shadow ease;
|
||||
}
|
||||
.page-actualites .view-actus .views-row .node-type-actualite {
|
||||
width: 30vw !important;
|
||||
}
|
||||
.page-actualites .view-actus .views-row .node-type-actualite .entete_actu {
|
||||
flex-direction: column;
|
||||
}
|
||||
.page-actualites .view-actus .views-row .node-type-actualite .entete_actu .image-actualite {
|
||||
width: 90%;
|
||||
margin: auto;
|
||||
}
|
||||
.page-actualites .view-actus .views-row .node-type-actualite .image-actualite img {
|
||||
.page-actualites .view-actus .views-row .node-type-actualite .entete_actu .image-actualite img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.page-actualites .view-actus .views-row .node-type-actualite .infos-content {
|
||||
position: relative;
|
||||
top: -10px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border: solid #fdc300 1px;
|
||||
background-color: rgb(255, 255, 255);
|
||||
padding: 1rem;
|
||||
.page-actualites .view-actus .views-row .node-type-actualite .entete_actu .infos-content {
|
||||
height: fit-content;
|
||||
width: 100%;
|
||||
margin: auto;
|
||||
}
|
||||
.page-actualites .view-actus .views-row .node-type-actualite .infos-content h2 {
|
||||
order: 2;
|
||||
margin: 0;
|
||||
font-size: 1.5rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.page-actualites .view-actus .views-row .node-type-actualite .infos-content .field--name-field-sous-titre {
|
||||
order: 3;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
.page-actualites .view-actus .views-row .node-type-actualite .infos-content .field--name-field-date {
|
||||
order: 4;
|
||||
font-weight: 900;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
.page-actualites .view-actus .views-row .node-type-actualite .infos-content .field--name-field-type-d-actualite {
|
||||
order: 1;
|
||||
text-transform: uppercase;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
.page-actualites .view-actus .views-row .node-type-actualite .infos-content .field--name-field-site {
|
||||
order: 5;
|
||||
background-color: rgb(153, 147, 174);
|
||||
border-radius: 50px;
|
||||
width: fit-content;
|
||||
padding: 0.2rem 0.9rem;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
.page-actualites .view-actus .views-row .node-type-actualite .infos-content .field--name-field-site .field__item {
|
||||
display: inline;
|
||||
}
|
||||
.page-actualites .view-actus .views-row .node-type-actualite .infos-content .field--name-field-site a {
|
||||
color: white;
|
||||
font-weight: 900;
|
||||
font-size: 0.8rem;
|
||||
vertical-align: top;
|
||||
}
|
||||
.page-actualites .view-actus .views-row .node-type-actualite .infos-content ul.links {
|
||||
order: 6;
|
||||
.page-actualites .view-actus .views-row .node-type-actualite .entete_actu .infos-content h1 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -3260,66 +3131,29 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
|
||||
align-items: center;
|
||||
}
|
||||
.node-type-actualite .entete_actu .image-actualite {
|
||||
width: 60%;
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
}
|
||||
@media (max-width: 900px) {
|
||||
.node-type-actualite .entete_actu .image-actualite {
|
||||
width: 80%;
|
||||
height: 100% !important;
|
||||
}
|
||||
}
|
||||
.node-type-actualite .entete_actu .image-actualite img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
object-fit: contain;
|
||||
}
|
||||
.node-type-actualite .entete_actu .infos-content {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border: solid #fdc300 1px;
|
||||
background-color: rgb(255, 255, 255);
|
||||
padding: 1rem;
|
||||
height: 350px;
|
||||
width: 30%;
|
||||
position: relative;
|
||||
right: 5%;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.node-type-actualite .entete_actu .infos-content h2 {
|
||||
order: 2;
|
||||
margin: 0;
|
||||
font-size: 1.5rem;
|
||||
font-weight: 600;
|
||||
padding: 0;
|
||||
}
|
||||
.node-type-actualite .entete_actu .infos-content .field--name-field-sous-titre {
|
||||
order: 3;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
.node-type-actualite .entete_actu .infos-content .field--name-field-date {
|
||||
order: 4;
|
||||
font-weight: 900;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
.node-type-actualite .entete_actu .infos-content .field--name-field-type-d-actualite {
|
||||
order: 1;
|
||||
text-transform: uppercase;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
.node-type-actualite .entete_actu .infos-content .field--name-field-site {
|
||||
order: 5;
|
||||
background-color: rgb(153, 147, 174);
|
||||
color: white;
|
||||
border-radius: 50px;
|
||||
width: fit-content;
|
||||
padding: 0.2rem 0.9rem;
|
||||
}
|
||||
.node-type-actualite .entete_actu .infos-content .field--name-field-site .field__item {
|
||||
display: inline;
|
||||
color: white;
|
||||
font-weight: 900;
|
||||
font-size: 0.8rem;
|
||||
vertical-align: top;
|
||||
}
|
||||
.node-type-actualite .entete_actu .infos-content ul.links {
|
||||
order: 6;
|
||||
display: none;
|
||||
@media (max-width: 900px) {
|
||||
.node-type-actualite .entete_actu .infos-content {
|
||||
width: 45%;
|
||||
height: fit-content;
|
||||
}
|
||||
}
|
||||
.node-type-actualite .body-content .summary-content {
|
||||
width: 60%;
|
||||
@@ -3327,7 +3161,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
|
||||
}
|
||||
.node-type-actualite .body-content .links-content {
|
||||
width: 15%;
|
||||
margin-left: 15%;
|
||||
margin-left: 12.5%;
|
||||
}
|
||||
|
||||
.page-mon-espace-de-travail .layout-content {
|
||||
@@ -3344,16 +3178,4 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
|
||||
}
|
||||
.page-mon-espace-de-travail .layout-content .js-form-type-textfield label {
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
.page-actualites .node-type-actualite {
|
||||
width: 30vw !important;
|
||||
}
|
||||
.page-actualites .node-type-actualite .entete_actu {
|
||||
flex-direction: column;
|
||||
}
|
||||
.page-actualites .node-type-actualite .entete_actu .infos-content {
|
||||
width: 100%;
|
||||
height: 250px;
|
||||
right: 0;
|
||||
}
|
||||
Reference in New Issue
Block a user