clean up formatting
This commit is contained in:
parent
4e3cce61ab
commit
72fc5a3d76
2 changed files with 1103 additions and 1217 deletions
File diff suppressed because it is too large
Load diff
|
@ -1,75 +1,62 @@
|
|||
.ac-type-icon
|
||||
{
|
||||
order: 9 !important;
|
||||
margin-inline-start: 16px !important;
|
||||
margin-inline-end: 0 !important;
|
||||
.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-site-icon {
|
||||
margin-inline-end: 16px !important;
|
||||
}
|
||||
|
||||
.ac-separator
|
||||
{
|
||||
display: none !important;
|
||||
.ac-separator {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.ac-title,
|
||||
.ac-url
|
||||
{
|
||||
flex: 1 !important;
|
||||
.ac-url {
|
||||
flex: 1 !important;
|
||||
}
|
||||
|
||||
.search-panel-one-offs
|
||||
{
|
||||
border-radius: 0 0 8px 8px !important;
|
||||
margin-bottom: 18px !important;
|
||||
.search-panel-one-offs {
|
||||
border-radius: 0 0 8px 8px !important;
|
||||
margin-bottom: 18px !important;
|
||||
}
|
||||
|
||||
.search-one-offs
|
||||
{
|
||||
display: block !important;
|
||||
.search-one-offs {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
#urlbarView-results
|
||||
{
|
||||
padding: 0 !important;
|
||||
#urlbarView-results {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.urlbarView-row
|
||||
{
|
||||
padding: 0 16px !important;
|
||||
height: 32px !important;
|
||||
border-radius: 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-row-inner {
|
||||
height: 100% !important;
|
||||
align-items: center !important;
|
||||
}
|
||||
|
||||
.urlbarView-favicon
|
||||
{
|
||||
margin-inline-end: 16px !important;
|
||||
.urlbarView-favicon {
|
||||
margin-inline-end: 16px !important;
|
||||
}
|
||||
|
||||
.urlbarView-title-separator
|
||||
{
|
||||
flex: 1 !important;
|
||||
.urlbarView-title-separator {
|
||||
flex: 1 !important;
|
||||
}
|
||||
|
||||
.urlbarView-title-separator::before
|
||||
{
|
||||
display: none !important;
|
||||
.urlbarView-title-separator::before {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.urlbarView-type-icon
|
||||
{
|
||||
order: 1 !important;
|
||||
margin-inline-start: 16px !important;
|
||||
margin-inline-end: 0 !important;
|
||||
.urlbarView-type-icon {
|
||||
order: 1 !important;
|
||||
margin-inline-start: 16px !important;
|
||||
margin-inline-end: 0 !important;
|
||||
}
|
||||
|
||||
/* .search-one-offs
|
||||
|
@ -124,459 +111,389 @@
|
|||
|
||||
/* 70+ */
|
||||
|
||||
#urlbar-container
|
||||
{
|
||||
max-height: 37px !important;
|
||||
#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;
|
||||
#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;
|
||||
#searchbar:not(:-moz-lwtheme) {
|
||||
color: inherit !important;
|
||||
}
|
||||
|
||||
#urlbar:hover,
|
||||
#searchbar:hover
|
||||
{
|
||||
background-color: var(--toolbar-field-hover-background-color) !important;
|
||||
#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;
|
||||
#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;
|
||||
#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;
|
||||
#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-container {
|
||||
width: 100% !important;
|
||||
display: flex !important;
|
||||
align-items: center !important;
|
||||
}
|
||||
|
||||
.urlbar-input-box
|
||||
{
|
||||
flex: 1 !important;
|
||||
.urlbar-input-box {
|
||||
flex: 1 !important;
|
||||
}
|
||||
|
||||
#urlbar-input
|
||||
{
|
||||
width: 100% !important;
|
||||
#urlbar-input {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
#urlbar[open] #urlbar-input-container
|
||||
{
|
||||
height: 37px !important;
|
||||
#urlbar[open] #urlbar-input-container {
|
||||
height: 37px !important;
|
||||
}
|
||||
|
||||
#urlbar[open] #identity-box
|
||||
{
|
||||
margin-inline-start: 8px !important;
|
||||
margin-inline-end: 8px !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;
|
||||
.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[open] .urlbarView {
|
||||
display: block !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
#urlbar-results
|
||||
{
|
||||
padding: 0 !important;
|
||||
#urlbar-results {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
#urlbar-container,
|
||||
#searchbar-container
|
||||
{
|
||||
overflow: visible !important;
|
||||
padding: 0 5px !important;
|
||||
#searchbar-container {
|
||||
overflow: visible !important;
|
||||
padding: 0 5px !important;
|
||||
}
|
||||
|
||||
.searchbar-textbox
|
||||
{
|
||||
color: inherit !important;
|
||||
font-size: inherit !important;
|
||||
min-height: auto !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;
|
||||
#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-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;
|
||||
#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-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-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]: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;
|
||||
#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;
|
||||
#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;
|
||||
#connection-icon {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#identity-box:-moz-any(
|
||||
.mixedActiveBlocked,
|
||||
.mixedDisplayContentLoadedActiveBlocked,
|
||||
.mixedActiveContent
|
||||
) > #connection-icon
|
||||
{
|
||||
display: -moz-box !important;
|
||||
#identity-box:-moz-any(.mixedActiveBlocked,
|
||||
.mixedDisplayContentLoadedActiveBlocked,
|
||||
.mixedActiveContent)>#connection-icon {
|
||||
display: -moz-box !important;
|
||||
}
|
||||
|
||||
#identity-box:-moz-any(.certUserOverridden, .unknownIdentity)
|
||||
{
|
||||
color: #c94031 !important;
|
||||
#identity-box:-moz-any(.certUserOverridden, .unknownIdentity) {
|
||||
color: #c94031 !important;
|
||||
}
|
||||
|
||||
.urlbar-input
|
||||
{
|
||||
padding: 0 !important;
|
||||
.urlbar-input {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.searchbar-textbox
|
||||
{
|
||||
border: 0 !important;
|
||||
background: 0 !important;
|
||||
box-shadow: none !important;
|
||||
margin: 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;
|
||||
#page-action-buttons>#pageActionSeparator,
|
||||
.urlbar-history-dropmarker {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#pageActionSeparator
|
||||
{
|
||||
height: 24px !important;
|
||||
#pageActionSeparator {
|
||||
height: 24px !important;
|
||||
}
|
||||
|
||||
.urlbar-icon-wrapper
|
||||
{
|
||||
background: 0 !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;
|
||||
#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;
|
||||
#identity-box #notification-popup-box {
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
#page-action-buttons
|
||||
{
|
||||
height: 24px !important;
|
||||
#page-action-buttons {
|
||||
height: 24px !important;
|
||||
}
|
||||
|
||||
#urlbar[open] #page-action-buttons
|
||||
{
|
||||
display: none !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;
|
||||
#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;
|
||||
#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;
|
||||
#star-button-box {
|
||||
-moz-box-ordinal-group: 99 !important;
|
||||
}
|
||||
|
||||
#pageActionButton
|
||||
{
|
||||
-moz-box-ordinal-group: 98 !important;
|
||||
#pageActionButton {
|
||||
-moz-box-ordinal-group: 98 !important;
|
||||
}
|
||||
|
||||
#contextual-feature-recommendation
|
||||
{
|
||||
-moz-box-ordinal-group: 97 !important;
|
||||
width: auto !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-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: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;
|
||||
.urlbar-display {
|
||||
color: inherit !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
#pocket-button-box[animate] > #pocket-animatable-box
|
||||
{
|
||||
margin-inline-start: 6px !important;
|
||||
#pocket-button-box[animate]>#pocket-animatable-box {
|
||||
margin-inline-start: 6px !important;
|
||||
}
|
||||
|
||||
#star-button-animatable-box
|
||||
{
|
||||
display: none !important;
|
||||
#star-button-animatable-box {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#cfr-label-container
|
||||
{
|
||||
background: 0 !important;
|
||||
#cfr-label-container {
|
||||
background: 0 !important;
|
||||
}
|
||||
|
||||
#cfr-label
|
||||
{
|
||||
display: none !important;
|
||||
#cfr-label {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#cfr-button
|
||||
{
|
||||
fill: currentColor !important;
|
||||
#cfr-button {
|
||||
fill: currentColor !important;
|
||||
}
|
||||
|
||||
#urlbar[open] .urlbar-go-button,
|
||||
#searchbar[open] .search-go-button
|
||||
{
|
||||
height: 32px !important;
|
||||
#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);
|
||||
#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);
|
||||
}
|
||||
@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(.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;
|
||||
#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;
|
||||
#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;
|
||||
}
|
||||
}
|
||||
@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;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue