mirror of http://CODE.RHODECODE.COM/u/O/O/O
O
1 year ago
1 changed files with 0 additions and 956 deletions
Split View
Diff Options
956
◯ᔓᔕᴥᗱᗴᙁᗩ✤ᔓᔕИNꖴ◯⚪◯ꖴИNᔓᔕ✤ᗩᙁᗱᗴᴥᔓᔕ◯ⵙ◯ᔓᔕᴥᗱᗴᙁᗩ✤ᔓᔕИNꖴ◯⚪◯ꖴИNᔓᔕ✤ᗩᙁᗱᗴᴥᔓᔕ◯/◯ᗩIᗝI8◯ⵙ◯8IᗝIᗩ◯/◯✤ᗱᗴИNᴥᗱᗴ✤ИNꖴ◯ⵙ◯ꖴИN✤ᗱᗴᴥИNᗱᗴ✤◯/◯ᴥᗱᗴᔓᔕᗯⓄᴥ⚭◯ⵙ◯⚭ᴥⓄᗯᔓᔕᗱᗴᴥ◯/ⵙꕤⵙⓄⵙꗳⵙᗱᗴⵙᴥⵙꖴⵙꗳⵙ⊚ⵙ◌ⵙ⊚ⵙ◌ⵙ⊚ⵙ◌ⵙ⚪ⵙ◯ⵙ◯ⵙ⚪ⵙ◌ⵙ⊚ⵙ◌ⵙ⊚ⵙ◌ⵙ⊚ⵙꗳⵙꖴⵙᴥⵙᗱᗴⵙꗳⵙⓄⵙꕤⵙ/ⵙᔓᔕⵙᕤᕦⵙИNⵙꖴⵙ✤ⵙᗱᗴⵙᔓᔕⵙ⊚ⵙ◌ⵙ⊚ⵙ◌ⵙ⊚ⵙ◌ⵙ⚪ⵙ◯ⵙ◯ⵙ⚪ⵙ◌ⵙ⊚ⵙ◌ⵙ⊚ⵙ◌ⵙ⊚ⵙᔓᔕⵙᗱᗴⵙ✤ⵙꖴⵙИNⵙᕤᕦⵙᔓᔕⵙ/ⵙƧƧϽ.ƎMOЯHϽЯƎƧUⵙ⊚ⵙ◌ⵙ⊚ⵙ◌ⵙ⊚ⵙ◌ⵙ⚪ⵙ◯ⵙ◯ⵙ⚪ⵙ◌ⵙ⊚ⵙ◌ⵙ⊚ⵙ◌ⵙ⊚ⵙUSERCHROME.CSSⵙ
956
◯ᔓᔕᴥᗱᗴᙁᗩ✤ᔓᔕИNꖴ◯⚪◯ꖴИNᔓᔕ✤ᗩᙁᗱᗴᴥᔓᔕ◯ⵙ◯ᔓᔕᴥᗱᗴᙁᗩ✤ᔓᔕИNꖴ◯⚪◯ꖴИNᔓᔕ✤ᗩᙁᗱᗴᴥᔓᔕ◯/◯ᗩIᗝI8◯ⵙ◯8IᗝIᗩ◯/◯✤ᗱᗴИNᴥᗱᗴ✤ИNꖴ◯ⵙ◯ꖴИN✤ᗱᗴᴥИNᗱᗴ✤◯/◯ᴥᗱᗴᔓᔕᗯⓄᴥ⚭◯ⵙ◯⚭ᴥⓄᗯᔓᔕᗱᗴᴥ◯/ⵙꕤⵙⓄⵙꗳⵙᗱᗴⵙᴥⵙꖴⵙꗳⵙ⊚ⵙ◌ⵙ⊚ⵙ◌ⵙ⊚ⵙ◌ⵙ⚪ⵙ◯ⵙ◯ⵙ⚪ⵙ◌ⵙ⊚ⵙ◌ⵙ⊚ⵙ◌ⵙ⊚ⵙꗳⵙꖴⵙᴥⵙᗱᗴⵙꗳⵙⓄⵙꕤⵙ/ⵙᔓᔕⵙᕤᕦⵙИNⵙꖴⵙ✤ⵙᗱᗴⵙᔓᔕⵙ⊚ⵙ◌ⵙ⊚ⵙ◌ⵙ⊚ⵙ◌ⵙ⚪ⵙ◯ⵙ◯ⵙ⚪ⵙ◌ⵙ⊚ⵙ◌ⵙ⊚ⵙ◌ⵙ⊚ⵙᔓᔕⵙᗱᗴⵙ✤ⵙꖴⵙИNⵙᕤᕦⵙᔓᔕⵙ/ⵙƧƧϽ.ƎMOЯHϽЯƎƧUⵙ⊚ⵙ◌ⵙ⊚ⵙ◌ⵙ⊚ⵙ◌ⵙ⚪ⵙ◯ⵙ◯ⵙ⚪ⵙ◌ⵙ⊚ⵙ◌ⵙ⊚ⵙ◌ⵙ⊚ⵙUSERCHROME.CSSⵙ
@ -1,956 +0,0 @@ |
|||
@namespace url('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul'); |
|||
@namespace htmlNs url('http://www.w3.org/1999/xhtml'); |
|||
|
|||
// #region Features |
|||
|
|||
$feature-floating: true !default; |
|||
$feature-floating-alignment: bottom !default; |
|||
$feature-floating-distance: 18px !default; |
|||
|
|||
$feature-buttons: true !default; |
|||
$feature-buttons-grouped: true !default; |
|||
|
|||
// #endregion |
|||
|
|||
$space-unit: 8px; |
|||
|
|||
%bordered-control { |
|||
border: 1px solid ThreeDShadow; |
|||
} |
|||
|
|||
findbar { |
|||
position: absolute; |
|||
contain: content; |
|||
border: 1px solid var(--chrome-content-separator-color); |
|||
|
|||
@if $feature-floating { |
|||
right: $feature-floating-distance; |
|||
#{$feature-floating-alignment}: $feature-floating-distance; |
|||
transform-origin: #{$feature-floating-alignment} center; |
|||
border-radius: var(--toolbarbutton-border-radius); |
|||
} @else { |
|||
border-bottom-left-radius: var(--toolbarbutton-border-radius); |
|||
border-bottom-right-radius: var(--toolbarbutton-border-radius); |
|||
border-top-width: 0 !important; |
|||
top: -1px; |
|||
right: 44px; |
|||
transform-origin: top center; |
|||
} |
|||
|
|||
animation: 0.1s keyframes-scale-in; |
|||
|
|||
&[hidden='true'] { |
|||
animation: 0.1s keyframes-scale-out; |
|||
} |
|||
|
|||
checkbox { |
|||
margin: 0 !important; |
|||
|
|||
@if $feature-buttons { |
|||
@extend %bordered-control; |
|||
|
|||
@if $feature-buttons-grouped { |
|||
&:not(:last-of-type) { |
|||
border-top-right-radius: 0; |
|||
border-bottom-right-radius: 0; |
|||
} |
|||
|
|||
&:not(:first-of-type) { |
|||
border-top-left-radius: 0; |
|||
border-bottom-left-radius: 0; |
|||
|
|||
border-left-width: 0; |
|||
} |
|||
} @else { |
|||
&:not(:first-of-type) { |
|||
margin-inline-start: $space-unit !important; |
|||
} |
|||
} |
|||
|
|||
padding: 3px 6px; |
|||
border-radius: var(--toolbarbutton-border-radius); |
|||
|
|||
color: var(--button-color); |
|||
background-color: var(--button-bgcolor); |
|||
|
|||
&:hover { |
|||
background-color: var(--button-hover-bgcolor); |
|||
} |
|||
|
|||
&:active { |
|||
background-color: var(--button-active-bgcolor); |
|||
} |
|||
|
|||
&[checked='true'] { |
|||
color: var(--button-primary-color); |
|||
background-color: var(--button-primary-bgcolor); |
|||
|
|||
&:hover { |
|||
background-color: var(--button-primary-hover-bgcolor); |
|||
} |
|||
|
|||
&:active { |
|||
background-color: var(--button-primary-active-bgcolor); |
|||
} |
|||
} |
|||
|
|||
&:focus-visible { |
|||
outline: var(--focus-outline); |
|||
outline-offset: var(--focus-outline-inset); |
|||
} |
|||
|
|||
.checkbox-check { |
|||
display: none; |
|||
} |
|||
} @else { |
|||
&:not(:first-of-type) { |
|||
margin-inline-start: $space-unit !important; |
|||
} |
|||
} |
|||
} |
|||
|
|||
[anonid='findbar-textbox-wrapper'] { |
|||
margin-inline-end: $space-unit * if($feature-buttons, 1, 2) !important; |
|||
|
|||
htmlNs|input { |
|||
@extend %bordered-control; |
|||
|
|||
@if $feature-buttons and $feature-buttons-grouped { |
|||
border-top-right-radius: 0 !important; |
|||
border-bottom-right-radius: 0 !important; |
|||
} |
|||
} |
|||
|
|||
toolbarbutton { |
|||
@extend %bordered-control; |
|||
|
|||
color: var(--button-color); |
|||
background-color: var(--button-bgcolor); |
|||
border-width: 1px !important; |
|||
|
|||
margin-inline: 0 !important; |
|||
|
|||
@if $feature-buttons and $feature-buttons-grouped { |
|||
&:last-of-type { |
|||
border-top-left-radius: 0 !important; |
|||
border-bottom-left-radius: 0 !important; |
|||
} |
|||
&:not(:last-of-type) { |
|||
border-radius: 0 !important; |
|||
border-right-width: 0 !important; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.findbar-label { |
|||
margin: 0 !important; |
|||
margin-inline-start: $space-unit !important; |
|||
} |
|||
|
|||
description.findbar-label:empty { |
|||
display: none; |
|||
} |
|||
} |
|||
|
|||
@keyframes keyframes-scale-in { |
|||
0% { |
|||
transform: scaleY(0); |
|||
} |
|||
100% { |
|||
transform: scaleY(1); |
|||
} |
|||
} |
|||
|
|||
@keyframes keyframes-scale-out { |
|||
0% { |
|||
transform: scaleY(1); |
|||
} |
|||
100% { |
|||
transform: scaleY(0); |
|||
} |
|||
} |
|||
|
|||
:root{ |
|||
--toolbarbutton-inner-padding:0px !important; |
|||
--tab-min-height: 16px !important; |
|||
} |
|||
.titlebar-button{ padding-block: 0px !important; } |
|||
#urlbar-container, #search-container{ padding-block: 1px !important; } |
|||
|
|||
#titlebar{ -moz-appearance:none !important; } |
|||
:root[sizemode="maximized"] #navigator-toolbox{ margin-top: 0px } |
|||
|
|||
/* ROOT - VARS */ |
|||
*|*:root { |
|||
--tab-min-height: 16px !important; /* adjust */ |
|||
--tab-min-width: 1px !important; /* adjust */ |
|||
} |
|||
|
|||
/* TABS: height */ |
|||
#tabbrowser-tabs, |
|||
#tabbrowser-tabs > #tabbrowser-arrowscrollbox, |
|||
.tabbrowser-tabs .tabbrowser-tab { |
|||
min-height: var(--tab-min-height) !important; |
|||
max-height: var(--tab-min-height) !important; |
|||
} |
|||
|
|||
:root { |
|||
--tab-max-height: 16px !important; |
|||
--tab-min-height: 0 !important; |
|||
--urlbar-toolbar-height: var(--tab-max-height) !important; |
|||
} |
|||
|
|||
/* Bar resizing */ |
|||
#nav-bar, |
|||
.toolbar-items, |
|||
.titlebar-buttonbox-container, |
|||
.tab-content, |
|||
.tab-background, |
|||
.tab-label-container { |
|||
height: var(--tab-max-height); |
|||
} |
|||
.tab-background { |
|||
margin: 0 !important; |
|||
} |
|||
.tab-secondary-label { |
|||
font-size: .5em !important; |
|||
margin: -.6em 0 .5em !important; |
|||
} |
|||
|
|||
/* Selection highlight */ |
|||
#nav-bar toolbaritem, |
|||
#nav-bar toolbarbutton { |
|||
--focus-outline: none; |
|||
--slimbar-highlight-color: color-mix(in srgb, var(--lwt-toolbar-field-highlight) 40%, var(--toolbar-bgcolor)); |
|||
/* --toolbar-field-focus-background-color: var(--slimbar-highlight-color); */ |
|||
} |
|||
#nav-bar toolbaritem:focus-visible, |
|||
#nav-bar toolbarbutton:focus-visible, |
|||
#nav-bar toolbaritem #identity-icon-box:focus-visible, |
|||
#nav-bar toolbaritem #star-button-box:focus-visible, |
|||
#nav-bar toolbaritem .unified-extensions-item-action-button:focus-visible { |
|||
background-color: var(--slimbar-highlight-color) !important; |
|||
} |
|||
|
|||
/*---------------------------------------------------------- |
|||
Tabs to Bottom |
|||
source: https://github.com/Arty2/userstyles/blob/master/tabs_to_bottom.userchrome.css |
|||
|
|||
UI model: |
|||
#navigator-toolbox-background |
|||
#navigator-toolbox |
|||
#titlebar |
|||
#toolbar-menubar |
|||
#TabsToolbar |
|||
#nav-bar |
|||
#PersonalToolbar |
|||
#browser |
|||
*/ |
|||
|
|||
/* bring the browser window to the top */ |
|||
#browser { |
|||
-moz-box-ordinal-group: 0 !important; |
|||
order: 0 !important; |
|||
} |
|||
|
|||
#navigator-toolbox-background { |
|||
-moz-box-ordinal-group: 1 !important; |
|||
order: 1 !important; |
|||
} |
|||
|
|||
/* adjust paddings */ |
|||
*|*:root[sizemode="normal"] #browser { |
|||
padding-top: 0 !important; |
|||
} |
|||
|
|||
/* hide tab toolbar when fullscreen */ |
|||
#nav-bar[inFullscreen], |
|||
#TabsToolbar[inFullscreen] { |
|||
display: none; |
|||
} |
|||
|
|||
/* restore top border */ |
|||
*|*:root[sizemode="normal"] #browser { |
|||
border-top: .0px solid AccentColor !important; |
|||
} |
|||
*|*:root[sizemode="normal"]:-moz-window-inactive #browser { |
|||
border-top-color: rgb(238,238,238) !important; |
|||
} |
|||
|
|||
/* make toolbar border persist on fullscreen */ |
|||
*|*:root[sizemode="maximized"] #navigator-toolbox { |
|||
border-top: .0px solid AccentColor !important; |
|||
border-bottom: .0px solid AccentColor !important; |
|||
} |
|||
|
|||
/* hide titlebar buttons */ |
|||
#TabsToolbar > .titlebar-buttonbox-container { |
|||
display: none !important; |
|||
} |
|||
|
|||
/*fix pop-ups opening below window*/ |
|||
#urlbar[open]{ |
|||
display: flex !important; |
|||
flex-direction: column-reverse; /* use 'column' if you want to type the URL in center*/ |
|||
bottom: -2px !important; |
|||
top: auto !important; |
|||
} |
|||
/*.urlbarView-body-inner { border-top: none !important; }*/ |
|||
/*.urlbarView { display: none !important; }*/ /* uncomment this to hidden address bar suggestions */ |
|||
|
|||
|
|||
|
|||
/* Removes text from tabs */ |
|||
.tabbrowser-tab .tab-label { |
|||
display:none !important; |
|||
} |
|||
|
|||
/* Resizes tabs to minimum width */ |
|||
.tabbrowser-tab:not([pinned]) { |
|||
max-width: 16px !important; |
|||
min-width: 16px !important; |
|||
} |
|||
|
|||
.tabbrowser-tab[pinned], |
|||
.tabs-newtab-button { |
|||
max-width: 16px !important; |
|||
min-width: 16px !important; |
|||
} |
|||
|
|||
.tabbrowser-tab[pinned=true] .tab-throbber, |
|||
.tabbrowser-tab[pinned=true] .tab-icon-image { |
|||
margin-left: 0px !important; |
|||
margin-right: 0px !important; |
|||
margin-top: 0px !important; |
|||
margin-bottom: 0px !important; |
|||
} |
|||
|
|||
|
|||
/* Tabs */ |
|||
.tabbrowser-tab[pinned] { |
|||
padding-left: 0px; |
|||
padding-right: 0px; |
|||
padding-top: 0px; |
|||
padding-bottom: 0px; |
|||
} |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
/* |
|||
* SETUP: |
|||
* Must go to about:config and change browser.tabs.tabMinWidth to 0. -> this is no longer needed (last checked January 2023) |
|||
*/ |
|||
|
|||
|
|||
/* General Rules */ |
|||
#main-window:not(#f) .tabbrowser-tab { |
|||
-moz-box-sizing: border-box !important; |
|||
height: 16px !important; |
|||
vertical-align: top !important; |
|||
} |
|||
|
|||
#tabbrowser-tabs .arrowscrollbox-scrollbox { |
|||
/* overflow: visible !important; */ |
|||
display: block; |
|||
} |
|||
|
|||
.tabbrowser-tab, |
|||
.tab-background { |
|||
height: var(--tab-min-height); |
|||
} |
|||
|
|||
.tab-stack .tab-content { |
|||
padding: 0 0px !important; |
|||
} |
|||
|
|||
.tabbrowser-tab:not([pinned]) { |
|||
min-width: 16px !important; |
|||
max-width: 16px !important; |
|||
} |
|||
.tabbrowser-tab:not([pinned]):not([fadein]) { |
|||
max-width: 16px !important; |
|||
min-width: 16px !important; |
|||
} |
|||
|
|||
/* Pinned Tabs Rules */ |
|||
.tabbrowser-tab[pinned][selected] .tab-content:after{ |
|||
/*display: none;*/ |
|||
border-color: var(--tab-line-color) transparent transparent transparent; |
|||
} |
|||
|
|||
.tabbrowser-tab[pinned][selected] .tab-line { |
|||
display: none !important; |
|||
} |
|||
|
|||
.tabbrowser-tab[pinned] .tab-content { |
|||
position: relative; |
|||
} |
|||
|
|||
.tabbrowser-tab[pinned] .tab-content:after { |
|||
display: block; |
|||
content: ''; |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
width: 0; |
|||
height: 0; |
|||
border-style: solid; |
|||
border-width: 0px 0px 0 0; |
|||
border-color: #ffffff transparent transparent transparent; |
|||
opacity: 0.9; |
|||
} |
|||
|
|||
/* NonPinned Tabs Rules */ |
|||
.tab-icon-image:not([pinned]) { |
|||
margin-left: 0 !important; |
|||
margin-right: 0 !important; |
|||
} |
|||
|
|||
.tab-label-container { |
|||
display: none; |
|||
} |
|||
|
|||
.tab-close-button { |
|||
display: none; |
|||
} |
|||
|
|||
/* THIS IS OTHER STUFF - NOT BEING USED BUT HELPED WITH OVERFLOW ISSUES */ |
|||
|
|||
/* #main-window:not(#f) .tabbrowser-tab:not([pinned]) { |
|||
width: auto !important; |
|||
} |
|||
#main-window:not(#f) .titlebar-button { |
|||
height: 16px !important; |
|||
} |
|||
#main-window:not(#f) #titlebar-buttonbox, |
|||
.tabbrowser-arrowscrollbox scrollbox > box { |
|||
display: block !important; |
|||
} |
|||
#main-window:not(#f) #titlebar-buttonbox { |
|||
vertical-align: top !important; |
|||
} |
|||
.tabbrowser-arrowscrollbox scrollbox { |
|||
overflow: visible !important; |
|||
} |
|||
.tab-label-container[textoverflow]:not([pinned]) { |
|||
mask-image: unset !important; |
|||
} */ |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
/*** Megabar Styler General - version 2023-03-23 ***/ |
|||
|
|||
|
|||
|
|||
/*** General Preferences ***/ |
|||
|
|||
:root { |
|||
|
|||
/* Number of pixels of enlargement when URL bar is focused */ |
|||
|
|||
--mbarstyler-popout-pixels: 0px; /* [0px - 7px] */ |
|||
|
|||
|
|||
|
|||
/* Top Bar Display or Not */ |
|||
|
|||
--mbarstyler-top-bar-display: none; /* [block,none] */ |
|||
|
|||
|
|||
|
|||
/* Font sizes (default: 13.8px for title, 10.2px for URL) */ |
|||
|
|||
--mbarstyler-title-font-size: 13px; /* [13px - 18px] */ |
|||
|
|||
--mbarstyler-url-font-size: 12px; /* [12px - 16px] */ |
|||
|
|||
|
|||
|
|||
/* Rows to show without scrolling */ |
|||
|
|||
--mbarstyler-max-rows-without-scrolling: 8; |
|||
|
|||
|
|||
|
|||
/* Bottom border for each result row */ |
|||
|
|||
--mbarstyler-bottom-border-width: 0px; /* [0px or 1px] */ |
|||
|
|||
|
|||
|
|||
/* Height adjustment for labels (Proton) */ |
|||
|
|||
--mbarstyler-label-height-adjustment: /*[[labelheight]]*/; /* [0px or 35px] */ |
|||
|
|||
|
|||
|
|||
/* Match display style */ |
|||
|
|||
--mbarstyler-match-weight: 400; /* [400,700] */ |
|||
|
|||
--mbarstyler-match-background-opacity: 0.05; /* [0.0,0.05,0.1] */ |
|||
|
|||
} |
|||
|
|||
|
|||
|
|||
/*** URL bar enlargement or lack thereof ***/ |
|||
|
|||
|
|||
|
|||
/* Compute new position, width, and padding */ |
|||
|
|||
#urlbar[breakout][breakout-extend] { |
|||
|
|||
top: calc(5px - var(--mbarstyler-popout-pixels) - 1px) !important; /* updated for Proton */ |
|||
|
|||
left: calc(0px - var(--mbarstyler-popout-pixels) + 1px) !important; /* updated for Proton */ |
|||
|
|||
width: calc(100% + (2 * var(--mbarstyler-popout-pixels)) - 2px) !important; /* updated for Proton */ |
|||
|
|||
padding: var(--mbarstyler-popout-pixels) !important; |
|||
|
|||
} |
|||
|
|||
[uidensity="compact"] #urlbar[breakout][breakout-extend] { |
|||
|
|||
top: calc(3px - var(--mbarstyler-popout-pixels) + 1px) !important; /* updated for Proton */ |
|||
|
|||
} |
|||
|
|||
[uidensity="touch"] #urlbar[breakout][breakout-extend] { |
|||
|
|||
top: calc(4px - var(--mbarstyler-popout-pixels) + 1px) !important; /* updated for Proton */ |
|||
|
|||
} |
|||
|
|||
|
|||
|
|||
/* Prevent shift of URL bar contents */ |
|||
|
|||
#urlbar[breakout][breakout-extend] > #urlbar-input-container { |
|||
|
|||
height: var(--urlbar-height) !important; |
|||
|
|||
padding: 0 !important; |
|||
|
|||
} |
|||
|
|||
|
|||
|
|||
/* Do not animate */ |
|||
|
|||
#urlbar[breakout][breakout-extend] > #urlbar-background { |
|||
|
|||
animation: none !important;; |
|||
|
|||
} |
|||
|
|||
|
|||
|
|||
/* Remove shadows */ |
|||
|
|||
#urlbar[breakout][breakout-extend] > #urlbar-background { |
|||
|
|||
box-shadow: none !important; |
|||
|
|||
} |
|||
|
|||
|
|||
|
|||
/*** Top "Blue Bar" Display ***/ |
|||
|
|||
|
|||
|
|||
.urlbarView-row:first-of-type { |
|||
|
|||
display: var(--mbarstyler-top-bar-display) !important; |
|||
|
|||
} |
|||
|
|||
|
|||
|
|||
/*** Font Sizes and Scrolling ***/ |
|||
|
|||
|
|||
|
|||
/* Title font-size */ |
|||
|
|||
.urlbarView-row .urlbarView-title { |
|||
|
|||
font-size: var(--mbarstyler-title-font-size) !important; |
|||
|
|||
} |
|||
|
|||
|
|||
|
|||
/* URL / action font-size */ |
|||
|
|||
.urlbarView-row .urlbarView-secondary, |
|||
|
|||
.urlbarView-row .urlbarView-url, |
|||
|
|||
.urlbarView-row .urlbarView-action { |
|||
|
|||
font-size: var(--mbarstyler-url-font-size) !important; |
|||
|
|||
} |
|||
|
|||
|
|||
|
|||
/* Set max-height for items visible without scrolling */ |
|||
|
|||
#urlbarView-results, #urlbar-results { |
|||
|
|||
height: unset !important; |
|||
|
|||
max-height: calc(2.5 * (var(--mbarstyler-title-font-size) + var(--mbarstyler-bottom-border-width)) * var(--mbarstyler-max-rows-without-scrolling) + var(--mbarstyler-label-height-adjustment)) !important; |
|||
|
|||
} |
|||
|
|||
#urlbar-results { |
|||
|
|||
overflow-y: auto !important; |
|||
|
|||
} |
|||
|
|||
|
|||
|
|||
/* Clean up extra spacing at the top and bottom */ |
|||
|
|||
#urlbar-results { |
|||
|
|||
padding-top: 0 !important; |
|||
|
|||
padding-bottom: 0 !important; |
|||
|
|||
} |
|||
|
|||
/* Clean up extra vertical spacing on "tip" suggestions, shrink icon */ |
|||
|
|||
.urlbarView-row[type="tip"]{ |
|||
|
|||
padding-block: 0px !important; |
|||
|
|||
} |
|||
|
|||
.urlbarView-row[type="tip"] > .urlbarView-row-inner { |
|||
|
|||
min-height: 0px !important; |
|||
|
|||
} |
|||
|
|||
.urlbarView-row[type="tip"] > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-favicon { |
|||
|
|||
height: 16px !important; |
|||
|
|||
width: 16px !important; |
|||
|
|||
flex-basis: 16px !important; |
|||
|
|||
} |
|||
|
|||
|
|||
|
|||
/* Subtle border between results */ |
|||
|
|||
.urlbarView-row:not(:last-of-type) { |
|||
|
|||
border-bottom: var(--mbarstyler-bottom-border-width) solid rgba(0, 0, 0, 0.1) !important; |
|||
|
|||
} |
|||
|
|||
|
|||
|
|||
/* Match Styling Like Fx43-47 */ |
|||
|
|||
[lwt-popup-darktext] .urlbarView-row:not([selected]) .urlbarView-title strong, |
|||
|
|||
[lwt-popup-darktext] .urlbarView-row:not([selected]) .urlbarView-url strong { |
|||
|
|||
font-weight: var(--mbarstyler-match-weight) !important; |
|||
|
|||
box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, calc(var(--mbarstyler-match-background-opacity) * 2)); |
|||
|
|||
background-color: rgba(0, 0, 0, var(--mbarstyler-match-background-opacity)); |
|||
|
|||
border-radius: 2px; |
|||
|
|||
} |
|||
|
|||
[lwt-popup-brighttext] .urlbarView-row:not([selected]) .urlbarView-title strong, |
|||
|
|||
[lwt-popup-brighttext] .urlbarView-row:not([selected]) .urlbarView-url strong { |
|||
|
|||
font-weight: var(--mbarstyler-match-weight) !important; |
|||
|
|||
box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, calc(var(--mbarstyler-match-background-opacity) * 2)); |
|||
|
|||
background-color: rgba(255, 255, 255, var(--mbarstyler-match-background-opacity)); |
|||
|
|||
border-radius: 2px; |
|||
|
|||
} |
|||
|
|||
/*[[labelhider]]*/ |
|||
|
|||
/*** End of: Megabar Styler General ***/ |
|||
|
|||
|
|||
|
|||
/*** Megabar Styler Two-Row Flex Layout - version 2021-09-09 ***/ |
|||
|
|||
|
|||
|
|||
/* !!! Requires variables from Megabar Styler General !!! */ |
|||
|
|||
|
|||
|
|||
/* Adjust heights for scrolling */ |
|||
|
|||
#urlbarView-results, #urlbar-results { |
|||
|
|||
max-height: calc(1.625 * (var(--mbarstyler-title-font-size) + var(--mbarstyler-url-font-size) + var(--mbarstyler-bottom-border-width)) * var(--mbarstyler-max-rows-without-scrolling)) !important; |
|||
|
|||
} |
|||
|
|||
/* Wrap the url (adapted from Fx75 narrow bar design) */ |
|||
|
|||
.urlbarView-row-inner { |
|||
|
|||
flex-wrap: wrap !important; |
|||
|
|||
padding-block: 2px !important; |
|||
|
|||
} |
|||
|
|||
.urlbarView-no-wrap { |
|||
|
|||
max-width: 100% !important; |
|||
|
|||
flex-basis: 100% !important; |
|||
|
|||
position: relative; |
|||
|
|||
} |
|||
|
|||
/* Remove Proton excess height from search suggestions */ |
|||
|
|||
:root:not([uidensity="compact"]) .urlbarView-row[type="search"]{ |
|||
|
|||
min-height: unset !important; |
|||
|
|||
} |
|||
|
|||
|
|||
|
|||
/* Adjust horizontal and vertical URL position */ |
|||
|
|||
.urlbarView-row[has-url] > .urlbarView-row-inner > .urlbarView-url { |
|||
|
|||
padding-inline-start: calc(6px + 4px + /* favicon */ 16px) !important; |
|||
|
|||
margin-top: calc(2px + (var(--mbarstyler-url-font-size) - var(--mbarstyler-title-font-size))); |
|||
|
|||
} |
|||
|
|||
|
|||
|
|||
/* Hide the separator if there's a URL */ |
|||
|
|||
.urlbarView[actionoverride] .urlbarView-row[has-url] .urlbarView-title-separator, |
|||
|
|||
.urlbarView .urlbarView-row[has-url]:not([type$=tab]) .urlbarView-title-separator, |
|||
|
|||
.urlbarView .urlbarView-row[type=remotetab]:-moz-any(:hover, [selected]) .urlbarView-title-separator { |
|||
|
|||
display: none !important; |
|||
|
|||
} |
|||
|
|||
|
|||
|
|||
/* Move Switch Tab info to URL line :: added 2020-04-12 */ |
|||
|
|||
|
|||
|
|||
/* Make sure URL is always visible */ |
|||
|
|||
.urlbarView-row[type="switchtab"][has-url="true"] .urlbarView-url { |
|||
|
|||
visibility: visible !important; |
|||
|
|||
} |
|||
|
|||
/* Show Switch to Tab or Open depending on [actionoverride] */ |
|||
|
|||
.urlbarView:not([actionoverride]) .urlbarView-row[type="switchtab"][has-url="true"] .urlbarView-url::before { |
|||
|
|||
content: "Switch to Tab: "; |
|||
|
|||
font-style: italic; |
|||
|
|||
color: var(--urlbar-popup-action-color); |
|||
|
|||
} |
|||
|
|||
.urlbarView:not([actionoverride]) .urlbarView-row[type="switchtab"][has-url="true"][selected] .urlbarView-url::before { |
|||
|
|||
color: HighlightText; /* 2020-05-31 improve visibility when selected */ |
|||
|
|||
} |
|||
|
|||
.urlbarView[actionoverride] .urlbarView-row[type="switchtab"][has-url="true"] .urlbarView-url::before { |
|||
|
|||
content: "Open: "; |
|||
|
|||
font-style: italic; |
|||
|
|||
color: var(--urlbar-popup-action-color); |
|||
|
|||
} |
|||
|
|||
.urlbarView[actionoverride] .urlbarView-row[type="switchtab"][has-url="true"][selected] .urlbarView-url::before { |
|||
|
|||
color: HighlightText; /* 2020-05-31 improve visibility when selected */ |
|||
|
|||
} |
|||
|
|||
/* Hide the existing Action phrase and separator */ |
|||
|
|||
.urlbarView-row[type="switchtab"][has-url="true"] .urlbarView-action, |
|||
|
|||
.urlbarView-row[type="switchtab"][has-url="true"] .urlbarView-title-separator { |
|||
|
|||
display: none !important; |
|||
|
|||
} |
|||
|
|||
|
|||
|
|||
/* A little more room for the address bar when drop-down is open :: added 2020-06-02 */ |
|||
|
|||
|
|||
|
|||
.urlbarView { |
|||
|
|||
margin-block-start: 0 !important; |
|||
|
|||
} |
|||
|
|||
|
|||
|
|||
/*** End of: Megabar Styler Two-Row Flex Layout ***/ |
|||
|
|||
|
|||
|
|||
/*** Megabar Styler One-Offs - version 2020-05-31 ***/ |
|||
|
|||
|
|||
|
|||
/*** One-Off Search Button Preferences ***/ |
|||
|
|||
:root { |
|||
|
|||
/* One-Offs Display or Not */ |
|||
|
|||
--mbarstyler-oneoffs-display: flex; /* [flex,none] */ |
|||
|
|||
} |
|||
|
|||
|
|||
|
|||
/* Show or Hide the One-Offs Search Icon Bar */ |
|||
|
|||
#urlbar .search-one-offs:not([hidden]) { |
|||
|
|||
display: var(--mbarstyler-oneoffs-display) !important; |
|||
|
|||
} |
|||
|
|||
/* Shorten the One-Offs Search Icon Bar Vertically */ |
|||
|
|||
#urlbar .search-one-offs:not([hidden]) { |
|||
|
|||
padding-block: unset !important; |
|||
|
|||
} |
|||
|
|||
/* We don't need the text */ |
|||
|
|||
#urlbar .search-one-offs .search-panel-header { |
|||
|
|||
display: none !important; |
|||
|
|||
} |
|||
|
|||
|
|||
|
|||
/*** End of: Megabar Styler One-Offs ***/ |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
#nav-bar { height:16px!important; padding-top:0px!important; padding-bottom:0px!important; } |
|||
#urlbar-container #back-button {padding-top:0px !important; padding-bottom:0px !important;} |
|||
#urlbar-container #back-button image { padding:0px !important; } |
|||
|
|||
/* Tab bar: adjust height - chrome://browser/skin/browser.css */ |
|||
#tabbrowser-tabs, |
|||
.tab-background-start[selected=true]::after, |
|||
.tab-background-start[selected=true]::before, |
|||
.tab-background-start, |
|||
.tab-background-end, |
|||
.tab-background-end[selected=true]::after, |
|||
.tab-background-end[selected=true]::before { |
|||
min-height: 16px!important; |
|||
} |
|||
#tabbrowser-tabs {height:16px!important;} |
|||
#tabbrowser-tabs toolbar button > .toolbarbutton-icon {padding-bottom:0px!important} |
|||
|
|||
#PersonalToolbar { height:16px !important; } |
|||
#personal-bookmarks { min-height:16px !important; } |
|||
#personal-bookmarks toolbarbutton {padding:0px 0px!important;} |
|||
#personal-bookmarks .toolbarbutton-icon {margin: 0px 0px 0px 0px !important;} |
|||
#personal-bookmarks .toolbarbutton-text {margin: 0px 0px 0px 0px !important;} |
|||