LOL/labolyon.fr
7
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

Suppression de la marge, ajout des bordures arrondies ainsi que la délicate petite fleche de la velvelyne

Browse Source
This commit is contained in:
epickiwi
2026-09-15 21:13:23 +02:00
parent a7dbf6c948
commit 262b08fcb5
2 changed files with 67 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+32
View File
@@ -205,6 +205,7 @@
<section id="eventSection" class="transparentBox">
<h3>Événements <small>à venir</small></h3>
<article class="solidBox">
<h4>Permanences du LOL</h4>
<p class="date">↻ Mardi & Samedi</p>
@@ -214,6 +215,37 @@
</svg>
</a>
</article>
<article class="solidBox">
<h4>Permanences du LOL</h4>
<p class="date">↻ Mardi & Samedi</p>
<a href="/affiches/mardis/" class="iconBtnStyle" aria-label="Plus d'infos sur cet évènement">
<svg viewBox="0 0 53.73 53.59" class="icon" aria-hidden="true">
<path d="M26.87,40.16l-13.43,13.43L0,40.16l13.43-13.43L.29,13.43,13.72,0l13.15,13.29L40.01.14l13.43,13.43-13,13.15,13.29,13.29-13.43,13.43-13.43-13.29Z"/>
</svg>
</a>
</article>
<article class="solidBox">
<h4>Permanences du LOL</h4>
<p class="date">↻ Mardi & Samedi</p>
<a href="/affiches/mardis/" class="iconBtnStyle" aria-label="Plus d'infos sur cet évènement">
<svg viewBox="0 0 53.73 53.59" class="icon" aria-hidden="true">
<path d="M26.87,40.16l-13.43,13.43L0,40.16l13.43-13.43L.29,13.43,13.72,0l13.15,13.29L40.01.14l13.43,13.43-13,13.15,13.29,13.29-13.43,13.43-13.43-13.29Z"/>
</svg>
</a>
</article>
<article class="solidBox">
<h4>Permanences du LOL</h4>
<p class="date">↻ Mardi & Samedi</p>
<a href="/affiches/mardis/" class="iconBtnStyle" aria-label="Plus d'infos sur cet évènement">
<svg viewBox="0 0 53.73 53.59" class="icon" aria-hidden="true">
<path d="M26.87,40.16l-13.43,13.43L0,40.16l13.43-13.43L.29,13.43,13.72,0l13.15,13.29L40.01.14l13.43,13.43-13,13.15,13.29,13.29-13.43,13.43-13.43-13.29Z"/>
</svg>
</a>
</article>
</section>
</aside>
<footer id="webRingSection" aria-label="les copaines du LOL">
style/main.css
+35 -1
View File
@@ -544,7 +544,6 @@ main{
margin-bottom: 7.77px;
}
article{
h4{
padding: 16.1px;
@@ -590,6 +589,9 @@ main{
margin-top: 7.77px;
overflow: hidden;
margin-bottom: 7.77px;
margin-left: 16.1px;
margin-right: 16.1px;
width: calc(100% - 32.2px);
details{
cursor: default;
@@ -597,6 +599,38 @@ main{
}
article:first-of-type,
article.solidBox:first-of-type:has(details[open]),
article:has(details[open]) + article {
margin-top: 0;
border-top-left-radius: 16.1px;
border-top-right-radius: 16.1px;
}
article:last-of-type,
article.solidBox:last-of-type:has(details[open]),
article:has( + article details[open]) {
margin-bottom: 0;
border-bottom-left-radius: 16.1px;
border-bottom-right-radius: 16.1px;
}
article details summary::before {
content: "→";
font-size: 2em;
flex: 0;
flex-shrink: 0;
transition: ease-out 0.3s transform;
}
article details[open] summary::before {
transform: rotate(90deg);
}
article details summary h4 {
flex: 1;
}
.iconBtnStyle{
width: 33px;
height: 33px;