Add the pattern selector

[rbdr/fyr] / css / application.css

diff --git a/css/application.css b/css/application.css
index 10333c373998c0d5c673172dab4f587779e268f4..66d05443cd23656d2df6bdf0124f1a2410a81ad0 100644 (file)
--- a/css/application.css
+++ b/css/application.css
@@ -18,11 +18,50 @@ a {
   color: #4F8FE6;
 }
 
   color: #4F8FE6;
 }
 

-.updater {
+.color-editor {
+  position: relative;
+  height: 230px;
+}
+
+.color {

   width: 200px;
   height: 200px;
   background: #fff;
   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) {
 }
 
 @media (prefers-color-scheme: dark) {


@@ -30,9 +69,4 @@ a {
     color: #fff;
     background: #0F261F;
   }
     color: #fff;
     background: #0F261F;
   }

-
-  .updater {
-    background: #0F261F;
-    border: 10px solid #fff;
-  }

 }
 }