toolkit/themes/shared/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 @import url("chrome://global/skin/in-content/info-pages.css");
   6
   7 #contents {
   8   clear: both;
   9 }
  10
  11 .major-section {
  12   margin-block: 2em 1em;
  13   font-size: large;
  14   text-align: start;
  15   font-weight: bold;
  16 }
  17
  18 button {
  19   margin-inline: 0 8px;
  20 }
  21
  22 th.title-column {
  23   white-space: nowrap;
  24   width: 0;
  25   font-size: medium;
  26 }
  27
  28 td.integer {
  29   text-align: end;
  30   font-family: monospace;
  31 }
  32
  33 /* Codec support table w/ zebra striping */
  34 :root {
  35   --codec-bg-header: #bfbfc9;
  36   --codec-bg-supported-even: #b3ffe3;
  37   --codec-bg-supported-odd: #54ffbd;
  38   --codec-bg-unsupported-even: #ffdfe7;
  39   --codec-bg-unsupported-odd: #ffbdc5;
  40   --codec-text-name-even: var(--in-content-box-background);
  41   --codec-text-name-odd: var(--in-content-box-background-odd);
  42   --codec-text-other: var(--in-content-text-color);
  43   --codec-text-supported: #15141a;
  44   --codec-text-unsupported: #15141a;
  45 }
  46
  47 @media (prefers-color-scheme: dark) {
  48   :root {
  49     --codec-bg-header: #42414d;
  50   }
  51 }
  52
  53 #codec-table {
  54   text-align: center;
  55   white-space: nowrap;
  56   width: auto;
  57 }
  58
  59 #codec-table tr {
  60   color: var(--codec-text-other);
  61 }
  62
  63 #codec-table th {
  64   color: var(--codec-text-other);
  65   background-color: var(--codec-bg-header);
  66 }
  67
  68 #codec-table td:first-child {
  69   text-align: start;
  70   unicode-bidi: normal;
  71   font-weight: 600;
  72 }
  73
  74 #codec-table tr:nth-child(even) {
  75   background-color: var(--codec-text-name-even);
  76 }
  77
  78 #codec-table tr:nth-child(odd) {
  79   background-color: var(--codec-text-name-odd);
  80 }
  81
  82 #codec-table tr > td.unsupported {
  83   color: var(--codec-text-unsupported);
  84 }
  85
  86 #codec-table tr > td.supported {
  87   color: var(--codec-text-supported);
  88 }
  89
  90 #codec-table tr > td.lack-of-extension {
  91   font-weight: var(--font-weight-bold);
  92 }
  93
  94 #codec-table tr:nth-child(even) > td.unsupported {
  95   background-color: var(--codec-bg-unsupported-even);
  96 }
  97
  98 #codec-table tr:nth-child(odd) > td.unsupported {
  99   background-color: var(--codec-bg-unsupported-odd);
 100 }
 101
 102 #codec-table tr:nth-child(even) > td.supported {
 103   background-color: var(--codec-bg-supported-even);
 104 }
 105
 106 #codec-table tr:nth-child(odd) > td.supported {
 107   background-color: var(--codec-bg-supported-odd);
 108 }
 109
 110 #codec-table tr:nth-child(even) > td.lack-of-extension {
 111   background-color: var(--in-content-box-background-even);
 112 }
 113
 114 #codec-table tr:nth-child(odd) > td.lack-of-extension {
 115   background-color: var(--in-content-box-background-odd);
 116 }
 117
 118 #update-dir-row > td:dir(rtl),
 119 #profile-row > td:dir(rtl) {
 120   /* Overrides info-pages.css to display the buttons in the right order compared to the text */
 121   unicode-bidi: normal;
 122 }
 123
 124 .prefs-table {
 125   table-layout: fixed;
 126 }
 127
 128 .pref-name {
 129   width: 70%;
 130   white-space: nowrap;
 131   overflow: hidden;
 132 }
 133
 134 .pref-value {
 135   width: 30%;
 136   white-space: nowrap;
 137   overflow: hidden;
 138 }
 139
 140 #crashes-table th:first-child {
 141   width: 50%;
 142 }
 143
 144 #features-table th:first-child,
 145 #remote-processes-table th:first-child {
 146   width: 30%;
 147 }
 148
 149 #features-table th:nth-child(2) {
 150   width: 20%;
 151 }
 152
 153 #reset-box,
 154 #safe-mode-box {
 155   display: none;
 156 }
 157
 158 #reset-box > h3 {
 159   margin-top: 0;
 160 }
 161
 162 .action-box button {
 163   display: block;
 164 }
 165
 166 #enumerate-database-result,
 167 #verify-place-result {
 168   max-height: 200px;
 169   overflow: auto;
 170   text-align: left;
 171   direction: ltr;
 172 }
 173
 174 .hidden {
 175   display: none;
 176 }
 177
 178 #sandbox-tbody tr > td.feature-unavailable {
 179   background-color: var(--background-color-critical);
 180 }
 181
 182 #sandbox-tbody tr > td.feature-unavailable > .user-namespaces-unavailabe-support-link {
 183   margin: 0 5px
 184 }