Firefox

Z Moje wiki
Przejdź do nawigacji Przejdź do wyszukiwania

Narzędzie jest wbudowane w Firefox - Dla twórców witryn - Przełącz narzędzia - Opcje - i zaptaszamy: Narzędzia debugowania chrome przeglądarki i dodatków oraz Debugowanie zdalne. Następnie ctrl+shift+alt+i

  • Firefox 76 beta

  • Ten kod umieścić w pliku "userChrome.css". Plik znajduje się w katalogu z profilem, podkatalog chrome (jeżeli danego katalogu nie ma i/lub pliku to należy go utworzyć).
/* pasek adresu */
#urlbar-background { border-radius:7px !important; font-size:15px !important; } 
/* wyszukiwarka */
#searchbar { border-radius:7px !important; width:150px !important; }
/* kasuje ikony katalogów */
#personal-bookmarks .toolbarbutton-icon { display:none !important; }
/* kasuje ikone nowa karta */
#tabs-newtab-button { display:none !important; }
/* obramowanie górnego paska */
#nav-bar { border-top:1px solid silver; }
/* rozmiar czcionki nazw katalogów */
#personal-bookmarks { font-size:13px !important; }
/* margines nazw katalogów */
.toolbarbutton-text { margin:0 2px !important; }
/* usuwa znaczek zamykania kart */
.tab-close-button { display:none !important; }
/* szerokość kart */
.tabbrowser-tab:not([pinned]) { max-width:130px !important; min-width:130px !important; }
.tabbrowser-tab:not([fadein]) { max-width:1px !important; min-width:1px !important; }
/* zmiana koloru tła menu zakładek */
#personal-bookmarks .popup-internal-box { background:silver !important; outline:1px solid #5a5a5a; }
/* zmiana koloru czcionki w menu zakładek */
#personal-bookmarks .bookmark-item .bookmark-item { color:#000000 !important; font-weight:600 !important; }
#personal-bookmarks .bookmark-item .bookmark-item:hover { color:#ffffff !important; outline:1px dashed #000000; }
/* zmiana koloru otwórz wszystkie w kartach */
.openintabs-menuitem { color:#000000 !important; }
.openintabs-menuitem:hover { color:red !important; }
/* pasek adresu */
image#reader-mode-button { display:none !important; } /* ukrycie ikony reader */
/* ukrywanie menu w hanburger */
#appMenu-new-window-button { display:none !important; } /* Nowe okno */
toolbaritem:nth-child(5)  { display:none !important; } /* ochrona przed śledzeniem */
#appMenu-private-window-button { display:none !important; } /* Nowe prywatne okno */
#appMenuRestoreLastSession { display:none !important; } /* Przywróć poprzednią sesję */
#appMenu-edit-controls { display:none !important; } /* Edycja */
#appMenu-open-file-button { display:none !important; } /* Otwórz plik... */
#appMenu-save-file-button { display:none !important; } /* Zapisz stronę jako... */
#appMenu-print-button { display:none !important; } /* Drukuj */
#appMenu-import-button { display:none !important; } /* importuj z innej przeglądarki
#appMenu-whatsnew-button { display:none !important; } /* co nowego 
#appMenu-more-button { display:none !important; } /* więcej */
/* ukrycie sepatorów */
#appMenu-multiView toolbarseparator:nth-child(4) { display:none !important; }
#appMenu-multiView toolbarseparator:nth-child(6) { display:none !important; }
#appMenu-multiView toolbarseparator:nth-child(12) { display:none !important; }
#appMenu-multiView toolbarseparator:nth-child(21) { display:none !important; }
/* pasek wyszukiwarki */
#PopupAutoCompleteRichResult { margin-top:2px !important; }
#PopupAutoCompleteRichResult .autocomplete-richlistbox { display:none !important; }
#PopupAutoCompleteRichResult .search-panel-header { display:none !important; }
/* kolor tła hover min, max */                                                      
.titlebar-min:hover, .titlebar-max:hover { background-color:hsl(355,86%,49%) !important; }
/* zaznaczenie hover wybieranego z menu */
.toolbarbutton-1:hover, #personal-bookmarks .bookmark-item:hover { border-style:solid; border-width:2px 0 0 0; border-color:hsl(355,86%,49%); }
/* podmiana tekstu + przesunięcie w lewo */
menuitem[id$="BTH"]:after { content: "Dodaj zakładkę tutaj "; padding-left:10px; }
menuitem[id$="BTH"] { text-indent: -150px; }

/* pozycja paska min, max, zamykanie */
#titlebar-buttonbox-container { position:fixed; top:35px; right:0; z-index:2; }
/* rozmiar w kartach */
#TabsToolbar { font-size:20px !important; }
/* rozmiar w zakładkach */
#personal-bookmarks .bookmark-item { font-size:20px !important; }
/* separatory w hamburger */
#appMenu-multiView toolbarseparator:nth-child(numer) { display:none !important; }
Wszystkie elementy w hamburger
#appMenu-fxa-container
toolbaritem:nth-child(5)
#appMenu-new-windows-button
#appMenu-private-windows-button
#appMenuRestoreLastSession
#appMenu-zoom-controls
#AppMenu-edit-controls
#appMenu-library-button
#appMenu-logins-button
#appMenu-addons-button
#appMenu-preferences-button
#appMenu-customize-buttom
#appMenu-open-file-button
#appMenu-save-file-button
#appMenu-print-button
#appMenu-find-button
#appMenu-more-button
#appMenu-developer-button
#appMenu-import-button
#appMenu-whatsnew-button
#appMenu-help-button
#appMenu-quit-button
/* Auto-ukrywanie paska zakładek */
#PersonalToolbar { opacity: 0 !important; transition: all 0.5s ease 0s !important; margin-top: -32px !important; }
#navigator-toolbox:hover #PersonalToolbar { opacity: 1.0 !important; transition-delay: 0s !important; margin-top: inherit !important; }
#PersonalToolbar { -moz-window-dragging: no-drag !important; }
Jeżeli pasek zakładek nachodzi na górny pasek to należy zmniejszyć wartość margin-top: -32px

  • Mój kod na zmianę wyglądu Firefox (pusta strona)
  • Ten kod umieścić w pliku "userContent.css". Plik znajduje się w katalogu z profilem, podkatalog chrome (jeżeli danego katalogu nie ma i/lub pliku to należy go utworzyć).
/* miniaturki */
@-moz-document url(about:newtab) {
div.outer-wrapper main { margin:20px 60px !important; }
div.outer-wrapper main div.body-wrapper { padding:0 55px; border:1px dotted silver; width:1650px; }
}