Topic: Colore schede non attive

[Iceberg]

Capito cosa è la lucina e avrai capito che non uso le schede bloccate.

Nel commento precedente ho invertito la seconda con la terza. 

La seconda aggiunge un "tettuccio colorato" alla scheda bloccata attiva. Dicevo che se ne può fare a meno.

La prima cambia il colore di sfondo delle schede bloccate, se inattive.

La terza cambia il colore di sfondo alla scheda bloccata inattiva al passaggio del mouse. Se hai una serie di schede bloccate, almeno tre, evidenziando la seconda vedrai apparire un rettangolo colorato che raddrizza le curvature.

Hai l'indirizzo di un sito che abbia frequentissimi aggiornamenti (tante lucine)? Sito lecito mi raccomando, non roba tipo facebook & co.

[Godai71]

Twitter. Home page con il box di ricerca (è quella con il logo di Firefox) all'avvio,
Se non erro gmail quando arriva una mail.

[Iceberg]

Siti seri non ce ne sono?

[Godai71]

Dovrebbe accadere su tutte le caselle di posta.

[Iceberg]

Il codice l'avrei trovato in userchromoloteca, avrei voluto testarlo prima di proporlo.
Detto che:

-Non se se [titlechanged] venga ancora recepito.
-Non so scrivere effetti speciali quando entrano in ballo gradienti angoli sfumature percentuali...

Se funziona la partenza è questa:

Codice: [Seleziona]

#main-window #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([selected="true"])[pinned][titlechanged]:not(:hover) {
background: -moz-linear-gradient(to top, white 50%, rgba(0,0,0,0)) !important; }

#main-window #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([selected="true"])[pinned][titlechanged] {
background: -moz-linear-gradient(to bottom, white 50%, rgba(0,0,0,0)) !important; }

[Godai71]

Se può interessare, ho trovalo l'opposto. Togliere la lucina

Hide blue glow on Firefox pinned tabs

[Godai71]

Ho spippolato un pochino e ho ottenuto questo

Scheda bloccata

http://oi62.tinypic.com/qs5d7o.jpg

Scheda bloccata mouseover

http://oi59.tinypic.com/29xi338.jpg

In pratica il codice che pilota il tutto è l'evento titlechanged

Codice: [Seleziona]

.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) > .tab-stack > .tab-content {
  background-image: radial-gradient(farthest-corner at center bottom, rgb(255,255,255) 3%, rgba(186,221,251,0.75) 20%, rgba(127,179,255,0.25) 40%, rgba(127,179,255,0) 70%); 
  background-position: center bottom 1px;
  background-repeat: no-repeat;
  background-size: 85% 100%;
}
la riga che pilota la lucetta (glow) è la seconda
basta aggiungere !important prima del ; e cambiare i vari colori come si preferisce.

Nell'esempio è impostato sempre rosso senza cambiare altro

Codice: [Seleziona]

  background-image: radial-gradient(farthest-corner at center bottom, rgb(255,0,0) 3%, rgba(255,0,0,0.75) 20%, rgba(255,0,0,0.25) 40%, rgba(255,0,0,0) 70%) !important;