epickiwi/2026.camp.carte
1
1
Fork 0
Code Issues 1 Pull requests Projects Releases 1 Packages Wiki Activity Actions

Ajouté quelques widgets

Browse source
This commit is contained in:
EpicKiwi 2026-06-14 14:11:39 +02:00
parent e61c495cc4
commit 9c5c4181b2
Signed by: epickiwi
GPG key ID: C4B28FD2729941CE
8 changed files with 189 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

79
css/style.css
View file

@ -361,6 +361,17 @@ camp-feature .feature-header {
margin-bottom: 1.5em;
}
camp-feature .feature-widgets {
display: grid;
grid-template-columns: max-content minmax(50%, 1fr);
grid-auto-rows: max-content;
grid-auto-flow: column;
}
camp-feature .feature-widgets > * {
grid-column: 1 / 3;
}
camp-feature .widget > :first-child {
margin-top: 0;
}
@ -379,4 +390,72 @@ camp-feature .widget p {
margin-top: 1ex;
margin-bottom: 1ex;
line-height: 1.5;
}
.table-widget {
display: grid;
grid-template-columns: max-content minmax(50%, 1fr);
column-gap: 1ex;
row-gap: 1ex;
}
camp-feature .table-widget {
grid-template-columns: subgrid;
grid-column: 1 / 3;
}
.table-widget > * {
margin: 0 !important;
}
.table-widget > * {
grid-column: 2;
}
.table-widget > h2 {
grid-column: 1;
}
camp-feature .table-widget > h2 {
text-transform: none;
}
.box-widget {
--box-color: white;
border: solid 3px var(--box-color);
padding: 10px;
box-sizing: border-box;
}
.box-widget h2 {
float: left;
background-color: var(--box-color);
color: white;
padding: 5px 10px;
display: block;
width: fit-content;
position: relative;
font-size: 1em;
}
.box-widget p:first-of-type {
margin-top: 0;
}
.box-widget h2::after {
content: "";
width: 0; height: 0;
border-style: solid;
border-width: calc(1em + 17.667px) calc(1em + 10px) 0px 0px;
border-color: var(--box-color) transparent transparent transparent;
position: absolute;
right: calc((1em + 9px) * -1);
top: 0;
}
camp-feature .box-widget h2:first-child,
.box-widget h2 {
margin-left: -10px;
margin-top: -10px;
margin-right: 2em;
}

38
css/widgets.css
View file

@ -1,42 +1,12 @@
:root {
--verboten-color:#c51a00;
--mixite-choisie-color: #640aa4;
}
.zone-interdite-widget {
border: solid 3px var(--verboten-color);
padding: 10px;
box-sizing: border-box;
--box-color: var(--verboten-color);
}
.zone-interdite-widget h2 {
float: left;
background-color: var(--verboten-color);
color: white;
padding: 5px 10px;
display: block;
width: fit-content;
position: relative;
font-size: 1em;
}
.zone-interdite-widget p:first-of-type {
margin-top: 0;
}
.zone-interdite-widget h2::after {
content: "";
width: 0; height: 0;
border-style: solid;
border-width: calc(1em + 17.667px) calc(1em + 10px) 0px 0px;
border-color: var(--verboten-color) transparent transparent transparent;
position: absolute;
right: calc((1em + 9px) * -1);
top: 0;
}
camp-feature .zone-interdite-widget h2:first-child,
.zone-interdite-widget h2 {
margin-left: -10px;
margin-top: -10px;
margin-right: 2em;
.mixite-choisie-widget {
--box-color: var(--mixite-choisie-color);
}