dergeorg/SmartShopper
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix2

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

176
express-server/public/stylesheets/colorpicker-style.css
View File

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

11
express-server/public/stylesheets/style.css
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;
}