tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

prefs.css (3068B)

      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 body {
      6  margin: 10px 50px;
      7  background-color: var(--num06);
      8  color: var(--num13);
      9 }
     10 
     11 .plain_button {
     12  border: none;
     13  background-color: transparent;
     14 }
     15 
     16 .settings_header {
     17  display: flex;
     18  flex-direction: row;
     19 }
     20 
     21 .icon_backward {
     22  height: 30px;
     23  width: 30px;
     24 
     25  margin: 20px 70px 70px 20px;
     26 
     27  background-image: url("assets/icon-backward.svg");
     28  -moz-context-properties: fill;
     29  fill: var(--num14);
     30 }
     31 .icon_backward:hover {
     32  height: 40px;
     33  width: 40px;
     34  margin: 15px 65px 65px 15px;
     35 
     36  fill: var(--num07);
     37 }
     38 .icon_backward:active {
     39  height: 40px;
     40  width: 40px;
     41  margin: 15px 65px 65px 15px;
     42 
     43  fill: var(--num09);
     44 }
     45 
     46 .about_container {
     47  flex-grow: 1;
     48  text-align: center;
     49 }
     50 
     51 .fxr_logo {
     52  width: 72px;
     53  height: 72px;
     54 }
     55 
     56 .version_text {
     57  font-size: 10px;
     58  color: var(--num14);
     59 }
     60 
     61 .button_report_issue {
     62  height: 50px;
     63  width: 110px;
     64  margin: 20px 0 70px 10px;
     65 
     66  font-size: 10px;
     67  text-align: start;
     68 
     69  -moz-context-properties: fill;
     70  fill: var(--num14);
     71 }
     72 .button_report_issue:hover {
     73  fill: var(--num07);
     74 }
     75 .button_report_issue:active {
     76  fill: var(--num09);
     77 }
     78 
     79 .button_report_issue_icon {
     80  float: left;
     81  height: 30px;
     82  margin: 5px;
     83 }
     84 
     85 .button_report_text {
     86  color: var(--num13);
     87 }
     88 
     89 .button_report_url {
     90  color: var(--num14);
     91 }
     92 
     93 .settings_title {
     94  font-size: 22px;
     95  font-weight: bold;
     96  color: var(--num13);
     97  text-align: center;
     98 
     99  flex-grow: 1;
    100 }
    101 
    102 .divider {
    103  border-style: solid;
    104  border-width: 1px;
    105  border-color: var(--num04);
    106  margin: 10px;
    107 }
    108 
    109 .setting_container {
    110  display: flex;
    111  flex-direction: row;
    112 
    113  margin: 10px 5px;
    114 }
    115 
    116 .setting_name {
    117  font-size: 14px;
    118  color: var(--num13);
    119 
    120  flex-grow: 1;
    121 }
    122 
    123 .setting_description {
    124  font-size: 10px;
    125  color: var(--num14);
    126  margin: 0 10px;
    127 }
    128 
    129 .setting_control {
    130  min-width: 120px;
    131  margin: 5px 0;
    132 }
    133 
    134 button.setting_control {
    135  height: 30px;
    136 
    137  font-size: 14px;
    138  font-weight: bold;
    139 
    140  border: 2px solid var(--num08);
    141  border-radius: 5px;
    142 
    143  background-color: var(--num06);
    144 }
    145 button.setting_control:hover {
    146  background-color: var(--num07);
    147  border-color: var(--num07);
    148 }
    149 button.setting_control:active {
    150  background-color: var(--num09);
    151  border-color: var(--num09);
    152  color: var(--num19);
    153 }
    154 button.setting_control:disabled {
    155  background-color: var(--num06);
    156  border-color: var(--num08);
    157  color: var(--num03);
    158 }
    159 
    160 .clear_confirmation {
    161  padding: 20px;
    162  background-color: var(--num19);
    163  border-radius: 20px;
    164 }
    165 
    166 .setting_control_chk {
    167  opacity: 0;
    168 }
    169 .setting_control_chk + label {
    170  background-position: right;
    171  background-size: contain;
    172  background-repeat: no-repeat;
    173 
    174  background-image: url("assets/icon-toggle-off.png");
    175 }
    176 .setting_control_chk:checked + label {
    177  background-image: url("assets/icon-toggle-on.png");
    178 }
    179 .setting_control_chk:disabled + label {
    180  filter: grayscale(1);
    181 }
    182 
    183 .modal_mask:not([hidden]) {
    184  background-color: var(--num14_alpha);
    185 }