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

section évènement v2 article avec lien vers affiche qui devient details avec import de l'affiche avec js

Browse Source
This commit is contained in:
vgaNAR6ta
2026-08-03 02:39:52 +02:00
parent e6c2fbf4d3
commit 906c3a3ae2
7 changed files with 123 additions and 119 deletions
Download Patch File Download Diff File Expand all files Collapse all files
style/main.css
+41 -105
View File
@@ -353,6 +353,7 @@ main{
align-items: flex-start;
gap: 0;
padding-bottom: 16.1px;
padding-right: 16.1px;
h3{
position: sticky;
@@ -361,124 +362,59 @@ main{
.solidBox{
width: 100%;
height: 77px;
height: auto;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding-left: 16.1px;
padding-right: 33px;
padding: 16.1px;
}
summary {
padding-left: 33px;
padding-top: 7.77px;
height:50px;
position: relative;
z-index: 0;
list-style-type: none;
.solidBox:has(details[open]){
color: var(--back-color);
background-color: var(--main-color);
border-color: var(--back-color);
border-radius: 16.1px;
padding-bottom: 20px;
margin-bottom: 7.77px;
margin-top: 7.77px;
details{
cursor: default;
}
}
.title{
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
.iconBtnStyle{
width: 33px;
height: 33px;
}
width: 77%;
box-sizing: border-box;
height: 16.1px;
padding-top: 3.33px;
padding-left: 33px;
margin-bottom: 13.12px;
details{
width: 100%;
cursor: copy;
summary{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
width: 100%;
margin-bottom: 13.12px;
box-sizing: border-box;
list-style-type: none;
padding-right: 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;
}
}
.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);
}
}
article{
width: 100%;
cursor: default;
}
}
}
}
}
}
#posterWindow{
visibility: collapse;
top: 5vh;