mathis
9c6ac798f1
-> REFONTE TOTALE DE TOUS LES AFFICHEURS CLASSIQUES + QUAIS FONCTIONNALITÉS EN COURS DE DÉVELOPPEMENT : -> ADAPTABILITÉ EN FONCTION DES SITUATIONS
91 lines
1.6 KiB
CSS
91 lines
1.6 KiB
CSS
.aff-dep-afl__container {
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: #d61e38;
|
|
color: #ffffff;
|
|
display: flex;
|
|
flex-direction: column;
|
|
user-select: none;
|
|
font-family: 'Achemine', 'Arial', sans-serif;
|
|
overflow: hidden;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* FRISSE SUPÉRIEURE RAYÉE */
|
|
.aff-dep-afl__hazard-stripes {
|
|
width: 100%;
|
|
height: 48px;
|
|
background: repeating-linear-gradient(
|
|
-45deg,
|
|
#ffffff,
|
|
#ffffff 28px,
|
|
#d61e38 28px,
|
|
#d61e38 56px
|
|
);
|
|
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
/* CONTENU PRINCIPAL */
|
|
.aff-dep-afl__content {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 40px 100px;
|
|
gap: 120px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.aff-dep-afl__icon-col {
|
|
flex: 0 0 460px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.aff-dep-afl__no-entry-svg {
|
|
width: 100%;
|
|
max-width: 440px;
|
|
height: auto;
|
|
filter: drop-shadow(0 10px 24px rgba(0, 0, 0, 0.35));
|
|
}
|
|
|
|
.aff-dep-afl__text-col {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
gap: 48px;
|
|
}
|
|
|
|
.aff-dep-afl__heading-group {
|
|
display: flex;
|
|
flex-direction: column;
|
|
line-height: 1.02;
|
|
}
|
|
|
|
.aff-dep-afl__title-main,
|
|
.aff-dep-afl__title-sub {
|
|
font-size: 102px;
|
|
font-weight: 900;
|
|
letter-spacing: 2px;
|
|
color: #ffffff;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.aff-dep-afl__instructions {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
}
|
|
|
|
.aff-dep-afl__instruction-line {
|
|
font-size: 48px;
|
|
font-weight: 600;
|
|
line-height: 1.35;
|
|
color: #ffffff;
|
|
margin: 0;
|
|
}
|