MozillaZine

Side to side ball?

User Help for Mozilla Firefox
CaJazzman

User avatar
 
Posts: 319
Joined: March 5th, 2009, 2:21 pm
Location: Vacaville,California

Post Posted January 31st, 2018, 10:55 am

This is how my userChrome.css file looks:
Code: Select all
/* Firefox userChrome.css */

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

/* FILL BOOKMARK FOLDERS WITH GIVEN COLOUR */
/* THIS ALSO WORKS WHEN USING "Show All Bookmarks" */
.bookmark-item[container], treechildren::-moz-tree-image(container) {
  fill: orange !important;
}

/* tabs on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#toolbar-menubar .toolbarbutton-text { display: block !important; }
#nav-bar .toolbarbutton-text { display: block !important; }
/* Search Bar width */
.searchbar-textbox {
max-width: 500px !important;
min-width: 300px !important; }
 .tab-background {
border-radius: 16px 16px 0px 0px !important;
border-image: none !important; }

.tab-line {
display: none; }
#TabsToolbar {-moz-box-ordinal-group:1000!important}?

/* Pre-57 rotating throbbers - I found this shared by Jefferson Scher */
.tab-throbber[busy]::before {
/*  background-image: url("chrome://global/skin/icons/loading.png") !important; */
/* The line below is an adaptation of the line above to work with an image file contained in the chrome folder. */
  background-image: url("tabthrobber_fx56_loading.png") !important;
  animation: unset !important;
}
.tab-throbber[busy]:not([progress])::before {
  filter: grayscale(100%) !important;
}
@media (min-resolution: 2dppx) {
  .tab-throbber[busy]::before {
/*    background-image: url("chrome://global/skin/icons/loading@2x.png") !important; */
/* The line below is an adaptation of the line above to work with an image file contained in the chrome folder. */
    background-image: url("tabthrobber_fx56_loading@2x.png") !important;
  }
}


Tell me what I'm doing wrong, since it's still having the bouncing ball? :?:

BuddhaNature

User avatar
 
Posts: 239
Joined: January 3rd, 2008, 9:44 am
Location: Scotland

Post Posted January 31st, 2018, 11:01 am

CaJazzman,

I just tried your code and it didn't work as far as the throbber was concerned. Then I looked at this line:

Code: Select all
#TabsToolbar {-moz-box-ordinal-group:1000!important}?

