edit: évènements en version dégradée ? à voir + pb import js

This commit is contained in:
2026-07-26 06:36:21 +02:00
parent b7b3497a0b
commit 4e82328ff9
5 changed files with 237 additions and 4 deletions
+162 -1
View File
@@ -307,6 +307,8 @@ main{
#extraContent{
width: 100%;
height:auto;
position: relative;
z-index: 0;
display: flex;
flex-direction: column;
justify-content: flex-start;
@@ -322,9 +324,168 @@ main{
#eventSection{
position: relative;
z-index: -1;
height: 50vh;
height: auto;
width: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 0;
padding-bottom: 16.1px;
#eventContent{
width: 100%;
max-height: 77vh;
margin-top: 7.77px;
overflow-y: scroll;
display: flex;
flex-direction: column-reverse;
align-items: flex-start;
justify-content: flex-start;
gap: 13.12px;
li{
width: 100%;
height: auto;
position: relative;
z-index: 33;
.iconBtnStyle{
visibility: hidden;
position: absolute;
z-index: 34;
width: 33px;
height: 33px;
right: 7.77px;
top: 33px;
}
}
details{
padding: 0;
position: relative;
z-index: 0;
pointer-events: all;
width: 95%;
height: 99px;
border-radius: 33px;
border-style: solid;
border-width: thin;
border-color: var(--main-color);
background-color: var(--back-color);
color: var(--main-color);
summary {
padding-left: 33px;
padding-top: 7.77px;
height:50px;
position: relative;
z-index: 0;
.title{
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 77%;
box-sizing: border-box;
height: 16.1px;
padding-top: 3.33px;
padding-left: 33px;
margin-bottom: 13.12px;
font-family: 'velvelyne';
font-weight: bold;
font-size: 16.1px;
p{
margin: 0;
}
h4{
margin: 0;
font-family: 'velvelyne';
font-weight: bold;
font-size: 16.1px;
}
}
.resume{
font-family: 'velvelyne';
font-weight: bold;
font-size: 13.12px;
text-transform: none;
padding-left: 33px;
width: 90%;
height: 33px;
border-radius: 16.1px;
border-style: solid;
border-width: thin;
border-color: var(--main-color);
box-sizing: border-box;
}
}
::marker{
color: var(--back-color);
}
.description{
margin-left: 44px;
margin-bottom: 33px;
height: auto;
width: 95%;
overflow-y: scroll;
background-color: var(--back-color);
border-radius: 16.1px;
border-style: solid;
border-width: thin;
border-color: var(--main-color);
margin-top: 44px;
padding: 13.12px;
padding-right: 33px;
box-sizing: border-box;
font-size: 13.12px;
font-family: 'velvelyne';
font-weight: bold;
text-transform: none;
}
}
details:hover{
}
details[open]{
height: auto;
border-color: var(--back-color);
color: var(--back-color);
background-color: var(--main-color);
summary .resume{
border-color: var(--back-color);
}
::marker{
color: var(--main-color);
}
.description{
color: var(--main-color);
}
}
}
}
}