css ressources-actu
This commit is contained in:
+1
-1
File diff suppressed because one or more lines are too long
+251
-429
@@ -364,7 +364,7 @@ header .region-header #block-reha-navigationprincipale ul {
|
|||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
justify-content: space-evenly;
|
justify-content: space-evenly;
|
||||||
}
|
}
|
||||||
@media (max-width: 1400px) {
|
@media (max-width: 1100px) {
|
||||||
header .region-header #block-reha-navigationprincipale ul {
|
header .region-header #block-reha-navigationprincipale ul {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
@@ -1344,6 +1344,103 @@ aside.layout-sidebar-second footer.view-footer :hover {
|
|||||||
padding-right: 0rem;
|
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*/
|
/*pages*/
|
||||||
.home-page-layout-content {
|
.home-page-layout-content {
|
||||||
width: 100%;
|
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;
|
margin-bottom: 4rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.page-sitespilotes .views-element-container {
|
||||||
|
padding-bottom: 8rem;
|
||||||
|
}
|
||||||
.page-sitespilotes h1 {
|
.page-sitespilotes h1 {
|
||||||
width: 80%;
|
width: 80%;
|
||||||
margin: auto;
|
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 {
|
.page-sitespilotes .view-display-id-page_1 footer {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
text-transform: none !important;
|
text-transform: none !important;
|
||||||
|
z-index: 100;
|
||||||
}
|
}
|
||||||
.page-sitespilotes .view-display-id-page_1 footer p {
|
.page-sitespilotes .view-display-id-page_1 footer p {
|
||||||
font-size: 2rem;
|
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;
|
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 {
|
.block-views-blockactus-block-1 {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
padding-bottom: 3rem;
|
padding-bottom: 3rem;
|
||||||
}
|
}
|
||||||
.block-views-blockactus-block-1 h2 {
|
.block-views-blockactus-block-1 h2 {
|
||||||
width: 80%;
|
width: 80%;
|
||||||
padding-top: 2rem;
|
|
||||||
padding-bottom: 2rem;
|
|
||||||
padding-left: 12%;
|
|
||||||
font-size: 2rem;
|
font-size: 2rem;
|
||||||
font-weight: 900;
|
font-weight: 900;
|
||||||
|
margin-left: 10%;
|
||||||
}
|
}
|
||||||
.block-views-blockactus-block-1 .view-id-actus {
|
.block-views-blockactus-block-1 .view-id-actus {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
.block-views-blockactus-block-1 .view-id-actus .views-row {
|
.block-views-blockactus-block-1 .view-id-actus .views-row {
|
||||||
width: 35vw !important;
|
width: 30vw !important;
|
||||||
margin-left: 1rem;
|
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 {
|
.block-views-blockactus-block-1 .view-id-actus .views-row:first-of-type {
|
||||||
padding-left: 15%;
|
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 {
|
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 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%;
|
right: 10%;
|
||||||
position: relative;
|
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 {
|
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .image-actualite .field--name-field-image {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
@@ -2584,55 +2455,8 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .infos-content {
|
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .infos-content {
|
||||||
position: relative;
|
height: fit-content;
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
border: solid #fdc300 1px;
|
|
||||||
background-color: rgb(255, 255, 255);
|
|
||||||
padding: 1rem;
|
|
||||||
width: 100%;
|
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 {
|
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .body-content {
|
||||||
display: none;
|
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 {
|
.block-views-blockactus-block-1 .view-id-actus .slick-prev {
|
||||||
left: 35px;
|
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 {
|
.page--home .home-page-layout-content .block-views-blockhome-block-1 .view-display-id-block_1 {
|
||||||
width: 60%;
|
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;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .body-content-site .links-content .field__item {
|
.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;
|
border: solid black 1px;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
background-color: rgb(255, 255, 255);
|
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;
|
font-weight: 1000;
|
||||||
}
|
}
|
||||||
.page-ressources .view-ressources {
|
.page-ressources .view-ressources {
|
||||||
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: space-between;
|
||||||
padding: 5rem;
|
padding: 5rem;
|
||||||
width: 80%;
|
width: 80%;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
.page-ressources .view-ressources #views-exposed-form-ressources-page-1 {
|
.page-ressources .view-ressources #views-exposed-form-ressources-page-1 {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
margin: auto;
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(8, 1fr);
|
grid-template-columns: repeat(8, 1fr);
|
||||||
grid-template-rows: repeat(3, 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 {
|
.page-ressources .view-ressources #views-exposed-form-ressources-page-1 #edit-actions .form-submit {
|
||||||
margin: 0;
|
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 {
|
.page-ressources .view-ressources .views-row .node-type-ressource {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: auto;
|
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 {
|
.page-ressources .view-ressources .views-row .node-type-ressource .image-ressource {
|
||||||
order: 1;
|
order: 1;
|
||||||
width: 90%;
|
width: auto;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
|
margin-left: auto;
|
||||||
|
height: 15rem;
|
||||||
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
.page-ressources .view-ressources .views-row .node-type-ressource .image-ressource img {
|
.page-ressources .view-ressources .views-row .node-type-ressource .image-ressource .field--name-field-image {
|
||||||
width: 100%;
|
height: 100%;
|
||||||
max-height: 250px;
|
}
|
||||||
|
.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;
|
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 {
|
.page-ressources .view-ressources .views-row .node-type-ressource .infos-content {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
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 {
|
.page-ressources .view-ressources .views-row .node-type-ressource .infos-content h2 {
|
||||||
order: 2;
|
order: 2;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-size: 1.5rem;
|
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 {
|
.page-ressources .view-ressources .views-row .node-type-ressource .infos-content .field--name-field-sous-titre {
|
||||||
order: 3;
|
order: 3;
|
||||||
font-size: 1.3rem;
|
font-size: 1.3rem;
|
||||||
|
padding-top: 0.3rem;
|
||||||
}
|
}
|
||||||
.page-ressources .view-ressources .views-row .node-type-ressource .infos-content .field--name-field-auteur {
|
.page-ressources .view-ressources .views-row .node-type-ressource .infos-content .field--name-field-auteur {
|
||||||
order: 4;
|
order: 4;
|
||||||
font-weight: 900;
|
font-weight: 900;
|
||||||
padding-top: 1rem;
|
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 {
|
.page-ressources .view-ressources .views-row .node-type-ressource .infos-content .field--name-field-type-de-ressource {
|
||||||
order: 1;
|
order: 1;
|
||||||
text-transform: uppercase;
|
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 {
|
.page-ressources .view-ressources .views-row .node-type-ressource .infos-content .field--name-field-type-de-ressource a {
|
||||||
pointer-events: none;
|
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%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-node-site .node-type-ressource {
|
.node-type-ressource {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr repeat(3, 1fr) 1fr;
|
grid-template-columns: 1fr repeat(3, 1fr) 1fr;
|
||||||
grid-template-rows: repeat(2, auto);
|
grid-template-rows: repeat(2, auto);
|
||||||
padding-top: 3rem;
|
padding-top: 3rem;
|
||||||
}
|
}
|
||||||
.page-node-site .node-type-ressource .image-ressource {
|
.node-type-ressource .image-ressource {
|
||||||
grid-row: 1;
|
grid-row: 1;
|
||||||
grid-column: 2/span 2;
|
grid-column: 2;
|
||||||
margin-right: 2rem;
|
margin-right: 2rem;
|
||||||
}
|
}
|
||||||
.page-node-site .node-type-ressource .image-ressource img {
|
.node-type-ressource .image-ressource img {
|
||||||
height: 400px;
|
height: 400px;
|
||||||
width: auto;
|
width: auto;
|
||||||
}
|
}
|
||||||
.page-node-site .node-type-ressource .infos-content {
|
.node-type-ressource .infos-content {
|
||||||
grid-row: 1;
|
grid-row: 1;
|
||||||
grid-column: 3/span 4;
|
grid-column: 3/span 4;
|
||||||
margin-left: 2rem;
|
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;
|
text-transform: uppercase;
|
||||||
font-size: 1rem;
|
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;
|
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-weight: 800;
|
||||||
font-size: 1.3rem;
|
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);
|
background-color: rgb(153, 147, 174);
|
||||||
border-radius: 50px;
|
border-radius: 50px;
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
padding: 0.2rem 0.9rem;
|
padding: 0.2rem 0.9rem;
|
||||||
margin-top: 1rem;
|
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;
|
color: white;
|
||||||
font-weight: 900;
|
font-weight: 900;
|
||||||
font-size: 0.8rem;
|
font-size: 0.8rem;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
.page-node-site .node-type-ressource .body-content {
|
.node-type-ressource .body-content {
|
||||||
grid-row: 2;
|
grid-row: 2;
|
||||||
grid-column: 2/span 3;
|
grid-column: 2/span 3;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-top: 2rem;
|
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;
|
width: fit-content;
|
||||||
}
|
}
|
||||||
.page-node-site .node-type-ressource .body-content .links-content {
|
.node-type-ressource .body-content .links-content {
|
||||||
margin-top: 2rem;
|
margin-top: 2rem;
|
||||||
position: relative;
|
position: relative;
|
||||||
left: -10%;
|
left: -10%;
|
||||||
width: 25%;
|
width: 25%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.page-actualites .block-page-title-block {
|
||||||
|
width: 75%;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
.page-actualites .view-actus {
|
.page-actualites .view-actus {
|
||||||
padding-top: 3rem;
|
padding-top: 3rem;
|
||||||
padding-bottom: 6rem;
|
padding-bottom: 6rem;
|
||||||
width: 80%;
|
width: 80%;
|
||||||
margin: auto;
|
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%;
|
width: 90%;
|
||||||
margin: auto;
|
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%;
|
width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
.page-actualites .view-actus .views-row .node-type-actualite .infos-content {
|
.page-actualites .view-actus .views-row .node-type-actualite .entete_actu .infos-content {
|
||||||
position: relative;
|
height: fit-content;
|
||||||
top: -10px;
|
width: 100%;
|
||||||
display: flex;
|
margin: auto;
|
||||||
flex-direction: column;
|
|
||||||
border: solid #fdc300 1px;
|
|
||||||
background-color: rgb(255, 255, 255);
|
|
||||||
padding: 1rem;
|
|
||||||
}
|
}
|
||||||
.page-actualites .view-actus .views-row .node-type-actualite .infos-content h2 {
|
.page-actualites .view-actus .views-row .node-type-actualite .entete_actu .infos-content h1 {
|
||||||
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;
|
|
||||||
display: none;
|
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;
|
align-items: center;
|
||||||
}
|
}
|
||||||
.node-type-actualite .entete_actu .image-actualite {
|
.node-type-actualite .entete_actu .image-actualite {
|
||||||
width: 60%;
|
width: 50%;
|
||||||
height: 100%;
|
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 {
|
.node-type-actualite .entete_actu .image-actualite img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
}
|
}
|
||||||
.node-type-actualite .entete_actu .infos-content {
|
.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%;
|
width: 30%;
|
||||||
position: relative;
|
|
||||||
right: 5%;
|
right: 5%;
|
||||||
margin-bottom: 30px;
|
|
||||||
}
|
}
|
||||||
.node-type-actualite .entete_actu .infos-content h2 {
|
@media (max-width: 900px) {
|
||||||
order: 2;
|
.node-type-actualite .entete_actu .infos-content {
|
||||||
margin: 0;
|
width: 45%;
|
||||||
font-size: 1.5rem;
|
height: fit-content;
|
||||||
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;
|
|
||||||
}
|
}
|
||||||
.node-type-actualite .body-content .summary-content {
|
.node-type-actualite .body-content .summary-content {
|
||||||
width: 60%;
|
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 {
|
.node-type-actualite .body-content .links-content {
|
||||||
width: 15%;
|
width: 15%;
|
||||||
margin-left: 15%;
|
margin-left: 12.5%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-mon-espace-de-travail .layout-content {
|
.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 {
|
.page-mon-espace-de-travail .layout-content .js-form-type-textfield label {
|
||||||
margin-right: 1rem;
|
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;
|
|
||||||
}
|
}
|
||||||
@@ -0,0 +1,26 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
version="1.1"
|
||||||
|
id="svg1"
|
||||||
|
width="15.308718"
|
||||||
|
height="18.867474"
|
||||||
|
viewBox="0 0 15.308718 18.867474"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg">
|
||||||
|
<defs
|
||||||
|
id="defs1" />
|
||||||
|
<g
|
||||||
|
id="g1"
|
||||||
|
transform="translate(-3.7662016,-3.6690666)">
|
||||||
|
<path
|
||||||
|
id="path1"
|
||||||
|
d="m 11.42056,3.6690666 c -0.27434,0 -0.496993,0.2204292 -0.496993,0.486242 V 16.311348 L 5.3870617,11.570816 c -0.210062,-0.175044 -0.5208489,-0.154948 -0.7017542,0.04278 -0.1789178,0.20552 -0.157713,0.511528 0.046385,0.686573 l 6.3601875,5.447204 c 0.08548,0.07066 0.199461,0.121889 0.318078,0.121889 0,0 0,0 0.0053,0 h 0.0053 c 0.124587,0 0.233256,-0.05121 0.318076,-0.121889 l 6.360189,-5.447204 c 0.210061,-0.175045 0.230606,-0.486241 0.04639,-0.686573 -0.178254,-0.202276 -0.496993,-0.223022 -0.701093,-0.04278 l -5.53703,4.740532 V 4.1553086 c 0,-0.2658128 -0.222652,-0.486242 -0.496992,-0.486242 z"
|
||||||
|
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.655451" />
|
||||||
|
<path
|
||||||
|
id="path2"
|
||||||
|
d="m 3.7662016,22.050296 c 0,0.265814 0.2253031,0.486244 0.4969928,0.486244 H 18.577926 c 0.27169,0 0.496993,-0.22043 0.496993,-0.486244 0,-0.268404 -0.225303,-0.486241 -0.496993,-0.486241 H 4.2631944 c -0.2716897,0 -0.4969928,0.217837 -0.4969928,0.486241 z"
|
||||||
|
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.655451" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.5 KiB |
@@ -147,21 +147,22 @@ jQuery(document).ready(function($){
|
|||||||
breakpoint: 810,
|
breakpoint: 810,
|
||||||
settings: {
|
settings: {
|
||||||
slidesToShow: 1,
|
slidesToShow: 1,
|
||||||
|
slidesToScroll: 1,
|
||||||
adaptiveHeight: true,
|
adaptiveHeight: true,
|
||||||
arrows: false,
|
arrows: false,
|
||||||
draggable: true,
|
draggable: true,
|
||||||
centerMode: true,
|
// centerMode: true,
|
||||||
}
|
}
|
||||||
}]
|
}]
|
||||||
});
|
});
|
||||||
console.log('slick actu');
|
console.log('slick actu');
|
||||||
});
|
});
|
||||||
|
|
||||||
// html.js body.node-type-site.node-id-58 div.dialog-off-canvas-main-canvas div.layout-container.page-node-site main div.layout-content.home-page-layout-content div.region.region-content div#block-reha-contenudelapageprincipale.block.block-system.block-system-main-block article.node-type-site div.entete_site div.image-site div.field.field--name-field-image.field--type-image.field--label-visually_hidden div.field__items
|
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
$('.node-type-site .page-node-site .field--name-field-image .field__items').slick({
|
$('.node-type-site .page-node-site .field--name-field-image .field__items').slick({
|
||||||
slidesToShow: 1,
|
slidesToShow: 1,
|
||||||
// slidesToScroll: 1,
|
slidesToScroll: 1,
|
||||||
dots: true,
|
dots: true,
|
||||||
arrows: false,
|
arrows: false,
|
||||||
// adaptiveHeight: true,
|
// adaptiveHeight: true,
|
||||||
@@ -251,6 +252,30 @@ jQuery(document).ready(function($){
|
|||||||
var fieldContent = $('#block-reha-config-pages-3 .field--name-field-fichier', context).detach();
|
var fieldContent = $('#block-reha-config-pages-3 .field--name-field-fichier', context).detach();
|
||||||
$('.node-type-site .body-content-site .links-content', context).append(fieldContent);
|
$('.node-type-site .body-content-site .links-content', context).append(fieldContent);
|
||||||
}
|
}
|
||||||
|
if ($('#block-reha-titredepage h1', context).length && $('.node-type-actualite .entete_actu .infos_content', context).length) {
|
||||||
|
// Déplacer le contenu de .field--name-field-fichier vers .links-content
|
||||||
|
var fieldContent = $('#block-reha-titredepage h1', context).detach();
|
||||||
|
$('.node-type-actualite .entete_actu .infos_content', context).append(fieldContent);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
})(jQuery, Drupal);
|
})(jQuery, Drupal);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// //////////////////// start déplacer block-reha-titredepage dans node-type-actu & ressource infos-content ////////////////////////
|
||||||
|
|
||||||
|
// (function ($, Drupal) {
|
||||||
|
// Drupal.behaviors.moveFieldContent = {
|
||||||
|
// attach: function (context, settings) {
|
||||||
|
// // Vérifiez que les éléments existent avant de tenter de les manipuler
|
||||||
|
// if ($('#block-reha-titredepage h1', context).length && $('.node-type-actualite .entete_actu .infos_content', context).length) {
|
||||||
|
// // Déplacer le contenu de .field--name-field-fichier vers .links-content
|
||||||
|
// var fieldContent = $('#block-reha-titredepage h1', context).detach();
|
||||||
|
// $('.node-type-actualite .entete_actu .infos_content', context).append(fieldContent);
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// };
|
||||||
|
// })(jQuery, Drupal);
|
||||||
|
// //////////////////// end div infos site ////////////////////////
|
||||||
@@ -1,82 +1,49 @@
|
|||||||
.page-actualites{
|
.page-actualites{
|
||||||
|
.block-page-title-block{
|
||||||
|
width: 75%;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
.view-actus{
|
.view-actus{
|
||||||
padding-top: 3rem;
|
padding-top: 3rem;
|
||||||
padding-bottom: 6rem;
|
padding-bottom: 6rem;
|
||||||
width: 80%;
|
width: 80%;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
align-items: baseline;
|
||||||
|
justify-content: space-between;
|
||||||
.views-row{
|
.views-row{
|
||||||
|
width: 28%;
|
||||||
|
padding: 1rem;
|
||||||
|
&:hover{
|
||||||
|
transform: scale(1.05);
|
||||||
|
transition: 0.3s transform ease, 0.3s box-shadow ease;
|
||||||
|
}
|
||||||
.node-type-actualite{
|
.node-type-actualite{
|
||||||
|
width: 30vw !important;
|
||||||
.image-actualite{
|
.entete_actu{
|
||||||
width: 90%;
|
|
||||||
margin: auto;
|
|
||||||
img{
|
|
||||||
width: 100%;
|
|
||||||
height: auto;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
.infos-content{
|
|
||||||
position: relative;
|
|
||||||
top: -10px;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
border: solid $yellow-puca 1px;
|
.image-actualite{
|
||||||
background-color: $white-button;
|
width: 90%;
|
||||||
padding: 1rem;
|
margin: auto;
|
||||||
h2{
|
img{
|
||||||
order: 2;
|
width: 100%;
|
||||||
margin: 0;
|
height: auto;
|
||||||
font-size: 1.5rem;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
.field--name-field-sous-titre {
|
|
||||||
order: 3;
|
|
||||||
font-size: 1.3rem;
|
|
||||||
// line-height: 0.3rem;
|
|
||||||
}
|
|
||||||
.field--name-field-date{
|
|
||||||
order: 4;
|
|
||||||
font-weight: 900;
|
|
||||||
padding-bottom: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.field--name-field-type-d-actualite{
|
|
||||||
order: 1;
|
|
||||||
text-transform: uppercase;
|
|
||||||
font-size: 1.2rem;
|
|
||||||
}
|
|
||||||
.field--name-field-site{
|
|
||||||
order: 5;
|
|
||||||
background-color: $gris-violet;
|
|
||||||
border-radius: 50px;
|
|
||||||
width: fit-content;
|
|
||||||
padding: 0.2rem 0.9rem;
|
|
||||||
margin-top: 1rem;
|
|
||||||
|
|
||||||
.field__item{
|
|
||||||
display: inline;
|
|
||||||
}
|
|
||||||
a{
|
|
||||||
color: white;
|
|
||||||
font-weight: 900;
|
|
||||||
font-size: 0.8rem;
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
ul.links{
|
.infos-content{
|
||||||
order: 6;
|
height: fit-content;
|
||||||
display: none;
|
width: 100%;
|
||||||
|
margin: auto;
|
||||||
|
h1{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -1,30 +1,29 @@
|
|||||||
.block-views-blockactus-block-1{
|
.block-views-blockactus-block-1{
|
||||||
// display:none;
|
|
||||||
background-color: white;
|
background-color: white;
|
||||||
padding-bottom: 3rem;
|
padding-bottom: 3rem;
|
||||||
// padding-left: 12%;
|
|
||||||
h2{
|
h2{
|
||||||
width: 80%;
|
width: 80%;
|
||||||
// margin: auto;
|
|
||||||
padding-top: 2rem;
|
|
||||||
padding-bottom: 2rem;
|
|
||||||
padding-left: 12%;
|
|
||||||
font-size: 2rem;
|
font-size: 2rem;
|
||||||
font-weight: 900;
|
font-weight: 900;
|
||||||
|
margin-left: 10%;
|
||||||
}
|
}
|
||||||
.view-id-actus{
|
.view-id-actus{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
.views-row{
|
.views-row{
|
||||||
width: 35vw !important;
|
width: 30vw !important;
|
||||||
margin-left: 1rem;
|
margin-left: 1rem;
|
||||||
|
@media (max-width: 1200px) {
|
||||||
|
width: 50vw !important;
|
||||||
|
}
|
||||||
&:first-of-type{
|
&:first-of-type{
|
||||||
padding-left: 15%;
|
padding-left: 15%;
|
||||||
|
@media (max-width: 1200px) {
|
||||||
|
padding-left: 16%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.node-type-actualite{
|
.node-type-actualite{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
// display: flex;
|
|
||||||
// flex-direction: column;
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
> .entete_actu{
|
> .entete_actu{
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -37,7 +36,9 @@
|
|||||||
height: 250px;
|
height: 250px;
|
||||||
right: 10%;
|
right: 10%;
|
||||||
position: relative;
|
position: relative;
|
||||||
// margin-left: 1rem;
|
@media (max-width: 1200px) {
|
||||||
|
max-height: 150px;
|
||||||
|
}
|
||||||
.field--name-field-image{
|
.field--name-field-image{
|
||||||
height: 100%;
|
height: 100%;
|
||||||
.field__items{
|
.field__items{
|
||||||
@@ -56,56 +57,8 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.infos-content{
|
.infos-content{
|
||||||
position: relative;
|
height: fit-content;
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
border: solid $yellow-puca 1px;
|
|
||||||
background-color: $white-button;
|
|
||||||
padding: 1rem;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
right: 0%;
|
|
||||||
height: auto;
|
|
||||||
h2{
|
|
||||||
order: 2;
|
|
||||||
margin: 0;
|
|
||||||
font-size: 1.5rem;
|
|
||||||
font-weight: 600;
|
|
||||||
padding: 0;;
|
|
||||||
}
|
|
||||||
.field--name-field-sous-titre {
|
|
||||||
order: 3;
|
|
||||||
font-size: 1.3rem;
|
|
||||||
}
|
|
||||||
.field--name-field-date{
|
|
||||||
order: 4;
|
|
||||||
font-weight: 900;
|
|
||||||
padding-bottom: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.field--name-field-type-d-actualite{
|
|
||||||
order: 1;
|
|
||||||
text-transform: uppercase;
|
|
||||||
font-size: 1.2rem;
|
|
||||||
}
|
|
||||||
.field--name-field-site{
|
|
||||||
order: 5;
|
|
||||||
background-color: $gris-violet;
|
|
||||||
color: white;
|
|
||||||
border-radius: 50px;
|
|
||||||
width: fit-content;
|
|
||||||
padding: 0.2rem 0.9rem;
|
|
||||||
.field__item{
|
|
||||||
display: inline;
|
|
||||||
color: white;
|
|
||||||
font-weight: 900;
|
|
||||||
font-size: 0.8rem;
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
ul.links{
|
|
||||||
order: 6;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.body-content{
|
.body-content{
|
||||||
display: none;
|
display: none;
|
||||||
@@ -121,5 +74,16 @@
|
|||||||
.slick-prev{
|
.slick-prev{
|
||||||
left:35px;
|
left:35px;
|
||||||
}
|
}
|
||||||
|
.slick-next{
|
||||||
|
left: 90vw;
|
||||||
|
}
|
||||||
|
@media (max-width: 1400px) {
|
||||||
|
.slick-prev{
|
||||||
|
left:0vw;
|
||||||
|
}
|
||||||
|
.slick-next{
|
||||||
|
left: 85vw;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,6 +1,9 @@
|
|||||||
|
|
||||||
|
|
||||||
.page-sitespilotes{
|
.page-sitespilotes{
|
||||||
|
.views-element-container{
|
||||||
|
padding-bottom: 8rem;
|
||||||
|
}
|
||||||
h1{
|
h1{
|
||||||
width: 80%;
|
width: 80%;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
@@ -142,6 +145,7 @@
|
|||||||
footer{
|
footer{
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
text-transform: none !important;
|
text-transform: none !important;
|
||||||
|
z-index: 100;
|
||||||
p{
|
p{
|
||||||
font-size: 2rem;
|
font-size: 2rem;
|
||||||
padding-left: 1rem;
|
padding-left: 1rem;
|
||||||
@@ -271,258 +275,3 @@
|
|||||||
font-weight: 1000;
|
font-weight: 1000;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.view-display-id-page_1{
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
align-items: baseline;
|
|
||||||
justify-content: space-between;
|
|
||||||
article{
|
|
||||||
padding-bottom: 0.7rem;
|
|
||||||
}
|
|
||||||
.views-row{
|
|
||||||
width: 28%;
|
|
||||||
padding: 1rem;
|
|
||||||
&:hover{
|
|
||||||
transform: scale(1.05);
|
|
||||||
transition: 0.3s transform ease, 0.3s box-shadow ease;
|
|
||||||
}
|
|
||||||
.node-type-site{
|
|
||||||
margin: auto;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
width: 100%;
|
|
||||||
background-color: white;
|
|
||||||
.field--name-field-image{
|
|
||||||
order: 1;
|
|
||||||
max-width: 100%;
|
|
||||||
img{
|
|
||||||
width: 100%;
|
|
||||||
object-fit: cover;
|
|
||||||
height: fit-content;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.infos-content-site{
|
|
||||||
background-color: $white-button;
|
|
||||||
order: 2;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
padding-left: 1rem;
|
|
||||||
padding-right: 1rem;
|
|
||||||
padding-top: 0.5rem;
|
|
||||||
h1{display: none;}
|
|
||||||
h2{
|
|
||||||
order: 2;
|
|
||||||
margin: 0;
|
|
||||||
font-size: 1.6rem;
|
|
||||||
font-weight: 900;
|
|
||||||
line-height: 1;
|
|
||||||
padding-bottom: 0.8rem;
|
|
||||||
}
|
|
||||||
.first-row{
|
|
||||||
order: 1;
|
|
||||||
display:flex;
|
|
||||||
flex-direction: row;
|
|
||||||
align-items: end;
|
|
||||||
padding-bottom: 0.5rem;
|
|
||||||
.field--name-field-numero-site {
|
|
||||||
order: 1;
|
|
||||||
text-transform: uppercase;
|
|
||||||
font-size: 1rem;
|
|
||||||
display: inline-flex;
|
|
||||||
&::after{
|
|
||||||
content: '|';
|
|
||||||
padding-left: 1rem;
|
|
||||||
padding-right: 1rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.field--name-field-adresse-site{
|
|
||||||
order: 3;
|
|
||||||
font-size: 1.2rem;
|
|
||||||
.field__item{
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.address{
|
|
||||||
margin: 0;
|
|
||||||
display: inline-flex;
|
|
||||||
.postal-code{
|
|
||||||
order: 2;
|
|
||||||
}
|
|
||||||
.locality{
|
|
||||||
order: 1;
|
|
||||||
text-transform: capitalize;
|
|
||||||
margin-right: 0.5rem;
|
|
||||||
}
|
|
||||||
.country{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.field--name-field-architecte{
|
|
||||||
order: 4;
|
|
||||||
font-size: 1.2rem;
|
|
||||||
.field__items{
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
.field__item{
|
|
||||||
display: inline;
|
|
||||||
&::after{
|
|
||||||
content:',';
|
|
||||||
padding-right: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.field__item:last-of-type::after {
|
|
||||||
content: '';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
ul.links{
|
|
||||||
order: 5;
|
|
||||||
text-transform: uppercase;
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
border: none;
|
|
||||||
padding-bottom: 1rem;
|
|
||||||
padding-top: 3rem;
|
|
||||||
display: inline-flex;
|
|
||||||
&::after{
|
|
||||||
content:url("../../dist/images/noun-arrow-1569918-black.svg");
|
|
||||||
padding-left: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
footer{
|
|
||||||
background-color: transparent;
|
|
||||||
text-transform: none !important;
|
|
||||||
p{
|
|
||||||
font-size: 2rem;
|
|
||||||
padding-left: 1rem;
|
|
||||||
font-weight: 1000;
|
|
||||||
}
|
|
||||||
.view-display-id-block_2{
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
align-items: baseline;
|
|
||||||
justify-content: space-between;
|
|
||||||
.views-row{
|
|
||||||
width: 28%;
|
|
||||||
padding: 1rem;
|
|
||||||
&:hover{
|
|
||||||
transform: none;
|
|
||||||
}
|
|
||||||
.node-type-site{
|
|
||||||
margin: auto;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
width: 100%;
|
|
||||||
background-color: transparent;
|
|
||||||
|
|
||||||
.infos-content-site{
|
|
||||||
background-color: transparent;
|
|
||||||
order: 2;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
padding-left: 1rem;
|
|
||||||
padding-right: 1rem;;
|
|
||||||
padding-right: 1rem;
|
|
||||||
h2{
|
|
||||||
order: 2;
|
|
||||||
margin: 0;
|
|
||||||
font-size: 1.6rem;
|
|
||||||
font-weight: 900;
|
|
||||||
line-height: 1;
|
|
||||||
a{
|
|
||||||
cursor: default !important;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
.first-row{
|
|
||||||
order: 1;
|
|
||||||
display:flex;
|
|
||||||
flex-direction: row;
|
|
||||||
align-items: center;
|
|
||||||
padding-bottom: 0.5rem;
|
|
||||||
.field--name-field-lettre-de-site {
|
|
||||||
order: 1;
|
|
||||||
text-transform: uppercase;
|
|
||||||
font-size: 1rem;
|
|
||||||
font-weight: 400;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
&::before{
|
|
||||||
content:'SITE';
|
|
||||||
padding-right: 0.5rem;
|
|
||||||
}
|
|
||||||
&::after{
|
|
||||||
content: '|';
|
|
||||||
padding-left: 1rem;
|
|
||||||
padding-right: 1rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.field--name-field-adresse-site{
|
|
||||||
order: 3;
|
|
||||||
|
|
||||||
p.address{
|
|
||||||
padding-left: 0;
|
|
||||||
margin: 0;
|
|
||||||
display: inline-flex;
|
|
||||||
font-size: 1.3rem;
|
|
||||||
font-weight: 500!important;
|
|
||||||
.postal-code{
|
|
||||||
order: 2;
|
|
||||||
}
|
|
||||||
.locality{
|
|
||||||
order: 1;
|
|
||||||
text-transform: capitalize;
|
|
||||||
margin-right: 0.5rem;
|
|
||||||
}
|
|
||||||
.country{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.field--name-field-architecte{
|
|
||||||
order: 4;
|
|
||||||
text-transform: capitalize;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 1.2rem;
|
|
||||||
|
|
||||||
}
|
|
||||||
ul.links{
|
|
||||||
order: 5;
|
|
||||||
text-transform: uppercase;
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
border: none;
|
|
||||||
padding-bottom: 2rem;
|
|
||||||
padding-top: 0.9rem;
|
|
||||||
display: inline-flex;
|
|
||||||
&::after{
|
|
||||||
content:url("../../dist/images/noun-arrow-1569918-black.svg");
|
|
||||||
padding-left: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|||||||
@@ -7,8 +7,12 @@
|
|||||||
margin: auto;
|
margin: auto;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
.image-actualite{
|
.image-actualite{
|
||||||
width: 60%;
|
width: 50%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
@media (max-width: 900px) {
|
||||||
|
width: 80%;
|
||||||
|
height: 100% !important;
|
||||||
|
}
|
||||||
img{
|
img{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
@@ -16,57 +20,13 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.infos-content{
|
.infos-content{
|
||||||
position: relative;
|
// height: 350px;
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
border: solid $yellow-puca 1px;
|
|
||||||
background-color: $white-button;
|
|
||||||
padding: 1rem;
|
|
||||||
height: 350px;
|
|
||||||
width: 30%;
|
width: 30%;
|
||||||
position: relative;
|
|
||||||
right: 5%;
|
right: 5%;
|
||||||
margin-bottom: 30px;
|
@media (max-width: 900px) {
|
||||||
h2{
|
width: 45%;
|
||||||
order: 2;
|
height: fit-content;
|
||||||
margin: 0;
|
|
||||||
font-size: 1.5rem;
|
|
||||||
font-weight: 600;
|
|
||||||
padding: 0;;
|
|
||||||
}
|
|
||||||
.field--name-field-sous-titre {
|
|
||||||
order: 3;
|
|
||||||
font-size: 1.3rem;
|
|
||||||
}
|
|
||||||
.field--name-field-date{
|
|
||||||
order: 4;
|
|
||||||
font-weight: 900;
|
|
||||||
padding-bottom: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.field--name-field-type-d-actualite{
|
|
||||||
order: 1;
|
|
||||||
text-transform: uppercase;
|
|
||||||
font-size: 1.2rem;
|
|
||||||
}
|
|
||||||
.field--name-field-site{
|
|
||||||
order: 5;
|
|
||||||
background-color: $gris-violet;
|
|
||||||
color: white;
|
|
||||||
border-radius: 50px;
|
|
||||||
width: fit-content;
|
|
||||||
padding: 0.2rem 0.9rem;
|
|
||||||
.field__item{
|
|
||||||
display: inline;
|
|
||||||
color: white;
|
|
||||||
font-weight: 900;
|
|
||||||
font-size: 0.8rem;
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
ul.links{
|
|
||||||
order: 6;
|
|
||||||
display: none;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -78,7 +38,7 @@
|
|||||||
}
|
}
|
||||||
.links-content{
|
.links-content{
|
||||||
width: 15%;
|
width: 15%;
|
||||||
margin-left: 15%;
|
margin-left: calc(25%/2);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
.page-node-site{
|
|
||||||
.node-type-ressource{
|
.node-type-ressource{
|
||||||
|
|
||||||
display: grid;
|
display: grid;
|
||||||
@@ -6,9 +6,13 @@
|
|||||||
grid-template-rows: repeat(2, auto);
|
grid-template-rows: repeat(2, auto);
|
||||||
padding-top: 3rem;
|
padding-top: 3rem;
|
||||||
|
|
||||||
|
// #block-reha-titredepage{
|
||||||
|
// display: block !important;
|
||||||
|
// }
|
||||||
|
|
||||||
.image-ressource{
|
.image-ressource{
|
||||||
grid-row: 1;
|
grid-row: 1;
|
||||||
grid-column: 2 /span 2;
|
grid-column: 2;
|
||||||
margin-right: 2rem;
|
margin-right: 2rem;
|
||||||
|
|
||||||
img{
|
img{
|
||||||
@@ -20,17 +24,22 @@
|
|||||||
grid-row: 1;
|
grid-row: 1;
|
||||||
grid-column: 3 /span 4;
|
grid-column: 3 /span 4;
|
||||||
margin-left: 2rem;
|
margin-left: 2rem;
|
||||||
|
border: none;
|
||||||
|
background-color:transparent;
|
||||||
.field--name-field-type-de-ressource{
|
.field--name-field-type-de-ressource{
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
|
order: 1;
|
||||||
}
|
}
|
||||||
|
h1{order: 2;}
|
||||||
.field--name-field-sous-titre{
|
.field--name-field-sous-titre{
|
||||||
font-size: 2rem;
|
font-size: 2rem;
|
||||||
|
order: 3;
|
||||||
}
|
}
|
||||||
.field--name-field-auteur{
|
.field--name-field-auteur{
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
font-size: 1.3rem;
|
font-size: 1.3rem;
|
||||||
|
order: 4;
|
||||||
}
|
}
|
||||||
.field--name-field-site{
|
.field--name-field-site{
|
||||||
background-color: rgb(153, 147, 174);
|
background-color: rgb(153, 147, 174);
|
||||||
@@ -38,6 +47,7 @@
|
|||||||
width: fit-content;
|
width: fit-content;
|
||||||
padding: 0.2rem 0.9rem;
|
padding: 0.2rem 0.9rem;
|
||||||
margin-top: 1rem;
|
margin-top: 1rem;
|
||||||
|
order: 5;
|
||||||
a{
|
a{
|
||||||
color: white;
|
color: white;
|
||||||
font-weight: 900;
|
font-weight: 900;
|
||||||
@@ -66,4 +76,3 @@
|
|||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
@@ -9,10 +9,6 @@
|
|||||||
}
|
}
|
||||||
.region-content{
|
.region-content{
|
||||||
display: grid;
|
display: grid;
|
||||||
// width: 80%;
|
|
||||||
// margin: auto;
|
|
||||||
// display: flex;
|
|
||||||
// flex-direction: column;
|
|
||||||
grid-template-columns: repeat(8 1fr);
|
grid-template-columns: repeat(8 1fr);
|
||||||
grid-template-rows: repeat(3 auto);
|
grid-template-rows: repeat(3 auto);
|
||||||
|
|
||||||
@@ -239,7 +235,7 @@
|
|||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
.field__item{
|
.field__item{
|
||||||
padding: 0.3rem;
|
padding: 0.5rem;
|
||||||
border: solid black 1px;
|
border: solid black 1px;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
background-color: rgb(255, 255, 255);
|
background-color: rgb(255, 255, 255);
|
||||||
|
|||||||
@@ -1,13 +0,0 @@
|
|||||||
.page-actualites{
|
|
||||||
.node-type-actualite{
|
|
||||||
width: 30vw !important;
|
|
||||||
.entete_actu{
|
|
||||||
flex-direction: column;
|
|
||||||
.infos-content{
|
|
||||||
width: 100%;
|
|
||||||
height: 250px;
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -7,13 +7,16 @@
|
|||||||
|
|
||||||
}
|
}
|
||||||
.view-ressources{
|
.view-ressources{
|
||||||
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: space-between;
|
||||||
padding: 5rem;
|
padding: 5rem;
|
||||||
width: 80%;
|
width: 80%;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
#views-exposed-form-ressources-page-1{
|
#views-exposed-form-ressources-page-1{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
// margin: auto;
|
margin: auto;
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(8, 1fr);
|
grid-template-columns: repeat(8, 1fr);
|
||||||
grid-template-rows: repeat(3, 1fr);
|
grid-template-rows: repeat(3, 1fr);
|
||||||
@@ -53,52 +56,83 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
article{
|
||||||
|
padding-bottom: 0 !important;
|
||||||
|
}
|
||||||
.views-row{
|
.views-row{
|
||||||
|
width: 28%;
|
||||||
.node-type-ressource{
|
padding: 1rem;
|
||||||
|
display: flex !important;
|
||||||
|
flex-direction: column;
|
||||||
|
background-color: $white-button;
|
||||||
|
margin-bottom: 6rem;
|
||||||
|
&:hover{
|
||||||
|
transform: scale(1.05);
|
||||||
|
transition: 0.3s transform ease, 0.3s box-shadow ease;
|
||||||
|
}
|
||||||
|
.node-type-ressource{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
background-color: $white-button;
|
display: flex !important;
|
||||||
|
flex-direction: column-reverse;
|
||||||
|
padding-top: 0;
|
||||||
.image-ressource{
|
.image-ressource{
|
||||||
order: 1;
|
order: 1;
|
||||||
width: 90%;
|
width: auto;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
img{
|
margin-left: auto;
|
||||||
width: 100%;
|
height: 15rem;
|
||||||
// height: auto;
|
margin-left: 0;
|
||||||
max-height: 250px;
|
.field--name-field-image{
|
||||||
object-fit: contain;
|
height: 100%;
|
||||||
|
.field__items{
|
||||||
|
height: 100%;
|
||||||
|
.field__item{
|
||||||
|
height: 100%;
|
||||||
|
img{
|
||||||
|
height: 100%;
|
||||||
|
object-fit: contain;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
.body-content{display: none;}
|
||||||
.infos-content{
|
.infos-content{
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
// border: solid $yellow-puca 1px;
|
background-color: transparent !important;
|
||||||
|
right: 0;
|
||||||
padding: 1rem;
|
margin-bottom: 0;
|
||||||
|
border: none;
|
||||||
|
margin-left: 0 !important;
|
||||||
|
h1{display: none;}
|
||||||
h2{
|
h2{
|
||||||
order: 2;
|
order: 2;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
font-weight: 600;
|
font-weight: 500;
|
||||||
|
line-height: 1.8rem;
|
||||||
}
|
}
|
||||||
.field--name-field-sous-titre {
|
.field--name-field-sous-titre {
|
||||||
order: 3;
|
order: 3;
|
||||||
font-size: 1.3rem;
|
font-size: 1.3rem;
|
||||||
// line-height: 0.3rem;
|
padding-top: 0.3rem;
|
||||||
}
|
}
|
||||||
.field--name-field-auteur{
|
.field--name-field-auteur{
|
||||||
order: 4;
|
order: 4;
|
||||||
font-weight: 900;
|
font-weight: 900;
|
||||||
padding-top: 1rem;
|
padding-top: 1rem;
|
||||||
|
padding-bottom: 1rem;
|
||||||
|
font-size: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.field--name-field-type-de-ressource{
|
.field--name-field-type-de-ressource{
|
||||||
order: 1;
|
order: 1;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
font-size: 1.2rem;
|
font-size: 0.9rem;
|
||||||
a{
|
a{
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
@@ -128,10 +162,7 @@
|
|||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
.pagination{
|
.pagination{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|||||||
@@ -65,7 +65,7 @@ header{
|
|||||||
justify-content: space-evenly;
|
justify-content: space-evenly;
|
||||||
|
|
||||||
|
|
||||||
@media (max-width:1400px) {
|
@media (max-width:1100px) {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
li{
|
li{
|
||||||
|
|||||||
@@ -0,0 +1,69 @@
|
|||||||
|
.infos-content{
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
border: solid $yellow-puca 1px;
|
||||||
|
background-color: $white-button;
|
||||||
|
padding: 1rem;
|
||||||
|
height: fit-content;
|
||||||
|
width: 100%;
|
||||||
|
position: relative;
|
||||||
|
right: 5%;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
h1{
|
||||||
|
// display: none;
|
||||||
|
order: 2;
|
||||||
|
font-size: 2rem;
|
||||||
|
font-weight: 500;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
h2{
|
||||||
|
order: 2;
|
||||||
|
margin: 0;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
font-weight: 600;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.field--name-field-sous-titre {
|
||||||
|
order: 3;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
}
|
||||||
|
.field--name-field-date{
|
||||||
|
order: 4;
|
||||||
|
font-weight: 900;
|
||||||
|
}
|
||||||
|
|
||||||
|
.field--name-field-type-d-actualite{
|
||||||
|
order: 1;
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-size: 0.8rem;
|
||||||
|
}
|
||||||
|
.field--name-field-site{
|
||||||
|
order: 5;
|
||||||
|
background-color: $gris-violet;
|
||||||
|
color: white;
|
||||||
|
border-radius: 50px;
|
||||||
|
width: fit-content;
|
||||||
|
padding: 0 0.9rem 0.3rem 0.9rem;
|
||||||
|
margin-top: 0.5rem;
|
||||||
|
.field__item{
|
||||||
|
display: inline;
|
||||||
|
color: white;
|
||||||
|
font-weight: 900;
|
||||||
|
font-size: 0.8rem;
|
||||||
|
a{
|
||||||
|
&:visited{
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
&:link{
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
ul.links{
|
||||||
|
order: 6;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,40 @@
|
|||||||
|
|
||||||
|
.links-content{
|
||||||
|
.field--name-field-liens {
|
||||||
|
padding: 0.5rem;
|
||||||
|
|
||||||
|
.field__items .field__item {
|
||||||
|
::after{
|
||||||
|
content: url("../../dist/images/noun-arrow-1569918-black.svg");
|
||||||
|
padding-left: 0.5rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.field--name-field-fichiers,
|
||||||
|
.field--name-field-fichier{
|
||||||
|
width: fit-content;
|
||||||
|
padding: 0.5rem;
|
||||||
|
padding-right: 0.8rem;
|
||||||
|
.file--mime-application-pdf{
|
||||||
|
a{
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
::after{
|
||||||
|
content: url("../../dist/images/noun-download.svg");
|
||||||
|
padding-left: 0.8rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -23,6 +23,8 @@
|
|||||||
@import "partials/slick-theme";
|
@import "partials/slick-theme";
|
||||||
@import "partials/slick";
|
@import "partials/slick";
|
||||||
@import "partials/slick_custom";
|
@import "partials/slick_custom";
|
||||||
|
@import "partials/infos_content_actus.scss";
|
||||||
|
@import "partials/links_content";
|
||||||
|
|
||||||
/*pages*/
|
/*pages*/
|
||||||
@import "pages/home";
|
@import "pages/home";
|
||||||
@@ -38,9 +40,9 @@
|
|||||||
@import "pages/home/home-view-presentation";
|
@import "pages/home/home-view-presentation";
|
||||||
@import "pages/le-programme";
|
@import "pages/le-programme";
|
||||||
@import "pages/node-site";
|
@import "pages/node-site";
|
||||||
@import "pages/ressources";
|
@import "pages/ressources.scss";
|
||||||
@import "pages/node-ressource";
|
@import "pages/node-ressource";
|
||||||
@import "pages/actualites";
|
@import "pages/actualites";
|
||||||
@import "pages/node-actualite";
|
@import "pages/node-actualite";
|
||||||
@import "pages/page-mon-espace-de-travail";
|
@import "pages/page-mon-espace-de-travail";
|
||||||
@import "pages/page-actualites";
|
// @import "pages/page-actualites";
|
||||||
@@ -80,6 +80,7 @@
|
|||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
<div class="infos-content">
|
<div class="infos-content">
|
||||||
|
<h1>{{ node.label }}</h1>
|
||||||
{% if label and not page %}
|
{% if label and not page %}
|
||||||
<h2{{ title_attributes }}>
|
<h2{{ title_attributes }}>
|
||||||
<a href="{{ url }}" rel="bookmark">{{ label }}</a>
|
<a href="{{ url }}" rel="bookmark">{{ label }}</a>
|
||||||
|
|||||||
@@ -81,6 +81,7 @@
|
|||||||
|
|
||||||
{# Envelopper les autres champs dans des divs distinctes #}
|
{# Envelopper les autres champs dans des divs distinctes #}
|
||||||
<div class="infos-content">
|
<div class="infos-content">
|
||||||
|
<h1>{{ node.label }}</h1>
|
||||||
{% if label and not page %}
|
{% if label and not page %}
|
||||||
<h2{{ title_attributes }}>
|
<h2{{ title_attributes }}>
|
||||||
<a href="{{ url }}" rel="bookmark">{{ label }}</a>
|
<a href="{{ url }}" rel="bookmark">{{ label }}</a>
|
||||||
|
|||||||
Reference in New Issue
Block a user