Notizie: puoi sempre seguire i nostri aggiornamenti su Twitter (@MozillaItalia) e Facebook (/MozillaItalia)

Autore Topic: Personalizzare l'interfaccia di Firefox 86 (userChrome.css)  (Letto 585 volte)

0 Utenti e 1 Visitatore stanno visualizzando questo topic.

Online Iceberg

  • Moderatore
  • Post: 8339
Re:velocizzare apertura chat di facebook
« Risposta #15 il: 25 Marzo 2021 13:34:37 »
Mi chiedo se c'è un modo per separare i pulsanti della cronologia e di segnalibri? il motivo è che il pulsante di cronologia non è quella in cui si apre nella barra laterale come in firefox 56.2.0.
Fra i pulsanti disponibili ce n'è uno che apre la barra laterale. Quella dei segnalibri o della cronologia in base alla tua ultima scelta. Non vedo una icona distinta specifica per una o l'altra barra.

Per alcune estensioni non esiste nessuna versione di Firefox (dalla 57 in avanti) o dell'estensione compatibile. Mi sembra che molte delle tue rientrano in questa casistica.


Dovrei anche far comparire il pulsante in rosso della chiusura di scheda solo quella attiva e non trovo il codice.
Con questo codice dovrebbe apparire rossa e venire mostrata solo sulla scheda attiva. Questa la mia impostazione, con qualche ritocco si potranno avere differenti risultati.
Codice: [Seleziona]
.tabbrowser-tab:not([selected="true"]) .tab-close-button {
  visibility: collapse !important; }

#tabbrowser-tabs .tabbrowser-tab:not([pinned])[selected="true"] .tab-close-button {
  visibility: visible !important;
  display: block !important;
  color: red !important; }

#TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([pinned]):not([selected="true"]) .tab-close-button,
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab[pinned]:not([selected="true"]) .tab-close-button {
  visibility: collapse !important;
  display: none !important; }
« Ultima modifica: 25 Marzo 2021 14:04:50 da Iceberg »

Offline Schwanz

  • Post: 988
Re:velocizzare apertura chat di facebook
« Risposta #16 il: 25 Marzo 2021 14:54:51 »
il pulsante di chiusura della scheda che mi riferisco è questo, nel tuo codice colora solo la crocetta senza riquadro

Online Iceberg

  • Moderatore
  • Post: 8339
Re:velocizzare apertura chat di facebook
« Risposta #17 il: 25 Marzo 2021 15:16:32 »
Sì, colora la crocetta di rosso. Mi sembra il migliore compromesso. Per avere il fondo rosso aggiungi:

Codice: [Seleziona]
background-color: red !important;Prova qualche combinazione di colori.
A me non piace in quanto viene troppo grande.

Offline Schwanz

  • Post: 988
Re:velocizzare apertura chat di facebook
« Risposta #18 il: 25 Marzo 2021 15:28:33 »
non va, rimane sempre così, la croce deve essere bianca con sfondo rosso, il riquadro c'è ma è nascosto, lo compare solo se ci passo sopra il mouse ed è trasparente.


su firefox 56.2.0, in alto ho la barra degli strumenti aggiuntiva (lo uso per separare la barra navigazione e la barra delle schede), e sotto barra componenti aggiuntivi, ho aggiunto questo codice nel firefox 87 portable  che però non rimane grigio il suo sfondo quando termina il caricamento della pagina, e non mi permette di mettere lì le icone delle estensioni

Codice: [Seleziona]
/*
    Display the status bar in Firefox Quantum (version 61+)
    permanently at the bottom of the browser window.
    Code below works best for the Light Firefox theme and is based on:
    https://github.com/MatMoul/firefox-gui-chrome-css/blob/master/chrome/userChrome.css
    This userChrome.css file was last modified on: 28-Jun-2018.
    Tested to work with Firefox 61 on Windows.
    Related blog post: http://www.optimiced.com/en/?p=1727
*/

#browser-bottombox { height: 20px; border-top: solid 1px #CCC; }

.browserContainer>#statuspanel { left: 4px !important; bottom: 0px; transition-duration: 0s !important; transition-delay: 0s !important; }
.browserContainer>#statuspanel>#statuspanel-inner>#statuspanel-label { margin-left: 0px !important; border: none !important; padding: 0px !important; }

