bc144766ca1284ed4b94b6e8f2dd5d1a2c327735
[icedeb.git] / icedeb.css
1 body { padding: 1ex; }
2 #clip-pot { position: absolute; left: -1000px; }
3 #clipboard {
4   margin: 2px;
5   min-height: 1.5em;
6   max-height: 2.5em;
7   border: 1px solid hsl(0,0%,69.4%);
8   box-shadow: 0 0 0 0 hsla(208.1, 100%, 69%, 0);
9   transition: 250ms box-shadow;
10 }
11 #clipboard:focus {
12     border-color: hsl(204.6, 94.5%, 50.4%);
13     box-shadow: 0 0 0 2px hsla(208.1, 100%, 69%, 0.8);
14     outline: none;
15 }
16
17 #button-list-container {
18   background: hsl(222,4%,92%);
19   display: flex;
20   flex-direction: column;
21   padding: 0.1ex;
22 }
23 #button-list-container > * {
24   margin: 0.5ex;
25   padding 0.1ex;
26   display: flex;
27 }
28
29 .icedeb-button {
30   border-radius: 5px;
31   cursor: pointer;
32   color: blue;
33   margin-right: 1em;
34   opacity: 0.3;
35 }
36 .likely .icedeb-button { opacity: 1; }
37 .icedeb-button:hover {
38     text-decoration: underline;
39 }
40 a, a:visited { color: blue; }
41 .hints { margin-left: auto; margin-right: 1ex; }
42 .hints .hint {
43     display: inline-block;
44     width: 1.8ex;
45     text-align: center;
46     margin: 0 0.2ex;
47     cursor: default;
48     opacity: 0.5;
49 }
50 .hints .hint.b { background-color: hsl(312,100%,96%) }
51 .hints .hint.p { background-color: hsl(120,100%,96%) }
52 .hints .hint.m { background-color: hsl(240,100%,90%) }
53 .hints .hint.i { background-color: hsl( 40,100%,96%) }
54 .like-b .hint.b,
55 .like-p .hint.p,
56 .like-m .hint.m,
57 .like-i .hint.i { opacity: 1; }