I deleted the ? question mark character at the end of that line of code then the change to the throbber started working fine. (Once you delete the question mark, save the userChrome.css file again, then close-down and relaunch FF. I'm assuming you do still have the two image files I previously mentioned inside your chrome folder.)

You're not allowed mistakes, even slight, itsy, bitsy mistakes in code. One mistake in the code and problems ensue.
Last edited by BuddhaNature on February 1st, 2018, 1:03 pm, edited 1 time in total.
OS: Windows 7 Pro. x64

BuddhaNature

User avatar
 
Posts: 239
Joined: January 3rd, 2008, 9:44 am
Location: Scotland

Post Posted January 31st, 2018, 11:44 am

Gingerbread Man wrote:
BuddhaNature wrote:But I'm thinking that, by whatever means, maybe you don't have images on your system that your code can work with so.

I don't see how that can possibly be the case, since the three of us are using the same operating system. The images are a built-in part of Firefox and not something that can be misplaced. You can enter each link into the location bar; you should be able to see the images and save a copy.
Code: Select all
chrome://global/skin/icons/loading.png
chrome://global/skin/icons/loading@2x.png


Yes, I did realise that the user can grab the images out of what is already on the system. I actually did that myself and it worked fine. However, I noted from the thread where you first posted "the throbber code" http://forums.mozillazine.org/viewtopic.php?p=14783175#p14783175 that you said there the following:

Gingerbread Man wrote:This style is also bound to stop working once the assets are removed from Firefox; you should save the two images and replace the URLs with your copies.

My thinking was, that, by whatever means, CalJazzman and BobbyPhoenix had had "those assets" removed on their systems. Hence, I pointed to alternative sources of the image files so that they could give that a try. I just thought it was worth a punt - nothing to lose by doing so. (Hope I've explained that clearly.)
OS: Windows 7 Pro. x64

CaJazzman

User avatar
 
Posts: 319
Joined: March 5th, 2009, 2:21 pm
Location: Vacaville,California

Post Posted January 31st, 2018, 1:38 pm

I did as you asked and now everything is working great. Just wanted to say thanks from an old guy! 8-)

BuddhaNature

User avatar
 
Posts: 239
Joined: January 3rd, 2008, 9:44 am
Location: Scotland

Post Posted January 31st, 2018, 1:57 pm

From one old guy to another, thanks for the thanks, CalJazzman. Glad you got it working.
OS: Windows 7 Pro. x64

madmudmob

User avatar
 
Posts: 810
Joined: August 30th, 2006, 7:34 am
Location: Somerset, UK

Post Posted January 31st, 2018, 2:18 pm

Gingerbread Man's code is working for me too :)

Any way to change the colour perhaps?
Mud is good!

LIMPET235
Moderator

User avatar
 
Posts: 38451
Joined: October 19th, 2007, 1:53 am
Location: The South Coast of N.S.W. Oz.

Post Posted January 31st, 2018, 9:42 pm

Hi MMM,

The colour of the new. Blue Throbber, perhaps?

(Thanks to "Brummelchen" for the link.)
Not sure but try here...
> https://github.com/Aris-t2/CustomCSSfor ... ssic/image
& look for...
> tabthrobber_loading-fx39.png
& > tabthrobber_loading-ubuntu.png
Just left click to see what they look like, then go back.
You can check each Throbber .png if you want till you're happy.

Firefox39.png is Green
Ubuntu is Red

Then go & read GbMan's code again on how to change the URL's.
Ancient Amateur Astronomer
Win-7-HP/Intel® DualCore-2.0GHz/500G HDD/4 Gig Ram/550Watt PSU/350WattUPS/Firefox-20.0-57.0-61.0-62.0/T-bird-2.0.0.24/SnagIt-v10.0.1/MWP-7.11.0.
RadioYachting. (Always choose the "Custom" Install.)

madmudmob

User avatar
 
Posts: 810
Joined: August 30th, 2006, 7:34 am
Location: Somerset, UK

Post Posted February 1st, 2018, 5:13 am

Thanks you Image
Mud is good!

LIMPET235
Moderator

User avatar
 
Posts: 38451
Joined: October 19th, 2007, 1:53 am
Location: The South Coast of N.S.W. Oz.

Post Posted February 1st, 2018, 5:43 am

You're welcome, MMM.
Ancient Amateur Astronomer
Win-7-HP/Intel® DualCore-2.0GHz/500G HDD/4 Gig Ram/550Watt PSU/350WattUPS/Firefox-20.0-57.0-61.0-62.0/T-bird-2.0.0.24/SnagIt-v10.0.1/MWP-7.11.0.
RadioYachting. (Always choose the "Custom" Install.)

Frank Lion

User avatar
 
Posts: 20075
Joined: April 23rd, 2004, 6:59 pm
Location: ... The Exorcist....United Kingdom

Post Posted February 1st, 2018, 8:08 am

LIMPET235 wrote:... code again on how to change the URL's.

We don't usually bother to change images for simple stuff like that, but just use the hue-rotate filter.

For example, here's my ML Sea Monkey throbber going from red to green -

Code: Select all
.tabbrowser-tab[busy] {
   filter: hue-rotate(90deg) !important;
}


It's a good way of fine tuning the colour to match something else. You can adjust the hue right round to 359deg, but 359 would sort of put you back where you started.
Metal Lion latest SeaMonkey & Thunderbird Themes - Sea Monkey and Silver Sea Monkey
"The only thing necessary for the triumph of evil, is for good men to do nothing." - Edmund Burke (attrib.)

LIMPET235
Moderator

User avatar
 
Posts: 38451
Joined: October 19th, 2007, 1:53 am
Location: The South Coast of N.S.W. Oz.

Post Posted February 1st, 2018, 8:13 am

Well Frank.
You have astounded me once again.
What cannot be done with a little bit of code....provided of course that you know how to code.
Will see if MMM takes the "challenge" or has everything to her liking.
Ancient Amateur Astronomer
Win-7-HP/Intel® DualCore-2.0GHz/500G HDD/4 Gig Ram/550Watt PSU/350WattUPS/Firefox-20.0-57.0-61.0-62.0/T-bird-2.0.0.24/SnagIt-v10.0.1/MWP-7.11.0.
RadioYachting. (Always choose the "Custom" Install.)

madmudmob

User avatar
 
Posts: 810
Joined: August 30th, 2006, 7:34 am
Location: Somerset, UK

Post Posted February 1st, 2018, 8:45 am

Oooh, errr, I'm game for trying

Image
Mud is good!

CaJazzman

User avatar
 
Posts: 319
Joined: March 5th, 2009, 2:21 pm
Location: Vacaville,California

Post Posted February 1st, 2018, 11:44 am

Now that I have my rotating throbber working great, and now have these other colors of the throbber, I think it's awesome, that I can now change the color depending on the theme, I'm using at the time. Just hoping it will last for awhile, and it doesn't get changed because of a new update, but, that's ok too. It looks so good at this time. 8-)

Return to Firefox Support


Who is online

Users browsing this forum: No registered users and 11 guests