Added support for level=family

This commit is contained in:
2023-02-26 23:21:02 +01:00
parent f79d54c752
commit 65a3082c02
5 changed files with 158 additions and 19 deletions

View File

@@ -11,7 +11,8 @@
* cyan #54bbd9 #469db5 #d8ebf0 #a7d5e1 #86cfe4 #54bbd9 #4cb8d7 #17343c #3a8ea5 Ski
* caramel #9c5b22 #78461a #f0e3d8 #e1c6b0 #ce792d #9c5b22 #935720 #3c230d #613915 Wanderung
* purple #866dac #566088 #e1d8f0 #c2b0e1 #a694c2 #866dac #8067a8 #2f263c #5a4876 Mountainbike
* brown ??? ??? ??? ??? #925f36 ??? ??? ??? ???
* plum #a068a0 #784e78 #ebd4eb #dcb1dc #be91be #906e90 #a780a7 #352935 #705670 family
* brown #??? #??? #??? #??? #925f36 #??? #??? #??? #???
*/
/*
@@ -274,7 +275,7 @@ thead input {
}
/*
* Elements for sport categories
* Elements for sport choices
*/
/*
* Bergsteigen: lime
@@ -343,8 +344,47 @@ thead input {
}
/*
* Universal Buttons
* Elements for level choices
*/
/*
* advanced: mandarin
*/
.label-level-advanced {
background-color: #e84e1b;
}
.btn-level-advanced {
background-color: #e84e1b;
border-color: #aa3711;
color: #fff;
}
.btn-level-advanced.focus, .btn-level-advanced:focus, .btn-level-advanced:hover {
background-color: #b43a12;
border-color: #3c1306;
color: #fff;
}
/*
* family: plum
*/
.label-level-family {
background-color: #be91be;
}
.btn-level-family {
background-color: #be91be;
border-color: #a780a7;
color: #fff;
}
.btn-level-family.focus, .btn-level-family:focus, .btn-level-family:hover {
background-color: #906e90;
border-color: #352935;
color: #fff;
}
/*
* Coloured Elements (Buttons, Labels) for universal use
*/
.label-orange {
background-color: #f07d00;
}
.btn-orange {
background-color: #f07d00;
border-color: #d77000;
@@ -355,6 +395,9 @@ thead input {
border-color: #572d00;
color: #fff;
}
.label-green {
background-color: #58ab27;
}
.btn-green {
background-color: #58ab27;
border-color: #4d9622;
@@ -365,6 +408,9 @@ thead input {
border-color: #182e0b;
color: #fff;
}
.label-blue {
background-color: #1d70b7;
}
.btn-blue {
background-color: #1d70b7;
border-color: #1a63a1;
@@ -375,6 +421,9 @@ thead input {
border-color: #081f33;
color: #fff;
}
.label-yellow {
background-color: #f9b000;
}
.btn-yellow {
background-color: #f9b000;
border-color: #e09e00;
@@ -385,6 +434,9 @@ thead input {
border-color: #604400;
color: #fff;
}
.label-red {
background-color: #be1621;
}
.btn-red {
background-color: #be1621;
border-color: #a7131d;
@@ -395,6 +447,9 @@ thead input {
border-color: #350609;
color: #fff;
}
.label-mandarin {
background-color: #e84e1b;
}
.btn-mandarin {
background-color: #e84e1b;
border-color: #aa3711;
@@ -405,6 +460,9 @@ thead input {
border-color: #3c1306;
color: #fff;
}
.label-lime {
background-color: #bccf07;
}
.btn-lime {
background-color: #bccf07;
border-color: #7c8801;
@@ -415,6 +473,9 @@ thead input {
border-color: #2e3200;
color: #fff;
}
.label-cyan {
background-color: #86cfe4;
}
.btn-cyan {
background-color: #86cfe4;
border-color: #4cb8d7;
@@ -425,6 +486,9 @@ thead input {
border-color: #17343c;
color: #fff;
}
.label-caramel {
background-color: #ce792d;
}
.btn-caramel {
background-color: #ce792d;
border-color: #935720;
@@ -435,6 +499,9 @@ thead input {
border-color: #3c230d;
color: #fff;
}
.label-purple {
background-color: #a694c2;
}
.btn-purple {
background-color: #a694c2;
border-color: #8067a8;
@@ -445,6 +512,19 @@ thead input {
border-color: #2f263c;
color: #fff;
}
.label-plum {
background-color: #be91be;
}
.btn-plum {
background-color: #be91be;
border-color: #a780a7;
color: #fff;
}
.btn-plum.focus, .btn-plum:focus, .btn-plum:hover {
background-color: #906e90;
border-color: #352935;
color: #fff;
}
.btn-white {
background-color: #fff;