Topic: personalizzazione agli indirizzi file:///

[Valentina.g]

Esiste una maniera per personalizzare l'aspetto della pagina associata a indirizzi tipo file:///c:/ ?

Ho provato con Stylish ma non funziona. Forse, pero', ho sbagliato io ...

ciao ciao

[Iceberg]

Vediamo se ho capito e se funziona.

Questo codice messo nel file userContent.css oppure utilizzato tramite l'estensione Stylish ti dovrebbe cambiare il colore di sfondo, in giallo, di tutti i file locali che visualizzi tramite Firefox.

Codice: [Seleziona]

@-moz-document url-prefix(file:///) {
  body {
     background: yellow !important; }
  }
Definendo un "url-prefix" meno totale dovresti poter restringere il campo di attuazione del codice a specifiche cartelle. Oltre a "url-prefix" puoi usare "url" e "domain" secondo le esigenze.
Vedi questa pagina:
https://developer.mozilla.org/it/docs/Web/CSS/@-moz-document

[Valentina.g]

Funziona grazie !!!

Pero' incontro un problema: con questo codice il riquadro dei file continua ad essere contenuto nel frame con i bordi arrotondati, invece (come speravo) di estendersi per l'intera ampiezza della finestra

@-moz-document url-prefix(file:///) {
  body {
     background: yellow !important;
     width: 100%;
  }
 }

Ho trovato utile anche questo documento:
https://github.com/JasonBarnabe/stylish/wiki/Valid-@-moz-document-rules


ciao !

[Iceberg]

Non saprei, a me riempie tutta la finestra.

[Geko]

Io il frame con gli angoli arrotondati lo vedo se salgo su per la directory che contiene il file, insomma se uso Firefox come file manager per così dire.
Se apro un file di testo mi riempe l'intera pagina.
Comunque bella idea quella di personalizzare l'aspetto dei file locali, la trovo molto utile.

[Iceberg]

se uso Firefox come file manager

Grazie @Geko, ho capito.

Provate questo codice:

Codice: [Seleziona]

@-moz-document url-prefix(file:///) {
  html {
     background: red !important; }
  body {
     background: yellow !important; }
  }In certi casi viene meglio impostando lo stesso colore, in altri con colori diversi e dipende dai colori scelti. Forse due diverse sfumature dello stesso colore? Dovrete trovare la combinazione migliore per voi.

Nell'esempio ho messo solo background per verificare che il codice venga eseguito, potete aggiungere tutte le istruzioni che volete.

Edit.
Mica male visualizzare i file di testo con sfondo giallo e font-size: 20px;

[Valentina.g]

ciao !!

(1)
Iceberg, in che versione di Firefox ti "riempie tutta al finestra" ?

(2)
Sicuramente sbaglio io, ma mi sembra che non gestisce bene il :nth-child().
Con questo CSS dovrei vedere la colonna dei nomi con sfondo rosso e quella delle dimensioni con sfondo verde, ma funziona solo sulla prima. (ver. 34.0.5)

@-moz-document url-prefix(file:///) {
 
   html {
     background: white !important; }
 
   body {
     background: white !important;
     width:100%;
     font-size: 1.2em;
  }

   table{
      border-collapse: collapse
   }
 
    td{
      border-bottom: solid 1px gray;
   }
 
   table.ellipsis td{
      border-bottom: none 1px blue;
   }
     
   table.ellipsis tr td:first-child{
      background: #ff0000;
         }

    table.ellipsis tr td:nth-child(3) {
    background: #00ff00;
   }

}

[Iceberg]

Utilizzo Firefox 31.4.0 ESR, mi riempiva tutta la finestra perché guardavo una pagina "secca e giusta" senza considerare l'uso come file manager che mi ha fatto notare @Geko.

Prova questo codice, ho messo solo i colori e scelti in modo vistoso per mettere subito in evidenza se il codice cattura quegli elementi. Per selezionarli non ho usato il tuo sistema (che dovrebbe funzionare ma funziona, confermo quanto scrivi, unicamente sul primo elemento) ho preso pari pari il percorso che fornisce la funzione analisi elemento.

Codice: [Seleziona]

@-moz-document url-prefix(file:///) {
  html {
    background: red !important; }
 
  body {
    background: yellow !important; }

  table {
    border-collapse: collapse; }
 
  td {
    border-bottom: solid 1px gray; }
 
  table.ellipsis td {
    border-bottom: none 1px blue; }
     
  html > body > table > tbody > tr > td:first-child {   
    background: green !important; }

  html > body > table > tbody > tr > td:first-child + td {
    background: cyan !important; }

  html > body > table > tbody > tr > td:first-child + td + td {
    background: white !important; }

  html > body > table > tbody > tr > td:first-child + td + td + td {
    background: blue !important; }
}

[Iceberg]

Tutto ciò mi ha permesso di rispondere, dopo mesi, ad una domanda che mi avevano posto, che mi ero posto e non avevo avuto ancora modo di verificare di persona.
E' possibile utilizzare i file userChrome.css e userContent.css su Firefox per Android?
Sì!

Esempio, mettendo nel file userContent.css questo codice:

Codice: [Seleziona]

@-moz-document url(about:mozilla) {
  html {
    background: yellow !important; }   
  body {
    background: blue !important; }
}si otterrà:

Al posto di? Basta andare alla pagina about:mozilla per vedere i colori originali.
Interessante.