window[inFullscreen="true"] #browser-bottombox { display:none !important; }
window[inFullscreen="true"] .browserContainer>#statuspanel[type="overLink"] #statuspanel-label { display:none !important; }

dal tuo codice, è possibile spostare la barra in fondo, e spostare in alto quella del codice sopra?
Codice: [Seleziona]
/* Sposta in basso la barra delle schede e non la visualizza con una sola scheda aperta */
:root #tabbrowser-tabs {
  padding-top: 2px !important;
  --tab-min-height: 0px !important; }

#toolbar-menubar {
  top: 0px !important; }
/* Linux/macOS; space above navigation toolbar (OS titlebar); set to '0' if no menubar is used */
#main-window:not([tabsintitlebar]):not([sizemode="fullscreen"]) #nav-bar {
  margin-top: 28px !important; }

#toolbar-menubar {
  position: fixed !important;
  display: block !important;
  width: 100vw !important;
  -moz-window-dragging: drag !important; }
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
  position: fixed !important;
  display: block !important;
  right: 0 !important;
  visibility: visible !important; }




Per alcune estensioni non esiste nessuna versione di Firefox (dalla 57 in avanti) o dell'estensione compatibile. Mi sembra che molte delle tue rientrano in questa casistica.
si lo so, ma volevo dire che siccome di sicuro da firefox 64 in poi non mi farebbe installare quasi niente, mi chiedo se ad esempio è sufficiente installare la 57 oppure 58 (per ora intendo la versione portable per fare delle prove di costruire la barra strumenti con i codici e così vedere quante estensioni riesce ad installarle)?
« Ultima modifica: 25 Marzo 2021 20:49:05 da Schwanz »

Online Iceberg

  • Moderatore
  • Post: 8339
Re:velocizzare apertura chat di facebook
« Risposta #19 il: 26 Marzo 2021 13:11:29 »
Per dare alla barra degli indirizzi un comportamento più simile a quello delle vecchie versioni e per eliminare quel ridicolo ingrossamento prova questo codice. Bello lungo.
Codice: [Seleziona]
:root {
  --workaround_value: 0px; }

#urlbar-container[breakout] #urlbar[breakout] {
  font-size: 12px !important; }

#urlbar-container[breakout] {
  position: relative !important;
  min-height: var(--urlbar-container-height); }

#urlbar[breakout]:not([open]) {
  position: relative !important;
  display: inherit !important;
  height: var(--urlbar-height) !important; }

#urlbar[breakout][breakout-extend]:not([open]) {
  top: unset !important;
  left: unset !important;
  width: 100% !important; }

#urlbar[breakout][breakout-extend][open] {
  top: calc(var(--workaround_value) + (var(--urlbar-toolbar-height) - var(--urlbar-height))/2) !important;
  left: 0px !important;
  width: 100% !important; }

#urlbar[breakout][breakout-extend] > #urlbar-background {
  box-shadow: unset !important; }

#urlbar[breakout] > #urlbar-input-container {
  height: var(--urlbar-height) !important; }

#urlbar[breakout][breakout-extend] > #urlbar-input-container {
  height: var(--urlbar-height) !important;
  padding-block: unset !important;
  padding-inline: unset !important; }

#urlbar[breakout][breakout-extend] > #urlbar-background {
  animation-name: unset !important; }

.urlbarView.megabar .urlbarView-body-inner {
  border-top: unset !important; }

.megabar #urlbarView-results {
  padding: 0px !important;
  padding-block: 0px !important; }

.megabar #urlbar-results .urlbarView-body-outer,
.megabar #urlbar-results .urlbarView-row,
.megabar #urlbar-results .urlbarView-row-inner {
  -moz-margin-start: 0 !important;
  -moz-padding-start: 0 !important;
  -moz-margin-end: 0 !important;
  -moz-padding-end: 0 !important; }

.megabar #urlbar-results .urlbarView-row-inner {
  -moz-padding-start: 4px !important;
  -moz-padding-end: 4px !important; }

Se va ma non va, capito, più o meno, a cosa serve ogni istruzione, togli o cambia i valori fino a rendertelo più adatto.
Per altre cose, scarica i trucchi di Aris, leggi la loro descrizione, prova quelli promettenti. Triovato quello giusto, copia nel tuo file solo il contenuto del file di Aris. Per esempio ci sono i paragrafi "tab close icon settings" e "restore empty/missing tab favicon".
Complicato? Sì, ma si può fare.

