tor-browser

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

security-privacy-card.css (1525B)

      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 .status-ok::before,
      6 .status-alert::before,
      7 .status-loading::before {
      8  -moz-context-properties: fill;
      9  height: var(--icon-size);
     10  width: var(--icon-size);
     11  margin-inline-end: var(--space-medium);
     12 }
     13 
     14 .status-ok::before {
     15  content: url("chrome://global/skin/icons/check-filled.svg");
     16  fill: var(--icon-color-success);
     17 }
     18 
     19 .status-alert::before {
     20  content: url("chrome://global/skin/icons/warning.svg");
     21  fill: var(--icon-color-warning);
     22 }
     23 
     24 .status-loading::before {
     25  content: url("chrome://global/skin/icons/loading.svg");
     26  fill: currentColor;
     27 }
     28 
     29 small {
     30  font-size: var(--font-size-small);
     31  color: var(--text-color-deemphasized);
     32 }
     33 
     34 .card-contents {
     35  display: flex;
     36 }
     37 
     38 .status-text-container {
     39  flex-grow: 1;
     40 }
     41 
     42 ul {
     43  display: flex;
     44  flex-direction: column;
     45  gap: var(--space-medium);
     46  list-style-type: none;
     47  margin-block: var(--space-medium) 0;
     48  padding: 0;
     49 }
     50 
     51 li {
     52  display: flex;
     53 }
     54 
     55 p {
     56  margin: 0;
     57 }
     58 
     59 a {
     60  color: inherit;
     61 }
     62 
     63 a:hover,
     64 a:hover:active {
     65  color: inherit;
     66  text-decoration: none;
     67 }
     68 
     69 h3 {
     70  font-size: var(--font-size-root);
     71  font-weight: var(--heading-font-weight);
     72  margin: 0;
     73 }
     74 
     75 .status-label-holder > moz-box-link {
     76  margin-top: 0.5ex;
     77 }
     78 
     79 .status-image {
     80  margin-inline-start: var(--space-xsmall);
     81  max-width: 100px;
     82 }
     83 
     84 .status-image:dir(rtl) {
     85  transform: scaleX(-1);
     86 }