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