X-Git-Url: https://git.ktnx.net/?p=icedeb.git;a=blobdiff_plain;f=icedeb.css;h=a5ead515e6e47947e1ddb905ddc17343518249db;hp=d1b2f8b3de16f53c0b46781f1f1ca2002bad6625;hb=f66505894940dddd7c03c24d19869b1205e8d7f7;hpb=770b99eb23ca37c131fd5497cb5d1ce22bfb1b8d

diff --git a/icedeb.css b/icedeb.css
index d1b2f8b..a5ead51 100644
--- a/icedeb.css
+++ b/icedeb.css
@@ -1,10 +1,36 @@
-div.icedeb-button {
-  background: lightgray;
+body { padding: 1ex; }
+#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%);
+  display: flex;
+  flex-direction: column;
+  padding: 0.1ex;
+}
+#button-list-container > * {
+  margin: 0.5ex;
+  padding 0.1ex;
+}
+
+.icedeb-button {
   border-radius: 5px;
+  cursor: pointer;
+  color: blue;
 }
-.hidden { display: none; }
-#clipboard {
-  position: absolute;
-  left: -50000px;
+.icedeb-button:hover {
+    text-decoration: underline;
 }
-#sorry { font-size: 80%; }
+.hidden { display: none; }
+a, a:visited { color: blue; }