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
- 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; }
- }
|