structured by element; logger hover row; re-added and unnested about:blank section
This commit is contained in:
stonecrusher
GitHub
parent
33b5be918c
commit
d35673a5f8
|
|
@ -6,6 +6,7 @@
|
|||
background-image: none!important;
|
||||
border-color: var(--in-content-box-border-color)!important;
|
||||
color: var(--in-content-text-color)!important;
|
||||
/*opacity: 1!important/**/
|
||||
}
|
||||
button#bye,
|
||||
button#proceedPermanent,
|
||||
|
|
@ -228,58 +229,10 @@
|
|||
.permatoolbar .button:hover {
|
||||
background-color: var(--grey-60)!important
|
||||
}
|
||||
#netInspector tr.blocked {
|
||||
background-color: #4b3137!important;
|
||||
color: #ff9494!important
|
||||
}
|
||||
#netInspector #filterInput,
|
||||
#netInspector #maxEntries {
|
||||
-moz-appearance: none!important;
|
||||
background: var(--tone-6)!important;
|
||||
color: var(--tone-4)!important;
|
||||
border: 1px solid!important;
|
||||
padding: 5px!important
|
||||
}
|
||||
#netInspector tr.cosmetic,
|
||||
#netInspector tr.redirect {
|
||||
background-color: #44391f!important;
|
||||
color: #fce19f!important
|
||||
}
|
||||
#netInspector tr.cat_net td:nth-of-type(4):hover,
|
||||
body:not(.popupOn) #netInspector tr.canMtx td:nth-of-type(2):hover {
|
||||
background: var(--tone-8)!important
|
||||
}
|
||||
.modalDialog .dialog {
|
||||
background-color: var(--tone-8)!important;
|
||||
border-color: var(--tone-5)!important
|
||||
}
|
||||
#netFilteringDialog .dialog > div.headers > span.header.selected {
|
||||
background-color: var(--tone-8)!important;
|
||||
color: var(--tone-4)!important;
|
||||
border-color: var(--tone-6)!important
|
||||
}
|
||||
#netFilteringDialog .dialog > div.headers > span.header {
|
||||
background-color: var(--tone-7)!important;
|
||||
border-color: var(--tone-6)!important
|
||||
}
|
||||
#netFilteringDialog .dialog > div.containers > div.dynamic tr.entry {
|
||||
background-color: var(--tone-6)!important;
|
||||
border-color: var(--tone-5)!important
|
||||
}
|
||||
#netFilteringDialog .dialog > div.containers > div.dynamic tr.entry > td:first-of-type {
|
||||
border-color: var(--tone-5)!important
|
||||
}
|
||||
#netFilteringDialog .dialog > div.containers > div.dynamic > table.toolbar #saveRules {
|
||||
background-color: var(--tone-6)!important;
|
||||
border: none!important
|
||||
}
|
||||
body #netInspector td {
|
||||
border-color: var(--tone-5)!important
|
||||
}
|
||||
#netInspector tr.maindoc {
|
||||
background-color: var(--tone-8)!important;
|
||||
color: var(--grey-30)!important
|
||||
}
|
||||
li.listEntry > a.remove,
|
||||
li.listEntry > a.remove:visited,
|
||||
li.listEntry span.failed,
|
||||
|
|
@ -301,29 +254,12 @@
|
|||
background: var(--tone-6)!important;
|
||||
color: var(--in-content-page-color)!important;
|
||||
border: none!important
|
||||
}
|
||||
}
|
||||
#modalOverlay > div > div:nth-of-type(2):hover svg {
|
||||
stroke: var(--tone-1)!important
|
||||
}
|
||||
#netInspector #filterExprPicker {
|
||||
background-color: var(--in-content-box-background)!important;
|
||||
color: var(--tone-3)!important;
|
||||
border-color: var(--in-content-box-border-color)!important
|
||||
}
|
||||
#netInspector #filterExprPicker > div {
|
||||
border: none !important;
|
||||
border-top: 1px solid var(--tone-5) !important
|
||||
}
|
||||
#netInspector #filterExprPicker > div:first-of-type {
|
||||
border: none !important;
|
||||
}
|
||||
#domInspector ul {
|
||||
background-color: var(--in-content-page-background)!important
|
||||
}
|
||||
#domInspector li > span:first-child {
|
||||
color: var(--in-content-page-color)!important
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-document url-prefix("moz-extension://uBlock0@raymondhill.net/logger-ui") {
|
||||
.fa-icon > svg,
|
||||
.ubo-icon > svg {
|
||||
|
|
@ -332,84 +268,19 @@
|
|||
.permatoolbar .button.active {
|
||||
fill: var(--in-content-link-color)!important
|
||||
}
|
||||
#netInspector #filterInput > input {
|
||||
background: var(--in-content-box-background)!important;
|
||||
-moz-appearance: none
|
||||
}
|
||||
#netInspector #filterInput {
|
||||
border-color: var(--in-content-box-border-color)!important
|
||||
}
|
||||
textarea {
|
||||
-moz-appearance: none;
|
||||
background: var(--in-content-box-background)!important;
|
||||
color: var(--in-content-text-color)!important;
|
||||
border: 1px solid!important
|
||||
}
|
||||
#modalOverlay > div > div:nth-of-type(1),
|
||||
#modalOverlay > div > div:nth-of-type(2) {
|
||||
background-color: var(--in-content-page-background)!important
|
||||
}
|
||||
#modalOverlay > div > div:nth-of-type(2) svg {
|
||||
stroke: var(--tone-4)!important
|
||||
}
|
||||
#loggerExportDialog .options span.on[data-i18n],
|
||||
#loggerExportDialog .options span.pushbutton:active {
|
||||
background-color: var(--in-content-primary-button-background)!important;
|
||||
color: var(--in-content-selected-text)!important
|
||||
}
|
||||
#loggerExportDialog .options span[data-i18n] {
|
||||
border: 1px solid!important
|
||||
}
|
||||
#loggerExportDialog .options span[data-i18n]:hover {
|
||||
background-color: var(--in-content-primary-button-background-hover)!important;
|
||||
color: var(--in-content-selected-text)!important;
|
||||
border-color: var(--in-content-primary-button-background-hover)!important
|
||||
}
|
||||
#netInspector #filterExprPicker span.on[data-filtex] {
|
||||
background-color: var(--in-content-primary-button-background)!important;
|
||||
border: 1px solid!important;
|
||||
color: var(--in-content-selected-text)!important
|
||||
}
|
||||
#netInspector #filterExprPicker span[data-filtex]:hover {
|
||||
background-color: var(--in-content-primary-button-background-hover)!important;
|
||||
border: 1px solid!important;
|
||||
color: var(--in-content-selected-text)!important
|
||||
}
|
||||
#netFilteringDialog > .panes > .details > div {
|
||||
background-color: var(--in-content-box-background)!important;
|
||||
border-color: var(--in-content-box-border-color)!important
|
||||
}
|
||||
#netFilteringDialog > .panes > .details > div[data-status="1"],
|
||||
#vwRenderer .logEntry > div[data-status="1"] {
|
||||
background-color: #463237!important
|
||||
}
|
||||
body[dir=ltr] #netFilteringDialog > .panes > .details > div > span:nth-of-type(1) {
|
||||
border-color: var(--in-content-box-border-color)!important
|
||||
}
|
||||
#netFilteringDialog > .headers > .header {
|
||||
background-color: var(--in-content-box-background)!important;
|
||||
border-color: var(--in-content-box-border-color)!important
|
||||
}
|
||||
#netFilteringDialog[data-pane=details] > .headers > [data-pane=details],
|
||||
#netFilteringDialog[data-pane=dynamic] > .headers > [data-pane=dynamic],
|
||||
#netFilteringDialog[data-pane=static] > .headers > [data-pane=static] {
|
||||
background-color: var(--in-content-box-background)!important;
|
||||
border-color: var(--in-content-box-border-color)!important;
|
||||
color: var(--in-content-selected-text)!important
|
||||
}
|
||||
#netFilteringDialog > div.panes > .dynamic .entry {
|
||||
background-color: var(--in-content-box-background)!important;
|
||||
border-color: var(--in-content-box-border-color)!important
|
||||
}
|
||||
a {
|
||||
color: var(--in-content-link-color)
|
||||
}
|
||||
#netInspector #filterExprButton {
|
||||
top: 0!important
|
||||
}
|
||||
#netInspector #filterExprButton:hover {
|
||||
background-color: transparent!important
|
||||
}
|
||||
select {
|
||||
color: var(--in-content-selected-text) !important;
|
||||
border-color: var(--in-content-box-border-color)!important;
|
||||
|
|
@ -434,51 +305,196 @@
|
|||
background-repeat: no-repeat !important;
|
||||
background-size: contain !important
|
||||
}
|
||||
|
||||
/* #netInspector */
|
||||
#netInspector tr.blocked {
|
||||
background-color: #4b3137!important;
|
||||
color: #ff9494!important
|
||||
}
|
||||
#netInspector #filterInput,
|
||||
#netInspector #maxEntries {
|
||||
-moz-appearance: none!important;
|
||||
background: var(--tone-6)!important;
|
||||
color: var(--tone-4)!important;
|
||||
border: 1px solid!important;
|
||||
padding: 5px!important
|
||||
}
|
||||
#netInspector tr.cosmetic,
|
||||
#netInspector tr.redirect {
|
||||
background-color: #44391f!important;
|
||||
color: #fce19f!important
|
||||
}
|
||||
#netInspector tr.cat_net td:nth-of-type(4):hover,
|
||||
body:not(.popupOn) #netInspector tr.canMtx td:nth-of-type(2):hover {
|
||||
background: var(--tone-8)!important
|
||||
}
|
||||
body #netInspector td {
|
||||
border-color: var(--tone-5)!important
|
||||
}
|
||||
#netInspector tr.maindoc {
|
||||
background-color: var(--tone-8)!important;
|
||||
color: var(--grey-30)!important
|
||||
}
|
||||
#netInspector #filterExprPicker {
|
||||
background-color: var(--in-content-box-background)!important;
|
||||
color: var(--tone-3)!important;
|
||||
border-color: var(--in-content-box-border-color)!important
|
||||
}
|
||||
#netInspector #filterExprPicker > div {
|
||||
border: none !important;
|
||||
border-top: 1px solid var(--tone-5) !important
|
||||
}
|
||||
#netInspector #filterExprPicker > div:first-of-type {
|
||||
border: none !important;
|
||||
}
|
||||
#netInspector #filterInput > input {
|
||||
background: var(--in-content-box-background)!important;
|
||||
-moz-appearance: none
|
||||
}
|
||||
#netInspector #filterInput {
|
||||
border-color: var(--in-content-box-border-color)!important
|
||||
}
|
||||
#netInspector #filterExprPicker span.on[data-filtex] {
|
||||
background-color: var(--in-content-primary-button-background)!important;
|
||||
border: 1px solid!important;
|
||||
color: var(--in-content-selected-text)!important
|
||||
}
|
||||
#netInspector #filterExprPicker span[data-filtex]:hover {
|
||||
background-color: var(--in-content-primary-button-background-hover)!important;
|
||||
border: 1px solid!important;
|
||||
color: var(--in-content-selected-text)!important
|
||||
}
|
||||
#netInspector #filterExprButton {
|
||||
top: 0!important
|
||||
}
|
||||
#netInspector #filterExprButton:hover {
|
||||
background-color: transparent!important
|
||||
}
|
||||
#netInspector #vwRenderer .logEntry > div.canDetails:hover > span {
|
||||
background-color: var(--accent-3)!important
|
||||
}
|
||||
|
||||
/* #netFilteringDialog */
|
||||
#netFilteringDialog .dialog > div.headers > span.header.selected {
|
||||
background-color: var(--tone-8)!important;
|
||||
color: var(--tone-4)!important;
|
||||
border-color: var(--tone-6)!important
|
||||
}
|
||||
#netFilteringDialog .dialog > div.headers > span.header {
|
||||
background-color: var(--tone-7)!important;
|
||||
border-color: var(--tone-6)!important
|
||||
}
|
||||
#netFilteringDialog .dialog > div.containers > div.dynamic tr.entry {
|
||||
background-color: var(--tone-6)!important;
|
||||
border-color: var(--tone-5)!important
|
||||
}
|
||||
#netFilteringDialog .dialog > div.containers > div.dynamic tr.entry > td:first-of-type {
|
||||
border-color: var(--tone-5)!important
|
||||
}
|
||||
#netFilteringDialog .dialog > div.containers > div.dynamic > table.toolbar #saveRules {
|
||||
background-color: var(--tone-6)!important;
|
||||
border: none!important
|
||||
}
|
||||
body[dir=ltr] #netFilteringDialog > .panes > .details > div > span:nth-of-type(1) {
|
||||
border-color: var(--in-content-box-border-color)!important
|
||||
}
|
||||
#netFilteringDialog > .headers > .header {
|
||||
background-color: var(--in-content-box-background)!important;
|
||||
border-color: var(--in-content-box-border-color)!important
|
||||
}
|
||||
#netFilteringDialog[data-pane=details] > .headers > [data-pane=details],
|
||||
#netFilteringDialog[data-pane=dynamic] > .headers > [data-pane=dynamic],
|
||||
#netFilteringDialog[data-pane=static] > .headers > [data-pane=static] {
|
||||
background-color: var(--in-content-box-background)!important;
|
||||
border-color: var(--in-content-box-border-color)!important;
|
||||
color: var(--in-content-selected-text)!important
|
||||
}
|
||||
#netFilteringDialog > div.panes > .dynamic .entry {
|
||||
background-color: var(--in-content-box-background)!important;
|
||||
border-color: var(--in-content-box-border-color)!important
|
||||
}
|
||||
#netFilteringDialog > .panes > .details > div {
|
||||
background-color: var(--in-content-box-background)!important;
|
||||
border-color: var(--in-content-box-border-color)!important
|
||||
}
|
||||
#netFilteringDialog > .headers > .tools > span:hover {
|
||||
var(--in-content-box-background-active) !important
|
||||
}
|
||||
|
||||
/* domInspector */
|
||||
#domInspector ul {
|
||||
background-color: var(--in-content-page-background)!important
|
||||
}
|
||||
#domInspector li > span:first-child {
|
||||
color: var(--in-content-page-color)!important
|
||||
}
|
||||
#domInspector li.isCosmeticHide,
|
||||
#domInspector li.isCosmeticHide ul,
|
||||
#domInspector li.isCosmeticHide li {
|
||||
background-color: var(--red-90) !important
|
||||
}
|
||||
#netFilteringDialog > .headers > .tools > span:hover {
|
||||
var(--in-content-box-background-active) !important
|
||||
|
||||
/* #modalOverlay */
|
||||
#modalOverlay > div > div:nth-of-type(1),
|
||||
#modalOverlay > div > div:nth-of-type(2) {
|
||||
background-color: var(--in-content-page-background)!important
|
||||
}
|
||||
#modalOverlay > div > div:nth-of-type(2) svg {
|
||||
stroke: var(--tone-4)!important
|
||||
}
|
||||
|
||||
/* #loggerExportDialog */
|
||||
#loggerExportDialog .options span.on[data-i18n],
|
||||
#loggerExportDialog .options span.pushbutton:active {
|
||||
background-color: var(--in-content-primary-button-background)!important;
|
||||
color: var(--in-content-selected-text)!important
|
||||
}
|
||||
#loggerExportDialog .options span[data-i18n] {
|
||||
border: 1px solid!important
|
||||
}
|
||||
#loggerExportDialog .options span[data-i18n]:hover {
|
||||
background-color: var(--in-content-primary-button-background-hover)!important;
|
||||
color: var(--in-content-selected-text)!important;
|
||||
border-color: var(--in-content-primary-button-background-hover)!important
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-document url-prefix("about:blank") {
|
||||
aside {
|
||||
background-color: var(--in-content-page-background)!important;
|
||||
border-color: var(--tone-8)!important;
|
||||
color: var(--in-content-page-color)!important
|
||||
}
|
||||
ul > li > ul > li:hover {
|
||||
background-color: var(--in-content-box-background)!important
|
||||
}
|
||||
section > div:first-child > textarea {
|
||||
background-color: var(--in-content-box-background)!important;
|
||||
color: var(--in-content-page-color)!important
|
||||
}
|
||||
section > div:first-child {
|
||||
border-color: var(--in-content-box-border-color)!important
|
||||
}
|
||||
section.invalidFilter > div:first-child {
|
||||
border-color: red!important
|
||||
}
|
||||
button {
|
||||
background-color: var(--in-content-page-background)!important;
|
||||
border-color: var(--in-content-box-border-color)!important;
|
||||
color: var(--in-content-page-color)!important
|
||||
}
|
||||
button:disabled {
|
||||
color: var(--tone-5)!important
|
||||
}
|
||||
button:not(:disabled):hover {
|
||||
background-color: var(--in-content-box-background-hover)!important
|
||||
}
|
||||
#create:not(:disabled) {
|
||||
background-color: var(--theme-highlight-yellow)!important;
|
||||
color: #000!important
|
||||
}
|
||||
body.preview #preview {
|
||||
background-color: var(--theme-highlight-blue)!important;
|
||||
color: #000!important
|
||||
}
|
||||
/* @-moz-document url-prefix("about:blank") {
|
||||
aside {
|
||||
background-color: var(--in-content-page-background)!important;
|
||||
border-color: var(--tone-8)!important;
|
||||
color: var(--in-content-page-color)!important
|
||||
}
|
||||
ul > li > ul > li:hover {
|
||||
background-color: var(--in-content-box-background)!important
|
||||
}
|
||||
section > div:first-child > textarea {
|
||||
background-color: var(--in-content-box-background)!important;
|
||||
color: var(--in-content-page-color)!important
|
||||
}
|
||||
section > div:first-child {
|
||||
border-color: var(--in-content-box-border-color)!important
|
||||
}
|
||||
section.invalidFilter > div:first-child {
|
||||
border-color: red!important
|
||||
}
|
||||
button {
|
||||
background-color: var(--in-content-page-background)!important;
|
||||
border-color: var(--in-content-box-border-color)!important;
|
||||
color: var(--in-content-page-color)!important
|
||||
}
|
||||
button:disabled {
|
||||
color: var(--tone-5)!important
|
||||
}
|
||||
button:not(:disabled):hover {
|
||||
background-color: var(--in-content-box-background-hover)!important
|
||||
}
|
||||
#create:not(:disabled) {
|
||||
background-color: var(--theme-highlight-yellow)!important;
|
||||
color: #000!important
|
||||
}
|
||||
body.preview #preview {
|
||||
background-color: var(--theme-highlight-blue)!important;
|
||||
color: #000!important
|
||||
}
|
||||
}/**/
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue