make the clipboard content box look like a mozilla one
[icedeb.git] / icedeb.css
1 body { padding: 1ex; }
2 #clipboard {
3   margin: 2px;
4   min-height: 1.5em;
5   max-height: 2.5em;
6   border: 1px solid hsl(0,0%,69.4%);
7   box-shadow: 0 0 0 0 hsla(208.1, 100%, 69%, 0);
8   transition: 250ms box-shadow;
9 }
10 #clipboard:focus {
11     border-color: hsl(204.6, 94.5%, 50.4%);
12     box-shadow: 0 0 0 2px hsla(208.1, 100%, 69%, 0.8);
13     outline: none;
14 }
15
16 #button-list-container {
17   background: linear-gradient(to bottom, hsl(222,4%,89%) 0%, hsl(0,0%,100%) 100%);
18   display: flex;
19   flex-direction: column;
20   padding: 0.1ex;
21 }
22 #button-list-container > * {
23   margin: 0.5ex;
24   padding 0.1ex;
25 }
26
27 .icedeb-button {
28   border-radius: 5px;
29   cursor: pointer;
30   color: blue;
31 }
32 .icedeb-button:hover {
33     text-decoration: underline;
34 }
35 .hidden { display: none; }
36 a, a:visited { color: blue; }