styles/starter.css

   1
   2 main {
   3   width: 100%;
   4   display: flex;
   5   flex-flow: row wrap;
   6 }
   7
   8 footer {
   9   position: absolute;
  10   top: 110%;
  11 }
  12 .side{
  13   width: 50%
  14 }
  15 .panel{
  16   display: flex;
  17   flex-flow: row nowrap;
  18   padding: 1em;
  19   border: 1px #AA55AA dashed;
  20 }
  21 .text{
  22   width: 100%
  23 }
  24 .buttons {
  25
  26   width: 20%;
  27   display: flex;
  28   flex-direction: column;
  29   margin: 0;
  30   padding: 0;
  31   justify-content: space-between;
  32 }
  33
  34 button {
  35   flex-grow: 1;
  36   border: 0;
  37   border-bottom: 2px black solid;
  38   overflow: hidden;
  39   background-color: white;
  40   transition: background-color 0.3s ease-in, color 0.3s ease-in;
  41 }
  42  button:disabled {
  43   color:rgba(255,0,0, 0.3);
  44   background-color: grey;
  45 }
  46
  47 button:hover {
  48   background-color: darkgrey;
  49   color: white
  50 }
  51
  52 textarea {
  53   font-size: 1.5em;
  54   overflow: auto;
  55   height: 15em;
  56   background-color: rgba(255, 255, 255, 0.8);
  57   padding: 0;
  58   margin: 0;
  59   border: 0;
  60   border-right: 2px black solid;
  61 }
  62 #vsorccommand {
  63   width: 100%;
  64   height: 2em;
  65   resize: none;
  66
  67 }
  68 #raspberrys{
  69   height: 19em;
  70 }
  71 #controllerout{
  72   height: 23em;
  73 }