Topic: Risolto: Zebra.css et similia

[tradomero]

Ciao a tutti.
Scusate la domanda ma non riesco a far funzionare quest'estensionei.
Il file .css è nella cartella chrome assieme al file userChrome.css.
Il richiamo sta sempre nello stesso userChrome.css:

@import url("chrome://global/skin/subskin/zebra.css");
Adds alternating tree background colors (zebra stripes)

qualcuno puo' aiutarmi?

Grazie e buon we
Gigi

[iacchi]

prima di tutto: stai parlando di TB o di FF? In secundis: prova a mettere la stringa SOPRA la stringa che inizia con @namespace

[flod]

Non ho idea di cosa tu stia parlando (sarebbe utile un link), però il percorso

Codice: [Seleziona]

chrome://global/skin/subskin/zebra.css non è quello del profilo

Potresti provare a mettere solo

Codice: [Seleziona]

@import url("zebra.css");

[tradomero]

Allora per prima cosa scusate...parlavo di TB 1.0.2
Ho poi provato a fare come dite cioe' sia cambiare il path che mettere la striga sopra @ ma niente....non si vedono le righe alternate.
VOi come avete fatto?
mi potreste postare il vostro userChrome?

Grazie e buona domenica

Gigi

[jooliaan]

Io uso questo codice in userChrome.css (con il tema Mostly Crystal per TB):

Codice: [Seleziona]

/* Alternate the background color of message thread rows. */
@import url("chrome://global/skin/subskin/rows.css");

Ciao

[iacchi]

si ma te hai il file css dentro il tema, e non un file css esterno nella cartella profilo.

Veniamo ora al problema: dalla versione 1.0.2 di TB non è più possibile linkare in userchrome file esterni (a meno che non siano contenuti nello jar del tema). Perciò fai cosi:
apri il file zebra.css e copiane il contenuto all'interno del file userchrome.css, stando attento a mettere il codice all'inizio del file, prima di tutto il resto

[jooliaan]

si ma te hai il file css dentro il tema, e non un file css esterno nella cartella profilo.

Lo so! Ma il mio era un consiglio/invito affinche tradomero scaricasse ed installasse quel bellissimo tema che è Mostly Crystal

[tradomero]

si ma te hai il file css dentro il tema, e non un file css esterno nella cartella profilo.

Lo so! Ma il mio era un consiglio/invito affinche tradomero scaricasse ed installasse quel bellissimo tema che è Mostly Crystal

Il problema sta proprio qui!! Io ho installato Mostly Crystal ma non vedo le linee alternate. Allora ho provato con zebra.css e nonostante io copi il file dentro userChrome...............nisba.
Dove sbaglio? CIao e grazie per le risposte
Gigi

Posto il mio userChrome:

/* Questa è per il pannello delle mail e delle cartelle */
treechildren {
background-color: #F1F1F1 !important;
}

/* Le righe seguenti sono per i vari elementi delle finestre */
.menulist-label-box,
.plain textbox-addressingWidget,
#attachmentBucket{
   -moz-appearance: none !important;
   background-color: #E1E1E1 !important;
}
#addressingWidget > listitem{
   -moz-appearance: none !important;
   background-color: #E1E1E1 !important;
}
textbox{
   -moz-appearance: none !important;
   background-color: #E7E7E7 !important;
}
menulist[id="addressCol1#1"]{
   -moz-appearance: none !important;
   background-color: #E1E1E1 !important;
}


@import url("chrome://global/skin/subskin/backgr ound.css" );


@import url("chrome://global/skin/subskin/cuteme nus.css" );

@import url(" chrome://global/skin/subskin/officexp.cs s" );

/* Use MEDIUM throbber image regardless of toolbar size. */
@import url("chrome://global/skin/subskin/throbber-med.css");

/* Alternate the background color of message thread rows. */
@import url("chrome://global/skin/subskin/rows.css");

/* Add an "OfficeXP Skin" style to menus (Works for all languages). */
@import url("chrome://global/skin/subskin/menuitems-xp.css");

/* Add a bordered-background to menus (Works for all languages). */
@import url("chrome://global/skin/subskin/menuitems-fancy.css");

/* Show icons for menuitems in Italian. */
@import url("menuitems-tb-it.css");

/* Change the appearance of buttons. */
@import url("chrome://global/skin/subskin/buttons.css");

[jooliaan]

Metti

