X
Tap here to go to the mobile version of the site.

منتدى الدعم

userstyle interference

Posted

I have this simple dark blue on white history sidebar menu color scheme code:

  1. bookmarks-view, #historyTree { background-color: #FFFFFF !important; }

treechildren:-moz-tree-cell-text { color: #020944 !important; } treechildren:-moz-tree-cell-text(selected) { color: #FFFFFF !important; } treechildren:-moz-tree-row(selected) { background: #0080FF !important; } treechildren:-moz-tree-row(focus, selected, current), treechildren:-moz-tree-row(focus, selected, odd), treechildren:-moz-tree-row(focus, selected, even) treechildren:-moz-tree-row { background: #0080FF !important; } treechildren:-moz-tree-image { width: 0 !important; }


unfortunately, it hides the checked-unchecked squares in my adblock plus filters preferences window.

How could i reserve the style for the "history" sidebar menu, only ?

I have this simple dark blue on white history sidebar menu color scheme code: #bookmarks-view, #historyTree { background-color: #FFFFFF !important; } treechildren:-moz-tree-cell-text { color: #020944 !important; } treechildren:-moz-tree-cell-text(selected) { color: #FFFFFF !important; } treechildren:-moz-tree-row(selected) { background: #0080FF !important; } treechildren:-moz-tree-row(focus, selected, current), treechildren:-moz-tree-row(focus, selected, odd), treechildren:-moz-tree-row(focus, selected, even) treechildren:-moz-tree-row { background: #0080FF !important; } treechildren:-moz-tree-image { width: 0 !important; } unfortunately, it hides the checked-unchecked squares in my adblock plus filters preferences window. How could i reserve the style for the "history" sidebar menu, only ?

Additional System Details

Installed Plug-ins

  • NPRuntime Script Plug-in Library for Java(TM) Deploy
  • Shockwave Flash 21.0 d0
  • Next Generation Java Plug-in 11.66.2 for Mozilla browsers
  • 5.1.40728.0

Application

  • User Agent: Mozilla/5.0 (Windows NT 6.2; rv:38.9) Gecko/20100101 Goanna/2.0 Firefox/38.9 PaleMoon/26.1.1

More Information

jscher2000
  • Top 10 Contributor
8785 solutions 71842 answers

delicacy said

#bookmarks-view, #historyTree treechildren::-moz-tree-cell-text { color: #020944 !important; }
#bookmarks-view, #historyTree treechildren::-moz-tree-cell-text(selected) { color: #FFFFFF !important; }

#placesList treechildren::-moz-tree-cell-text(selected), #contentView treechildren::-moz-tree-cell-text(selected) { color: #ffffff !important; }
#placesList treechildren::-moz-tree-cell-text(current), #contentView treechildren::-moz-tree-cell-text(current) { color: #020944 }

Of the above, is #1 working on the right side, but #4 isn't working on the left side? There is a difference, in that #4 only applies to "current".

''delicacy [[#answer-855787|said]]'' <blockquote> <nowiki>#bookmarks-view, #historyTree treechildren::-moz-tree-cell-text { color: #020944 !important; }</nowiki> <br> <nowiki>#bookmarks-view, #historyTree treechildren::-moz-tree-cell-text(selected) { color: #FFFFFF !important; }</nowiki> <br><br> <nowiki>#placesList treechildren::-moz-tree-cell-text(selected), #contentView treechildren::-moz-tree-cell-text(selected) { color: #ffffff !important; }</nowiki> <br> <nowiki>#placesList treechildren::-moz-tree-cell-text(current), #contentView treechildren::-moz-tree-cell-text(current) { color: #020944 }</nowiki> </blockquote> Of the above, is #1 working on the right side, but #4 isn't working on the left side? There is a difference, in that #4 only applies to "current".

Question owner

the blue text isn't considered, when not selected, it's black actually.. for the right & left side..

my blue code: #020944

the blue text isn't considered, when not selected, it's black actually.. for the right & left side.. my blue code: #020944
jscher2000
  • Top 10 Contributor
8785 solutions 71842 answers

Does this work? That blue isn't very blue...

/* Main Background: white */ #placesView, #placesList .tree-bodybox, #contentView .tree-bodybox { background-color: #fff !important; } /* Text default color */ #placesList treechildren::-moz-tree-cell-text, #contentView treechildren::-moz-tree-cell-text { color: #020944 !important; } /* Selected/current row text/background color */ #placesList treechildren::-moz-tree-cell-text(focus, selected, current), #contentView treechildren::-moz-tree-cell-text(focus, selected, current) { color: #FFFFFF !important; } #placesList treechildren::-moz-tree-row(focus, selected, current), #contentView treechildren::-moz-tree-row(focus, selected, current) { background: #2673c1 !important; } /* Not sure what this is */ #historyTree treechildren::-moz-tree-image { width: 0 !important; }

Does this work? That blue isn't very blue... <nowiki>/* Main Background: white */ #placesView, #placesList .tree-bodybox, #contentView .tree-bodybox { background-color: #fff !important; } /* Text default color */ #placesList treechildren::-moz-tree-cell-text, #contentView treechildren::-moz-tree-cell-text { color: #020944 !important; } /* Selected/current row text/background color */ #placesList treechildren::-moz-tree-cell-text(focus, selected, current), #contentView treechildren::-moz-tree-cell-text(focus, selected, current) { color: #FFFFFF !important; } #placesList treechildren::-moz-tree-row(focus, selected, current), #contentView treechildren::-moz-tree-row(focus, selected, current) { background: #2673c1 !important; } /* Not sure what this is */ #historyTree treechildren::-moz-tree-image { width: 0 !important; } </nowiki>

Question owner

With what you gave me, it just adds one more issue..

you changed the background personalized cyan into a dark blue.

main text is still "black"

& yes, it's not very blue but it's the blue i need -black is boring & dull -light blue for text is too light for links -dark blue is too common & reminds me clickable links..

but the issue's not the color type, actually.

With what you gave me, it just adds one more issue.. you changed the background personalized cyan into a dark blue. main text is still "black" & yes, it's not very blue but it's the blue i need -black is boring & dull -light blue for text is too light for links -dark blue is too common & reminds me clickable links.. but the issue's not the color type, actually.
jscher2000
  • Top 10 Contributor
8785 solutions 71842 answers

Where was the cyan? If you mean the small panel at the lower right, remove this from the beginning of the first rule:

#placesView,

my blue code: #020944

It looks like black because it's very close to black. If you want it bluer, change the last two digits to higher values, for example:

#020988

Where was the cyan? If you mean the small panel at the lower right, remove this from the beginning of the first rule: <nowiki>#placesView,</nowiki> <blockquote> my blue code: <nowiki>#020944</nowiki> </blockquote> It looks like black because it's very close to black. If you want it bluer, change the last two digits to higher values, for example: <nowiki>#020988</nowiki>

Question owner

The cyan is the selection background that wraps text >> #bookmarks-view, #historyTree treechildren::-moz-tree-row(selected) { background: #0080FF !important; }

& no, my color is not a black or "very close to black" to the point of not being able to distinct "blue".. the history sidebar code uses the same color in the code #020944

& you can clearly see the difference with the library text color which remains black, so it's a code error & not a problem of vision.

http://postimg.org/image/zf8w75vkn/

The cyan is the selection background that wraps text >> <nowiki>#bookmarks-view, #historyTree treechildren::-moz-tree-row(selected) { background: #0080FF !important; }</nowiki> & no, my color is not a black or "very close to black" to the point of not being able to distinct "blue".. the history sidebar code uses the same color in the code <nowiki>#020944 </nowiki> & you can clearly see the difference with the library text color which remains black, so it's a code error & not a problem of vision. http://postimg.org/image/zf8w75vkn/

Modified by delicacy

jscher2000
  • Top 10 Contributor
8785 solutions 71842 answers

Okay, so if I change the background from #2673c1 to #0080FF then I get the attached medium blue background on selected rows.

I'm pretty sure that text is not black on my image, but I notice a lot of style differences between our images so you may have some other rules applying there that my code does not override.

In CSS, usually the most "specific" rule wins, and among equally specific rules, the last one usually wins. What other rules do you have that affect color for treechildren::-moz-tree-cell-text ?

Okay, so if I change the background from '''#2673c1''' to '''#0080FF''' then I get the attached medium blue background on selected rows. I'm pretty sure that text is not black on my image, but I notice a lot of style differences between our images so you may have some other rules applying there that my code does not override. In CSS, usually the most "specific" rule wins, and among equally specific rules, the last one usually wins. What other rules do you have that affect color for treechildren::-moz-tree-cell-text ?

Question owner

thanks but there's still an issue, you finally got me the unselected text to appear in the dark blue i want, but selected text should be white & it's dark actually .. .

thanks but there's still an issue, you finally got me the unselected text to appear in the dark blue i want, but selected text should be white & it's dark actually .. .

Modified by delicacy

Question owner

(pending, unfixed.. selected text must be white)

Final solution for a blue on white style for bookmarks/history/library panels without interfering with adblockplus preferences window: #bookmarks-view, #historyTree { background-color: #FFFFFF !important; } #bookmarks-view, #historyTree treechildren::-moz-tree-cell-text { color: #020944 !important; } #bookmarks-view, #historyTree treechildren::-moz-tree-cell-text(selected) { color: #FFFFFF !important; } #bookmarks-view, #historyTree treechildren::-moz-tree-row(selected) { background: #0080FF !important; } #bookmarks-view, #historyTree treechildren::-moz-tree-row(focus, selected, current), #bookmarks-view, #historyTree treechildren::-moz-tree-row(focus, selected, odd), #bookmarks-view, #historyTree treechildren::-moz-tree-row(focus, selected, even) #bookmarks-view, #historyTree treechildren::-moz-tree-row { background: #0080FF !important; } #bookmarks-view, #historyTree treechildren::-moz-tree-image { width: 0 !important; } #placesList .tree-bodybox, #contentView .tree-bodybox { background-color: #FFFFFF !important; } #placesList treechildren::-moz-tree-cell-text(selected), #contentView treechildren::-moz-tree-cell-text(selected) { color: #ffffff !important; } #placesList treechildren::-moz-tree-cell-text, #contentView treechildren::-moz-tree-cell-text { color: #020944 !important; } #placesList treechildren::-moz-tree-row(selected), #contentView treechildren::-moz-tree-row(selected) { background-color: #2673c1 !important; }

(pending, unfixed.. selected text must be white) Final solution for a blue on white style for bookmarks/history/library panels without interfering with adblockplus preferences window: <nowiki> #bookmarks-view, #historyTree { background-color: #FFFFFF !important; } #bookmarks-view, #historyTree treechildren::-moz-tree-cell-text { color: #020944 !important; } #bookmarks-view, #historyTree treechildren::-moz-tree-cell-text(selected) { color: #FFFFFF !important; } #bookmarks-view, #historyTree treechildren::-moz-tree-row(selected) { background: #0080FF !important; } #bookmarks-view, #historyTree treechildren::-moz-tree-row(focus, selected, current), #bookmarks-view, #historyTree treechildren::-moz-tree-row(focus, selected, odd), #bookmarks-view, #historyTree treechildren::-moz-tree-row(focus, selected, even) #bookmarks-view, #historyTree treechildren::-moz-tree-row { background: #0080FF !important; } #bookmarks-view, #historyTree treechildren::-moz-tree-image { width: 0 !important; } #placesList .tree-bodybox, #contentView .tree-bodybox { background-color: #FFFFFF !important; } #placesList treechildren::-moz-tree-cell-text(selected), #contentView treechildren::-moz-tree-cell-text(selected) { color: #ffffff !important; } #placesList treechildren::-moz-tree-cell-text, #contentView treechildren::-moz-tree-cell-text { color: #020944 !important; } #placesList treechildren::-moz-tree-row(selected), #contentView treechildren::-moz-tree-row(selected) { background-color: #2673c1 !important; } </nowiki>

Modified by delicacy

cor-el
  • Top 10 Contributor
  • Moderator
17567 solutions 158887 answers

Note that your posted code is missing a trailing comma:

#bookmarks-view, #historyTree treechildren::-moz-tree-row(focus, selected, odd), #bookmarks-view, #historyTree treechildren::-moz-tree-row(focus, selected, even)

See also:


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

:-moz-any(#bookmarks-view, #historyTree) { background-color: #FFFFFF !important; }

:-moz-any(#bookmarks-view, #historyTree) treechildren::-moz-tree-cell-text { color: #020944 !important; }
:-moz-any(#bookmarks-view, #historyTree) treechildren::-moz-tree-cell-text(selected) { color: #FFFFFF !important; }
:-moz-any(#bookmarks-view, #historyTree) treechildren::-moz-tree-row(selected) { background: #0080FF !important; }
:-moz-any(#bookmarks-view, #historyTree) treechildren::-moz-tree-row(focus, selected, current),
:-moz-any(#bookmarks-view, #historyTree) treechildren::-moz-tree-row(focus, selected, odd),
:-moz-any(#bookmarks-view, #historyTree) treechildren::-moz-tree-row(focus, selected, even),
:-moz-any(#bookmarks-view, #historyTree) treechildren::-moz-tree-row { background: #0080FF !important; }
:-moz-any(#bookmarks-view, #historyTree) treechildren::-moz-tree-image { width: 0 !important; }

#placesList .tree-bodybox, #contentView .tree-bodybox { background-color: #FFFFFF !important; }
#placesList treechildren::-moz-tree-cell-text(selected), #contentView treechildren::-moz-tree-cell-text(selected) { color: #ffffff !important; }
#placesList treechildren::-moz-tree-cell-text, #contentView treechildren::-moz-tree-cell-text { color: #020944 !important; }
#placesList treechildren::-moz-tree-row(selected), #contentView treechildren::-moz-tree-row(selected) { background-color: #2673c1 !important; }
Note that your posted code is missing a trailing comma: <pre><nowiki>#bookmarks-view, #historyTree treechildren::-moz-tree-row(focus, selected, odd), #bookmarks-view, #historyTree treechildren::-moz-tree-row(focus, selected, even) </nowiki></pre> See also: *https://developer.mozilla.org/Web/CSS/%3Aany ---- <pre><nowiki>@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); :-moz-any(#bookmarks-view, #historyTree) { background-color: #FFFFFF !important; } :-moz-any(#bookmarks-view, #historyTree) treechildren::-moz-tree-cell-text { color: #020944 !important; } :-moz-any(#bookmarks-view, #historyTree) treechildren::-moz-tree-cell-text(selected) { color: #FFFFFF !important; } :-moz-any(#bookmarks-view, #historyTree) treechildren::-moz-tree-row(selected) { background: #0080FF !important; } :-moz-any(#bookmarks-view, #historyTree) treechildren::-moz-tree-row(focus, selected, current), :-moz-any(#bookmarks-view, #historyTree) treechildren::-moz-tree-row(focus, selected, odd), :-moz-any(#bookmarks-view, #historyTree) treechildren::-moz-tree-row(focus, selected, even), :-moz-any(#bookmarks-view, #historyTree) treechildren::-moz-tree-row { background: #0080FF !important; } :-moz-any(#bookmarks-view, #historyTree) treechildren::-moz-tree-image { width: 0 !important; } #placesList .tree-bodybox, #contentView .tree-bodybox { background-color: #FFFFFF !important; } #placesList treechildren::-moz-tree-cell-text(selected), #contentView treechildren::-moz-tree-cell-text(selected) { color: #ffffff !important; } #placesList treechildren::-moz-tree-cell-text, #contentView treechildren::-moz-tree-cell-text { color: #020944 !important; } #placesList treechildren::-moz-tree-row(selected), #contentView treechildren::-moz-tree-row(selected) { background-color: #2673c1 !important; }</nowiki></pre>

Question owner

apparently can't be resolved.

apparently can't be resolved.

Modified by delicacy