deck.css

   1 /* This Source Code Form is subject to the terms of the Mozilla Public
   2  * License, v. 2.0. If a copy of the MPL was not distributed with this
   3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5 html {
   6   font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
   7   font-weight: normal;
   8   margin: 0;
   9   height: 100%;
  10   color: #FF9F00;
  11   background-color: #000000;
  12 }
  13
  14 body {
  15   margin: 0;
  16   padding: 20px;
  17 }
  18
  19 .text-input {
  20   display: flex;
  21 }
  22
  23 .text-input input {
  24   flex: 0.5;
  25   margin-left: 5px;
  26 }
  27
  28 h1 {
  29   font-size: 2em;
  30   font-weight: lighter;
  31   line-height: 1.2;
  32   margin: 0;
  33   margin-bottom: .5em;
  34 }
  35
  36 #controls {
  37   float: right;
  38   position: relative;
  39   top: -10px;
  40   right: -10px;
  41 }
  42
  43 #controls > a {
  44   color: #336699;
  45   font-size: small;
  46   cursor: pointer;
  47   border-bottom: 1px dotted;
  48   margin-left: 10px;
  49 }
  50
  51 table {
  52   font-family: monospace;
  53   border-collapse: collapse;
  54 }
  55
  56 th, td {
  57   padding: 5px;
  58   border: 1px solid #9C9CFF;
  59 }
  60
  61 th {
  62   min-width: 100px;
  63 }
  64
  65 th:first-of-type, td:first-of-type {
  66   text-align: left;
  67 }
  68
  69 li {
  70   list-style: none;
  71   padding: 2px;
  72 }
  73
  74 li > label:hover {
  75   background-color: rgba(255,204,0,0.02);
  76 }
  77
  78 li > label > span {
  79   display: inline-block;
  80 }
  81
  82 input, select {
  83   box-sizing: border-box;
  84 }
  85
  86 select {
  87   padding-top: 2px;
  88   padding-bottom: 2px;
  89 }