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