Improved website, added styling, replaced bad JS color picker with HTML5 picker.

2021-02-25 21:36:06 +02:00
parent 8750b4d9f0
commit 9a8a239c49
6 changed files with 964 additions and 3272 deletions
--- a/pyleds/templates/custom.css
+++ b/pyleds/templates/custom.css
@@ -0,0 +1,30 @@
+.section-rgb {
+    height: 20rem;
+    text-align: center;
+}
+
+select {
+    width: 100%;
+    height: calc(100% - 1.5rem);
+}
+
+.colorpicker {
+    display: inline-block;
+    height: 38px;
+    padding: 0 30px;
+    width: 100%;
+    color: #555;
+    background-color: transparent;
+    border-radius: 4px;
+    border: 1px solid #bbb;
+    cursor: pointer;
+    box-sizing: border-box; }
+.colorpicker:hover,
+.colorpicker:focus {
+    color: #333;
+    border-color: #888;
+    outline: 0; }
+
+.spacer-row {
+    height: 2rem;
+}