X-Git-Url: https://git.ktnx.net/?p=icedeb.git;a=blobdiff_plain;f=icedeb.css;h=0aed167bd018d8db79551164d9abf1166fd3bca1;hp=c12c541b5054873936ff504e2853fb2ae20e0364;hb=2c46e86a425158da3d1de4e4743d12a309e31e88;hpb=8b4cc4bb03e6fdd909226a01d0ef3332c1256d5f

diff --git a/icedeb.css b/icedeb.css
index c12c541..0aed167 100644
--- a/icedeb.css
+++ b/icedeb.css
@@ -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%);
@@ -22,3 +34,16 @@ body { padding: 1ex; }
 }
 .hidden { display: none; }
 a, a:visited { color: blue; }
+#error {
+  display: block;
+  background: hsl(48.2,100%,90%);
+  visibility: visible;
+  opacity: 1;
+  transition: visibility 250ms, opacity 250ms;
+}
+#error.hidden {
+  display: block;
+  visibility: hidden;
+  opacity: 0;
+  transition: none;
+}