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   -moz-padding-start: 1px;
  20   -moz-padding-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   -moz-margin-start: 0;
  48   -moz-margin-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.column {
 116   white-space: nowrap;
 117   width: 0px;
 118 }
 119
 120 tr:not(:first-child) > td,
 121 tr:not(:first-child) > th,
 122 tbody:not(:first-child) > tr > td,
 123 tbody:not(:first-child) > tr > th {
 124   border-top: 1px dotted var(--in-content-table-border-dark-color);
 125 }
 126
 127 td {
 128   text-align: start;
 129 }
 130
 131 .prefs-table {
 132   width: 100%;
 133   table-layout: fixed;
 134 }
 135
 136 .pref-name {
 137   width: 70%;
 138   white-space: nowrap;
 139   overflow: hidden;
 140 }
 141
 142 .pref-value {
 143   width: 30%;
 144   white-space: nowrap;
 145   overflow: hidden;
 146 }
 147
 148 #action-box {
 149   background-color: var(--aboutSupport-table-background);
 150   border: 1px solid var(--in-content-border-color);
 151   color: var(--in-content-text-color);
 152   float: right;
 153   margin-top: 2em;
 154   margin-bottom: 20px;
 155   -moz-margin-start: 20px;
 156   -moz-margin-end: 0;
 157   padding: 16px;
 158   width: 30%;
 159 }
 160
 161 #action-box,
 162 #reset-box,
 163 #safe-mode-box {
 164   display: none;
 165 }
 166
 167 #action-box:-moz-dir(rtl) {
 168   float: left;
 169 }
 170
 171 #reset-box > h3 {
 172   margin-top: 0;
 173 }
 174
 175 #action-box > button {
 176   display: block;
 177 }
 178
 179 .block {
 180   display: block;
 181 }
 182
 183 .hidden {
 184   display: none;
 185 }