├── README.md ├── userContent.css └── userChrome.css /README.md: -------------------------------------------------------------------------------- 1 | # SilentFox 2 | -------------------------------------------------------------------------------- /userContent.css: -------------------------------------------------------------------------------- 1 | @-moz-document url("about:blank"), url("about:newtab"), url("about:home") { 2 | html, 3 | body { 4 | background-color: #131313 !important; 5 | } 6 | .search-handoff-button { 7 | border-radius: 12px !important; 8 | border-width: 2px !important; 9 | border-color: #181818 !important; 10 | background-size: 0px !important; 11 | background-color: #222222 !important; 12 | padding-inline-start: 10px !important; 13 | padding-inline-end: 10px !important; 14 | } 15 | .search-wrapper input { 16 | background-color: #222222 !important; 17 | border-radius: 0px !important; 18 | background-image: none !important; 19 | background-size: none !important; 20 | text-align: center !important; 21 | font-size: 17px !important; 22 | padding-inline-start: 10px !important; 23 | padding-inline-end: 10px !important; 24 | } 25 | } 26 | 27 | @-moz-document url(moz-extension://e97c5884-aa9d-4dff-bb83-c807a65ade72/sidebar/index.html) 28 | { 29 | * { 30 | background: #131313 !important; 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /userChrome.css: -------------------------------------------------------------------------------- 1 | /* 2 | █▀ █ █░░ █▀▀ █▄░█ ▀█▀ █▀▀ █▀█ ▀▄▀ 3 | ▄█ █ █▄▄ ██▄ █░▀█ ░█░ █▀░ █▄█ █░█ 4 | 5 | Deeply inspired in Cascade, SimpleFox & more... 6 | */ 7 | 8 | /*---+---+---+---+---+---+---+ 9 | | C | O | L | O | U | R | S | 10 | +---+---+---+---+---+---+---*/ 11 | 12 | @media (prefers-color-scheme: dark) { 13 | :root { 14 | /* These colours are (mainly) used by the 15 | Container Tabs Plugin */ 16 | --uc-identity-colour-blue: #7cafc2; 17 | --uc-identity-colour-turquoise: #86c1b9; 18 | --uc-identity-colour-green: #a1b56c; 19 | --uc-identity-colour-yellow: #f7ca88; 20 | --uc-identity-colour-orange: #f19066; 21 | --uc-identity-colour-red: #ab4642; 22 | --uc-identity-colour-pink: #ba8baf; 23 | --uc-identity-colour-purple: #e8e8e8; 24 | 25 | /* Cascades main Colour Scheme */ 26 | --uc-base-colour: #131313; 27 | --uc-highlight-colour: #191b1c; 28 | --uc-inverted-colour: #f8f8f8; 29 | --uc-muted-colour: #aaaaac; 30 | --uc-accent-colour: var(--uc-identity-colour-purple); 31 | 32 | --sidebar-background: #131313; 33 | } 34 | } 35 | 36 | @media (prefers-color-scheme: light) { 37 | :root { 38 | /* These colours are (mainly) used by the 39 | Container Tabs Plugin */ 40 | --uc-identity-colour-blue: #1d65f5; 41 | --uc-identity-colour-turquoise: #209fb5; 42 | --uc-identity-colour-green: #40a02b; 43 | --uc-identity-colour-yellow: #e49320; 44 | --uc-identity-colour-orange: #fe640b; 45 | --uc-identity-colour-red: #fc5c65; 46 | --uc-identity-colour-pink: #ec83d0; 47 | --uc-identity-colour-purple: #822fee; 48 | 49 | /* Cascades main Colour Scheme */ 50 | --uc-base-colour: #fafafc; 51 | --uc-highlight-colour: #dadadc; 52 | --uc-inverted-colour: #1e2021; 53 | --uc-muted-colour: #191b1c; 54 | --uc-accent-colour: var(--uc-identity-colour-purple); 55 | } 56 | } 57 | 58 | :root { 59 | --lwt-frame: var(--uc-base-colour) !important; 60 | --lwt-accent-color: var(--lwt-frame) !important; 61 | --lwt-text-color: var(--uc-inverted-colour) !important; 62 | 63 | --toolbar-field-color: var(--uc-inverted-colour) !important; 64 | 65 | --toolbar-field-focus-color: var(--uc-inverted-colour) !important; 66 | --toolbar-field-focus-background-color: var(--uc-highlight-colour) !important; 67 | --toolbar-field-focus-border-color: transparent !important; 68 | 69 | --toolbar-field-background-color: var(--lwt-frame) !important; 70 | --lwt-toolbar-field-highlight: var(--uc-inverted-colour) !important; 71 | --lwt-toolbar-field-highlight-text: var(--uc-highlight-colour) !important; 72 | --urlbar-popup-url-color: var(--uc-accent-colour) !important; 73 | 74 | --lwt-tab-text: var(--lwt-text-colour) !important; 75 | 76 | --lwt-selected-tab-background-color: var(--uc-highlight-colour) !important; 77 | 78 | --toolbar-bgcolor: var(--lwt-frame) !important; 79 | --toolbar-color: var(--lwt-text-color) !important; 80 | --toolbarseparator-color: var(--uc-accent-colour) !important; 81 | --toolbarbutton-hover-background: var(--uc-highlight-colour) !important; 82 | --toolbarbutton-active-background: var( 83 | --toolbarbutton-hover-background 84 | ) !important; 85 | 86 | --lwt-sidebar-background-color: var(--lwt-frame) !important; 87 | --sidebar-background-color: var(--lwt-sidebar-background-color) !important; 88 | 89 | --urlbar-box-bgcolor: var(--uc-highlight-colour) !important; 90 | --urlbar-box-text-color: var(--uc-muted-colour) !important; 91 | --urlbar-box-hover-bgcolor: var(--uc-highlight-colour) !important; 92 | --urlbar-box-hover-text-color: var(--uc-inverted-colour) !important; 93 | --urlbar-box-focus-bgcolor: var(--uc-highlight-colour) !important; 94 | } 95 | 96 | .identity-color-blue { 97 | --identity-tab-color: var(--uc-identity-colour-blue) !important; 98 | --identity-icon-color: var(--uc-identity-colour-blue) !important; 99 | } 100 | .identity-color-turquoise { 101 | --identity-tab-color: var(--uc-identity-colour-turquoise) !important; 102 | --identity-icon-color: var(--uc-identity-colour-turquoise) !important; 103 | } 104 | .identity-color-green { 105 | --identity-tab-color: var(--uc-identity-colour-green) !important; 106 | --identity-icon-color: var(--uc-identity-colour-green) !important; 107 | } 108 | .identity-color-yellow { 109 | --identity-tab-color: var(--uc-identity-colour-yellow) !important; 110 | --identity-icon-color: var(--uc-identity-colour-yellow) !important; 111 | } 112 | .identity-color-orange { 113 | --identity-tab-color: var(--uc-identity-colour-orange) !important; 114 | --identity-icon-color: var(--uc-identity-colour-orange) !important; 115 | } 116 | .identity-color-red { 117 | --identity-tab-color: var(--uc-identity-colour-red) !important; 118 | --identity-icon-color: var(--uc-identity-colour-red) !important; 119 | } 120 | .identity-color-pink { 121 | --identity-tab-color: var(--uc-identity-colour-pink) !important; 122 | --identity-icon-color: var(--uc-identity-colour-pink) !important; 123 | } 124 | .identity-color-purple { 125 | --identity-tab-color: var(--uc-identity-colour-purple) !important; 126 | --identity-icon-color: var(--uc-identity-colour-purple) !important; 127 | } 128 | 129 | :root { 130 | --toolbar-field-focus-border-color: transparent !important; 131 | --urlbar-background-color: #222222; 132 | } 133 | 134 | :root[privatebrowsingmode="temporary"] { 135 | --urlbar-background-color: #25003e; 136 | } 137 | 138 | /*---+---+---+---+---+---+ 139 | | G | L | O | B | A | L | 140 | +---+---+---+---+---+---*/ 141 | 142 | :root { 143 | /* Global Border Radius 144 | * applied to ALL UI elements 145 | */ 146 | --uc-border-radius: 0px; 147 | 148 | /* The distance the Statuspanel floats 149 | * away from the window border 150 | * 0 places directly in the corner 151 | */ 152 | --uc-status-panel-spacing: 12px; 153 | } 154 | 155 | /* remove window control buttons */ 156 | .titlebar-buttonbox-container { 157 | display: none !important; 158 | } 159 | 160 | #pageActionButton { 161 | display: none !important; 162 | } 163 | 164 | #PanelUI-menu-button { 165 | padding: 0px !important; 166 | } 167 | #PanelUI-menu-button .toolbarbutton-icon { 168 | width: 1px !important; 169 | } 170 | #PanelUI-menu-button .toolbarbutton-badge-stack { 171 | padding: 0px !important; 172 | } 173 | 174 | /*---+---+---+---+---+---+---+ 175 | | T | O | O | L | B | A | R | 176 | +---+---+---+---+---+---+---*/ 177 | 178 | /* Position of the Personal Toolbar 179 | * possible values: 180 | * 0 – toolbar on top 181 | * 4 – toolbar on bottom 182 | */ 183 | :root { 184 | --uc-toolbar-position: 4; 185 | } 186 | 187 | /* Darken the Personal Toolbar by X amount 188 | * where X = 1 means pure black 189 | * and X = 0 means no darkening at all 190 | */ 191 | @media (prefers-color-scheme: dark) { 192 | :root { 193 | --uc-darken-toolbar: 0.2; 194 | } 195 | } 196 | @media (prefers-color-scheme: light) { 197 | :root { 198 | --uc-darken-toolbar: 0; 199 | } 200 | } 201 | 202 | /*---+---+---+---+---+---+---+ 203 | | U | R | L | — | B | A | R | 204 | +---+---+---+---+---+---+---*/ 205 | 206 | :root { 207 | /* Width of the URL Bar for the Oneline layout 208 | * If enabled the max-width is applied on focus 209 | * otherwise the URL Bar will always be it's min-width 210 | */ 211 | --uc-urlbar-min-width: 100vw; 212 | --uc-urlbar-max-width: 100vw; 213 | 214 | /* Position of the URL Bar 215 | * possible values: 216 | * 1 – tabs on the right 217 | * 3 – tabs on the left 218 | */ 219 | --uc-urlbar-position: 1; 220 | 221 | /* Firefox can be a little wonky with the vertical 222 | * URL Bar placement. Change this variable to adapt 223 | * to this when necessary. 224 | */ 225 | --uc-urlbar-top-spacing: 1px; 226 | } 227 | 228 | /* Disable the Navigation Buttons */ 229 | #back-button, 230 | #forward-button { 231 | display: none !important; 232 | } 233 | 234 | /* Disables the Tracking Protection Shield */ 235 | #tracking-protection-icon-container { 236 | display: none !important; 237 | } 238 | 239 | /* Encryption and Permissions icons */ 240 | /* Only hides permission items */ 241 | #identity-permission-box { 242 | display: none !important; 243 | } 244 | /* Hides encryption AND permission items */ 245 | #identity-box { 246 | display: none !important; 247 | } 248 | 249 | /* Hide everything BUT the zoom indicator within the URL Bar */ 250 | /* #page-action-buttons > :not(#urlbar-zoom-button) { display: none !important; } */ 251 | 252 | /* Hide the »Go«-arrow in the URL Bar */ 253 | #urlbar-go-button { 254 | display: none !important; 255 | } 256 | 257 | /* Hides the Extensions Menu Icon */ 258 | #unified-extensions-button { 259 | display: none !important; 260 | } 261 | 262 | #statuspanel #statuspanel-label { 263 | margin: 0 0 var(--uc-status-panel-spacing) var(--uc-status-panel-spacing) !important; 264 | } 265 | 266 | /*---+---+---+---+---+---+---+ 267 | | L | A | Y | O | U | U | T | 268 | +---+---+---+---+---+---+---*/ 269 | :root { 270 | --toolbarbutton-border-radius: var(--uc-border-radius) !important; 271 | --tab-border-radius: var(--uc-border-radius) !important; 272 | --arrowpanel-border-radius: var(--uc-border-radius) !important; 273 | } 274 | 275 | #main-window, 276 | #toolbar-menubar, 277 | #TabsToolbar, 278 | #navigator-toolbox, 279 | #sidebar-box, 280 | #nav-bar { 281 | box-shadow: none !important; 282 | } 283 | 284 | #main-window, 285 | #toolbar-menubar, 286 | #TabsToolbar, 287 | #PersonalToolbar, 288 | #navigator-toolbox, 289 | #sidebar-box, 290 | #nav-bar { 291 | border: none !important; 292 | } 293 | 294 | /* remove "padding" left and right from tabs */ 295 | .titlebar-spacer { 296 | display: none !important; 297 | } 298 | 299 | /* fix Shield Icon padding */ 300 | #urlbar-input-container[pageproxystate="valid"] 301 | > #tracking-protection-icon-container 302 | > #tracking-protection-icon-box 303 | > #tracking-protection-icon { 304 | padding-bottom: 1px; 305 | } 306 | 307 | #PersonalToolbar { 308 | padding: 6px !important; 309 | box-shadow: inset 0 0 50vh rgba(0, 0, 0, var(--uc-darken-toolbar)) !important; 310 | } 311 | 312 | #statuspanel #statuspanel-label { 313 | border: none !important; 314 | border-radius: var(--uc-border-radius) !important; 315 | } 316 | 317 | /*---+---+---+---+---+---+---+ 318 | | N | A | B | — | B | A | R | 319 | +---+---+---+---+---+---+---*/ 320 | 321 | #navigator-toolbox:not(:-moz-lwtheme) { 322 | background: var(--toolbar-field-background-color) !important; 323 | } 324 | 325 | #nav-bar { 326 | padding-block-start: 0px !important; 327 | 328 | border: none !important; 329 | box-shadow: none !important; 330 | background: transparent !important; 331 | } 332 | 333 | #urlbar, 334 | #urlbar * { 335 | padding-block-start: var(--uc-urlbar-top-spacing) !important; 336 | 337 | outline: none !important; 338 | box-shadow: none !important; 339 | } 340 | 341 | #urlbar-background { 342 | border: transparent !important; 343 | } 344 | 345 | #urlbar[focused="true"] > #urlbar-background, 346 | #urlbar:not([open]) > #urlbar-background { 347 | background: var(--toolbar-field-background-color) !important; 348 | } 349 | 350 | #urlbar[open] > #urlbar-background { 351 | background: var(--toolbar-field-background-color) !important; 352 | } 353 | 354 | .urlbarView-row:hover > .urlbarView-row-inner, 355 | .urlbarView-row[selected] > .urlbarView-row-inner { 356 | background: var(--toolbar-field-focus-background-color) !important; 357 | } 358 | 359 | .urlbar-icon, 360 | #urlbar-go-button { 361 | margin: auto; 362 | } 363 | .urlbar-page-action { 364 | padding: 0 inherit !important; 365 | } 366 | .urlbar-page-action .urlbar-icon { 367 | margin-top: 6px !important; 368 | } 369 | 370 | /*---+---+---+---+---+---+---+---+---+---+ 371 | | R | E | S | P | O | N | S | I | V | E | 372 | +---+---+---+---+---+---+---+---+---+---*/ 373 | @media (min-width: 1000px) { 374 | #navigator-toolbox { 375 | display: flex; 376 | flex-wrap: wrap; 377 | flex-direction: row; 378 | } 379 | 380 | #nav-bar { 381 | order: var(--uc-urlbar-position); 382 | width: var(--uc-urlbar-min-width); 383 | } 384 | 385 | #nav-bar #urlbar-container { 386 | min-width: 0px !important; 387 | width: auto !important; 388 | } 389 | 390 | #titlebar { 391 | order: 2; 392 | width: calc(100vw - var(--uc-urlbar-min-width) - 1px); 393 | } 394 | 395 | #PersonalToolbar { 396 | order: var(--uc-toolbar-position); 397 | width: 100%; 398 | } 399 | 400 | #navigator-toolbox:focus-within #nav-bar { 401 | width: var(--uc-urlbar-max-width); 402 | } 403 | #navigator-toolbox:focus-within #titlebar { 404 | width: calc(100vw - var(--uc-urlbar-max-width) - 1px); 405 | } 406 | } 407 | 408 | /*---+---+---+---+---+---+---+ 409 | | T | A | B | — | B | A | R | 410 | +---+---+---+---+---+---+---*/ 411 | 412 | #main-window[tabsintitlebar="true"]:not([extradragspace="true"]) 413 | #TabsToolbar 414 | > .toolbar-items { 415 | opacity: 0; 416 | pointer-events: none; 417 | } 418 | 419 | #main-window:not([tabsintitlebar="true"]) #TabsToolbar { 420 | visibility: collapse !important; 421 | } 422 | 423 | #main-window[tabsintitlebar="true"]:not([extradragspace="true"]) 424 | #TabsToolbar 425 | .titlebar-spacer { 426 | border-inline-end: none; 427 | } 428 | 429 | /* Moving Windows Control */ 430 | 431 | #titlebar { 432 | appearance: none !important; 433 | height: 0px; 434 | } 435 | 436 | /* Page Actions Hide and Show on Hover */ 437 | 438 | #page-action-buttons:not(:hover) .urlbar-page-action, 439 | #page-action-buttons:not(:hover) #star-button { 440 | width: 0px !important; 441 | min-width: 0px !important; 442 | padding-left: 0px !important; 443 | padding-right: 10px !important; 444 | margin-right: -15px !important; 445 | transition: all 250ms ease-in-out; 446 | } 447 | 448 | #page-action-buttons:not(:hover) #userContext-indicator { 449 | margin-right: 37px !important; 450 | transition: all 250ms ease-in-out; 451 | } 452 | 453 | #page-action-buttons:hover .urlbar-page-action, 454 | #page-action-buttons:hover #star-button { 455 | visibility: visible; 456 | min-width: unset !important; 457 | } 458 | 459 | #page-action-buttons:hover #userContext-indicator { 460 | margin-right: 0px !important; 461 | } 462 | 463 | #page-action-buttons::after { 464 | content: "•••"; 465 | position: absolute; 466 | margin-top: 0px; 467 | font-size: 0.7em; 468 | opacity: 0.5; 469 | right: 6px; 470 | transition: all 50ms ease-in-out; 471 | } 472 | 473 | #page-action-buttons:hover::after { 474 | display: none !important; 475 | width: 0px !important; 476 | margin-left: 0px !important; 477 | transition: all 50ms ease-in-out; 478 | } 479 | 480 | /*---+---+---+---+---+---+---+---+ 481 | | S | I | D | E | — | B | A | R | 482 | +---+---+---+---+---+---+---+---*/ 483 | 484 | :root { 485 | --wide-tab-width: 300px; 486 | --thin-tab-width: 35px; 487 | --sidebar-background: #1e2021; 488 | } 489 | 490 | #sidebar-box > #browser, 491 | #webextpanels-window { 492 | background: var(--sidebar-background) !important; 493 | } 494 | 495 | /*Collapse in default state and add transition*/ 496 | #sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] { 497 | border-right: none !important; 498 | z-index: 2; 499 | border-right: none !important; 500 | width: 100% !important; 501 | background: var(--sidebar-background); 502 | 503 | /* lock sidebar to height by doing the inverse margin of the toolbar element */ 504 | z-index: 1000 !important; 505 | position: relative !important; 506 | margin-top: 0px !important; 507 | border-right: none; 508 | transition: all 200ms !important; 509 | 510 | /* lock sidebar to specified width */ 511 | min-width: var(--thin-tab-width) !important; 512 | max-width: var(--thin-tab-width) !important; 513 | overflow: hidden !important; 514 | transition-property: width; 515 | transition-duration: 0.3s; 516 | transition-delay: 0.3s; 517 | transition-timing-function: ease-in; 518 | } 519 | 520 | #sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"]::after { 521 | background: #1c1b22 !important; 522 | margin-left: 207px; 523 | z-index: 9999999; 524 | position: absolute; 525 | content: " "; 526 | width: 1px; 527 | height: 100%; 528 | top: 0; 529 | right: 0px; 530 | } 531 | 532 | #sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"]:hover:after { 533 | top: 42px; 534 | } 535 | 536 | #sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"]:hover, 537 | #sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] 538 | #sidebar:hover { 539 | min-width: var(--wide-tab-width) !important; 540 | max-width: var(--wide-tab-width) !important; 541 | margin-right: calc( 542 | (var(--wide-tab-width) - var(--thin-tab-width)) * -1 543 | ) !important; 544 | transition: all 200ms !important; 545 | } 546 | 547 | #sidebar-header { 548 | border: none !important; 549 | border-right: 1px solid var(--sidebar-border-color); 550 | background: var(--sidebar-background) !important; 551 | } 552 | 553 | #sidebar-close, 554 | #sidebar-title, 555 | #sidebar-switcher-arrow { 556 | display: none; 557 | border: none; 558 | } 559 | 560 | #sidebar-switcher-target { 561 | border: none !important; 562 | margin-left: 4.5px !important; 563 | padding-top: 4px !important; 564 | padding-bottom: 6px !important; 565 | } 566 | 567 | #sidebar-switcher-target:focus-visible:not(:hover, [open]), 568 | #sidebar-close:focus-visible:not(:hover, [open]) { 569 | outline: none !important; 570 | } 571 | 572 | .sidebar-splitter { 573 | opacity: 0 !important; 574 | width: 0px !important; 575 | border: none !important; 576 | --avatar-image-url: none !important; 577 | } 578 | 579 | #sidebarMenu-popup .subviewbutton { 580 | min-width: 0px; 581 | padding: 0; 582 | margin: 0 !important; 583 | } 584 | 585 | #sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] 586 | + #sidebar-splitter { 587 | display: none !important; 588 | } 589 | 590 | #sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] 591 | #sidebar-header { 592 | visibility: collapse; 593 | } 594 | 595 | /*---+---+---+---+---+---+---+---+ 596 | | B | O | O | K | M | A | R | K | 597 | +---+---+---+---+---+---+---+---*/ 598 | 599 | /* Show bookmarks bar on hover */ 600 | #PersonalToolbar { 601 | --uc-bm-height: 24px; 602 | /* Might need to adjust if the toolbar has other buttons */ 603 | --uc-bm-padding: 6px; 604 | /* Vertical padding to be applied to bookmarks */ 605 | padding: 1px 6px !important; 606 | position: relative !important; 607 | } 608 | 609 | :root[uidensity="touch"] #PersonalToolbar { 610 | --uc-bm-padding: 6px; 611 | } 612 | 613 | #PersonalToolbar:not([customizing]) { 614 | margin-bottom: calc( 615 | 2px - var(--uc-bm-height) - 2 * var(--uc-bm-padding) 616 | ) !important; 617 | transform: rotateX(90deg) !important; 618 | transform-origin: top !important; 619 | transition: transform 50ms linear 500ms !important; 620 | z-index: 2 !important; 621 | } 622 | 623 | :root[BookmarksToolbarOverlapsBrowser] #PersonalToolbar:not([customizing]) { 624 | margin-bottom: calc( 625 | -1 * var(--bookmarks-toolbar-overlapping-browser-height) 626 | ) !important; 627 | } 628 | 629 | #PlacesToolbarItems > .bookmark-item { 630 | padding-block: var(--uc-bm-padding) !important; 631 | padding-left: 6px !important; 632 | padding-right: 6px !important; 633 | } 634 | 635 | #PlacesToolbarItems > .bookmark-item .toolbarbutton-icon { 636 | transition: opacity 100ms linear 450ms !important; 637 | opacity: 0 !important; 638 | } 639 | 640 | /* Show when cursor is over the toolbar area */ 641 | #navigator-toolbox:hover > #PersonalToolbar { 642 | transition-delay: 100ms !important; 643 | transform: rotateX(0) !important; 644 | } 645 | 646 | #navigator-toolbox:hover 647 | #PlacesToolbarItems 648 | > .bookmark-item 649 | .toolbarbutton-icon { 650 | transition-delay: 100ms !important; 651 | opacity: 1 !important; 652 | } 653 | 654 | #PlacesToolbarItems > .bookmark-item .toolbarbutton-text { 655 | transition: opacity 100ms linear 450ms !important; 656 | opacity: 0 !important; 657 | } 658 | 659 | #navigator-toolbox:hover 660 | #PlacesToolbarItems 661 | > .bookmark-item 662 | .toolbarbutton-text { 663 | transition-delay: 100ms !important; 664 | opacity: 1 !important; 665 | } 666 | 667 | /* Fix the white line above the bookmarks bar when it's empty */ 668 | #personal-toolbar-empty { 669 | padding: 2px !important; 670 | } 671 | --------------------------------------------------------------------------------