tor-browser

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

ctrlTab.css (2337B)

      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 /* Ctrl-Tab */
      6 
      7 #ctrlTab-panel {
      8  appearance: none;
      9  --panel-background: hsla(0, 0%, 40%, 0.85);
     10  --panel-color: white;
     11  --panel-border-color: transparent;
     12  --panel-padding: 20px 10px 10px;
     13  -moz-window-shadow: none;
     14  @media not (-moz-platform: macos) {
     15    font-weight: var(--font-weight-bold);
     16  }
     17 }
     18 
     19 .ctrlTab-preview,
     20 #ctrlTab-showAll {
     21  appearance: none;
     22  color: inherit;
     23  /* remove the :-moz-focusring outline from button.css on Windows */
     24  outline: none !important;
     25  margin: 0;
     26  text-shadow:
     27    0 0 1px hsl(0, 0%, 12%),
     28    0 0 2px hsl(0, 0%, 12%);
     29  border: none;
     30  background-color: transparent;
     31 }
     32 
     33 .ctrlTab-preview > .button-box {
     34  display: none;
     35 }
     36 
     37 .ctrlTab-favicon-container {
     38  position: relative;
     39  justify-content: flex-end;
     40 }
     41 
     42 .ctrlTab-favicon[src] {
     43  width: 42px;
     44  height: 42px;
     45  margin-top: -44px;
     46  margin-bottom: 2px;
     47  margin-inline-end: -6px;
     48  padding: 5px;
     49  background-color: #f9f9fa;
     50  border-radius: var(--border-radius-small);
     51  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
     52 }
     53 
     54 .ctrlTab-canvas {
     55  color-scheme: light;
     56  background-color: Canvas;
     57  color: CanvasText;
     58  box-shadow: 1px 1px 2px hsl(0, 0%, 12%);
     59  margin-bottom: 8px;
     60  min-width: 0;
     61 
     62  @media (-moz-content-prefers-color-scheme: dark) {
     63    /* Make the blank canvas match the default content background. */
     64    color-scheme: dark;
     65  }
     66 
     67  > img,
     68  > canvas {
     69    min-width: 0;
     70  }
     71 }
     72 
     73 .ctrlTab-placeholder {
     74  visibility: hidden;
     75 }
     76 
     77 .ctrlTab-preview-inner,
     78 #ctrlTab-showAll {
     79  padding: 8px;
     80  border: 2px solid transparent;
     81  border-radius: 0.5em;
     82 }
     83 
     84 .ctrlTab-preview-inner {
     85  margin-top: -10px;
     86  min-width: 0;
     87 }
     88 
     89 #ctrlTab-showAll {
     90  /* stylelint-disable-next-line stylelint-plugin-mozilla/use-design-tokens */
     91  background-color: var(--color-white-alpha-20);
     92  margin-top: 0.5em;
     93 }
     94 
     95 .ctrlTab-preview:focus > .ctrlTab-preview-inner,
     96 #ctrlTab-showAll:focus {
     97  /* stylelint-disable-next-line stylelint-plugin-mozilla/use-design-tokens */
     98  background-color: var(--color-black-alpha-70);
     99  text-shadow: none;
    100  border-color: #45a1ff;
    101 }
    102 
    103 .ctrlTab-label {
    104  flex: 1;
    105  justify-content: center;
    106  contain: inline-size;
    107 }