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; }
  37 #error {
  38   display: block;
  39   background: hsl(48.2,100%,90%);
  40   visibility: visible;
  41   opacity: 1;
  42   transition: visibility 250ms, opacity 250ms;
  43 }
  44 #error.hidden {
  45   display: block;
  46   visibility: hidden;
  47   opacity: 0;
  48   transition: none;
  49 }