Add the pattern selector

1 files changed, 41 insertions, 7 deletions

diff --git a/css/application.css b/css/application.css
index 10333c3..66d0544 100644
--- a/css/application.css
+++ b/css/application.css
@@ -18,11 +18,50 @@ a {
   color: #4F8FE6;
 }
 
-.updater {
+.color-editor {
+  position: relative;
+  height: 230px;
+}
+
+.color {
   width: 200px;
   height: 200px;
   background: #fff;
-  border: 10px solid #0F261F;
+  margin-left: 20px;
+}
+
+.light {
+  width: 20px;
+  height: 20px;
+  background: #FA2B00;
+  position: absolute;
+  left: 220px;
+}
+
+.x-label, .y-label, .z-label {
+  margin: 0;
+  padding: 0;
+  color: #FA2B00;
+  width: 100px;
+  position: absolute;
+  top: 200px;
+}
+
+.y-label {
+  transform: rotate(-90deg);
+  left: -45px;
+  top: 135px;
+}
+
+.z-label {
+  left: 125px;
+}
+
+.timeline {
+  width: 200px;
+  height: 50px;
+  background: black;
+  margin: 0 0 0 20px;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -30,9 +69,4 @@ a {
     color: #fff;
     background: #0F261F;
   }
-
-  .updater {
-    background: #0F261F;
-    border: 10px solid #fff;
-  }
 }