tor-browser

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

StatusCode.css (3073B)

      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 .requests-list-status-code + .requests-list-status-code {
      6  margin-inline-start: 5px;
      7 }
      8 
      9 .status-code {
     10  /* non-standard codes may be shorter than 3 characters but should match
     11     width of standard codes */
     12  min-width: calc(3ch + 4px);
     13  padding: 0 2px;
     14  border-radius: 3px;
     15  text-align: center;
     16  font-family: var(--monospace-font-family);
     17  /* prevent status code from having full line height width from .request-list-item */
     18  line-height: normal;
     19 
     20  :root[forced-colors-active] &[data-code] {
     21    border: 1px solid currentColor;
     22    background: transparent;
     23    color: CanvasText;
     24  }
     25 }
     26 
     27 .status-code[data-code^="1"] {
     28  background-color: var(--status-code-color-1xx);
     29 }
     30 
     31 .status-code[data-code^="2"] {
     32  background-color: var(--status-code-color-2xx);
     33 }
     34 
     35 /* 3xx are redirect http status, "cached" status code requests are read from
     36   local cache (in a sense redirected to local cache) */
     37 .status-code[data-status-code="cached"],
     38 .status-code[data-code^="3"] {
     39  background-color: var(--status-code-color-redirect-or-cache);
     40 }
     41 
     42 .status-code[data-code^="4"] {
     43  background-color: var(--status-code-color-4xx);
     44 }
     45 
     46 .status-code[data-code^="5"] {
     47  background-color: var(--status-code-color-5xx);
     48 }
     49 
     50 /* Non-standard status codes are styled like 5XX */
     51 .status-code[data-code^="0"],
     52 .status-code[data-code^="6"],
     53 .status-code[data-code^="7"],
     54 .status-code[data-code^="8"],
     55 .status-code[data-code^="9"] {
     56  background-color: var(--status-code-color-5xx);
     57 }
     58 
     59 .status-code:not([data-status-code="cached"], [data-code^="3"], .status-code-blocked) {
     60  color: var(--theme-body-background);
     61 }
     62 
     63 .status-code-blocked {
     64  color: var(--theme-icon-error-color);
     65 }
     66 
     67 .status-code-blocked-icon {
     68  height: 12px;
     69  width: 12px;
     70  background-image: url("chrome://devtools/skin/images/blocked.svg");
     71  -moz-context-properties: fill;
     72  fill: currentColor;
     73 }
     74 
     75 /* Status codes for the headers side panel */
     76 
     77 .headers-overview .summary .status .status-code {
     78  display: inline;
     79  background-color: transparent;
     80  color: inherit;
     81  padding: 0 2px 0 0;
     82  font-weight: bold;
     83 }
     84 
     85 .headers-overview .summary .status[data-code^="1"] {
     86  color: var(--status-code-color-1xx);
     87 }
     88 
     89 .headers-overview .summary .status[data-code^="2"] {
     90  color: var(--status-code-color-2xx);
     91 }
     92 
     93 .headers-overview .summary .status[data-code^="3"] {
     94  color: inherit;
     95 }
     96 
     97 .headers-overview .summary .status[data-code^="4"] {
     98  color: var(--status-code-color-4xx);
     99 }
    100 
    101 .headers-overview .summary .status[data-code^="5"] {
    102  color: var(--status-code-color-5xx);
    103 }
    104 
    105 /* Non-standard status codes are styled like 5XX */
    106 .headers-overview .summary .status[data-code^="0"],
    107 .headers-overview .summary .status[data-code^="6"],
    108 .headers-overview .summary .status[data-code^="7"],
    109 .headers-overview .summary .status[data-code^="8"],
    110 .headers-overview .summary .status[data-code^="9"] {
    111  color: var(--status-code-color-5xx);
    112 }