}
#button-list-container > * {
margin: 0.5ex;
- padding 0.1ex;
+ padding: 0.1ex;
display: flex;
}
cursor: pointer;
color: blue;
margin-right: 1em;
+ opacity: 0.3;
}
+.likely .icedeb-button { opacity: 1; }
.icedeb-button:hover {
text-decoration: underline;
}
a, a:visited { color: blue; }
-.hints { margin-left: auto; margin-right: 0; }
-.hints .hint { display: inline-block; width: 1.8ex; text-align: center; margin: 0 0.2ex; cursor: default; }
+.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%,96%) }
+.hints .hint.m { background-color: hsl(240,100%,90%) }
.hints .hint.i { background-color: hsl( 40,100%,96%) }
+.hints .hint.s { background-color: hsl( 80,100%,96%) }
+.like-b .hint.b,
+.like-p .hint.p,
+.like-m .hint.m,
+.like-s .hint.s,
+.like-i .hint.i { opacity: 1; }