anti-tracking.css (1880B)
1 /* This Source Code Form is subject to the terms of the Mozilla Public 2 * License, v. 2.0. If a copy of the MPL was not distributed with this 3 * file, You can obtain one at https://mozilla.org/MPL/2.0/. */ 4 5 html, 6 body { 7 height: 100%; 8 margin: 0; 9 padding: 0; 10 width: 100%; 11 } 12 13 #anti-tracking-panel { 14 display: flex; 15 flex-direction: column; 16 height: 100%; 17 overflow: hidden; 18 } 19 20 #tracker-toolbar-container { 21 display: flex; 22 flex-wrap: wrap; 23 align-items: center; 24 gap: 6px 8px; 25 padding: 1em; 26 27 #interactive-debugger-prompt { 28 flex-grow: 1; 29 flex-shrink: 0; 30 flex-basis: 100%; 31 32 padding: 0.5em; 33 box-sizing: border-box; 34 font-weight: bold; 35 color: white; 36 background-color: var(--theme-toolbar-background-highlighted); 37 38 &:empty { 39 display: none; 40 } 41 42 &.completed { 43 background-color: var(--green-70); 44 } 45 } 46 } 47 48 #tracker-table-container { 49 overflow: auto; 50 } 51 52 #tracker-table { 53 width: 100%; 54 border-collapse: collapse; 55 overflow: hidden; 56 } 57 58 #tracker-table :is(th, td) { 59 padding: 0.5em 1em; 60 text-align: start; 61 white-space: nowrap; 62 border: 1px solid var(--theme-splitter-color); 63 } 64 65 #tracker-table th { 66 position: sticky; 67 top: 0; 68 background-color: var(--theme-toolbar-background); 69 } 70 71 #tracker-table tr:nth-child(even) { 72 background-color: var(--table-zebra-background); 73 } 74 75 #tracker-table button { 76 padding: 0.3em 0.8em; 77 border: 1px solid var(--theme-button-border); 78 border-radius: 3px; 79 background: var(--theme-button-background); 80 } 81 82 #tracker-table button:hover { 83 background: var(--theme-button-hover-background); 84 } 85 86 .hostname-cell { 87 max-width: 25rem; 88 overflow: hidden; 89 text-overflow: ellipsis; 90 } 91 92 .tracker-blocked { 93 color: light-dark(var(--red-70), var(--red-20)); 94 } 95 96 .no-content-message { 97 padding: 1rem; 98 color: var(--theme-text-color-alt); 99 text-align: center; 100 font-size: 1.5em; 101 }