EarlyBlue/global/aboutSupport.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   --aboutSupport-table-background: #CCD0DD;
   7   background-color: var(--in-content-page-background);
   8 }
   9
  10 body {
  11   margin: 40px 48px;
  12 }
  13
  14 .page-subtitle {
  15   margin-bottom: 3em;
  16 }
  17
  18 .major-section {
  19   margin-top: 2em;
  20   margin-bottom: 1em;
  21   font-size: large;
  22   text-align: start;
  23   font-weight: bold;
  24 }
  25
  26 button {
  27   margin-inline-start: 0;
  28   margin-inline-end: 8px;
  29 }
  30
  31 table {
  32   background-color: var(--aboutSupport-table-background);
  33   color: var(--in-content-text-color);
  34   text-align: start;
  35   width: 100%;
  36   border: 1px solid var(--in-content-border-color);
  37   border-spacing: 0px;
  38 }
  39
  40 th, td {
  41   padding: 4px;
  42 }
  43
  44 th:not(:first-child),
  45 td:not(:first-child) {
  46   border-left: 1px dotted var(--in-content-border-color);
  47 }
  48
  49 thead th {
  50   text-align: center;
  51 }
  52
  53 th {
  54   text-align: start;
  55   background-color: var(--in-content-table-header-background);
  56   color: var(--in-content-selected-text);
  57 }
  58
  59 th.title-column {
  60   white-space: nowrap;
  61   width: 0px;
  62   font-size: medium;
  63 }
  64
  65 th.column {
  66   white-space: nowrap;
  67   width: 0px;
  68 }
  69
  70 td {
  71   text-align: start;
  72 }
  73
  74 tr:not(:first-child) > td,
  75 tr:not(:first-child) > th {
  76   text-align: start;
  77   border-top: 1px dotted var(--in-content-table-border-dark-color);
  78 }
  79
  80 td.integer {
  81   text-align: end;
  82   font-family: monospace;
  83 }
  84
  85 .prefs-table {
  86   width: 100%;
  87   table-layout: fixed;
  88 }
  89
  90 .pref-name {
  91   width: 70%;
  92   white-space: nowrap;
  93   overflow: hidden;
  94 }
  95
  96 .pref-value {
  97   width: 30%;
  98   white-space: nowrap;
  99   overflow: hidden;
 100 }
 101
 102 #action-box {
 103   background-color: var(--aboutSupport-table-background);
 104   border: 1px solid var(--in-content-border-color);
 105   color: var(--in-content-text-color);
 106   float: right;
 107   margin-top: 2em;
 108   margin-bottom: 20px;
 109   margin-inline-start: 20px;
 110   margin-inline-end: 0;
 111   padding: 16px;
 112   width: 30%;
 113 }
 114
 115 #action-box,
 116 #reset-box,
 117 #safe-mode-box {
 118   display: none;
 119 }
 120
 121 #action-box:dir(rtl) {
 122   float: left;
 123 }
 124
 125 #reset-box > h3 {
 126   margin-top: 0;
 127 }
 128
 129 #action-box > button {
 130   display: block;
 131 }
 132
 133 #verify-place-result {
 134   max-height: 200px;
 135   overflow: auto;
 136 }
 137
 138 .block {
 139   display: block;
 140 }
 141
 142 .hidden {
 143   display: none;
 144 }