vgaNAR6ta/LOLv333
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

edit: html nouvelle section event sans js

Browse Source
This commit is contained in:
vgaNAR6ta
2026-08-02 14:08:20 +02:00
parent a9dabeb5eb
commit e95c848296
2 changed files with 27 additions and 492 deletions
Download Patch File Download Diff File Expand all files Collapse all files
style/main.css
+17 -162
View File
@@ -354,171 +354,26 @@ main{
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;
a{
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
}
.iconBtnStyle{
position: absolute;
z-index: 34;
width: 33px;
height: 33px;
right: 1%;
top: 33px;
}
.icon{
transform: rotate(45deg);
pointer-events: none;
}
h3{
position: sticky;
margin-bottom: 7.77px;
}
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);
.solidBox{
width: 100%;
height: 77px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding-left: 16.1px;
padding-right: 33px;
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);
}
}
}
.iconBtnStyle{
width: 33px;
height: 33px;
}
}
}
}
}