mobile
This commit is contained in:
File diff suppressed because one or more lines are too long
@ -181,9 +181,9 @@ h3 {
|
||||
width: 100%;
|
||||
padding-top: 320px;
|
||||
}
|
||||
@media (max-width: 500px) {
|
||||
@media (max-width: 810px) {
|
||||
.layout-container main {
|
||||
padding-top: 110px;
|
||||
padding-top: 180px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -232,9 +232,9 @@ header {
|
||||
transition: height 0.3s, padding 0.3s; /* Add transition for smooth resizing */
|
||||
/* Classes for scroll effect */
|
||||
}
|
||||
@media (max-width: 500px) {
|
||||
@media (max-width: 810px) {
|
||||
header {
|
||||
height: 110px;
|
||||
height: 170px;
|
||||
}
|
||||
}
|
||||
header .contextual-region {
|
||||
@ -363,7 +363,7 @@ header .header_nav_container #block-quartiers-de-demain-entete ul {
|
||||
padding-right: 1rem;
|
||||
margin: 0;
|
||||
}
|
||||
@media (max-width: 500px) {
|
||||
@media (max-width: 810px) {
|
||||
header .header_nav_container #block-quartiers-de-demain-entete ul {
|
||||
top: 27.5px;
|
||||
}
|
||||
@ -700,15 +700,24 @@ footer {
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
color: transparent;
|
||||
top: -20px;
|
||||
-webkit-transform: translate(0, -20px);
|
||||
-ms-transform: translate(0, -20px);
|
||||
transform: translate(0, -20px);
|
||||
top: -1rem;
|
||||
-webkit-transform: translate(0, -1rem);
|
||||
-ms-transform: translate(0, -1rem);
|
||||
transform: translate(0, -1rem);
|
||||
padding: 0;
|
||||
padding-bottom: 2rem;
|
||||
border: none;
|
||||
outline: none;
|
||||
}
|
||||
@media (max-width: 810px) {
|
||||
.slick-prev,
|
||||
.slick-next {
|
||||
top: -30px;
|
||||
-webkit-transform: translate(0, -30px);
|
||||
-ms-transform: translate(0, -30px);
|
||||
transform: translate(0, -30px);
|
||||
}
|
||||
}
|
||||
.slick-prev:hover, .slick-prev:focus,
|
||||
.slick-next:hover,
|
||||
.slick-next:focus {
|
||||
@ -737,31 +746,41 @@ footer {
|
||||
}
|
||||
|
||||
.slick-prev {
|
||||
left: 45%;
|
||||
left: 46%;
|
||||
}
|
||||
@media (max-width: 810px) {
|
||||
.slick-prev {
|
||||
left: 36%;
|
||||
}
|
||||
}
|
||||
[dir=rtl] .slick-prev {
|
||||
left: auto;
|
||||
right: -25px;
|
||||
}
|
||||
.slick-prev:before {
|
||||
content: "←";
|
||||
content: url("../img/prev.svg ");
|
||||
}
|
||||
[dir=rtl] .slick-prev:before {
|
||||
content: "→";
|
||||
content: url("../img/next.svg ");
|
||||
}
|
||||
|
||||
.slick-next {
|
||||
right: 45%;
|
||||
right: 48%;
|
||||
}
|
||||
@media (max-width: 810px) {
|
||||
.slick-next {
|
||||
right: 42%;
|
||||
}
|
||||
}
|
||||
[dir=rtl] .slick-next {
|
||||
left: -25px;
|
||||
right: auto;
|
||||
}
|
||||
.slick-next:before {
|
||||
content: "→";
|
||||
content: url("../img/next.svg ");
|
||||
}
|
||||
[dir=rtl] .slick-next:before {
|
||||
content: "←";
|
||||
content: url("../img/prev.svg ");
|
||||
}
|
||||
|
||||
/* Dots */
|
||||
@ -1064,7 +1083,7 @@ footer {
|
||||
position: relative;
|
||||
top: -10px;
|
||||
}
|
||||
@media (max-width: 550px) {
|
||||
@media (max-width: 1090px) {
|
||||
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .date .annee {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
@ -1098,12 +1117,12 @@ footer {
|
||||
border: solid rgb(7, 50, 194) 1px;
|
||||
border-radius: 5%;
|
||||
padding: 0.6rem 0.6rem;
|
||||
min-width: 50%;
|
||||
min-width: 65%;
|
||||
}
|
||||
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text .field_field_titre {
|
||||
font-size: 0.6rem;
|
||||
font-size: 0.5rem;
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
@media (max-width: 10900px) {
|
||||
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text .field_field_titre {
|
||||
font-size: 1rem;
|
||||
}
|
||||
@ -1112,7 +1131,7 @@ footer {
|
||||
font-size: 0.5rem !important;
|
||||
margin: 0;
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
@media (max-width: 1090px) {
|
||||
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text .field_field_description p {
|
||||
font-size: 1rem !important;
|
||||
}
|
||||
@ -1126,23 +1145,13 @@ footer {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
#actus-caroussel .__timeline-arrows {
|
||||
width: fit-content;
|
||||
margin: auto;
|
||||
}
|
||||
#actus-caroussel .__timeline-arrows button {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
}
|
||||
#actus-caroussel .__timeline-arrows button:hover {
|
||||
opacity: 0.5;
|
||||
}
|
||||
#actus-caroussel .__timeline-arrows button svg {
|
||||
padding: 0.5rem;
|
||||
}
|
||||
#actus-caroussel h2 {
|
||||
width: fit-content;
|
||||
padding-bottom: 2rem;
|
||||
padding-bottom: 1rem;
|
||||
margin-top: 3rem;
|
||||
margin-bottom: 3rem;
|
||||
font-size: 1.7rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
#actus-caroussel .content-actus .view {
|
||||
display: flex;
|
||||
@ -1164,7 +1173,6 @@ footer {
|
||||
-khtml-border-radius: 9px; /* pour Safari et Chrome */
|
||||
-webkit-border-radius: 9px; /* pour Safari sur Mac */
|
||||
border-radius: 9px; /* CSS3 */
|
||||
background-color: red;
|
||||
height: 250px;
|
||||
margin-bottom: 0.6rem;
|
||||
}
|
||||
@ -1178,6 +1186,10 @@ footer {
|
||||
height: fit-content;
|
||||
max-height: 250px;
|
||||
object-fit: cover;
|
||||
-moz-border-radius: 9px; /* pour Mozilla */
|
||||
-khtml-border-radius: 9px; /* pour Safari et Chrome */
|
||||
-webkit-border-radius: 9px; /* pour Safari sur Mac */
|
||||
border-radius: 9px; /* CSS3 */
|
||||
}
|
||||
@media (max-width: 550px) {
|
||||
#actus-caroussel .content-actus .views-row .node-type-actualite .field_field_images img {
|
||||
@ -1189,9 +1201,21 @@ footer {
|
||||
color: red;
|
||||
font-size: 0.6rem;
|
||||
font-weight: 600;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
}
|
||||
#actus-caroussel .content-actus .views-row .node-type-actualite .field_field_type_d_actualite::before {
|
||||
content: url("../img/type-actu.svg");
|
||||
padding-right: 0.4rem;
|
||||
}
|
||||
#actus-caroussel .content-actus .views-row .node-type-actualite .field_field_date {
|
||||
color: red;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
}
|
||||
#actus-caroussel .content-actus .views-row .node-type-actualite .field_field_date::before {
|
||||
content: url("../img/date-actu.svg");
|
||||
padding-right: 0.4rem;
|
||||
}
|
||||
#actus-caroussel .content-actus .views-row .node-type-actualite .field_title h2 {
|
||||
margin: 0;
|
||||
@ -1228,7 +1252,7 @@ footer {
|
||||
flex: 1 100%;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
@media (max-width: 500px) {
|
||||
@media (max-width: 1090px) {
|
||||
#home article.node-type-static .field_body > p:nth-child(1) {
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
@ -1238,16 +1262,17 @@ footer {
|
||||
flex: 1;
|
||||
padding: 1rem;
|
||||
}
|
||||
@media (max-width: 500px) {
|
||||
@media (max-width: 1090px) {
|
||||
#home article.node-type-static .field_body > p:nth-child(2),
|
||||
#home article.node-type-static .field_body p:nth-child(3) {
|
||||
padding-left: 0;
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
#home article.node-type-static .field_body > p:nth-child(2) {
|
||||
padding-left: 15rem;
|
||||
}
|
||||
@media (max-width: 500px) {
|
||||
@media (max-width: 1090px) {
|
||||
#home article.node-type-static .field_body > p:nth-child(2) {
|
||||
padding-left: 0;
|
||||
}
|
||||
@ -1269,7 +1294,7 @@ footer {
|
||||
width: 50%;
|
||||
margin: auto;
|
||||
}
|
||||
@media (max-width: 500px) {
|
||||
@media (max-width: 1090px) {
|
||||
#home article.node-type-static #paragraph-id--1 .field_field_texte {
|
||||
width: 80%;
|
||||
}
|
||||
@ -1298,11 +1323,12 @@ footer {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
@media (max-width: 500px) {
|
||||
@media (max-width: 1090px) {
|
||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p {
|
||||
padding-right: 1rem;
|
||||
flex: 1 30%;
|
||||
max-width: 50%;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
}
|
||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(1)::before {
|
||||
|
||||
33
web/themes/custom/quartiers_de_demain/dist/assets/img/date-actu.svg
vendored
Normal file
33
web/themes/custom/quartiers_de_demain/dist/assets/img/date-actu.svg
vendored
Normal file
@ -0,0 +1,33 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
width="31.925354"
|
||||
height="31.926758"
|
||||
viewBox="0 0 31.925354 31.926757"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<defs
|
||||
id="defs1">
|
||||
<clipPath
|
||||
clipPathUnits="userSpaceOnUse"
|
||||
id="clipPath413">
|
||||
<path
|
||||
d="M 0,0 H 1920 V 9000 H 0 Z"
|
||||
transform="translate(-660.80651,-626.49002)"
|
||||
id="path413" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
<g
|
||||
id="g1"
|
||||
transform="translate(-880.49597,-11148.717)">
|
||||
<path
|
||||
id="path412"
|
||||
d="m 0,0 c 0,6.372 5.166,11.538 11.538,11.538 6.371,0 11.537,-5.166 11.537,-11.538 0,-6.372 -5.166,-11.538 -11.537,-11.538 C 5.166,-11.538 0,-6.372 0,0 Z m 11.114,0.606 c 0.281,0.281 0.736,0.281 1.017,0 0.281,-0.28 0.281,-0.735 0,-1.016 -0.281,-0.28 -0.736,-0.28 -1.017,0 -0.28,0.281 -0.28,0.736 0,1.016 z m 0.424,-0.521 6.218,6.219 m -6.218,-6.219 4.945,-4.946"
|
||||
style="fill:none;stroke:#f7002b;stroke-width:0.869;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
|
||||
transform="matrix(1.3333333,0,0,-1.3333333,881.07533,11164.68)"
|
||||
clip-path="url(#clipPath413)" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
@ -4,8 +4,8 @@
|
||||
<svg
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
width="90.491943"
|
||||
height="90.492188"
|
||||
width="55"
|
||||
height="55"
|
||||
viewBox="0 0 90.491943 90.492186"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
|
||||
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.4 KiB |
@ -4,8 +4,8 @@
|
||||
<svg
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
width="90.490723"
|
||||
height="90.492188"
|
||||
width="55"
|
||||
height="55"
|
||||
viewBox="0 0 90.490723 90.492186"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
|
||||
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.4 KiB |
33
web/themes/custom/quartiers_de_demain/dist/assets/img/type-actu.svg
vendored
Normal file
33
web/themes/custom/quartiers_de_demain/dist/assets/img/type-actu.svg
vendored
Normal file
@ -0,0 +1,33 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
width="33.440002"
|
||||
height="38.374023"
|
||||
viewBox="0 0 33.440002 38.374023"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<defs
|
||||
id="defs1">
|
||||
<clipPath
|
||||
clipPathUnits="userSpaceOnUse"
|
||||
id="clipPath411">
|
||||
<path
|
||||
d="M 0,0 H 1920 V 9000 H 0 Z"
|
||||
transform="translate(-673.14941,-649.48952)"
|
||||
id="path411" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
<g
|
||||
id="g1"
|
||||
transform="translate(-880.49585,-11096.22)">
|
||||
<path
|
||||
id="path410"
|
||||
d="M 0,0 V 2.406 L 9.495,12.03 11.868,9.624 2.374,0 Z M 7.121,9.624 9.495,7.218 M 7.596,13.474 V 23.82 c 0,0.665 -0.532,1.203 -1.187,1.203 H 3.086 m -10.682,0 h -3.56 c -0.656,0 -1.187,-0.538 -1.187,-1.203 V 1.203 C -12.343,0.539 -11.812,0 -11.156,0 h 8.308 m 3.797,26.948 h -1.986 c -0.196,0.559 -0.717,0.963 -1.337,0.963 -0.619,0 -1.14,-0.404 -1.337,-0.963 h -1.986 c -1.048,0 -1.899,-0.862 -1.899,-1.925 V 24.061 H 2.848 v 0.962 c 0,1.063 -0.85,1.925 -1.899,1.925 z"
|
||||
style="fill:none;stroke:#f7002b;stroke-width:0.869;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
|
||||
transform="matrix(1.3333333,0,0,-1.3333333,897.53253,11134.014)"
|
||||
clip-path="url(#clipPath411)" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
Reference in New Issue
Block a user