extension/skin/options.css

   1 #detail-rows {
   2   padding: 0 2em;
   3   margin: auto;
   4   min-width: 550px;
   5 }
   6 .setting {
   7   box-sizing: border-box;
   8   width: 100%;
   9   border-top: 1px solid #c1c1c1;
  10   min-height: 35px;
  11   line-height: 20px;
  12 }
  13 .setting>:first-child {
  14   /* usually the <label>, except when it has a .control */
  15   display: flex;
  16 }
  17 .setting.first-row {
  18   border-top: none;
  19   margin-top: 2em;
  20 }
  21 .setting .title {
  22   flex: 1;
  23   min-width: 15em;
  24   max-width: 25em;
  25   padding: 4px;
  26 }
  27 .setting .desc {
  28   color: graytext;
  29   display: block;
  30   margin: 4px 0;
  31   margin-inline-start: 2em;
  32 }
  33 .setting .desc:empty {
  34   display: none;
  35 }
  36 .setting input[type="checkbox"] {
  37   width: 24px;
  38   height: 24px;
  39   margin: 2px 0;
  40 }
  41 .setting input[type="text"],
  42 .setting input[type="number"] {
  43   flex: 1;
  44   min-width: 200px;
  45   margin: 2px 0;
  46   padding: 0.5em !important;
  47   background: #fff;
  48   border: 1px solid #ccc;
  49   border-radius: 4px;
  50   color: #333;
  51 }
  52
  53 #header .control {
  54   flex: 1;
  55   text-align: right;
  56   height: 1px; /* let it overlap the empty part of the description */
  57 }
  58 #header .control a {
  59   padding-top: 4px; /* match .title */
  60   float: left;
  61 }