X-Git-Url: https://git.ktnx.net/?p=icedeb.git;a=blobdiff_plain;f=icedeb.css;h=e1268cb2060c5a5c258ab81334a5e2a0042155cb;hp=03f22b7407e54d31bc0a0f2bae7520fbc3d54900;hb=2a03c3fa80daed36b56717ff278056a8dbb683c6;hpb=aee59ae1e856b0f51f4806fdadfdb6ecda01609e

diff --git a/icedeb.css b/icedeb.css
index 03f22b7..e1268cb 100644
--- a/icedeb.css
+++ b/icedeb.css
@@ -15,36 +15,43 @@ body { padding: 1ex; }
 }
 
 #button-list-container {
-  background: linear-gradient(to bottom, hsl(222,4%,89%) 0%, hsl(0,0%,100%) 100%);
+  background: hsl(222,4%,92%);
   display: flex;
   flex-direction: column;
   padding: 0.1ex;
 }
 #button-list-container > * {
   margin: 0.5ex;
-  padding 0.1ex;
+  padding: 0.1ex;
+  display: flex;
 }
 
 .icedeb-button {
   border-radius: 5px;
   cursor: pointer;
   color: blue;
+  margin-right: 1em;
+  opacity: 0.3;
 }
+.likely .icedeb-button { opacity: 1; }
 .icedeb-button:hover {
     text-decoration: underline;
 }
-.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;
-}
+.hints { margin-left: auto; margin-right: 1ex; }
+.hints .hint {
+    display: inline-block;
+    width: 1.8ex;
+    text-align: center;
+    margin: 0 0.2ex;
+    cursor: default;
+    opacity: 0.5;
+}
+.hints .hint.b { background-color: hsl(312,100%,96%) }
+.hints .hint.p { background-color: hsl(120,100%,96%) }
+.hints .hint.m { background-color: hsl(240,100%,90%) }
+.hints .hint.i { background-color: hsl( 40,100%,96%) }
+.like-b .hint.b,
+.like-p .hint.p,
+.like-m .hint.m,
+.like-i .hint.i { opacity: 1; }