E tanto per renderlo ancor più complesso va ricordato che alcune modifiche sono dipendenti da altre. Se un file inizia con @import vorrà dire che quel codice copiato da un'altra parte non funzionerà.




Offline Schwanz

  • Post: 988
Re:velocizzare apertura chat di facebook
« Risposta #20 il: 26 Marzo 2021 18:47:27 »
ok funziona grazie.

ho usato dei codici di Aris disattivando /* di queste due voci @import "./css/toolbars  addonbar_move_bookmarks_toolbar_to_bottom_tabs_on_bottom_compatibilit y.css"; /**/  /* <--- EXPERIMENTAL */ e @import "./css/toolbars/addonbar_move_bookmarks_toolbar_to_bottom.css"; /**/  /* <--- EXPERIMENTAL */ ottenendo così quelle due barre sotto, ma vorrei mettere la barra separatore in mezzo fra la barra menù e delle schede in modo che si distanziano, non lo trovo tra le opzioni di Aris, e lascio in fondo  la barra componenti aggiuntivi, se attivo una delle due la barra componenti aggiuntivi mi scompare.




my_userChrome.css personalizzato
Codice: [Seleziona]
/* PERSONALIZZA TEMA FIREFOX 3 THEME SU DEFAULT */
#toolbar-menubar {
 -moz-appearance: none !important;
  min-height: 26px !important;
  max-height: 26px !important;
  border-bottom-width: 1px !important;
  border-bottom-color: rgb(153, 146, 143) !important; 
  background: #dbd4ce !important; }

#nav-bar {
  border-top-style: solid !important;
  border-top-width: 1px !important;
  border-top-color: rgb(255, 255, 255) !important;
  border-bottom-style: solid !important;
  border-bottom-width: 1px !important;
  border-bottom-color: rgb(153, 146, 143) !important;
  margin-top: 0px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  background: #dbd4ce !important; }

#PersonalToolbar {
  border-top-style: solid !important;
  border-top-width: 1px !important;
  border-top-color: rgb(255, 255, 255) !important;     
  border-bottom-width: 1px !important;
  border-bottom-color: rgb(153, 146, 143) !important;   
  min-height: 24px !important;
  max-height: 24px !important;
  background: #dbd4ce !important; }
 


/* RIMOZIONE TASTI NEL MENU' CONTESTUALE */
#context-navigation,
#context-sep-navigation {
  display:none !important;
}

/* PULSANTE STOP X IN GRIGIO */
#ctraddon_stop-button[disabled]{
   filter: grayscale(100%) !important;
}

/* GREEN THROBBER */
.tab-throbber {
   filter: hue-rotate(980deg);
}
/* GREEN THROBBER */
/* Revert tab throbber - for Nightly 57 as of 9/20/2017 */
.tab-throbber[busy]::before {
  background-image: url("chrome://global/skin/icons/loading.png") !important;
  animation: unset !important;
}


/* RIMOZIONE GRASSETTO MOZILLA FOUNDATION (US) */
/* AGENT_SHEET */
#nav-bar #nav-bar-customization-target #urlbar-container #urlbar-wrapper #urlbar[pageproxystate="valid"] .verifiedIdentity {
  font-weight: normal !important; }

/* ANNULLA L'OPACITA' DELL'ICONA INDENTIFICATIVA DEL SITO (SUPERSTART) */
#identity-icon {
  opacity: 1.0 !important; }


/*ICONA "I" SULLE SCHEDE */
.tabbrowser-tab:not([pinned]) .tab-icon-image:not([src]) {
       display:inline !important;
     }
     #main-window[fx45plus="true"] .tabbrowser-tab[pinned]
.tab-icon-image:not([src]),
     #main-window[fx45plus="true"] .tabbrowser-tab:not([pinned])
.tab-icon-image:not([src]) {
     list-style-image:
url(chrome://browser/skin/identity-icon.svg#normal) !important;
     }
     .tabbrowser-tab:not([pinned])[busy] .tab-throbber +
.tab-icon-image:not([src]) {
       display:none !important;
     }

/* SELEZIONE IN BLU CHIARO DI ABOUT:ADDONS */
/* AGENT_SHEET */
#addons-page .main-content .addon[selected="true"]{
background: rgba(148, 172, 204, 0.39) !important;
color: black !important;
}
#addons-page hbox #categories .category:not([selected]):not(:hover),
#addons-page hbox #categories .category:not([selected]):hover{
   -moz-appearance: none !important;
   background-color: transparent !important;
   color: black !important;
}

