This commit is contained in:
Georg Reisinger 2019-01-29 17:35:50 +01:00
parent 3b133f6a41
commit 054cf9d6b2
2 changed files with 105 additions and 82 deletions

View File

@ -13,83 +13,95 @@ body {
input[type="radio"] { input[type="radio"] {
display: none; display: none;
border: 1px solid black; border: 1px solid black;
} }
input[type="radio"]:checked + label span { input[type="radio"]:checked + label span {
transform: scale(1.25); transform: scale(1.25);
} }
input[type="radio"]:checked + label .farbe1 { input[type="radio"]:checked + label .farbe1 {
border: 1px solid black; border: 1px solid black;
} }
input[type="radio"]:checked + label .farbe2 { input[type="radio"]:checked + label .farbe2 {
border: 1px solid black; border: 1px solid black;
} }
input[type="radio"]:checked + label .farbe3 { input[type="radio"]:checked + label .farbe3 {
border: 1px solid black; border: 1px solid black;
} }
input[type="radio"]:checked + label .farbe4 { input[type="radio"]:checked + label .farbe4 {
border: 1px solid black; border: 1px solid black;
} }
input[type="radio"]:checked + label .farbe5 { input[type="radio"]:checked + label .farbe5 {
border: 1px solid black; border: 1px solid black;
} }
input[type="radio"]:checked + label .farbe6 { input[type="radio"]:checked + label .farbe6 {
border: 1px solid black; border: 1px solid black;
} }
input[type="radio"]:checked + label .farbe7 { input[type="radio"]:checked + label .farbe7 {
border: 1px solid black; border: 1px solid black;
} }
input[type="radio"]:checked + label .violet { input[type="radio"]:checked + label .farbe8 {
border: 1px solid black; border: 1px solid black;
} }
input[type="radio"]:checked + label .purple { input[type="radio"]:checked + label .farbe9 {
border: 1px solid black; border: 1px solid black;
} }
input[type="radio"]:checked + label .pink { input[type="radio"]:checked + label .farbe10 {
border: 1px solid black; border: 1px solid black;
} }
label { input[type="radio"]:checked + label .farbe11 {
border: 1px solid black;
}
input[type="radio"]:checked + label .farbe12 {
border: 1px solid black;
}
label {
display: inline-block; display: inline-block;
width: 25px; width: 25px;
height: 25px; height: 25px;
margin-right: 10px; margin-right: 10px;
cursor: pointer; cursor: pointer;
} }
label:hover span { label:hover span {
transform: scale(1.25); transform: scale(1.25);
} }
label span { label span {
display: block; display: block;
width: 100%; width: 100%;
height: 100%; height: 100%;
transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out;
} }
label span.farbe1 { label span.farbe1 {
background: #F44336; background: #F44336;
} }
label span.farbe2 { label span.farbe2 {
background: #e91e63; background: #e91e63;
} }
label span.farbe3 { label span.farbe3 {
background: #9c27b0; background: #9c27b0;
} }
label span.farbe4 { label span.farbe4 {
background: #673ab7; background: #673ab7;
} }
label span.farbe5 { label span.farbe5 {
background: #3F51B5; background: #3F51B5;
} }
label span.farbe6 { label span.farbe6 {
background: #2196F3; background: #2196F3;
} }
label span.blue { label span.farbe7 {
background: #03A9F4; background: #03a9f4;
} }
label span.violet { label span.farbe8 {
background: #00BCD4; background: #00bcd4;
} }
label span.purple { label span.farbe9 {
background: #009688; background: #009688;
} }
label span.pink { label span.farbe10 {
background: #4CAF50; background: #4caf50;
} }
label span.farbe11 {
background: #8bc34a;
}
label span.farbe12 {
background: #cddc39;
}

View File

@ -61,3 +61,14 @@
.farbeeen{ .farbeeen{
margin-left: 19px; margin-left: 19px;
} }
.spez-farbe{
background-color: #b3b3b3;
}
.trashgroup{
background: transparent;
position: absolute;
right:23px;
margin-top:-40px;
}