tor-browser

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

ProfilerDialog.css (1551B)

      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 .profiler-dialog__frame {
      6  border: none;
      7  height: 100%;
      8  width: 100%;
      9 }
     10 
     11 /*
     12 * The current layout of the dialog header is
     13 *
     14 *  +-----------------------------+---+
     15 *  | dialog title (auto)         | X |
     16 *  +-----------------------------+---+
     17 */
     18 .profiler-dialog__header {
     19  align-items: center;
     20  background-color: var(--popup-header-background-color);
     21  color: var(--popup-header-color);
     22  display: grid;
     23  grid-template-columns: 1fr max-content;
     24  padding: var(--base-unit);
     25 }
     26 
     27 .profiler-dialog__header__title {
     28  margin-inline-start: calc(var(--base-unit) * 2);
     29 
     30  /* Reset <h1> styles */
     31  font-size: 15px;
     32  font-weight: normal;
     33 }
     34 
     35 .profiler-dialog__inner {
     36  background-color: var(--box-background);
     37  display: grid;
     38  grid-template-rows: max-content auto;
     39  max-height: calc(100% - calc(var(--base-unit) * 25)); /* 100% - 100px */
     40  position: fixed;
     41 }
     42 
     43 .profiler-dialog__inner--medium {
     44  width: calc(var(--base-unit) * 150); /* 600px */
     45  height: calc(var(--base-unit) * 150); /* 600px */
     46 }
     47 
     48 .profiler-dialog__inner--large {
     49  width: calc(var(--base-unit) * 200); /* 800px */
     50  height: calc(var(--base-unit) * 175); /* 700px */
     51 }
     52 
     53 .profiler-dialog__mask {
     54  position: fixed;
     55  top: 0;
     56  left: 0;
     57  right: 0;
     58  bottom: 0;
     59  background-color: var(--grey-90-a60);
     60  display: flex;
     61  align-items: center;
     62  justify-content: center;
     63 }