tor-browser

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

browser.css (4290B)

      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 @import url("chrome://browser/skin/browser-shared.css");
      6 
      7 :root {
      8  --arrowpanel-field-background: light-dark(rgba(249, 249, 250, 0.3), rgba(12, 12, 13, 0.3));
      9 }
     10 
     11 @media (-moz-native-theme) {
     12  @media not (prefers-contrast) {
     13    :root:not([lwtheme]) {
     14      @media (prefers-color-scheme: light) {
     15        --urlbar-box-bgcolor: #fafafa;
     16      }
     17      @media (prefers-color-scheme: dark) {
     18        --tab-selected-bgcolor: color-mix(in srgb, -moz-dialog 75%, white);
     19      }
     20    }
     21  }
     22 }
     23 
     24 /** Begin titlebar **/
     25 
     26 .titlebar-button {
     27  display: none;
     28 }
     29 
     30 .titlebar-buttonbox-container {
     31  align-items: center;
     32  /* Hide window controls in fullscreen */
     33  :root[inFullscreen] & {
     34    display: none;
     35  }
     36 }
     37 
     38 .titlebar-buttonbox {
     39  &:-moz-locale-dir(ltr) {
     40    margin-inline: 12px 0;
     41 
     42    @media (-moz-mac-rtl) {
     43      margin-inline: 12px;
     44    }
     45  }
     46 
     47  &:-moz-locale-dir(rtl) {
     48    margin-inline: 12px;
     49 
     50    @media (-moz-mac-rtl) {
     51      margin-inline: 12px 0;
     52    }
     53  }
     54 }
     55 
     56 /** End titlebar **/
     57 
     58 :root[chromehidden~="toolbar"][chromehidden~="location"][chromehidden~="directories"] {
     59  border-top: 1px solid rgba(0, 0, 0, 0.65);
     60 }
     61 
     62 /* ----- BOOKMARK TOOLBAR ----- */
     63 
     64 #nav-bar-customization-target > #wrapper-personal-bookmarks > #personal-bookmarks {
     65  min-height: 32px;
     66  align-items: center;
     67 }
     68 
     69 /* Workaround for native menubar inheritance */
     70 .openintabs-menuitem {
     71  list-style-image: none;
     72 }
     73 
     74 /* Inactive elements are faded out on OSX */
     75 .toolbarbutton-1:not(:hover):-moz-window-inactive,
     76 .bookmark-item:not(:hover):-moz-window-inactive,
     77 :root:not([customizing]) .toolbarbutton-1:-moz-window-inactive[disabled] {
     78  opacity: 0.5;
     79 }
     80 
     81 /* Address bar */
     82 
     83 .urlbar,
     84 #searchbar {
     85  font-size: 1.25em;
     86 }
     87 
     88 /* ----- AUTOCOMPLETE ----- */
     89 
     90 #PopupAutoComplete > richlistbox > richlistitem[originaltype~="datalist-first"] {
     91  border-top: 1px solid #c7c7c7;
     92 }
     93 
     94 /* Bookmarking panel */
     95 
     96 /* The following elements come from editBookmarkPanel.inc.xhtml. Styling that's
     97   specific to the editBookmarkPanel should be in browser.css. Styling that
     98   should be shared by all editBookmarkPanel.inc.xhtml consumers should be in
     99   editBookmark.css. */
    100 
    101 /**** folder tree and tag selector ****/
    102 
    103 #editBMPanel_folderTree,
    104 #editBMPanel_tagsSelector {
    105  appearance: none;
    106  background-color: var(--arrowpanel-field-background);
    107  color: inherit;
    108  border-radius: var(--border-radius-xsmall);
    109  border: 1px solid var(--panel-separator-color);
    110  margin: 0;
    111 }
    112 
    113 #editBMPanel_folderTree > treechildren::-moz-tree-row(blur, selected),
    114 #editBMPanel_tagsSelector:not(:focus) > richlistitem[selected] {
    115  background-color: var(--arrowpanel-dimmed);
    116 }
    117 
    118 #editBMPanel_folderTree > treechildren::-moz-tree-twisty(blur, selected),
    119 #editBMPanel_folderTree > treechildren::-moz-tree-image(blur, selected),
    120 #editBMPanel_folderTree > treechildren::-moz-tree-cell-text(blur, selected),
    121 #editBMPanel_tagsSelector:not(:focus) > richlistitem[selected] {
    122  color: inherit;
    123 }
    124 
    125 #editBMPanel_folderTree {
    126  border-bottom: none;
    127  border-end-start-radius: 0;
    128  border-end-end-radius: 0;
    129  /* Implements editBookmarkPanel resizing on folderTree un-collapse. */
    130  margin: 0 !important;
    131  min-width: 27em;
    132  position: relative;
    133 }
    134 
    135 /* ----- SIDEBAR ELEMENTS ----- */
    136 
    137 #sidebar-box {
    138  /* Default font size is 11px on mac, so this is 12px */
    139  font-size: 1.0909rem;
    140 }
    141 
    142 /* ::::: tabbrowser ::::: */
    143 
    144 .tab-label,
    145 .tab-group-label {
    146  margin-block: 1px 0;
    147 }
    148 
    149 .tabbrowser-tab:not(:hover) > .tab-stack > .tab-content > .tab-icon-image:not([selected], [multiselected]) {
    150  opacity: 0.9;
    151 }
    152 
    153 /*
    154 * Force the overlay to create a new stacking context so it always appears on
    155 * top of the icon.
    156 */
    157 .tab-icon-overlay {
    158  opacity: 0.9999;
    159 }
    160 
    161 .tab-label-container:not([selected], [multiselected]) {
    162  opacity: 0.7;
    163 }
    164 
    165 .tabbrowser-tab {
    166  border: none;
    167 }
    168 
    169 /* Bookmark drag and drop styles */
    170 
    171 .bookmark-item[dragover-into="true"] {
    172  background: SelectedItem !important;
    173  color: SelectedItemText !important;
    174 }
    175 
    176 #UITourTooltipDescription {
    177  font-size: 1.18rem;
    178  line-height: 2rem;
    179 }
    180 
    181 #UITourTooltipClose {
    182  margin-inline-end: -10px;
    183  margin-top: -14px;
    184 }