LCARStrek/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: #000000;
   7   background-color: var(--in-content-page-background);
   8 }
   9
  10 body {
  11   margin: 40px 48px;
  12 }
  13
  14 a:link, a:visited {
  15   border-radius: 3px;
  16   color: var(--in-content-link-color);
  17   background-color: var(--in-content-page-background);
  18   text-decoration: none;
  19   padding-inline-start: 1px;
  20   padding-inline-end: 1px;
  21 }
  22
  23 /* on hover and active, behave like buttons */
  24 a:hover {
  25   color: var(--in-content-selected-text);
  26   background-color: var(--in-content-box-background-hover);
  27 }
  28
  29 a:active {
  30   color: var(--in-content-selected-text);
  31   background-color: var(--in-content-box-background-active);
  32 }
  33
  34 .page-subtitle {
  35   margin-bottom: 3em;
  36 }
  37
  38 .major-section {
  39   margin-top: 2em;
  40   margin-bottom: 1em;
  41   font-size: large;
  42   text-align: start;
  43   font-weight: bold;
  44 }
  45
  46 button {
  47   margin-inline-start: 0;
  48   margin-inline-end: 8px;
  49 }
  50
  51 table {
  52   background-color: var(--aboutSupport-table-background);
  53   color: var(--in-content-text-color);
  54   text-align: start;
  55   width: 100%;
  56   border-radius: 10px;
  57   border: 1px solid var(--in-content-border-color);
  58   border-spacing: 0px;
  59 }
  60
  61 table + table {
  62   margin-top: 1em;
  63 }
  64
  65 th, td {
  66   padding: 3px;
  67 }
  68
  69 th:not(:first-child),
  70 td:not(:first-child) {
  71   border-left: 1px dotted var(--in-content-border-color);
  72 }
  73
  74 thead th {
  75   text-align: center;
  76 }
  77
  78 th {
  79   text-align: start;
  80   background-color: var(--in-content-table-header-background);
  81   color: var(--in-content-selected-text);
  82 }
  83
  84 /* adjustments for not painting outside of table border */
  85 thead:first-child > th:first-child, /* prefs table misses a tr in thead */
  86 thead:first-child > tr:first-child > th:first-child,
  87 thead:first-child > tr:first-child > td:first-child,
  88 tbody:first-child > tr:first-child > th:first-child,
  89 tbody:first-child > tr:first-child > td:first-child {
  90   border-top-left-radius: 9px;
  91 }
  92
  93 thead:first-child > th:last-child, /* prefs table misses a tr in thead */
  94 thead:first-child > tr:first-child > th:last-child,
  95 thead:first-child > tr:first-child > td:last-child,
  96 tbody:first-child > tr:first-child > th:last-child,
  97 tbody:first-child > tr:first-child > td:last-child {
  98   border-top-right-radius: 9px;
  99 }
 100
 101 thead:last-child > tr:last-child > th:first-child,
 102 thead:last-child > tr:last-child > td:first-child,
 103 tbody:last-child > tr:last-child > th:first-child,
 104 tbody:last-child > tr:last-child > td:first-child {
 105   border-bottom-left-radius: 9px;
 106 }
 107
 108 thead:last-child > tr:last-child > th:last-child,
 109 thead:last-child > tr:last-child > td:last-child,
 110 tbody:last-child > tr:last-child > th:last-child,
 111 tbody:last-child > tr:last-child > td:last-child {
 112   border-bottom-right-radius: 9px;
 113 }
 114
 115 th.title-column {
 116   white-space: nowrap;
 117   width: 0px;
 118   font-size: medium;
 119 }
 120
 121 th.column {
 122   white-space: nowrap;
 123   width: 0px;
 124 }
 125
 126 tr:not(:first-child) > td,
 127 tr:not(:first-child) > th,
 128 tbody:not(:first-child) > tr > td,
 129 tbody:not(:first-child) > tr > th {
 130   border-top: 1px dotted var(--in-content-table-border-dark-color);
 131 }
 132
 133 td {
 134   text-align: start;
 135 }
 136
 137 .prefs-table {
 138   width: 100%;
 139   table-layout: fixed;
 140 }
 141
 142 .pref-name {
 143   width: 70%;
 144   white-space: nowrap;
 145   overflow: hidden;
 146 }
 147
 148 .pref-value {
 149   width: 30%;
 150   white-space: nowrap;
 151   overflow: hidden;
 152 }
 153
 154 #action-box {
 155   background-color: var(--aboutSupport-table-background);
 156   border: 1px solid var(--in-content-border-color);
 157   color: var(--in-content-text-color);
 158   float: right;
 159   margin-top: 2em;
 160   margin-bottom: 20px;
 161   margin-inline-start: 20px;
 162   margin-inline-end: 0;
 163   padding: 16px;
 164   width: 30%;
 165 }
 166
 167 #action-box,
 168 #reset-box,
 169 #safe-mode-box {
 170   display: none;
 171 }
 172
 173 #action-box:dir(rtl) {
 174   float: left;
 175 }
 176
 177 #reset-box > h3 {
 178   margin-top: 0;
 179 }
 180
 181 #action-box > button {
 182   display: block;
 183 }
 184
 185 #verify-place-result {
 186   max-height: 200px;
 187   overflow: auto;
 188 }
 189
 190 .block {
 191   display: block;
 192 }
 193
 194 .hidden {
 195   display: none;
 196 }