Codice: [Seleziona]

/* Alternate the background color of message thread rows. */
@import url("chrome://global/skin/subskin/rows.css");
in testa al file, prima di tutti gli altri richiami.

Ciao

[tradomero]

Metti

Codice: [Seleziona]

/* Alternate the background color of message thread rows. */
@import url("chrome://global/skin/subskin/rows.css");
in testa al file, prima di tutti gli altri richiami.

Ciao

ora funziona perfettamente...grazie 1000 ciao
g.

[jooliaan]

Prego, è stato un piacere

Ciao

[tradomero]

 buongiorno a tutti.
ritorno alla carica con il problema di cui in oggetto zebra.css.
e' possibile vedere le stripes alternate su thun 1508 sul tema standard. dico tema standard perchè zebra funziona solo con alcuni temi.

esiste una estensione?

grazie a tutti come al solito   
t.

[iacchi]

allora: questo è il contenuto del file tree.css che in mostly crystal gestisce la diversa colrazione delle righe:

Codice: [Seleziona]

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* ::::: tree ::::: */

tree {
  margin: 0px 4px;
  border: 2px solid;
  -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
  -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
  -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
  -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
  background-color: -moz-Field;
  color: -moz-FieldText;
  -moz-appearance: listbox;
}

/* ::::: tree rows ::::: */

treechildren::-moz-tree-row {
  border: 1px solid transparent;
  background-color: transparent;
  min-height: 18px;
  height: 1.3em;
}

treechildren::-moz-tree-row(selected) {
  background-color: -moz-Dialog;
}

treechildren::-moz-tree-row(selected, focus) {
  background-color: Highlight;
}

treechildren::-moz-tree-row(current, focus) {
  border: 1px dotted #000000;
}

treechildren::-moz-tree-row(selected, current, focus) {
  border: 1px dotted #c0c0c0;
}

tree[selstyle="primary"] > treechildren::-moz-tree-row {
  border: none;
  background-color: transparent;
}

/* ::::: alternate message row coloring ::::: */

#threadTree treechildren::-moz-tree-row(odd) {
  background-image: url("chrome://global/skin/subskin/backgrounds/messagerow.png") !important;
  background-repeat: repeat !important;
}

#threadTree treechildren::-moz-tree-row(selected),
#threadTree treechildren::-moz-tree-row(selected, focus) {
  background-image: none !important;
}

/* ::::: tree cells ::::: */

treechildren::-moz-tree-cell {
  padding: 0px 2px 0px 2px;
}

tree[selstyle="primary"] > treechildren::-moz-tree-cell-text,
treechildren::-moz-tree-cell-text {
  color: inherit;
}

treechildren::-moz-tree-cell-text(selected) {
  color: -moz-DialogText;
}

tree[selstyle="primary"] > treechildren::-moz-tree-cell-text(primary) {
  border: 1px solid transparent;
  padding: 0px 1px 1px 1px;
}

tree[selstyle="primary"] > treechildren::-moz-tree-cell-text(primary, selected) {
  background-color: -moz-Dialog;
  color: -moz-DialogText;
}

treechildren::-moz-tree-cell-text(selected, focus) {
  color: HighlightText;
}

tree[selstyle="primary"] > treechildren::-moz-tree-cell-text(primary, selected, focus) {
  background-color: Highlight;
  color: HighlightText;
}

tree[selstyle="primary"] > treechildren::-moz-tree-cell-text(primary, current, focus) {
  border: 1px dotted #000000;
}

tree[selstyle="primary"] > treechildren::-moz-tree-cell-text(primary, selected, current, focus) {
  border: 1px dotted #C0C0C0;
}

/* ::::: lines connecting cells ::::: */

tree[selstyle="primary"] > treechildren::-moz-tree-line,
treechildren::-moz-tree-line {
  border: 1px dotted ThreeDShadow;
}

treechildren::-moz-tree-line(selected, focus) {
  border: 1px dotted HighlightText;
}

/* ::::: tree separator ::::: */

treechildren::-moz-tree-separator {
  border-top: 1px solid ThreeDShadow;
  border-bottom: 1px solid ThreeDHighlight;
}

/* ::::: drop feedback ::::: */

tree[selstyle="primary"] > treechildren::-moz-tree-cell-text(primary, dropOn),
treechildren::-moz-tree-cell-text(primary, dropOn) {
  background-color: Highlight;
  color: HighlightText;
}

