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 }
  35 .icedeb-button:hover {
  36     text-decoration: underline;
  37 }
  38 a, a:visited { color: blue; }
  39 .hints { margin-left: auto; margin-right: 0; }
  40 .hints .hint { display: inline-block; width: 1.8ex; text-align: center; margin: 0 0.2ex; cursor: default; }
  41 .hints .hint.b { background-color: hsl(312,100%,96%) }
  42 .hints .hint.p { background-color: hsl(120,100%,96%) }
  43 .hints .hint.m { background-color: hsl(240,100%,96%) }
  44 .hints .hint.i { background-color: hsl( 40,100%,96%) }