582 lines
No EOL
11 KiB
CSS
582 lines
No EOL
11 KiB
CSS
.ac-type-icon
|
|
{
|
|
order: 9 !important;
|
|
margin-inline-start: 16px !important;
|
|
margin-inline-end: 0 !important;
|
|
}
|
|
|
|
.ac-site-icon
|
|
{
|
|
margin-inline-end: 16px !important;
|
|
}
|
|
|
|
.ac-separator
|
|
{
|
|
display: none !important;
|
|
}
|
|
|
|
.ac-title,
|
|
.ac-url
|
|
{
|
|
flex: 1 !important;
|
|
}
|
|
|
|
.search-panel-one-offs
|
|
{
|
|
border-radius: 0 0 8px 8px !important;
|
|
margin-bottom: 18px !important;
|
|
}
|
|
|
|
.search-one-offs
|
|
{
|
|
display: block !important;
|
|
}
|
|
|
|
#urlbarView-results
|
|
{
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.urlbarView-row
|
|
{
|
|
padding: 0 16px !important;
|
|
height: 32px !important;
|
|
border-radius: 0 !important;
|
|
}
|
|
|
|
.urlbarView-row-inner
|
|
{
|
|
height: 100% !important;
|
|
align-items: center !important;
|
|
}
|
|
|
|
.urlbarView-favicon
|
|
{
|
|
margin-inline-end: 16px !important;
|
|
}
|
|
|
|
.urlbarView-title-separator
|
|
{
|
|
flex: 1 !important;
|
|
}
|
|
|
|
.urlbarView-title-separator::before
|
|
{
|
|
display: none !important;
|
|
}
|
|
|
|
.urlbarView-type-icon
|
|
{
|
|
order: 1 !important;
|
|
margin-inline-start: 16px !important;
|
|
margin-inline-end: 0 !important;
|
|
}
|
|
|
|
/* .search-one-offs
|
|
{
|
|
padding: 4px !important;
|
|
display: flex !important;
|
|
flex-direction: column !important;
|
|
}
|
|
|
|
.search-panel-one-offs
|
|
{
|
|
display: flex !important;
|
|
flex-direction: row !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.searchbar-engine-one-off-item
|
|
{
|
|
height: 32px !important;
|
|
border-radius: 16px !important;
|
|
padding: 0 8px !important;
|
|
margin: 4px !important;
|
|
background-image: none !important;
|
|
color: inherit !important;
|
|
border: 0 !important;
|
|
display: flex !important;
|
|
justify-content: center !important;
|
|
align-items: center !important;
|
|
align-content: center !important;
|
|
}
|
|
|
|
.searchbar-engine-one-off-item > .button-box
|
|
{
|
|
width: 16px !important;
|
|
max-height: 16px !important;
|
|
transform: translateY(50%) !important;
|
|
}
|
|
|
|
.searchbar-engine-one-off-item::after
|
|
{
|
|
margin-inline-start: 8px !important;
|
|
content: attr(tooltiptext) !important;
|
|
line-height: 16px !important;
|
|
transform: translateY(calc(50% - 1px)) !important;
|
|
}
|
|
|
|
|
|
.searchbar-engine-one-off-item.dummy
|
|
{
|
|
display: none !important;
|
|
} */
|
|
|
|
/* 70+ */
|
|
|
|
#urlbar-container
|
|
{
|
|
max-height: 37px !important;
|
|
}
|
|
|
|
#urlbar,
|
|
#searchbar
|
|
{
|
|
font-size: 14px !important;
|
|
border-radius: 99px !important;
|
|
background-color: var(--toolbar-field-background-color) !important;
|
|
border: 0 !important;
|
|
box-shadow: none !important;
|
|
padding: 2px !important;
|
|
background-clip: padding-box !important;
|
|
min-height: 28px !important;
|
|
transition: background-color .1s var(--ease-basic) !important;
|
|
-moz-box-align: center !important;
|
|
|
|
display: block !important;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
#urlbar:not(:-moz-lwtheme),
|
|
#searchbar:not(:-moz-lwtheme)
|
|
{
|
|
color: inherit !important;
|
|
}
|
|
|
|
#urlbar:hover,
|
|
#searchbar:hover
|
|
{
|
|
background-color: var(--toolbar-field-hover-background-color) !important;
|
|
}
|
|
|
|
#urlbar[focused],
|
|
#urlbar[open],
|
|
#searchbar[focused],
|
|
#searchbar[open]
|
|
{
|
|
background-color: var(--toolbar-field-focus-background-color) !important;
|
|
}
|
|
|
|
#urlbar[focused],
|
|
#searchbar[focused]
|
|
{
|
|
border: 2px solid var(--toolbar-field-focus-border-color) !important;
|
|
padding: 0 !important;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
#urlbar[open],
|
|
#searchbar[open]
|
|
{
|
|
border: 0 !important;
|
|
padding: 0 !important;
|
|
border-radius: 8px 8px 0 0 !important;
|
|
min-height: 37px !important;
|
|
margin: 0 -5px -1px !important;
|
|
box-shadow:
|
|
0 5px 5px -3px rgba(0,0,0,.2),
|
|
0 8px 10px 1px rgba(0,0,0,.14),
|
|
0 3px 14px 2px rgba(0,0,0,.12) !important;
|
|
position: relative !important;
|
|
z-index: 99999 !important;
|
|
}
|
|
|
|
#urlbar-input-container
|
|
{
|
|
width: 100% !important;
|
|
display: flex !important;
|
|
align-items: center !important;
|
|
}
|
|
|
|
.urlbar-input-box
|
|
{
|
|
flex: 1 !important;
|
|
}
|
|
|
|
#urlbar-input
|
|
{
|
|
width: 100% !important;
|
|
}
|
|
|
|
#urlbar[open] #urlbar-input-container
|
|
{
|
|
height: 37px !important;
|
|
}
|
|
|
|
#urlbar[open] #identity-box
|
|
{
|
|
margin-inline-start: 8px !important;
|
|
margin-inline-end: 8px !important;
|
|
}
|
|
|
|
.urlbarView
|
|
{
|
|
top: 0 !important;
|
|
left: 0 !important;
|
|
right: 0 !important;
|
|
position: relative !important;
|
|
box-shadow: none !important;
|
|
background: 0 !important;
|
|
border: 0 !important;
|
|
background: white !important;
|
|
}
|
|
|
|
#urlbar[open] .urlbarView
|
|
{
|
|
display: block !important;
|
|
width: 100% !important;
|
|
}
|
|
|
|
#urlbar-results
|
|
{
|
|
padding: 0 !important;
|
|
}
|
|
|
|
#urlbar-container,
|
|
#searchbar-container
|
|
{
|
|
overflow: visible !important;
|
|
padding: 0 5px !important;
|
|
}
|
|
|
|
.searchbar-textbox
|
|
{
|
|
color: inherit !important;
|
|
font-size: inherit !important;
|
|
min-height: auto !important;
|
|
}
|
|
|
|
#urlbar[pageproxystate=valid] > #identity-box:not(.no-hover) > #identity-icon
|
|
{
|
|
fill-opacity: 1 !important;
|
|
}
|
|
|
|
#identity-icon-labels
|
|
{
|
|
transform: translateY(-3px) !important;
|
|
color: inherit !important;
|
|
opacity: 1 !important;
|
|
padding: 0 !important;
|
|
margin-inline-start: 8px !important;
|
|
display: none !important;
|
|
}
|
|
|
|
#identity-box,
|
|
#urlbar-display-box
|
|
{
|
|
position: relative !important;
|
|
}
|
|
|
|
/* separator */
|
|
#urlbar[pageproxystate=valid]:not([open]) #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden)::after,
|
|
#urlbar-display-box::after
|
|
{
|
|
content: "" !important;
|
|
display: -moz-box !important;
|
|
position: absolute !important;
|
|
top: 4px !important;
|
|
bottom: 4px !important;
|
|
right: 0 !important;
|
|
background: #9d9e9f !important;
|
|
width: 1px !important;
|
|
transition: opacity .2s var(--ease-basic) !important;
|
|
}
|
|
|
|
#urlbar[pageproxystate=valid]:not([open]) #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden),
|
|
#urlbar-display-box
|
|
{
|
|
margin-inline-end: 8px !important;
|
|
}
|
|
|
|
#urlbar[pageproxystate=valid]:not([open]) #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden) #identity-icon-labels
|
|
{
|
|
display: -moz-box !important;
|
|
}
|
|
|
|
|
|
#urlbar[pageproxystate=valid] #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden):hover:not(.no-hover)::after,
|
|
#urlbar[pageproxystate=valid] #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden)[open]::after
|
|
{
|
|
opacity: 0 !important;
|
|
}
|
|
|
|
#identity-box.extensionPage > #identity-icon
|
|
{
|
|
list-style-image: none !important;
|
|
margin-inline-end: -16px !important;
|
|
}
|
|
|
|
/* no longer used as a connection icon */
|
|
#connection-icon
|
|
{
|
|
display: none !important;
|
|
}
|
|
|
|
#identity-box:-moz-any(
|
|
.mixedActiveBlocked,
|
|
.mixedDisplayContentLoadedActiveBlocked,
|
|
.mixedActiveContent
|
|
) > #connection-icon
|
|
{
|
|
display: -moz-box !important;
|
|
}
|
|
|
|
#identity-box:-moz-any(.certUserOverridden, .unknownIdentity)
|
|
{
|
|
color: #c94031 !important;
|
|
}
|
|
|
|
.urlbar-input
|
|
{
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.searchbar-textbox
|
|
{
|
|
border: 0 !important;
|
|
background: 0 !important;
|
|
box-shadow: none !important;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
#page-action-buttons > #pageActionSeparator,
|
|
.urlbar-history-dropmarker
|
|
{
|
|
display: none !important;
|
|
}
|
|
|
|
#pageActionSeparator
|
|
{
|
|
height: 24px !important;
|
|
}
|
|
|
|
.urlbar-icon-wrapper
|
|
{
|
|
background: 0 !important;
|
|
}
|
|
|
|
.urlbar-icon,
|
|
#identity-box,
|
|
#tracking-protection-icon-container
|
|
{
|
|
min-width: 32px !important;
|
|
height: 24px !important;
|
|
padding: 4px 8px !important;
|
|
margin: 0 !important;
|
|
border: 0 !important;
|
|
border-radius: 99px !important;
|
|
fill-opacity: 1 !important;
|
|
transition: background-color .2s var(--ease-basic) !important;
|
|
background: 0 !important;
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
#identity-box #notification-popup-box
|
|
{
|
|
padding: 0 !important;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
#page-action-buttons
|
|
{
|
|
height: 24px !important;
|
|
}
|
|
|
|
#urlbar[open] #page-action-buttons
|
|
{
|
|
display: none !important;
|
|
}
|
|
|
|
.urlbar-icon:hover:not([disabled]),
|
|
#identity-box:hover:not(.no-hover),
|
|
#tracking-protection-icon-container:hover
|
|
{
|
|
background-color: var(--toolbarbutton-hover-background) !important;
|
|
}
|
|
|
|
.urlbar-icon:hover:active:not([disabled]),
|
|
.urlbar-icon[open],
|
|
#identity-box:hover:active:not(.no-hover),
|
|
#identity-box[open]:not(.no-hover),
|
|
#tracking-protection-icon-container[open]
|
|
{
|
|
background-color: var(--toolbarbutton-active-background) !important;
|
|
transition-duration: 0 !important;
|
|
}
|
|
|
|
#star-button-box
|
|
{
|
|
-moz-box-ordinal-group: 99 !important;
|
|
}
|
|
|
|
#pageActionButton
|
|
{
|
|
-moz-box-ordinal-group: 98 !important;
|
|
}
|
|
|
|
#contextual-feature-recommendation
|
|
{
|
|
-moz-box-ordinal-group: 97 !important;
|
|
width: auto !important;
|
|
}
|
|
|
|
.urlbar-page-action:-moz-any(
|
|
#reader-mode-button,
|
|
#pageActionButton,
|
|
#pocket-button-box,
|
|
#pageAction-urlbar-screenshots_mozilla_org,
|
|
#pageAction-urlbar-sendToDevice,
|
|
#pageAction-urlbar-emailLink,
|
|
#pageAction-urlbar-copyURL,
|
|
#pageAction-urlbar-shareURL,
|
|
#pageAction-urlbar-addSearchEngine
|
|
)
|
|
{
|
|
transition:
|
|
background-color .2s var(--ease-basic),
|
|
margin .15s var(--ease-in),
|
|
opacity .15s var(--ease-basic),
|
|
visibility 0s .2s !important;
|
|
opacity: 0 !important;
|
|
visibility: hidden !important;
|
|
margin-inline-start: -32px !important;
|
|
}
|
|
|
|
#urlbar:hover .urlbar-page-action:-moz-any(
|
|
#reader-mode-button,
|
|
#pageActionButton,
|
|
#pocket-button-box,
|
|
#pageAction-urlbar-screenshots_mozilla_org,
|
|
#pageAction-urlbar-sendToDevice,
|
|
#pageAction-urlbar-emailLink,
|
|
#pageAction-urlbar-copyURL,
|
|
#pageAction-urlbar-shareURL,
|
|
#pageAction-urlbar-addSearchEngine
|
|
),
|
|
.urlbar-page-action:-moz-any(
|
|
#reader-mode-button,
|
|
#pageActionButton,
|
|
#pocket-button-box,
|
|
#pageAction-urlbar-screenshots_mozilla_org,
|
|
#pageAction-urlbar-sendToDevice,
|
|
#pageAction-urlbar-emailLink,
|
|
#pageAction-urlbar-copyURL,
|
|
#pageAction-urlbar-shareURL,
|
|
#pageAction-urlbar-addSearchEngine
|
|
):-moz-any(:hover, [open], [readeractive])
|
|
{
|
|
transition:
|
|
background-color .2s var(--ease-basic),
|
|
margin .3s var(--ease-out),
|
|
opacity .3s var(--ease-basic) !important;
|
|
opacity: 1 !important;
|
|
visibility: visible !important;
|
|
margin-inline-start: 0 !important;
|
|
}
|
|
|
|
.urlbar-display
|
|
{
|
|
color: inherit !important;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
#pocket-button-box[animate] > #pocket-animatable-box
|
|
{
|
|
margin-inline-start: 6px !important;
|
|
}
|
|
|
|
#star-button-animatable-box
|
|
{
|
|
display: none !important;
|
|
}
|
|
|
|
#cfr-label-container
|
|
{
|
|
background: 0 !important;
|
|
}
|
|
|
|
#cfr-label
|
|
{
|
|
display: none !important;
|
|
}
|
|
|
|
#cfr-button
|
|
{
|
|
fill: currentColor !important;
|
|
}
|
|
|
|
#urlbar[open] .urlbar-go-button,
|
|
#searchbar[open] .search-go-button
|
|
{
|
|
height: 32px !important;
|
|
}
|
|
|
|
/* icons 1x */
|
|
#urlbar
|
|
{
|
|
--info-icon: url(../navbar/info-1x.svg);
|
|
--lock-icon: url(../navbar/connection-1x.svg);
|
|
--warning-icon: url(../navbar/connection-warning-1x.svg);
|
|
}
|
|
|
|
/* icons 2x */
|
|
@media (min--moz-device-pixel-ratio: 2)
|
|
{
|
|
#urlbar
|
|
{
|
|
--info-icon: url(../navbar/info-2x.svg);
|
|
--lock-icon: url(../navbar/connection-2x.svg);
|
|
--warning-icon: url(../navbar/connection-warning-2x.svg);
|
|
}
|
|
}
|
|
|
|
/* info (not secure) */
|
|
#identity-box[pageproxystate="valid"]:-moz-any(.notSecure, .insecureLoginForms, .mixedActiveContent) > #identity-icon
|
|
{
|
|
list-style-image: var(--info-icon) !important;
|
|
}
|
|
|
|
#identity-box[pageproxystate="valid"]:-moz-any(
|
|
.certUserOverridden,
|
|
.weakCipher,
|
|
.unknownIdentity) > #identity-icon
|
|
{
|
|
list-style-image: var(--warning-icon) !important;
|
|
}
|
|
|
|
/* lock (secure) */
|
|
#identity-box[pageproxystate="valid"]:-moz-any(.verifiedDomain, .verifiedIdentity, .mixedActiveBlocked) > #identity-icon
|
|
{
|
|
list-style-image: var(--lock-icon) !important;
|
|
}
|
|
|
|
/* high DPI adjustments */
|
|
@media (min--moz-device-pixel-ratio: 2)
|
|
{
|
|
#identity-icon-labels
|
|
{
|
|
padding-inline-end: .5px !important;
|
|
}
|
|
|
|
#urlbar[pageproxystate=valid] > #identity-box:-moz-any(.unknownIdentity, .notSecure) > #identity-icon
|
|
{
|
|
transform: translate(.5px, .5px) !important;
|
|
}
|
|
|
|
#identity-icon-labels,
|
|
.urlbar-input,
|
|
.searchbar-textbox
|
|
{
|
|
transform: translateY(-.5px) !important;
|
|
}
|
|
} |