userChrome.css (23507B)
1 /* USER FACING VARIABLES -------------------------------------------------------------------------------------- */ 2 /* this file does NOT have to be updated between versions */ 3 4 /* NOTE: restart Firefox to apply any changes */ 5 6 :root { 7 8 9 /* custom accent color to be used across Firefox*/ 10 /* use hexcode or color name */ 11 --custom-accent-color: #ebcb8b; 12 13 14 /* color of the tab dividers / separators */ 15 /* set variable = none, to disable dividers */ 16 --custom-tab-divider-color: #535354; 17 18 19 /* sets the height of the tabs toolbar */ 20 /* legacy height (<= v1.6.2) = 33px */ 21 /* functionality broken as of FF 108 - WIP */ 22 /* --tab-bar-height: 35px; */ 23 24 25 /* set the size of sync profile pic */ 26 /* 1.0 = 100% scale */ 27 --sync-avatar-scale: 1.0; 28 29 /* custom paddings/margins for the menu itmes */ 30 /* for reference: */ 31 --custom-menuitem-padding-vertical: 6px; 32 --custom-menuitem-padding-horizontal: 8px; 33 --custom-menuitem-margin: 4px; 34 35 } 36 37 /* CUSTOM ACCENT COLORS -------------------------------------------------------------------------------------- */ 38 39 :root { 40 --lwt-toolbarbutton-icon-fill-attention: var(--custom-accent-color, #0a84ff) !important; 41 --toolbarbutton-icon-fill-attention: var(--custom-accent-color, #0a84ff) !important; 42 --button-primary-bgcolor: var(--custom-accent-color, #0a84ff) !important; 43 --button-primary-hover-bgcolor: color-mix(in srgb, white 50%, var(--custom-accent-color, #0a84ff)) !important; 44 --button-primary-active-bgcolor: color-mix(in srgb, white 65%, var(--custom-accent-color, #0a84ff)) !important; 45 --buttons-primary-button-bgcolor: var(--custom-accent-color, #0a84ff) !important; 46 --buttons-primary-button-hover-bgcolor: color-mix(in srgb, white 50%, var(--custom-accent-color, #0a84ff)) !important; 47 --buttons-primary-button-active-bgcolor: color-mix(in srgb, white 65%, var(--custom-accent-color, #0a84ff)) !important; 48 --button-background-color-primary: var(--custom-accent-color, #0a84ff) !important; 49 --button-background-color-primary-hover: color-mix(in srgb, white 50%, var(--custom-accent-color, #0a84ff)) !important; 50 --button-background-color-primary-active: color-mix(in srgb, white 65%, var(--custom-accent-color, #0a84ff)) !important; 51 --brand-color-accent: var(--custom-accent-color, #0a84ff) !important; 52 --brand-color-accent-hover: color-mix(in srgb, white 50%, var(--custom-accent-color, #0a84ff)) !important; 53 --brand-color-accent-active: var(--custom-accent-color, #0a84ff) !important; 54 --color-accent-primary: var(--custom-accent-color, #0a84ff) !important; 55 --color-accent-primary-hover: color-mix(in srgb, white 50%, var(--custom-accent-color, #0a84ff)) !important; 56 --color-accent-primary-pressed: color-mix(in srgb, white 65%, var(--custom-accent-color, #0a84ff)) !important; 57 --tab-attention-icon-color: var(--custom-accent-color, #0a84ff) !important; 58 --checkbox-checked-bgcolor: var(--custom-accent-color, #0a84ff) !important; 59 --checkbox-checked-hover-bgcolor: color-mix(in srgb, white 50%, var(--custom-accent-color, #0a84ff)) !important; 60 --checkbox-checked-active-bgcolor: color-mix(in srgb, white 65%, var(--custom-accent-color, #0a84ff)) !important; 61 --lwt-brighttext-url-color: var(--custom-accent-color, #0a84ff) !important; 62 --lwt-popup-brighttext-url-color: var(--custom-accent-color, #0a84ff) !important; 63 --focus-outline-color: var(--custom-accent-color, #0a84ff) !important; 64 --toolbar-field-focus-border-color: var(--custom-accent-color, #0a84ff) !important; 65 --link-color: var(--custom-accent-color, #0a84ff) !important; 66 /*Star Highlight & Download Finished*/ 67 --lwt-toolbarbutton-icon-fill-attention: var(--custom-accent-color, #0a84ff) !important; 68 --lwt-toolbar-field-icon-fill-attention: var(--custom-accent-color, #0a84ff) !important; 69 } 70 71 .urlbarView-url, 72 .popup-notification-learnmore-link.text-link { 73 color: var(--custom-accent-color, #0a84ff) !important; 74 } 75 76 /* colors various popup windows (e.g. edit bookmarks, close window menus) */ 77 @-moz-document regexp("^(about:|chrome:|moz-extension:).*") { 78 79 html:not([role="dialog"]), 80 html:not([role="dialog"]) *, 81 html:not([role="dialog"]) body.activity-stream, 82 window:not([chromehidden]), 83 window:not([chromehidden])>dialog { 84 --in-content-primary-button-background: var(--custom-accent-color, #0a84ff) !important; 85 --in-content-primary-button-background-hover: color-mix(in srgb, white 50%, var(--custom-accent-color, #0a84ff)) !important; 86 --in-content-primary-button-background-active: color-mix(in srgb, white 65%, var(--custom-accent-color, #0a84ff)) !important; 87 } 88 } 89 90 /* color report broken side link */ 91 #report-broken-site-popup-send-more-info-link { 92 color: var(--custom-accent-color, #0a84ff) !important; 93 } 94 95 /* color the update/info dot in app menu */ 96 :root { 97 --panel-banner-item-info-icon-bgcolor: var(--custom-accent-color, #0a84ff) !important; 98 --panel-banner-item-update-supported-bgcolor: var(--custom-accent-color, #0a84ff) !important; 99 } 100 101 102 /* color the left strip in notification banners (purple-yellow gradient -> accent color) */ 103 .infobar::before { 104 background-image: linear-gradient(var(--custom-accent-color, #0a84ff), var(--custom-accent-color, #0a84ff)) !important; 105 } 106 107 108 /* color the password autofill highlight color on click */ 109 .autocomplete-richlistitem { 110 &[selected] { 111 background-color: color-mix(in srgb, white 15%, var(--custom-accent-color, #0a84ff)) !important; 112 } 113 } 114 115 /* color the "manage themes" link on the customize page */ 116 #customization-lwtheme-link.text-link { 117 color: var(--custom-accent-color, #0a84ff) !important; 118 } 119 120 /* replace the mozilla purple to yellow gradient in appmenu */ 121 /* (enabled by default for default, light, and dark themes) */ 122 :root:not(:-moz-lwtheme), 123 :root[lwt-default-theme-in-dark-mode], 124 /* based on https://github.com/black7375/Firefox-UI-Fix/issues/288 */ 125 :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"], 126 /* Light Theme */ 127 :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] 128 129 /* Dark Theme */ 130 { 131 --panel-separator-zap-gradient: linear-gradient(var(--custom-accent-color, #0a84ff), var(--custom-accent-color, #0a84ff)) !important; 132 } 133 134 /* can be manually overridden by pref */ 135 @media (-moz-bool-pref: "browser.appmenugradient.overwrite") { 136 :root { 137 --panel-separator-zap-gradient: linear-gradient(var(--custom-accent-color, #0a84ff), var(--custom-accent-color, #0a84ff)) !important; 138 } 139 } 140 141 142 /* TITLE BAR ----------------------------------------------------------------------------------------------- */ 143 144 /* override mozilla min/max/close buttons with default ones (only relevant on linux) */ 145 @media (-moz-gtk-csd-available) { 146 @media (-moz-bool-pref: "browser.windowcontrolbuttons.overwrite") { 147 .titlebar-button:-moz-lwtheme { 148 appearance: auto !important; 149 } 150 151 .titlebar-min:-moz-lwtheme, 152 .titlebar-max:-moz-lwtheme, 153 .titlebar-restore:-moz-lwtheme, 154 .titlebar-close:-moz-lwtheme { 155 list-style-image: none !important; 156 } 157 158 .titlebar-button:-moz-lwtheme:hover, 159 .titlebar-button:-moz-lwtheme:hover:active { 160 background-color: unset !important; 161 color: unset !important; 162 } 163 } 164 } 165 166 167 /* remove window corner rounding in gtk */ 168 :root[tabsintitlebar][sizemode="normal"]:not([gtktiledwindow="true"]) #navigator-toolbox:-moz-lwtheme, 169 :root[tabsintitlebar][sizemode="normal"]:not([gtktiledwindow="true"]) ::backdrop { 170 border-top-left-radius: 0 !important; 171 border-top-right-radius: 0 !important; 172 } 173 174 175 /* TAB BAR ------------------------------------------------------------------------------------------------- */ 176 177 /* sets the height of the tab toolbar 178 otherwise will change height when tabs overflow [FIXED] */ 179 /* tab height when playing audio issue fixed in FF 96.0.2+ */ 180 /* https://bugzilla.mozilla.org/show_bug.cgi?id=1714276 */ 181 /* height change when tab overflow fixed in FF 97 beta+ */ 182 /* #TabsToolbar {height: var(--tab-bar-height, 35px) !important;} */ 183 /* :root{ */ 184 /* default value for tab-min-height = 36px */ 185 /* --tab-min-height: var(--tab-bar-height, 35px) !important; */ 186 /* } */ 187 /* .toolbar-items {height: var(--tab-bar-height, 35px) !important;} */ 188 /* .tabbrowser-tab {height: var(--tab-bar-height, 35px) !important;} */ 189 190 #tabbrowser-tabs { 191 min-height: 0 !important; 192 } 193 194 /* Reduce left spacer on tab bar */ 195 @supports (not (-moz-osx-font-smoothing: auto)) { 196 @media not (-moz-bool-pref:"browser.lefttabspacer.enable") { 197 .titlebar-spacer[type="pre-tabs"] { 198 display: none !important; 199 } 200 } 201 } 202 203 204 /* Tab - Connect to window */ 205 .tab-background { 206 border-radius: 0 !important; 207 margin-top: 0 !important; 208 margin-bottom: 0 !important; 209 } 210 211 .tab-content { 212 margin-top: 0 !important; 213 margin-bottom: 0 !important; 214 } 215 216 .tab-stack { 217 margin-top: 0 !important; 218 margin-bottom: 0 !important; 219 } 220 221 222 /* adds the little colored strip on top of the selected tab */ 223 .tab-background:is([selected], [multiselected]) { 224 box-shadow: inset 0 2px var(--custom-accent-color, #0a84ff) !important; 225 border: 0 !important; 226 outline: none !important; 227 background-repeat: no-repeat !important; 228 } 229 230 /* special handling for mozilla containers */ 231 tab[class*="identity-color"] { 232 background-image: linear-gradient(var(--identity-tab-color, white), var(--identity-tab-color, white)); 233 background-size: 75% var(--container-stripe-height, 1px); 234 background-position: bottom center; 235 background-repeat: no-repeat; 236 border: 0 !important; 237 outline: none !important; 238 } 239 240 /* override the built in container colors */ 241 tab[class*="identity-color"][selected="true"]>.tab-stack>.tab-background>.tab-context-line { 242 height: 0 !important; 243 } 244 245 /* replace with our own container border */ 246 tab[class*="identity-color"][selected="true"]>.tab-stack>.tab-background:is([selected], [multiselected]) { 247 background-image: linear-gradient(var(--identity-tab-color, white), var(--identity-tab-color, white)); 248 background-size: 75% var(--container-stripe-height, 1px); 249 background-position: bottom center; 250 background-repeat: no-repeat; 251 border: 0 !important; 252 outline: none !important; 253 } 254 255 @media (-moz-bool-pref:"browser.tabcontextline.match_container_color") { 256 tab[class*="identity-color"][selected="true"]>.tab-stack>.tab-background:is([selected], [multiselected]) { 257 box-shadow: inset 0 2px var(--identity-tab-color, white) !important; 258 } 259 } 260 261 262 /* realign the selected tab so it doesnt droop down by 2px */ 263 .tabbrowser-tab[selected="true"] { 264 z-index: 0 !important; 265 } 266 267 268 /* neighbouring tabs should "pinch" together */ 269 .tabbrowser-tab { 270 padding-inline: 0 !important; 271 } 272 273 274 /* Unselected Tab - Divide line */ 275 .tab-stack::before, 276 .tabbrowser-tab:last-of-type .tab-stack::after { 277 content: ""; 278 } 279 280 .tab-stack::before, 281 .tab-stack::after { 282 display: block; 283 position: absolute; 284 top: 50%; 285 transform: translateY(-50%); 286 z-index: 1; 287 width: 0px; 288 height: 100%; 289 border-right: 1px solid var(--custom-tab-divider-color, #535354); 290 } 291 292 .tab-stack::after { 293 right: 0; 294 } 295 296 /* removes double tab line next to view button, fixes some padding */ 297 :root:not([privatebrowsingmode], [firefoxviewhidden]) :is(toolbarbutton, toolbarpaletteitem)+#tabbrowser-tabs { 298 border-inline-start: None !important; 299 padding-inline-start: calc(var(--tab-overflow-pinned-tabs-width) + 0px) !important; 300 margin-inline-start: 0 !important; 301 } 302 303 /* squares the mute button on hover */ 304 .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) { 305 border-radius: 0 !important; 306 } 307 308 /* new sidebar tabs */ 309 moz-button, :host { 310 --button-border-radius: 0 !important; 311 } 312 313 /* NAV BAR ---------------------------------------------------------------------------------------------------- */ 314 315 :root { 316 /* reduce padding between menu items */ 317 --arrowpanel-menuitem-padding: var(--custom-menuitem-padding-vertical, 6px) var(--custom-menuitem-padding-horizontal, 8px) !important; 318 --arrowpanel-menuitem-margin: 0 var(--custom-menuitem-margin, 4px) !important; 319 --panel-subview-body-padding: var(--custom-menuitem-margin, 4px) 0 !important; 320 321 322 /* square the off most of the UI (selection buttons on hover, context menus, hamburger menus, etc) */ 323 --toolbarbutton-border-radius: 0 !important; 324 --arrowpanel-menuitem-border-radius: 0 !important; 325 --arrowpanel-border-radius: 0 !important; 326 --tab-border-radius: 0 !important; 327 --subviewbutton-border-radius: 0 !important; 328 } 329 330 331 /* squares the profile picture on toolbar if logged into sync AND not disabled by pref */ 332 @media not (-moz-bool-pref:"browser.syncavatar.round") { 333 #fxa-avatar-image { 334 border-radius: 0 !important; 335 } 336 } 337 338 339 /* scales the profile picture, since it is quite small */ 340 #fxa-avatar-image { 341 transform: scale(var(--sync-avatar-scale)) !important; 342 } 343 344 345 /* option to hide extensions button */ 346 @media (-moz-bool-pref:"browser.unifiedextensions.hide") { 347 #unified-extensions-button { 348 display: none 349 } 350 } 351 352 /* option to hide the extentions notification dot */ 353 @media (-moz-bool-pref:"browser.extensionsdot.hide") { 354 #unified-extensions-button[attention]>.toolbarbutton-icon { 355 background-image: None !important; 356 } 357 } 358 359 /* SUB MENUS --------------------------------------------------------------------------------------------- */ 360 361 /* more padding code for sub menus */ 362 .panel-header { 363 padding: var(--custom-menuitem-margin, 4px) !important; 364 padding-bottom: 0 !important; 365 } 366 367 .subviewbutton-back { 368 margin: 0 0 !important; 369 } 370 371 372 /* removes the rounded corners from popup menus (main hamburger menu, bookmarks, etc) */ 373 .menupopup-arrowscrollbox, 374 .panel-arrowcontainer, 375 .panel-arrowbox, 376 .panel-arrowscrollbox, 377 menupopup { 378 border-radius: 0 !important; 379 } 380 381 #report-broken-site-popup-url, 382 #report-broken-site-popup-description { 383 border-radius: 0 !important; 384 } 385 386 /* removes rounded corner from selection boxes and autocomplete popups */ 387 menupopup menuitem, 388 menupopup menu, 389 menupopup, 390 panel, 391 menulist { 392 border-radius: 0 !important; 393 --panel-border-radius: 0 !important; 394 } 395 396 397 /* square input fields in the edit bookmarks menu */ 398 #editBMPanel_namePicker { 399 border-radius: 0 !important; 400 } 401 402 #editBMPanel_folderMenuList { 403 border-radius: 0 !important; 404 } 405 406 #editBMPanel_tagsField { 407 border-radius: 0 !important; 408 } 409 410 #editBMPanel_tagsSelector { 411 border-radius: 0 !important; 412 } 413 414 #editBMPanel_locationField { 415 border-radius: 0 !important; 416 } 417 418 #editBMPanel_keywordField { 419 border-radius: 0 !important; 420 } 421 422 423 /* square off aspects of the download menu (i.e. selection boxes, open in folder button) */ 424 .download-state, 425 .downloadButton { 426 border-radius: 0 !important; 427 } 428 429 .downloadProgress { 430 border-radius: 0 !important; 431 overflow: hidden !important; 432 } 433 434 .downloadProgress[paused] { 435 border-radius: 0 !important; 436 } 437 438 .downloadProgress:not([value="0"])::-moz-progress-bar { 439 border-radius: 0 !important; 440 } 441 442 .downloadProgress::-moz-progress-bar { 443 border-radius: 0 !important; 444 } 445 446 .downloadProgress[paused]::-moz-progress-bar { 447 border-radius: 0 !important; 448 } 449 450 451 /* square off the toggle switch for "enhanced tracking protection" */ 452 .protections-popup-tp-switch, 453 .protections-popup-tp-switch::before { 454 border-radius: 0 !important; 455 } 456 457 .toggle-button, 458 .toggle-button::before { 459 border-radius: 0 !important; 460 } 461 462 /* square the permissions popup (e.g. autoplay blocked) */ 463 #permission-popup-menulist { 464 border-radius: 0 !important; 465 } 466 467 468 /* square permission popups for webRTC (screen sharing and voice) */ 469 #webRTC-selectMicrophone-menulist { 470 border-radius: 0 !important; 471 } 472 473 #webRTC-selectWindow-menulist { 474 border-radius: 0 !important; 475 } 476 477 #webRTC-previewVideo { 478 border-radius: 0 !important; 479 } 480 481 482 /* square the fullscreen and zoom reset */ 483 #appMenu-zoomReset-button2>.toolbarbutton-text, 484 #appMenu-fullscreen-button2>.toolbarbutton-icon { 485 border-radius: 0 !important; 486 } 487 488 /* square the selection in the "List All Tabs" menu */ 489 .all-tabs-item { 490 border-radius: 0 !important; 491 margin-inline: var(--custom-menuitem-margin, 4px) !important; 492 } 493 494 495 /* MISC ITEMS ------------------------------------------------------------------------------------------- */ 496 497 /* square "close tabs and quit" window and buttons (and prob other dialog boxes) */ 498 .dialogBox { 499 border-radius: 0 !important; 500 } 501 502 button { 503 border-radius: 0 !important; 504 } 505 506 507 /* square checkboxes */ 508 .checkbox-check { 509 border-radius: 0 !important; 510 } 511 512 #checkbox { 513 border-radius: 0 !important; 514 } 515 516 517 /* square dropdown selection and autocompete boxes */ 518 select { 519 border-radius: 0 !important; 520 } 521 522 :is(panel, menupopup)::part(content) { 523 border-radius: 0 !important; 524 } 525 526 527 /* square selections, checkboxes, and nav buttons on the print page */ 528 .toggle-group-label { 529 border-radius: 0 !important; 530 } 531 532 .photon-number { 533 border-radius: 0 !important; 534 } 535 536 #headers-footers-enabled { 537 border-radius: 0 !important; 538 } 539 540 #backgrounds-enabled { 541 border-radius: 0 !important; 542 } 543 544 .toolbarButton:not(:hover) { 545 background-color: #2b2a33 !important; 546 } 547 548 #custom-range { 549 border-radius: 0 !important; 550 } 551 552 553 /* autosave password notification input fields */ 554 #password-notification-username { 555 border-radius: 0 !important; 556 } 557 558 #password-notification-password { 559 border-radius: 0 !important; 560 } 561 562 563 /* searchbox and buttons in find bar (ctrl+F) */ 564 .findbar-textbox { 565 border-radius: 0 !important; 566 } 567 568 toolbarbutton { 569 border-radius: 0 !important; 570 } 571 572 573 /* certain new folder and login field popup dialogs */ 574 #loginTextbox { 575 border-radius: 0 !important; 576 } 577 578 #password1Textbox { 579 border-radius: 0 !important; 580 } 581 582 583 /* density options in "Customize Toolbar" */ 584 #customization-uidensity-menuitem-compact { 585 border-radius: 0 !important; 586 } 587 588 #customization-uidensity-menuitem-normal { 589 border-radius: 0 !important; 590 } 591 592 #customization-uidensity-menuitem-touch { 593 border-radius: 0 !important; 594 } 595 596 597 /* square popup when entering full screen video */ 598 #fullscreen-warning { 599 border-radius: 0 !important; 600 } 601 602 603 /* square dismissable "show me how" notification messages */ 604 notification-message { 605 border-radius: 0 !important; 606 } 607 608 .animated { 609 border-radius: 0 !important; 610 } 611 612 .infobar { 613 border-radius: 0 !important; 614 } 615 616 .infobar::before { 617 border-start-start-radius: 0 !important; 618 border-end-start-radius: 0 !important; 619 } 620 621 622 /* clear history popup and warnings */ 623 #sanitizeDurationChoice { 624 border-radius: 0 !important; 625 } 626 627 #sanitizeEverythingWarningBox { 628 border-radius: 0 !important; 629 } 630 631 632 /* url preview on hover */ 633 #statuspanel-label { 634 border-radius: 0 !important; 635 } 636 637 /* sidebar and its panels*/ 638 #sidebar, .screen, .select-item, .button-background, 639 .inline-image, .selectedTab, .moz-card, moz-fieldset, 640 #inputs, .search-container { 641 border-radius: 0 !important; 642 } 643 644 /* input fields dont like to change, so do it this way instead */ 645 :root { 646 --border-radius-small: 0 !important; 647 --border-radius-medium: 0 !important; 648 --border-radius-large: 0 !important; 649 } 650 651 /* THUNDERBIRD SPECIFIC ------------------------------------------------------------------------------ */ 652 /* custom color for tab line */ 653 :root { 654 --tabline-color: var(--custom-accent-color, #0a84ff) !important; 655 } 656 657 /* the loading/compacting progress bar on bottom right */ 658 .progressmeter-statusbar { 659 border-radius: 0 !important; 660 } 661 662 .progressmeter-statusbar:not([value="0"])::-moz-progress-bar { 663 border-radius: 0 !important; 664 } 665 666 /* END OF THE SQUARE PROTON CSS FILE */ 667 668 /* Remove back, forward, and refresh buttons */ 669 #back-button, 670 #forward-button, 671 #reload-button { 672 display: none !important; 673 } 674 675 #sidebar-button { display: none !important; } 676 #firefox-view-button { display: none !important; } 677 #new-tab-button { display: none !important; } 678 #alltabs-button { display: none !important; } 679 #identity-permission-box { display: none !important; } 680 #picture-in-picture-button { display: none !important; } 681 #star-button-box { display: none !important; } 682 #pageAction-urlbar-_testpilot-containers { display: none !important; } 683 #navigator-toolbox > #PersonalToolbar { display: none !important; } 684 #tabbrowser-tabbox { 685 outline: none !important; 686 box-shadow: none !important; 687 688 } 689 #reader-mode-button { display: none !important; } 690 #translations-button { display: none !important; } 691 692 /* Remove Context Menu Entries */ 693 #context-back, #context-take-screenshot, #context-forward, #context-reload, #context-stop, #context-bookmarkpage, #context-savepage, #context-pocket, #screenshots_mozilla_org_create-screenshot, #context-inspect, #context-sep-selectall, #context-selectall, #context-copy, #context-viewsource, #context-viewinfo, #context-print-selection, #context-viewpartialsource-selection, #context-inspect-a11y, #context-openlinkintab, #context-openlink, #context-openlinkprivate, #context-bookmarklink, #context-savelink, #context-savelinktopocket, #context-sendimage, #context-searchselect-private { 694 display: none !important; 695 } 696 697 #statuspanel[type="overLink"] {opacity: 0 !important;} 698 #statuspanel {opacity: 0 !important;} 699 #statuspanel {display:none!important} 700 #statuspanel-label { display: none !important; } 701 702 #unified-extensions-button:hover #unified-extensions-view, 703 #unified-extensions-view:hover { 704 visibility: visible !important; 705 opacity: 1 !important; 706 } 707 708 /* Hide URL suggestions and other elements */ 709 #urlbar-results, 710 #urlbar-go-button, 711 #page-action-buttons, 712 #reader-mode-button-container { 713 display: none !important; 714 } 715 716 /* Hide "This time search with" suggestion */ 717 #urlbar-one-offs-header-label { 718 display: none !important; 719 } 720 721 /* Hide search engine symbols */ 722 #urlbar-engine-one-off-item, 723 #urlbar-one-off-search-buttons { 724 display: none !important; 725 } 726 727 /* Disable one-off search */ 728 #urlbar[oneoffsearchfieldshidden] { 729 pointer-events: none !important; 730 } 731 732 /* Hide sidebar */ 733 #sidebar-box { 734 visibility: collapse !important; 735 } 736 737 /* Hide bottom status/ui bar */ 738 #status-bar { 739 visibility: collapse !important; 740 } 741 742 scrollbar { 743 -moz-appearance: none !important; 744 display: none !important; 745 width: 0px !important; 746 background-color: transparent !important; 747 } 748 749 scrollcorner { 750 -moz-appearance: none !important; 751 display: none !important; 752 } 753 754 *[id*="sep"], *[class*="sep"] { 755 display: none !important; 756 } 757 758 759 /* Remove tab close button */ 760 .tab-close-button { 761 display: none !important; 762 } 763 764 /* Remove new tab button */ 765 #tabs-newtab-button { 766 display: none !important; 767 } 768 769 .titlebar-buttonbox-container { 770 display: none !important; 771 } 772 773 #stop-button { 774 display: none !important; 775 } 776 777 #customizableui-special-spring1, 778 #customizableui-special-spring2 { 779 display: none !important; 780 } 781 782 #vertical-spacer { 783 display: none !important; 784 } 785 786 .search-one-offs { 787 display: none !important; 788 height: 0 !important; 789 overflow: hidden !important; 790 } 791 792 /* #sidebar-main { */ 793 /* visibility: collapse !important; */ 794 /* } */ 795 796 /* remove annoying top border on top of urlbar*/ 797 #nav-bar { 798 box-shadow: none !important; 799 border-top: none !important; 800 }