treechildren::-moz-tree-drop-feedback {
  background-color: Highlight;
  width: 50px;
  height: 2px;
  margin-left: 5px;
}

/* ::::: tree progress meter ::::: */

treechildren::-moz-tree-progressmeter {
  margin: 2px 4px;
  border: 2px solid;
  -moz-border-top-colors: ThreeDShadow -moz-Dialog;
  -moz-border-right-colors: ThreeDHighlight -moz-Dialog;
  -moz-border-bottom-colors: ThreeDHighlight -moz-Dialog;
  -moz-border-left-colors: ThreeDShadow -moz-Dialog;
  background-color: -moz-Dialog;
  color: ThreeDShadow;
}

treechildren::-moz-tree-cell-text(progressmeter) {
  margin: 2px 4px;
}

/* ::::: tree columns ::::: */

treecol,
treecolpicker {
/*  -moz-appearance: treeheadercell; */
  -moz-appearance: none;
  -moz-box-align: center;
  -moz-box-pack: center;
  border: 2px solid;
  -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow;
  -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
  -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
  -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
  background-color: -moz-Dialog;
  color: -moz-DialogText;
  padding: 0px 4px;
}

.treecol-image {
  padding: 0px 1px;
}

.treecol-text {
  margin: 0px !important;
}

treecol[hideheader="true"] {
  -moz-appearance: none;
  border: none;
  padding: 0;
}

/* ..... internal box ..... */

treecol:hover,
treecol:hover:active,
treecolpicker:hover,
treecolpicker:hover:active {
  -moz-border-top-colors: ThreeDShadow -moz-Dialog;
  -moz-border-right-colors: ThreeDShadow;
  -moz-border-bottom-colors: ThreeDShadow;
  -moz-border-left-colors: ThreeDShadow -moz-Dialog;
}

/* ::::: column drag and drop styles ::::: */

treecol[dragging="true"] {
  -moz-border-top-colors: ThreeDDarkShadow transparent !important;
  -moz-border-right-colors: ThreeDDarkShadow transparent !important;
  -moz-border-bottom-colors: ThreeDDarkShadow transparent !important;
  -moz-border-left-colors: ThreeDDarkShadow transparent !important;
  background-color: ThreeDShadow !important;
  color: ThreeDHighlight !important;
}

treecol[insertafter="true"] {
  -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
}

treecol[insertbefore="true"] {
  -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow;
}

treechildren::-moz-tree-column(insertbefore) {
  border-left: 1px solid ThreeDShadow;
}

treechildren::-moz-tree-column(insertafter) {
  border-right: 1px solid ThreeDShadow;
}

/* ::::: sort direction indicator :::::  */

.treecol-sortdirection {
  list-style-image: none;
}

.treecol-sortdirection[sortDirection="ascending"] {
  list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
}

.treecol-sortdirection[sortDirection="descending"] {
  list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
}

/* ::::: column picker :::::  */

.tree-columnpicker-icon {
  list-style-image: url("chrome://global/skin/tree/columnpicker.gif");
}

/* ::::: twisty :::::  */

treechildren::-moz-tree-twisty {
  padding-right: 3px;
  width: 9px;
  list-style-image: url("chrome://global/skin/tree/twisty-clsd.png");
}

treechildren::-moz-tree-twisty(open) {
  width: 9px;
  list-style-image: url("chrome://global/skin/tree/twisty-open.png");
}

treechildren::-moz-tree-indentation {
  width: 16px;
}

/* ::::: gridline style ::::: */

treechildren.gridlines::-moz-tree-cell {
  border-right: 1px solid GrayText;
  border-bottom: 1px solid GrayText;
}

treechildren.gridlines::-moz-tree-row {
  border: none;
}

mentre questo è il contenuto del file nostripes.css che dovrebbe togliere le righe:

Codice: [Seleziona]

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

#threadTree treechildren::-moz-tree-row(odd) {
  background-image: none !important;
  background-repeat: none !important;
}

fai qualche prova e vedi se ne cavi qualcosa

[tradomero]

ho provato a copiare prima l'uno poi l'altro codice in userChrome.css  nessun risultato.
grazie cmq
t.

[tradomero]

Risolto.
Inserito in testa ad userChrome.css:

/* Alternate the background color of message thread rows. */
@import url("chrome://global/skin/subskin/rows.css");

ciao e grazie a tutti
T.