/* BORDO LATO DESTRO BARRA SEGNALIBRI (SIDEBAR) */
.sidebar-splitter {
    min-width: 10px !important;
}

/* COLORE DI SFONDO DELLA BARRA LATERALE DEI SEGNALIBRI E DELLA CRONOLOGIA */
#sidebar-header,
#sidebar-search-container,
#bookmarks-view,
#historyTree  {
 -moz-appearance: none !important;
 background: #FFFFFF   !important; }

/* EFFETTO AL PASSAGGIO DEL MOUSE SULLE SCHEDE NON ATTIVE */
.tabbrowser-tab:not([selected="true"]):hover {
   -moz-appearance: none !important;
    background: #DCDCDC !important; }

/* CAMBIA IL COLORE DELLA SCHEDA ATTIVA */
.tabbrowser-tab[selected="true"] {
   -moz-appearance: none !important;
    background: #EBE9E5 !important;
    color: #000000 !important;
    border: none !important; }

/* COLORE CARTELLE CRONOLOGIA */
.bookmark-item[container], treechildren::-moz-tree-image(container) {
  fill: #1560BD !important;
}

/* BARRA DELLE SCHEDE IN BASSO */

#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {
  -moz-box-ordinal-group: 10 !important;
}

#TabsToolbar {
  -moz-box-ordinal-group: 1000 !important;
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  padding-top: 2px !important;
  width: 100vw !important;
}

#tabbrowser-tabs {
  width: 100vw !important;
}

*|*:root:not([chromehidden*="toolbar"]) #navigator-toolbox {
  padding-bottom: calc(var(--tab-min-height) + 2px) !important; /*adjust*/
}

#TabsToolbar {
  height: var(--tab-min-height) !important;
  margin-bottom: 1px !important; /*adjust*/
  box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important; /*omit*/
  background-color: var(--toolbar-bgcolor) !important;
  color: var(--toolbar-color) !important;
}



/* RIMOZIONE PULSANTE "APRI MENU" */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
#PanelUI-button { display:none!important; }

/* RIMOZIONE LINEA BLU CARICAMENTO SCHEDA */
#TabsToolbar .tabbrowser-tab[selected] .tab-line {
    display: none !important;
}



 /* RIMOZIONE "AZIONE PER QUESTA PAGINA" */
#pageActionButton
{
  display: none !important;
}
/* Put refresh button "inside" address bar */
#pageActionSeparator
{
    margin-right:26px !important;
}



/* SEARCHBAR VECCHIO STILE */
:root {
  --workaround_value: 0px; }

#urlbar-container[breakout] #urlbar[breakout] {
  font-size: 12px !important; }

#urlbar-container[breakout] {
  position: relative !important;
  min-height: var(--urlbar-container-height); }

#urlbar[breakout]:not([open]) {
  position: relative !important;
  display: inherit !important;
  height: var(--urlbar-height) !important; }

#urlbar[breakout][breakout-extend]:not([open]) {
  top: unset !important;
  left: unset !important;
  width: 100% !important; }

#urlbar[breakout][breakout-extend][open] {
  top: calc(var(--workaround_value) + (var(--urlbar-toolbar-height) - var(--urlbar-height))/2) !important;
  left: 0px !important;
  width: 100% !important; }

#urlbar[breakout][breakout-extend] > #urlbar-background {
  box-shadow: unset !important; }

#urlbar[breakout] > #urlbar-input-container {
  height: var(--urlbar-height) !important; }

#urlbar[breakout][breakout-extend] > #urlbar-input-container {
  height: var(--urlbar-height) !important;
  padding-block: unset !important;
  padding-inline: unset !important; }

#urlbar[breakout][breakout-extend] > #urlbar-background {
  animation-name: unset !important; }

.urlbarView.megabar .urlbarView-body-inner {
  border-top: unset !important; }

.megabar #urlbarView-results {
  padding: 0px !important;
  padding-block: 0px !important; }

.megabar #urlbar-results .urlbarView-body-outer,
.megabar #urlbar-results .urlbarView-row,
.megabar #urlbar-results .urlbarView-row-inner {
  -moz-margin-start: 0 !important;
  -moz-padding-start: 0 !important;
  -moz-margin-end: 0 !important;
  -moz-padding-end: 0 !important; }

