kimendisch/sbgg.jetzt
kimendisch/sbgg.jetzt
1
3
Fork 1
Code Issues 1 Pull Requests Projects Activity

v1.3.0 #124

Merged
DrMaxNix merged 43 commits from dev into main 2024-07-29 19:21:56 +02:00
Conversation 0 Commits 43 Files Changed 45 +47 -12
1 changed files with 47 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit c4132d90e4 - Show all commits

59
page/style.css
View File

@ -359,6 +359,10 @@ a.box:hover {
align-items: center;
gap: 1rem;
}
.timeline.no-line > .item,
.timeline.no-line > .wrapper > .item {
gap: 0;
}
.timeline > .item > .connector,
.timeline > .wrapper > .item > .connector {
@ -370,6 +374,11 @@ a.box:hover {
flex-direction: column;
justify-content: center;
}
.timeline.no-line > .item > .connector,
.timeline.no-line > .wrapper > .item > .connector {
justify-content: flex-start;
padding-top: 1rem;
}
.timeline:not(.no-line) > .item:not(:first-child) > .connector::before,
.timeline:not(.no-line) > .wrapper:not(:first-child) > .item > .connector::before,
.timeline:not(.no-line) > .item:not(:last-child) > .connector::after,
@ -415,6 +424,10 @@ a.box:hover {
background-color: var(--color-bg-light);
z-index: 2;
}
.timeline.no-line > .item > .connector > .waypoint,
.timeline.no-line > .wrapper > .item > .connector > .waypoint {
border-radius: 50% 0 0 50%;
}
.timeline > .item.done > .connector > .waypoint,
.timeline > .wrapper > .item.done > .connector > .waypoint {
color: var(--color-bg);
@ -435,6 +448,10 @@ a.box:hover {
text-align: left;
}
.timeline.no-line > .item > .box,
.timeline.no-line > .wrapper > .item > .box {
border-radius: 0 2rem 2rem 2rem;
}
@media only screen and (max-width: 1000px) {
.timeline > .item,
@ -443,8 +460,10 @@ a.box:hover {
flex-direction: column;
gap: 0;
}
.timeline > .item > .connector,
.timeline > .wrapper > .item > .connector {
.timeline:not(.no-line) > .item > .connector,
.timeline:not(.no-line) > .wrapper > .item > .connector,
.timeline.no-line > .item > .connector,
.timeline.no-line > .wrapper > .item > .connector {
align-self: center;
}
@ -460,12 +479,16 @@ a.box:hover {
background-color: var(--color-bg-light);
z-index: 0;
}
.timeline > .item.done::after,
.timeline > .wrapper > .item.done::after {
.timeline:not(.no-line) > .item.done::after,
.timeline:not(.no-line) > .wrapper > .item.done::after,
.timeline.no-line > .item.done::after,
.timeline.no-line > .wrapper > .item.done::after {
background-color: var(--theme);
}
.timeline > .item.done-stop::after,
.timeline > .wrapper > .item.done-stop::after {
.timeline:not(.no-line) > .item.done-stop::after,
.timeline:not(.no-line) > .wrapper > .item.done-stop::after,
.timeline.no-line > .item.done-stop::after,
.timeline.no-line > .wrapper > .item.done-stop::after {
background-color: var(--theme);
}
@ -473,20 +496,32 @@ a.box:hover {
.timeline > .wrapper:not(:last-child) > .item > .box {
margin: 0 0 4rem 0;
}
.timeline > .item:last-child > .box,
.timeline > .wrapper:last-child > .item > .box {
.timeline.no-line > .item:not(:last-child) > .box,
.timeline.no-line > .wrapper:not(:last-child) > .item > .box {
margin: 0 0 1rem 0;
}
.timeline:not(.no-line) > .item:last-child > .box,
.timeline:not(.no-line) > .wrapper:last-child > .item > .box,
.timeline.no-line > .item:last-child > .box,
.timeline.no-line > .wrapper:last-child > .item > .box {
margin: 0;
}
.timeline > .item > .connector > .waypoint,
.timeline > .wrapper > .item > .connector > .waypoint {
.timeline:not(.no-line) > .item > .connector > .waypoint,
.timeline:not(.no-line) > .wrapper > .item > .connector > .waypoint,
.timeline.no-line > .item > .connector > .waypoint,
.timeline.no-line > .wrapper > .item > .connector > .waypoint {
border-radius: 50% 50% 0 0;
}
.timeline > .item > .box,
.timeline > .wrapper > .item > .box {
.timeline:not(.no-line) > .item > .box,
.timeline:not(.no-line) > .wrapper > .item > .box,
.timeline.no-line > .item > .box,
.timeline.no-line > .wrapper > .item > .box {
align-items: center;
text-align: center;
border-radius: 2rem;
}
.timeline:not(.no-line) > .item > .box,
.timeline:not(.no-line) > .wrapper > .item > .box {