How to change the style button without shadows

[paul_guo]

from the effect now to classic firefox style

1.JPG (8.76 KiB) Viewed 993 times

Change to

2.jpg (8.26 KiB) Viewed 993 times

[SpockFan02]

Try adding

Code: Select all

toolbarbutton-1 .toolbarbutton-icon { border: none !important; box-shadow: none !important; background-color: #E8E8E8; }

to your userChrome.css or theme.

[paul_guo]

Try adding

Code: Select all

toolbarbutton-1 .toolbarbutton-icon { border: none !important; box-shadow: none !important; background-color: #E8E8E8; }

to your userChrome.css or theme.

it can't work,but thanks

[Nightbird]

A new theme ?

https://addons.palemoon.org/themes/

[SpockFan02]

Try adding

Code: Select all

toolbarbutton-1 .toolbarbutton-icon { border: none !important; box-shadow: none !important; background-color: #E8E8E8; }

to your userChrome.css or theme.

it can't work,but thanks

Oh, I'm sorry—What about

Code: Select all

.toolbarbutton-1 .toolbarbutton-icon { border: none !important; box-shadow: none !important; background-color: #E8E8E8; }

? (I forgot the leading period.)

[paul_guo]

Try adding

Code: Select all

toolbarbutton-1 .toolbarbutton-icon { border: none !important; box-shadow: none !important; background-color: #E8E8E8; }

to your userChrome.css or theme.

it can't work,but thanks

Oh, I'm sorry—What about

Code: Select all

.toolbarbutton-1 .toolbarbutton-icon { border: none !important; box-shadow: none !important; background-color: #E8E8E8; }

? (I forgot the leading period.)

it looks like very close, but there still some differences
Thank you Very much
you can see from this,especially the down load button

3.JPG (8.41 KiB) Viewed 854 times

[paul_guo]

still needs help

[SpockFan02]

It's possible that if we're on different operating systems, the navigator toolbox could have different background colors. To make sure you're using the right background color to match the toolbox, you can take a screenshot and use an image editor or use colorPicker or Eyedropper, and if it's not #E8E8E8, change it to the right color.

As for why the downloads button looks different than the others, I'm not sure.

[paul_guo]

It's possible that if we're on different operating systems, the navigator toolbox could have different background colors. To make sure you're using the right background color to match the toolbox, you can take a screenshot and use an image editor or use colorPicker or Eyedropper, and if it's not #E8E8E8, change it to the right color.

As for why the downloads button looks different than the others, I'm not sure.

i try to change the color to FFFFFF and 000000,but still no changes to button.....

[SpockFan02]

Huh. Well, I'm afraid I don't know why that is; maybe the button colors are hard-coded for some reason. Could someone with more theming experience weigh in?

[paul_guo]

By asking the theme Stratum's author
he gives me the answer

Code: Select all

#nav-bar .toolbarbutton-1:not(:-moz-any(:hover, :hover:active)) .toolbarbutton-icon {
  box-shadow: none !important;
  background: none !important;
  border-color: transparent !important;
}

[SpockFan02]

Great, I'm glad you've got it how you want it.

[jars_]

Code: Select all

/* Убрать обводку у кнопок панели Навигации */
/* Remove buttons background-shaddows */
#nav-bar .toolbarbutton-1:not(:hover) > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:not(:hover) > .toolbarbutton-badge-container,
#nav-bar .toolbarbutton-1:not(:hover) > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:not(:hover) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
	background: none !important;
	background-image: none !important;
	box-shadow: none !important;
	}

#nav-bar .toolbarbutton-1:hover > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:hover > .toolbarbutton-badge-container,
#nav-bar .toolbarbutton-1:hover > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
	background-color: transparent !important;
	box-shadow: none !important;
	background-image: -moz-linear-gradient(90deg, rgba(100,100,100,.6) 0%, rgba(210, 210, 210,.6) 100%) !important;
	}

/* и сделать обводку при наведении у Vertical Toolbar расширения */
/* add mouse hover effect for Vertical Toolbar extensions  */
 #vertical-toolbar .toolbarbutton-1:hover  {
	background-image: -moz-linear-gradient(90deg, rgba(100,100,100,.6) 0%, rgba(210, 210, 210,.6) 100%) !important;
	transition:none !important;
	}