.megabar #urlbar-results .urlbarView-row-inner {
  -moz-padding-start: 4px !important;
  -moz-padding-end: 4px !important; }
 
 
#reload-button, #stop-button {
display: inherit !important;
}
#reload-button > .toolbarbutton-icon {
-moz-appearance: none !important;
}
« Ultima modifica: 26 Marzo 2021 18:51:12 da Schwanz »

Online Iceberg

  • Moderatore
  • Post: 8339
Re:velocizzare apertura chat di facebook
« Risposta #21 il: 26 Marzo 2021 19:32:26 »
vorrei mettere la barra separatore in mezzo fra la barra menù e delle schede in modo che si distanziano, non lo trovo tra le opzioni di Aris, e lascio in fondo  la barra componenti aggiuntivi, se attivo una delle due la barra componenti aggiuntivi mi scompare.

Non c'è tra le opzioni in quanto è impossibile creare una barra. Quella che chiami barra dei componenti aggiuntivi in realtà è una simulazione, una barra, già esistente, riutilizzata in modo differente e in posizione differente. Un giochino che si può fare solo una volta.
Un ennesimo escamotage potrebbe essere quello di aumentare, in alto e "a perdere", l'altezza della barra delle schede, facendo in modo che sembri che ci sia una barra. Barra finta, che come tale dovrà rimanere vuota.
Dovrebbe essere sufficiente, nel codice #TabsToolbar {...}, aggiungere uno zero a padding-top, ora è 2px, cambia in 20px.

 

Offline Schwanz

  • Post: 988
Re:velocizzare apertura chat di facebook
« Risposta #22 il: 26 Marzo 2021 21:33:16 »
impostando il padding a 50px, la scheda è sovrapposta al sito, poi deve essere colorato di grigio quella parte.

« Ultima modifica: 26 Marzo 2021 21:36:37 da Schwanz »

Online Iceberg

  • Moderatore
  • Post: 8339
Re:velocizzare apertura chat di facebook
« Risposta #23 il: 26 Marzo 2021 22:07:00 »
Problemi dei codici interconnessi fra loro.
Proviamo girando la frittata.
Al posto di aumentare il padding sopra la barra delle schede, proviamo aumentando il padding sotto la barra degli indirizzi.
In questa istruzione al posto di 2px metti 20px.
Codice: [Seleziona]
padding-bottom: calc(var(--tab-min-height) + 2px) !important;
Per il colore non so se sia possibile farci qualcosa. La barra che si crea è finta, è parte integrante della barra originale, da cui eredita il colore. Esiste il padding-bottom color?

Offline Schwanz

  • Post: 988
Re:velocizzare apertura chat di facebook
« Risposta #24 il: 26 Marzo 2021 22:08:32 »
sono riuscito in un altro modo cambiando valori in neretto, manca da colorare la barra, e vorrei rimuovere quella linea indicata.

Citazione
/* BARRA DELLE SCHEDE IN BASSO */

#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {
  -moz-box-ordinal-group: 10 !important;
}

#TabsToolbar {
  -moz-box-ordinal-group: 1000 !important;
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  padding-top: 4.5px !important;
  width: 100vw !important;
}

#tabbrowser-tabs {
  width: 100vw !important;
}

*|*:root:not([chromehidden*="toolbar"]) #navigator-toolbox {
  padding-bottom: calc(var(--tab-min-height) + 18px) !important; /*adjust*/
}

#TabsToolbar {
  height: var(--tab-min-height) !important;
  margin-bottom: 2.5px !important; /*adjust*/
  background-color: var(--toolbar-bgcolor) !important;
  color: var(--toolbar-color) !important;
}


Online Iceberg

  • Moderatore
  • Post: 8339
Re:velocizzare apertura chat di facebook
« Risposta #25 il: 26 Marzo 2021 22:16:19 »
Hai fatto quello che stavo suggerendoti. Ma.
Codice: [Seleziona]
padding-bottom: calc(var(--tab-min-height) + 18px) !important;Questo sì. Gli altri no, pixel con la virgola non hanno senso. Togli il .5, anzi ripristina questi valori e prova se arrivi allo stesso risultato mettendo valori maggiori di 18.
Per il colore la vedo difficile.

Online Iceberg

  • Moderatore
  • Post: 8339
Re:velocizzare apertura chat di facebook
« Risposta #26 il: 26 Marzo 2021 22:29:40 »
Per il colore.

