tor-browser

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

WelcomeBox.css (1597B)

      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 .welcomebox {
      6  position: absolute;
      7  top: var(--editor-header-height);
      8  left: 0;
      9  bottom: var(--editor-footer-height);
     10  width: calc(100% - 1px);
     11  padding: 10vh 0;
     12  background-color: var(--theme-toolbar-background);
     13  overflow: hidden;
     14  font-weight: 300;
     15  user-select: none;
     16 }
     17 
     18 .theme-dark .welcomebox {
     19  background-color: var(--theme-body-background);
     20 }
     21 
     22 .alignlabel {
     23  display: flex;
     24  white-space: nowrap;
     25  font-size: 1.25em;
     26 }
     27 
     28 .shortcutKey,
     29 .shortcutLabel {
     30  flex: 1;
     31  overflow: hidden;
     32  text-overflow: ellipsis;
     33  cursor: pointer;
     34 }
     35 
     36 .welcomebox__searchSources:hover,
     37 .welcomebox__searchProject:hover,
     38 .welcomebox__allShortcuts:hover {
     39  color: var(--theme-body-color);
     40 }
     41 
     42 .shortcutKey {
     43  direction: ltr;
     44  text-align: right;
     45  padding-right: 10px;
     46  font-family: var(--monospace-font-family);
     47  font-size: 14px;
     48  line-height: 18px;
     49  color: var(--theme-body-color);
     50 }
     51 
     52 .shortcutKey:dir(rtl) {
     53  text-align: left;
     54 }
     55 
     56 :root[platform="mac"] .welcomebox .shortcutKey {
     57  font-family: system-ui;
     58  font-weight: 500;
     59 }
     60 
     61 .shortcutLabel {
     62  text-align: start;
     63  padding-left: 10px;
     64  font-size: 14px;
     65  line-height: 18px;
     66 }
     67 
     68 .shortcutFunction {
     69  margin: 0 auto;
     70  color: var(--theme-comment);
     71  display: table;
     72 }
     73 
     74 .shortcutFunction p {
     75  display: table-row;
     76 }
     77 
     78 .shortcutFunction .shortcutKey,
     79 .shortcutFunction .shortcutLabel {
     80  padding: 10px 5px;
     81  display: table-cell;
     82 }