mirror of http://CODE.RHODECODE.COM/u/O/O/O
OOOO
1 year ago
1 changed files with 0 additions and 926 deletions
@ -1,926 +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 ***/ |
||||
Loading…
Reference in new issue