CSS and XML Codes Won't Work with New Browser/PC

User Help for Mozilla Firefox
Wiggam72
Posts: 451
Joined: July 30th, 2013, 9:05 am

Re: CSS and XML Codes Won't Work with New Browser/PC

Post by Wiggam72 »

This is my full .css code. Please edit in full how it should be.


.tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox {
/* Place bindings.xml in the same folder as userChrome.css */
-moz-binding: url("bindings.xml#tabs-scroll") !important;
}

/* Firefox userChrome.css */

@namespace url("http://www.mozilla.org/keymaster/gateke ... s.only.xul");

/* USE OLD-STYLE YELLOW BOOKMARK FOLDERS IN BOOKMARKS DROP-DOWN MENU. */
/* ALSO FORCES USE OLD-STYLE BOOKMARK FOLDERS WHEN VIEWING "Show All Bookmarks" */
/* This code requires the image file "folder-item.png" to be inside the chrome folder */
.bookmark-item[container], treechildren::-moz-tree-image(container) {
list-style-image: url("folder-item.png") !important;
-moz-image-region: rect(0px, 32px, 16px, 16px) !important;
}

toolbarbutton.bookmark-item[label="Articles"] { color: #00FFFF !important; }
toolbarbutton.bookmark-item[label="Articles 2"] { color: #7FFF00 !important; }
toolbarbutton.bookmark-item[label="Articles 3"] { color: #00FFFF !important; }

toolbarbutton.bookmark-item[label="Articles 4"] { color: #7FFF00 !important; }
toolbarbutton.bookmark-item[label="Articles 5"] { color: #8B0000 !important; }
toolbarbutton.bookmark-item[label="Computer 1"] { color: #00FFFF !important; }
toolbarbutton.bookmark-item[label="Computer 2"] { color: #8B0000 !important; }
toolbarbutton.bookmark-item[label="Fishing"] { color: #8B0000 !important; }
toolbarbutton.bookmark-item[label="Receipes"] { color: #00FFFF !important; }
toolbarbutton.bookmark-item[label="YouTube 1"] { color: #8B0000 !important; }
toolbarbutton.bookmark-item[label="YouTube 2"] { color: #00FFFF !important; }
toolbarbutton.bookmark-item[label="Table Tennis"] { color: #8B0000 !important; }

/* ACTIVE TAB BACKGROUND COLOR */

.tab-content[selected="true"] {
color: #7FFF00 !important;
background: rgb(0, 0, 0) !important;
}

/* Firefox userChrome.css */

@namespace url("http://www.mozilla.org/keymaster/gateke ... s.only.xul");

.tabbrowser-tab:not([selected]) {
color: #D2691E !important;
background-color: #191970 !important;
}
morat
Posts: 6403
Joined: February 3rd, 2009, 6:29 pm

Re: CSS and XML Codes Won't Work with New Browser/PC

Post by morat »

Try this:

Code: Select all

/* Firefox userChrome.css */

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

/* Place bindings.xml in the same folder as userChrome.css */

toolbarbutton#tabs-newtab-button {
  -moz-binding: url("bindings.xml#tabs-scroll") !important;
}

/* USE OLD-STYLE YELLOW BOOKMARK FOLDERS IN BOOKMARKS DROP-DOWN MENU. */
/* ALSO FORCES USE OLD-STYLE BOOKMARK FOLDERS WHEN VIEWING "Show All Bookmarks" */
/* This code requires the image file "folder-item.png" to be inside the chrome folder */

.bookmark-item[container], treechildren::-moz-tree-image(container) {
  list-style-image: url("folder-item.png") !important;
  -moz-image-region: rect(0px, 32px, 16px, 16px) !important;
}

toolbarbutton.bookmark-item[label="Articles"] { color: #00FFFF !important; }
toolbarbutton.bookmark-item[label="Articles 2"] { color: #7FFF00 !important; }
toolbarbutton.bookmark-item[label="Articles 3"] { color: #00FFFF !important; }
toolbarbutton.bookmark-item[label="Articles 4"] { color: #7FFF00 !important; }
toolbarbutton.bookmark-item[label="Articles 5"] { color: #8B0000 !important; }
toolbarbutton.bookmark-item[label="Computer 1"] { color: #00FFFF !important; }
toolbarbutton.bookmark-item[label="Computer 2"] { color: #8B0000 !important; }
toolbarbutton.bookmark-item[label="Fishing"] { color: #8B0000 !important; }
toolbarbutton.bookmark-item[label="Receipes"] { color: #00FFFF !important; }
toolbarbutton.bookmark-item[label="YouTube 1"] { color: #8B0000 !important; }
toolbarbutton.bookmark-item[label="YouTube 2"] { color: #00FFFF !important; }
toolbarbutton.bookmark-item[label="Table Tennis"] { color: #8B0000 !important; }

/* ACTIVE TAB BACKGROUND COLOR */

.tab-content[selected="true"] {
  color: #7FFF00 !important;
  background: rgb(0, 0, 0) !important;
}

.tabbrowser-tab:not([selected]) {
  color: #D2691E !important;
  background-color: #191970 !important;
}
I don't see any problems, but I didn't test it.
Wiggam72
Posts: 451
Joined: July 30th, 2013, 9:05 am

Re: CSS and XML Codes Won't Work with New Browser/PC

Post by Wiggam72 »

Sorry it took so long to reply. The PC had issues that had to be fixed and I had several important things that needed attention.

It doesn't work correctly. It still doesn't wrap, and it has a new added problem. It lacks a + on the tab. So there is no way to open a new tab without clicking a link. :cry:
morat
Posts: 6403
Joined: February 3rd, 2009, 6:29 pm

Re: CSS and XML Codes Won't Work with New Browser/PC

Post by morat »

I tested my bindings.xml file with your userChrome.css file. It doesn't hide the "Open a new tab" button for me.
User avatar
mightyglydd
Posts: 9813
Joined: November 4th, 2006, 7:07 pm
Location: Hollywood Ca.

Re: CSS and XML Codes Won't Work with New Browser/PC

Post by mightyglydd »

Wiggam72 wrote:So there is no way to open a new tab without clicking a link. :cry:
Middle click on the tab bar.....(or link)
#KeepFightingMichael and Alex.
Wiggam72
Posts: 451
Joined: July 30th, 2013, 9:05 am

Re: CSS and XML Codes Won't Work with New Browser/PC

Post by Wiggam72 »

mightyglydd wrote:
Wiggam72 wrote:So there is no way to open a new tab without clicking a link. :cry:
Middle click on the tab bar.....(or link)
My mouse is a programmable trackball and has no middle-click activated. Nothing open to assign another function.

morat wrote:I tested my bindings.xml file with your userChrome.css file. It doesn't hide the "Open a new tab" button for me.
I went back and forth so much changing settings and codes that I may have forgotten to put something back and/or have something set to False or vice-versa when it shouldn't. One weird thing...when I open the bindings file, it opens up in IE instead of a text file format. Is this the exact bindings.xml code you used?.

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE bindings>
<bindings xmlns="http://www.mozilla.org/xbl">
<binding id="tabs-scroll" extends="chrome://global/content/bindings/scrollbox.xml#arrowscrollbox">
<handlers>
<handler event="wheel"><![CDATA[
// Preserve original behaviour if meta (Windows) key is held
if (event.metaKey) return;

if (event.deltaY < 0) {
gBrowser.tabContainer.advanceSelectedTab(-1, true);
}
else {
gBrowser.tabContainer.advanceSelectedTab(1, true);
}
event.stopPropagation();
event.preventDefault();
]]></handler>
</handlers>
</binding>
</bindings>
User avatar
mightyglydd
Posts: 9813
Joined: November 4th, 2006, 7:07 pm
Location: Hollywood Ca.

Re: CSS and XML Codes Won't Work with New Browser/PC

Post by mightyglydd »

Wiggam72 wrote: My mouse is a programmable trackball and has no middle-click activated.
So activate it.....
#KeepFightingMichael and Alex.
morat
Posts: 6403
Joined: February 3rd, 2009, 6:29 pm

Re: CSS and XML Codes Won't Work with New Browser/PC

Post by morat »

I tested with the bindings.xml file in the following reply.

http://forums.mozillazine.org/viewtopic ... #p14851401

I tested with the userChrome.css file in the following reply.

http://forums.mozillazine.org/viewtopic ... #p14851506

The bindings.xml file you just posted stopped working in Firefox 66.

http://forums.mozillazine.org/viewtopic ... #p14827747 (see Gusar's reply)
http://www.reddit.com/r/firefox/comment ... e/eixtg18/ (see rdtme's reply)
Wiggam72
Posts: 451
Joined: July 30th, 2013, 9:05 am

Re: CSS and XML Codes Won't Work with New Browser/PC

Post by Wiggam72 »

The + is back at the tab now. The only nagging thing left is that it still won't wrap around. It just stops at one end, and then you have to scroll in the opposite direction. Does yours cycle through to the other side?
mightyglydd wrote:
Wiggam72 wrote: My mouse is a programmable trackball and has no middle-click activated.
So activate it.....
:lol: I forgot that I changed it when setting up this new PC. So I do have middle-click. Until a few days ago, after many years, I never enabled middle-click because it can only work on certain keys. The key that it works on is the same one I prefer to have for Drag (lock). I bit the bullet and sacrificed that button and used another one (actually two have to be pressed at the same time, hence why I didn't use it) since I rarely use middle-click and use drag-lock on a regular basis.
morat
Posts: 6403
Joined: February 3rd, 2009, 6:29 pm

Re: CSS and XML Codes Won't Work with New Browser/PC

Post by morat »

morat wrote:It wraps around correctly.
morat wrote:Remember to set the toolkit.tabbox.switchByScrolling pref to false, then restart.
Wiggam72
Posts: 451
Joined: July 30th, 2013, 9:05 am

Re: CSS and XML Codes Won't Work with New Browser/PC

Post by Wiggam72 »

Something must be seriously wrong. On both PC's if I change toolkit.tabbox.switchByScrolling to False, scrolling does not work. Since apparently the codes are identical, that means that something in about:config is set incorrectly.
morat
Posts: 6403
Joined: February 3rd, 2009, 6:29 pm

Re: CSS and XML Codes Won't Work with New Browser/PC

Post by morat »

Maybe the hack doesn't work with Windows 10.
Wiggam72
Posts: 451
Joined: July 30th, 2013, 9:05 am

Re: CSS and XML Codes Won't Work with New Browser/PC

Post by Wiggam72 »

Could be. I made a new Profile and used the codes with exactly the same results. :evil:
Post Reply