499 lines
11 KiB
CSS
499 lines
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;
|
|
}
|
|
}
|