Codice: [Seleziona]
*|*:root:not([chromehidden*="toolbar"]) #navigator-toolbox {
  padding-bottom: calc(var(--tab-min-height) + 20px) !important; /*adjust*/
  box-shadow: 0 88px 0 0 blue inset !important; /*adjust pure qui*/
}

Se ottieni qualcosa di promettente, dovrai aggiustare i valori del box-shadow e il suo colore.

Offline Schwanz

  • Post: 988
Re:velocizzare apertura chat di facebook
« Risposta #27 il: 27 Marzo 2021 14:47:39 »
il codice è ok ma al posto di blue ho messo gray, ma viene scuro, ho provato a scrivere light gray e baby gray ma non va ugualmente



Citazione
/* COLORARE LA BARRA SEPARATORE */
*|*:root:not([chromehidden*="toolbar"]) #navigator-toolbox {
  padding-bottom: calc(var(--tab-min-height) + 20px) !important; /*adjust*/
  box-shadow: 0 88px 0 0 gray inset !important; /*adjust pure qui*/
}

« Ultima modifica: 27 Marzo 2021 15:20:15 da Schwanz »

Online Iceberg

  • Moderatore
  • Post: 8339
Re:velocizzare apertura chat di facebook
« Risposta #28 il: 27 Marzo 2021 14:57:53 »
Trovare il colore giusto è semplice. Trovare come definire quell'area era il difficile, per questo ho messo blu o rosso, in maniera che l'effetto si notasse netto.
Al posto del nome usa il suo codice, se non lo conosci utilizza uno strumento "preleva colore", credo che sia presente anche fra gli strumenti di Firefox.
Per esempio.
Codice: [Seleziona]
*|*:root:not([chromehidden*="toolbar"]) #navigator-toolbox {
  padding-bottom: calc(var(--tab-min-height) + 20px) !important; /*adjust*/
  box-shadow: 0 88px 0 0 #EBE9E5 inset !important; /*adjust pure qui*/
}

Per il bordo sotto la barra delle schede, se presente ancora, potresti provare questa aggiunta.
Codice: [Seleziona]
*|*:root:not([chromehidden*="toolbar"]) #navigator-toolbox {
  padding-bottom: calc(var(--tab-min-height) + 20px) !important; /*adjust*/
  box-shadow: 0 88px 0 0 #EBE9E5 inset !important; /*adjust pure qui*/
  border-bottom: transparent !important;
}
Senza toccare nulla, chissà che succederebbe, renderlo trasparente.

Offline Schwanz

  • Post: 988
Re:velocizzare apertura chat di facebook
« Risposta #29 il: 27 Marzo 2021 15:26:47 »
il mio codice grigio è questo dbd4ce (segnalo per ricordarlo), riguardo ai bordi, lo vorrei uguale a quello della barra menù inferiore. nella barra delle schede, quando sto nella scheda corrente, la barra è spostata più giù rispetto a quella di fianco.



Codice: [Seleziona]
/* COLORARE LA BARRA SEPARATORE */
*|*:root:not([chromehidden*="toolbar"]) #navigator-toolbox {
  padding-bottom: calc(var(--tab-min-height) + 20px) !important; /*adjust*/
  box-shadow: 0 88px 0 0 #dbd4ce inset !important; /*adjust pure qui*/
}

*|*:root:not([chromehidden*="toolbar"]) #navigator-toolbox {
  padding-bottom: calc(var(--tab-min-height) + 20px) !important; /*adjust*/
  box-shadow: 0 88px 0 0 #dbd4ce inset !important; /*adjust pure qui*/
  border-bottom: transparent !important;
}

ho trovato il modo di separare i pulsanti stop e ricarica, ma vorrei scambiare l'ordine di posizione (non me lo sposta manualmente perchè è un blocco unico), cioè prima lo stop e poi ricarica, cosa devo scriverci? poi vorrei che lo stop diventi grigio quando termina il caricamento della pagina.
Codice: [Seleziona]
/* PULSANTI STOP E RELOAD */
#reload-button, #stop-button {
display: inherit !important;
}
#reload-button > .toolbarbutton-icon {
-moz-appearance: none !important;
}
« Ultima modifica: 27 Marzo 2021 23:40:11 da Schwanz »

0 Utenti e 1 Visitatore stanno visualizzando questo topic.