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