make the clipboard content box look like a mozilla one
authorDamyan Ivanov <dmn@debian.org>
Mon, 19 Jun 2017 12:28:48 +0000 (12:28 +0000)
committerDamyan Ivanov <dmn@debian.org>
Mon, 19 Jun 2017 12:28:48 +0000 (12:28 +0000)
icedeb.css

index c12c541..a5ead51 100644 (file)
@@ -1,5 +1,17 @@
 body { padding: 1ex; }
-#clipboard { margin: 2px; }
+#clipboard {
+  margin: 2px;
+  min-height: 1.5em;
+  max-height: 2.5em;
+  border: 1px solid hsl(0,0%,69.4%);
+  box-shadow: 0 0 0 0 hsla(208.1, 100%, 69%, 0);
+  transition: 250ms box-shadow;
+}
+#clipboard:focus {
+    border-color: hsl(204.6, 94.5%, 50.4%);
+    box-shadow: 0 0 0 2px hsla(208.1, 100%, 69%, 0.8);
+    outline: none;
+}
 
 #button-list-container {
   background: linear-gradient(to bottom, hsl(222,4%,89%) 0%, hsl(0,0%,100%) 100%);