clean up formatting
This commit is contained in:
bmFtZQ
GitHub
parent
7f2019f2d7
commit
8acf569381
1 changed files with 513 additions and 607 deletions
|
|
@ -1,10 +1,8 @@
|
|||
.urlbarView-body-inner
|
||||
{
|
||||
.urlbarView-body-inner {
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
.urlbarView-row
|
||||
{
|
||||
.urlbarView-row {
|
||||
padding: 0 !important;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
|
|
@ -13,8 +11,7 @@
|
|||
margin-bottom: 8px !important;
|
||||
}
|
||||
|
||||
.urlbarView-row-inner
|
||||
{
|
||||
.urlbarView-row-inner {
|
||||
align-items: center !important;
|
||||
position: relative !important;
|
||||
padding: 10px 0 !important;
|
||||
|
|
@ -25,57 +22,50 @@
|
|||
border-left: 3px solid transparent !important;
|
||||
}
|
||||
|
||||
.urlbarView-row:not([type="tip"], [type="dynamic"])[selected] > .urlbarView-row-inner, .urlbarView-row-inner[selected] {
|
||||
.urlbarView-row:not([type="tip"], [type="dynamic"])[selected]>.urlbarView-row-inner,
|
||||
.urlbarView-row-inner[selected] {
|
||||
border-color: var(--urlbar-popup-url-color) !important;
|
||||
}
|
||||
|
||||
.urlbarView-no-wrap
|
||||
{
|
||||
.urlbarView-no-wrap {
|
||||
height: 16px !important;
|
||||
align-items: center !important;
|
||||
margin-inline-start: 0 !important;
|
||||
max-width: 100% !important;
|
||||
}
|
||||
|
||||
.urlbarView-row[type="tabtosearch"] .urlbarView-no-wrap
|
||||
{
|
||||
.urlbarView-row[type="tabtosearch"] .urlbarView-no-wrap {
|
||||
height: 32px !important;
|
||||
}
|
||||
|
||||
.urlbarView-row[has-url][type]:not([type=bookmark]) .urlbarView-row-inner
|
||||
{
|
||||
.urlbarView-row[has-url][type]:not([type=bookmark]) .urlbarView-row-inner {
|
||||
flex-direction: column !important;
|
||||
align-items: flex-start !important;
|
||||
}
|
||||
|
||||
.urlbarView-row[has-url][type]:not([type=bookmark]) .urlbarView-no-wrap
|
||||
{
|
||||
.urlbarView-row[has-url][type]:not([type=bookmark]) .urlbarView-no-wrap {
|
||||
height: auto !important;
|
||||
align-self: flex-start !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.urlbarView-title-separator
|
||||
{
|
||||
.urlbarView-title-separator {
|
||||
visibility: visible !important;
|
||||
}
|
||||
|
||||
.urlbarView-title-separator::before
|
||||
{
|
||||
.urlbarView-title-separator::before {
|
||||
content: "-" !important;
|
||||
color: inherit !important;
|
||||
}
|
||||
|
||||
.urlbarView-title-separator,
|
||||
.urlbarView-action
|
||||
{
|
||||
.urlbarView-action {
|
||||
opacity: .6 !important;
|
||||
color: inherit !important;
|
||||
font-size: revert !important;
|
||||
}
|
||||
|
||||
.urlbarView-favicon
|
||||
{
|
||||
.urlbarView-favicon {
|
||||
position: absolute !important;
|
||||
left: 11px !important;
|
||||
top: 50% !important;
|
||||
|
|
@ -86,68 +76,58 @@
|
|||
}
|
||||
|
||||
.urlbarView-title,
|
||||
.urlbarView-url
|
||||
{
|
||||
.urlbarView-url {
|
||||
text-overflow: ellipsis !important;
|
||||
mask-image: none !important;
|
||||
}
|
||||
|
||||
.urlbarView-title
|
||||
{
|
||||
.urlbarView-title {
|
||||
flex: 1 !important;
|
||||
flex-basis: unset !important;
|
||||
}
|
||||
|
||||
.urlbarView-url
|
||||
{
|
||||
.urlbarView-url {
|
||||
max-width: 100% !important;
|
||||
font-size: revert !important;
|
||||
color: var(--urlbar-popup-url-color) !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.urlbarView-url:not(:empty)
|
||||
{
|
||||
.urlbarView-url:not(:empty) {
|
||||
visibility: visible !important;
|
||||
}
|
||||
|
||||
.urlbarView-action:not(:empty)
|
||||
{
|
||||
.urlbarView-action:not(:empty) {
|
||||
display: flex !important;
|
||||
}
|
||||
|
||||
.urlbarView-row[type=search]~.urlbarView-row[type=search] .urlbarView-title-separator,
|
||||
.urlbarView-row[type=search]~.urlbarView-row[type=search] .urlbarView-action,
|
||||
.urlbarView-row[has-url][type]:not([type=bookmark]) .urlbarView-title-separator,
|
||||
.urlbarView-type-icon
|
||||
{
|
||||
.urlbarView-type-icon {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.urlbarView-row[type=tip]>.urlbarView-row-inner>.urlbarView-favicon,
|
||||
.urlbarView-row[type=tip]>.urlbarView-row-inner>.urlbarView-title,
|
||||
.urlbarView-tip-button,
|
||||
.urlbarView-tip-help
|
||||
{
|
||||
.urlbarView-tip-help {
|
||||
margin-block-end: 0 !important;
|
||||
}
|
||||
|
||||
.urlbarView .search-one-offs
|
||||
{
|
||||
.urlbarView .search-one-offs {
|
||||
padding: 4px !important;
|
||||
display: flex !important;
|
||||
margin-top: -8px !important;
|
||||
}
|
||||
|
||||
.urlbarView .search-panel-one-offs-header
|
||||
{
|
||||
.urlbarView .search-panel-one-offs-header {
|
||||
margin-inline-start: 12px !important;
|
||||
line-height: 40px !important;
|
||||
transform: translateY(-1px) !important;
|
||||
}
|
||||
|
||||
.urlbarView .search-panel-one-offs
|
||||
{
|
||||
.urlbarView .search-panel-one-offs {
|
||||
border-radius: 0 0 8px 8px !important;
|
||||
display: inline-flex !important;
|
||||
flex-direction: row !important;
|
||||
|
|
@ -158,8 +138,7 @@
|
|||
height: auto !important;
|
||||
}
|
||||
|
||||
.urlbarView .searchbar-engine-one-off-item
|
||||
{
|
||||
.urlbarView .searchbar-engine-one-off-item {
|
||||
height: 32px !important;
|
||||
border-radius: 16px !important;
|
||||
padding: 0 8px !important;
|
||||
|
|
@ -169,14 +148,12 @@
|
|||
border: 0 !important;
|
||||
}
|
||||
|
||||
#urlbar-container
|
||||
{
|
||||
#urlbar-container {
|
||||
max-height: 36px !important;
|
||||
}
|
||||
|
||||
#urlbar,
|
||||
#searchbar
|
||||
{
|
||||
#searchbar {
|
||||
--urlbar-shadow: 0 1px 5px 0 #0001;
|
||||
font-size: 14px !important;
|
||||
border-radius: 4px !important;
|
||||
|
|
@ -198,14 +175,12 @@
|
|||
}
|
||||
|
||||
#urlbar:not(:-moz-lwtheme),
|
||||
#searchbar:not(:-moz-lwtheme)
|
||||
{
|
||||
#searchbar:not(:-moz-lwtheme) {
|
||||
color: inherit !important;
|
||||
}
|
||||
|
||||
#urlbar:hover,
|
||||
#searchbar:hover
|
||||
{
|
||||
#searchbar:hover {
|
||||
background-color: var(--toolbar-field-hover-background-color) !important;
|
||||
box-shadow: 0 0 0 1px inset var(--toolbar-field-hover-border-color, transparent), var(--urlbar-shadow) !important;
|
||||
}
|
||||
|
|
@ -213,14 +188,12 @@
|
|||
#urlbar[focused],
|
||||
#urlbar[open],
|
||||
#searchbar[focused],
|
||||
#searchbar[open]
|
||||
{
|
||||
#searchbar[open] {
|
||||
background-color: var(--toolbar-field-focus-background-color) !important;
|
||||
}
|
||||
|
||||
#urlbar[focused],
|
||||
#searchbar[focused]
|
||||
{
|
||||
#searchbar[focused] {
|
||||
box-shadow: 0 0 0 1px var(--toolbar-field-focus-border-color), inset 0 0 0 1px var(--toolbar-field-focus-border-color), var(--urlbar-shadow) !important;
|
||||
border: 0 !important;
|
||||
padding: 2px !important;
|
||||
|
|
@ -228,16 +201,14 @@
|
|||
}
|
||||
|
||||
/* if only focused, don't break out the urlbar */
|
||||
#urlbar[focused]:not([open])
|
||||
{
|
||||
#urlbar[focused]:not([open]) {
|
||||
width: 100% !important;
|
||||
left: 0 !important;
|
||||
right: 0 !important;
|
||||
}
|
||||
|
||||
#urlbar[open],
|
||||
#searchbar[open]
|
||||
{
|
||||
#searchbar[open] {
|
||||
border: 0 !important;
|
||||
padding: 0 !important;
|
||||
border-radius: 6px !important;
|
||||
|
|
@ -250,30 +221,29 @@
|
|||
0 3px 14px 2px rgba(0, 0, 0, .12) !important;
|
||||
z-index: 99999 !important;
|
||||
}
|
||||
|
||||
#urlbar[breakout][breakout-extend] {
|
||||
top: -2px;
|
||||
left: 0 !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
#urlbar[open] #urlbar-input {
|
||||
margin-right: 10px !important;
|
||||
}
|
||||
|
||||
/* 71+ */
|
||||
#urlbar-background
|
||||
{
|
||||
#urlbar-background {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#urlbar-input-container,
|
||||
#searchbar
|
||||
{
|
||||
#searchbar {
|
||||
display: flex !important;
|
||||
align-items: center !important;
|
||||
}
|
||||
|
||||
#urlbar-input-container
|
||||
{
|
||||
#urlbar-input-container {
|
||||
height: auto !important;
|
||||
padding: 0 !important;
|
||||
border: 0 !important;
|
||||
|
|
@ -281,48 +251,41 @@
|
|||
}
|
||||
|
||||
.urlbar-input-box,
|
||||
.searchbar-textbox
|
||||
{
|
||||
.searchbar-textbox {
|
||||
flex: 1 !important;
|
||||
}
|
||||
|
||||
#urlbar-input
|
||||
{
|
||||
#urlbar-input {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
#urlbar-input,
|
||||
.searchbar-textbox
|
||||
{
|
||||
.searchbar-textbox {
|
||||
color: var(--lwt-toolbar-field-color) !important;
|
||||
}
|
||||
|
||||
#urlbar[focused],
|
||||
#urlbar[focused] #urlbar-input,
|
||||
.searchbar-textbox:focus
|
||||
{
|
||||
.searchbar-textbox:focus {
|
||||
color: var(--lwt-toolbar-field-focus-color) !important;
|
||||
}
|
||||
|
||||
#urlbar-input::placeholder,
|
||||
.searchbar-textbox::placeholder
|
||||
{
|
||||
.searchbar-textbox::placeholder {
|
||||
opacity: .66 !important;
|
||||
}
|
||||
|
||||
#urlbar[open] #urlbar-input-container
|
||||
{
|
||||
#urlbar[open] #urlbar-input-container {
|
||||
height: 38px !important;
|
||||
margin-inline: 1px !important;
|
||||
}
|
||||
|
||||
#urlbar[open] #identity-box
|
||||
{
|
||||
#urlbar[open] #identity-box {
|
||||
margin-inline-start: 1px !important;
|
||||
margin-inline-end: 0px !important;
|
||||
}
|
||||
|
||||
.urlbarView
|
||||
{
|
||||
.urlbarView {
|
||||
top: 0 !important;
|
||||
left: 0 !important;
|
||||
right: 0 !important;
|
||||
|
|
@ -333,32 +296,27 @@
|
|||
margin: 0 !important;
|
||||
}
|
||||
|
||||
#urlbar[open] .urlbarView
|
||||
{
|
||||
#urlbar[open] .urlbarView {
|
||||
display: block !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
#urlbar-results
|
||||
{
|
||||
#urlbar-results {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
#urlbar-container,
|
||||
#searchbar-container
|
||||
{
|
||||
#searchbar-container {
|
||||
overflow: visible !important;
|
||||
padding: 0 !important;
|
||||
margin-inline: 6px !important;
|
||||
}
|
||||
|
||||
#identity-icon
|
||||
{
|
||||
#identity-icon {
|
||||
fill-opacity: 1 !important;
|
||||
}
|
||||
|
||||
#identity-icon-label
|
||||
{
|
||||
#identity-icon-label {
|
||||
color: inherit !important;
|
||||
opacity: 1 !important;
|
||||
padding: 0 !important;
|
||||
|
|
@ -368,21 +326,18 @@
|
|||
align-items: center !important;
|
||||
}
|
||||
|
||||
#identity-box
|
||||
{
|
||||
#identity-box {
|
||||
display: flex !important;
|
||||
position: relative !important;
|
||||
}
|
||||
|
||||
#urlbar-label-box
|
||||
{
|
||||
#urlbar-label-box {
|
||||
border: 0 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
/* separator */
|
||||
#identity-icon-label::after
|
||||
{
|
||||
#identity-icon-label::after {
|
||||
content: "" !important;
|
||||
display: block !important;
|
||||
position: absolute !important;
|
||||
|
|
@ -394,55 +349,44 @@
|
|||
}
|
||||
|
||||
#urlbar[pageproxystate=valid]:not([open]) #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden),
|
||||
#urlbar-label-box
|
||||
{
|
||||
#urlbar-label-box {
|
||||
margin-inline-end: 8px !important;
|
||||
}
|
||||
|
||||
#urlbar[pageproxystate=valid]:not([open]) #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden) #identity-icon-label
|
||||
{
|
||||
#urlbar[pageproxystate=valid]:not([open]) #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden) #identity-icon-label {
|
||||
display: flex !important;
|
||||
}
|
||||
|
||||
|
||||
#urlbar[pageproxystate=valid] #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden):not(.no-hover):-moz-any([open], :hover) #identity-icon-label::after
|
||||
{
|
||||
#urlbar[pageproxystate=valid] #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden):not(.no-hover):-moz-any([open], :hover) #identity-icon-label::after {
|
||||
opacity: 0 !important;
|
||||
}
|
||||
|
||||
#urlbar[pageproxystate=valid] #identity-box.extensionPage > #identity-icon
|
||||
{
|
||||
#urlbar[pageproxystate=valid] #identity-box.extensionPage>#identity-icon {
|
||||
list-style-image: none !important;
|
||||
margin-inline-end: -16px !important;
|
||||
}
|
||||
|
||||
/* no longer used as a connection icon */
|
||||
#connection-icon
|
||||
{
|
||||
#connection-icon {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#urlbar[pageproxystate=valid] #identity-box:-moz-any(
|
||||
.mixedActiveBlocked,
|
||||
#urlbar[pageproxystate=valid] #identity-box:-moz-any(.mixedActiveBlocked,
|
||||
.mixedDisplayContentLoadedActiveBlocked,
|
||||
.mixedActiveContent
|
||||
) > #connection-icon
|
||||
{
|
||||
.mixedActiveContent)>#connection-icon {
|
||||
display: -moz-box !important;
|
||||
}
|
||||
|
||||
#urlbar[pageproxystate=valid] #identity-box:-moz-any(.weakCipher, .certUserOverridden, .certErrorPage, .insecureLoginForms, .mixedActiveContent)
|
||||
{
|
||||
#urlbar[pageproxystate=valid] #identity-box:-moz-any(.weakCipher, .certUserOverridden, .certErrorPage, .insecureLoginForms, .mixedActiveContent) {
|
||||
color: #c94031 !important;
|
||||
}
|
||||
|
||||
.urlbar-input
|
||||
{
|
||||
.urlbar-input {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.searchbar-textbox
|
||||
{
|
||||
.searchbar-textbox {
|
||||
border: 0 !important;
|
||||
background: 0 !important;
|
||||
box-shadow: none !important;
|
||||
|
|
@ -450,14 +394,12 @@
|
|||
-moz-appearance: none !important;
|
||||
}
|
||||
|
||||
.searchbar-search-icon
|
||||
{
|
||||
.searchbar-search-icon {
|
||||
margin: 0 !important;
|
||||
fill-opacity: 1 !important;
|
||||
}
|
||||
|
||||
.searchbar-search-icon-overlay
|
||||
{
|
||||
.searchbar-search-icon-overlay {
|
||||
margin-inline-start: -11px !important;
|
||||
margin-inline-end: 0 !important;
|
||||
|
||||
|
|
@ -466,18 +408,15 @@
|
|||
}
|
||||
|
||||
#page-action-buttons>#pageActionSeparator,
|
||||
.urlbar-history-dropmarker
|
||||
{
|
||||
.urlbar-history-dropmarker {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#pageActionSeparator
|
||||
{
|
||||
#pageActionSeparator {
|
||||
height: 24px !important;
|
||||
}
|
||||
|
||||
.urlbar-icon-wrapper
|
||||
{
|
||||
.urlbar-icon-wrapper {
|
||||
background: 0 !important;
|
||||
}
|
||||
|
||||
|
|
@ -486,8 +425,7 @@
|
|||
.searchbar-search-button,
|
||||
#tracking-protection-icon-box,
|
||||
#identity-icon-box,
|
||||
#identity-permission-box
|
||||
{
|
||||
#identity-permission-box {
|
||||
min-width: 36px !important;
|
||||
height: 26px !important;
|
||||
min-height: 26px !important;
|
||||
|
|
@ -501,27 +439,23 @@
|
|||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
#identity-box
|
||||
{
|
||||
#identity-box {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
#identity-icon-box
|
||||
{
|
||||
#identity-icon-box {
|
||||
min-width: 40px !important;
|
||||
padding: 5px 12px !important;
|
||||
}
|
||||
|
||||
#identity-permission-box
|
||||
{
|
||||
#identity-permission-box {
|
||||
min-width: 28px !important;
|
||||
padding: 5px 0px !important;
|
||||
padding-inline-end: 12px !important;
|
||||
margin: 0 0 0 -8px !important;
|
||||
}
|
||||
|
||||
#tracking-protection-icon-container
|
||||
{
|
||||
#tracking-protection-icon-container {
|
||||
background: 0 !important;
|
||||
border: 0 !important;
|
||||
margin: 0 !important;
|
||||
|
|
@ -530,14 +464,12 @@
|
|||
order: 97 !important;
|
||||
}
|
||||
|
||||
#tracking-protection-icon-box
|
||||
{
|
||||
#tracking-protection-icon-box {
|
||||
display: block !important;
|
||||
width: 32px !important;
|
||||
}
|
||||
|
||||
#tracking-protection-icon-box
|
||||
{
|
||||
#tracking-protection-icon-box {
|
||||
transition:
|
||||
background-color .2s var(--ease-basic),
|
||||
width .15s var(--ease-in),
|
||||
|
|
@ -550,8 +482,7 @@
|
|||
|
||||
#urlbar:hover #tracking-protection-icon-box,
|
||||
#tracking-protection-icon-container[open] #tracking-protection-icon-box,
|
||||
#tracking-protection-icon-box[active]
|
||||
{
|
||||
#tracking-protection-icon-box[active] {
|
||||
transition:
|
||||
background-color .2s var(--ease-basic),
|
||||
width .3s var(--ease-out),
|
||||
|
|
@ -561,41 +492,36 @@
|
|||
width: 36px !important;
|
||||
}
|
||||
|
||||
#tracking-protection-icon
|
||||
{
|
||||
#tracking-protection-icon {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
#tracking-protection-icon-animatable-box
|
||||
{
|
||||
#tracking-protection-icon-animatable-box {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#identity-box #notification-popup-box
|
||||
{
|
||||
#identity-box #notification-popup-box {
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
#page-action-buttons
|
||||
{
|
||||
#page-action-buttons {
|
||||
height: 26px !important;
|
||||
display: flex !important;
|
||||
order: 99 !important;
|
||||
}
|
||||
|
||||
#urlbar[open] #page-action-buttons,
|
||||
#urlbar[open] #tracking-protection-icon-container
|
||||
{
|
||||
#urlbar[open] #tracking-protection-icon-container {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.urlbar-icon:hover:not([disabled]),
|
||||
#page-action-buttons>toolbarbutton:hover:not([disabled]),
|
||||
.searchbar-search-button:hover,
|
||||
#identity-icon-box:hover, #identity-permission-box:hover,
|
||||
#tracking-protection-icon-container:hover #tracking-protection-icon-box
|
||||
{
|
||||
#identity-icon-box:hover,
|
||||
#identity-permission-box:hover,
|
||||
#tracking-protection-icon-container:hover #tracking-protection-icon-box {
|
||||
background-color: var(--toolbarbutton-hover-background) !important;
|
||||
}
|
||||
|
||||
|
|
@ -605,19 +531,16 @@
|
|||
.searchbar-search-button:hover:active,
|
||||
:-moz-any(#identity-icon-box, #identity-permission-box):-moz-any(:active, [open]),
|
||||
#identity-box[open]:not(.no-hover),
|
||||
#tracking-protection-icon-container[open] #tracking-protection-icon-box
|
||||
{
|
||||
#tracking-protection-icon-container[open] #tracking-protection-icon-box {
|
||||
background-color: var(--toolbarbutton-active-background) !important;
|
||||
transition-duration: 0 !important;
|
||||
}
|
||||
|
||||
#contextual-feature-recommendation
|
||||
{
|
||||
#contextual-feature-recommendation {
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
.urlbar-page-action:-moz-any(
|
||||
#reader-mode-button,
|
||||
.urlbar-page-action:-moz-any(#reader-mode-button,
|
||||
#pageActionButton,
|
||||
#pocket-button-box,
|
||||
#pageAction-urlbar-screenshots_mozilla_org,
|
||||
|
|
@ -625,9 +548,7 @@
|
|||
#pageAction-urlbar-emailLink,
|
||||
#pageAction-urlbar-copyURL,
|
||||
#pageAction-urlbar-shareURL,
|
||||
#pageAction-urlbar-addSearchEngine
|
||||
)
|
||||
{
|
||||
#pageAction-urlbar-addSearchEngine) {
|
||||
transition:
|
||||
background-color .2s var(--ease-basic),
|
||||
margin .15s var(--ease-in),
|
||||
|
|
@ -638,30 +559,7 @@
|
|||
margin-inline-start: -36px !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]),
|
||||
.urlbar-page-action:-moz-any(:hover, [open]) ~ .urlbar-page-action:-moz-any(
|
||||
#reader-mode-button,
|
||||
#urlbar:hover .urlbar-page-action:-moz-any(#reader-mode-button,
|
||||
#pageActionButton,
|
||||
#pocket-button-box,
|
||||
#pageAction-urlbar-screenshots_mozilla_org,
|
||||
|
|
@ -670,8 +568,7 @@
|
|||
#pageAction-urlbar-copyURL,
|
||||
#pageAction-urlbar-shareURL,
|
||||
#pageAction-urlbar-addSearchEngine),
|
||||
#tracking-protection-icon-container[open] ~ #page-action-buttons .urlbar-page-action:-moz-any(
|
||||
#reader-mode-button,
|
||||
.urlbar-page-action:-moz-any(#reader-mode-button,
|
||||
#pageActionButton,
|
||||
#pocket-button-box,
|
||||
#pageAction-urlbar-screenshots_mozilla_org,
|
||||
|
|
@ -679,8 +576,25 @@
|
|||
#pageAction-urlbar-emailLink,
|
||||
#pageAction-urlbar-copyURL,
|
||||
#pageAction-urlbar-shareURL,
|
||||
#pageAction-urlbar-addSearchEngine)
|
||||
{
|
||||
#pageAction-urlbar-addSearchEngine):-moz-any(:hover, [open], [readeractive]),
|
||||
.urlbar-page-action:-moz-any(:hover, [open])~.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),
|
||||
#tracking-protection-icon-container[open]~#page-action-buttons .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 .3s var(--ease-out),
|
||||
|
|
@ -690,24 +604,20 @@
|
|||
margin-inline-start: 0 !important;
|
||||
}
|
||||
|
||||
.urlbar-display
|
||||
{
|
||||
.urlbar-display {
|
||||
color: inherit !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
#pocket-button-box[animate] > #pocket-animatable-box
|
||||
{
|
||||
#pocket-button-box[animate]>#pocket-animatable-box {
|
||||
margin-inline-start: 6px !important;
|
||||
}
|
||||
|
||||
#star-button-animatable-box
|
||||
{
|
||||
#star-button-animatable-box {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#userContext-icons
|
||||
{
|
||||
#userContext-icons {
|
||||
flex-direction: row !important;
|
||||
align-items: center !important;
|
||||
justify-content: center !important;
|
||||
|
|
@ -717,30 +627,25 @@
|
|||
color: var(--identity-tab-color) !important;
|
||||
}
|
||||
|
||||
#userContext-icons:not([hidden])
|
||||
{
|
||||
#userContext-icons:not([hidden]) {
|
||||
display: flex !important;
|
||||
}
|
||||
|
||||
#userContext-icons > *
|
||||
{
|
||||
#userContext-icons>* {
|
||||
z-index: 1 !important;
|
||||
color: inherit !important;
|
||||
fill: currentColor !important;
|
||||
}
|
||||
|
||||
#userContext-label
|
||||
{
|
||||
#userContext-label {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
#userContext-label + #userContext-indicator
|
||||
{
|
||||
#userContext-label+#userContext-indicator {
|
||||
margin-inline-start: 6px !important;
|
||||
}
|
||||
|
||||
#userContext-icons::before
|
||||
{
|
||||
#userContext-icons::before {
|
||||
content: '' !important;
|
||||
position: absolute !important;
|
||||
left: 0 !important;
|
||||
|
|
@ -752,18 +657,15 @@
|
|||
opacity: .1 !important;
|
||||
}
|
||||
|
||||
#cfr-label-container
|
||||
{
|
||||
#cfr-label-container {
|
||||
background: 0 !important;
|
||||
}
|
||||
|
||||
#cfr-label
|
||||
{
|
||||
#cfr-label {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#cfr-button
|
||||
{
|
||||
#cfr-button {
|
||||
fill: currentColor !important;
|
||||
}
|
||||
|
||||
|
|
@ -771,8 +673,7 @@
|
|||
#searchbar[open] #search-go-button,
|
||||
/* < 71 */
|
||||
#urlbar[open] .urlbar-go-button,
|
||||
#searchbar[open] .search-go-button
|
||||
{
|
||||
#searchbar[open] .search-go-button {
|
||||
height: 32px !important;
|
||||
}
|
||||
|
||||
|
|
@ -780,34 +681,32 @@
|
|||
#search-go-button,
|
||||
/* < 71 */
|
||||
.urlbar-go-button,
|
||||
.search-go-button
|
||||
{
|
||||
.search-go-button {
|
||||
list-style-image: url(go.svg) !important;
|
||||
}
|
||||
|
||||
.search-go-container
|
||||
{
|
||||
.search-go-container {
|
||||
display: flex !important;
|
||||
}
|
||||
|
||||
#searchbar .textbox-input
|
||||
{
|
||||
#searchbar .textbox-input {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
/* lock (secure) */
|
||||
#identity-box[pageproxystate="valid"].verifiedDomain #identity-icon, #identity-box[pageproxystate="valid"].mixedActiveBlocked #identity-icon
|
||||
{
|
||||
#identity-box[pageproxystate="valid"].verifiedDomain #identity-icon,
|
||||
#identity-box[pageproxystate="valid"].mixedActiveBlocked #identity-icon {
|
||||
list-style-image: url(connection.svg) !important;
|
||||
}
|
||||
#identity-popup[connection^="secure"] .identity-popup-security-connection
|
||||
{
|
||||
|
||||
#identity-popup[connection^="secure"] .identity-popup-security-connection {
|
||||
background-image: url(connection.svg) !important;
|
||||
}
|
||||
|
||||
/* info (not secure) */
|
||||
#identity-box[pageproxystate="valid"].notSecure #identity-icon, #identity-box[pageproxystate="valid"].mixedActiveContent #identity-icon, #identity-box[pageproxystate="valid"].httpsOnlyErrorPage #identity-icon
|
||||
{
|
||||
#identity-box[pageproxystate="valid"].notSecure #identity-icon,
|
||||
#identity-box[pageproxystate="valid"].mixedActiveContent #identity-icon,
|
||||
#identity-box[pageproxystate="valid"].httpsOnlyErrorPage #identity-icon {
|
||||
list-style-image: url(info.svg) !important;
|
||||
}
|
||||
|
||||
|
|
@ -816,8 +715,7 @@
|
|||
}
|
||||
|
||||
/* warning (dangerous) */
|
||||
#identity-box[pageproxystate="valid"]:-moz-any(.notSecure, .weakCipher, .certUserOverridden, .certErrorPage, .insecureLoginForms, .mixedActiveContent) > #identity-icon
|
||||
{
|
||||
#identity-box[pageproxystate="valid"]:-moz-any(.notSecure, .weakCipher, .certUserOverridden, .certErrorPage, .insecureLoginForms, .mixedActiveContent)>#identity-icon {
|
||||
list-style-image: url(connection-warning.svg) !important;
|
||||
}
|
||||
|
||||
|
|
@ -826,23 +724,20 @@
|
|||
list-style-image: url(document.svg) !important;
|
||||
}
|
||||
|
||||
#identity-popup[connection="file"] .identity-popup-security-connection
|
||||
{
|
||||
#identity-popup[connection="file"] .identity-popup-security-connection {
|
||||
background-image: url(document.svg) !important;
|
||||
}
|
||||
|
||||
/* permissions */
|
||||
#permissions-granted-icon
|
||||
{
|
||||
#permissions-granted-icon {
|
||||
list-style-image: url(permissions.svg) !important;
|
||||
}
|
||||
|
||||
.geo-icon
|
||||
{
|
||||
.geo-icon {
|
||||
list-style-image: url(permissions/geo.svg) !important;
|
||||
}
|
||||
.geo-icon.blocked-permission-icon
|
||||
{
|
||||
|
||||
.geo-icon.blocked-permission-icon {
|
||||
list-style-image: url(permissions/geo-blocked.svg) !important;
|
||||
}
|
||||
|
||||
|
|
@ -854,7 +749,8 @@
|
|||
list-style-image: url(permissions/xr-blocked.svg) !important;
|
||||
}
|
||||
|
||||
.popup-notification-icon[popupid="web-notifications"], .desktop-notification-icon {
|
||||
.popup-notification-icon[popupid="web-notifications"],
|
||||
.desktop-notification-icon {
|
||||
list-style-image: url(permissions/desktop-notification.svg) !important;
|
||||
}
|
||||
|
||||
|
|
@ -886,7 +782,8 @@
|
|||
list-style-image: url(permissions/screen-blocked.svg) !important;
|
||||
}
|
||||
|
||||
.popup-notification-icon[popupid="persistent-storage"], .persistent-storage-icon {
|
||||
.popup-notification-icon[popupid="persistent-storage"],
|
||||
.persistent-storage-icon {
|
||||
list-style-image: url(permissions/persistent-storage.svg) !important;
|
||||
}
|
||||
|
||||
|
|
@ -906,7 +803,9 @@
|
|||
list-style-image: url(permissions/autoplay-media-blocked.svg) !important;
|
||||
}
|
||||
|
||||
#canvas-notification-icon, .popup-notification-icon[popupid="canvas-permissions-prompt"], .canvas-icon {
|
||||
#canvas-notification-icon,
|
||||
.popup-notification-icon[popupid="canvas-permissions-prompt"],
|
||||
.canvas-icon {
|
||||
list-style-image: url(permissions/canvas.svg) !important;
|
||||
}
|
||||
|
||||
|
|
@ -914,7 +813,10 @@
|
|||
list-style-image: url(permissions/canvas-blocked.svg) !important;
|
||||
}
|
||||
|
||||
.midi-icon, .midi-sysex-icon, .popup-notification-icon[popupid="midi"], .popup-notification-icon[popupid="midi-sysex"] {
|
||||
.midi-icon,
|
||||
.midi-sysex-icon,
|
||||
.popup-notification-icon[popupid="midi"],
|
||||
.popup-notification-icon[popupid="midi-sysex"] {
|
||||
list-style-image: url(permissions/midi.svg) !important;
|
||||
}
|
||||
|
||||
|
|
@ -922,20 +824,24 @@
|
|||
list-style-image: url(permissions/addon-install.svg) !important;
|
||||
}
|
||||
|
||||
.install-icon.blocked-permission-icon, .popup-notification-icon[popupid="xpinstall-disabled"], .popup-notification-icon[popupid="addon-install-blocked"], .popup-notification-icon[popupid="addon-install-origin-blocked"] {
|
||||
.install-icon.blocked-permission-icon,
|
||||
.popup-notification-icon[popupid="xpinstall-disabled"],
|
||||
.popup-notification-icon[popupid="addon-install-blocked"],
|
||||
.popup-notification-icon[popupid="addon-install-origin-blocked"] {
|
||||
list-style-image: url(permissions/addon-install-blocked.svg) !important;
|
||||
}
|
||||
|
||||
#urlbar-input,
|
||||
#searchbar-input,
|
||||
.searchbar-textbox /* < 71 */
|
||||
.searchbar-textbox
|
||||
|
||||
/* < 71 */
|
||||
{
|
||||
transform: translateY(var(--input-offset)) !important;
|
||||
line-height: 1.745em !important;
|
||||
}
|
||||
|
||||
#urlbar,
|
||||
#searchbar
|
||||
{
|
||||
#searchbar {
|
||||
--input-offset: -1px;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue