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   display: flex;
  15 }
  16 .setting.first-row {
  17   border-top: none;
  18   margin-top: 2em;
  19 }
  20 .setting .title,
  21 .setting .desc,
  22 .setting .control {
  23   padding: 4px;
  24 }
  25 .setting .title {
  26   flex: 1;
  27   min-width: 15em;
  28   max-width: 25em;
  29 }
  30 .setting .desc {
  31   color: graytext;
  32   margin-inline-start: 2em;
  33 }
  34 .setting .desc:empty {
  35   display: none;
  36 }
  37 .setting input[type] {
  38   border-radius: 4px;
  39   margin: 2px 0;
  40 }
  41 .setting input[type="checkbox"] {
  42   width: 30px;
  43   height: 30px;
  44 }
  45 .setting input[type="text"],
  46 .setting input[type="number"] {
  47   flex: 1;
  48   min-width: 200px;
  49   padding: 0.5em;
  50   background: #fff;
  51   border: 1px solid #ccc;
  52   color: #333;
  53 }
  54
  55 #header .control {
  56   flex: 1;
  57   text-align: right;
  58   height: 1px; /* let it overlap the empty part of the description */
  59 }
  60 #header .control a {
  61   float: left;
  62 }