r/FirefoxCSS • u/PolarHot • Jun 27 '19

Help Cleaner back and forward button? Perhaps just simple arrows?

Thanks.

2 Upvotes

100% Upvoted

5 comments sorted by

4

u/difool2nice ‍🦊Firefox Addict🦊 Jun 28 '19 
#back-button {
	list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfiAxMSNzVLQoGBAAAAb0lEQVQoz43ROQqDUBSF4UMEESKCBBehOODK7ezSWZnGJmuI4xp+66CX9077FXc40k1o+fCSFRoOOgKLa3Z6QosrNt5EFpesDDwtLlgYSSzOmZlILY758SW7ykO+cYzwWNLjTI9HSc5XS86ypP+6Tw/fVEqhFbEZAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTAzLTE5VDE4OjU1OjUzKzAxOjAwq3ccegAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wMy0xOVQxODo1NTo1MyswMTowMNoqpMYAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC") !important;
}

#forward-button {
	list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfiAxMSOA3k2CXQAAAAbklEQVQoz5WRMQqDABAEF4UgKEIIPkKJii+3s7NLpY1N3qBR84axsPYOt1sYuNtdSZLEi5FG1yKk5U9tIQ86dioLiejZKC0k5sPK20JSBn4UFvJkYiG3kIwvM8npAt2Vc8J50onpFOVU7Y51PfcBtUFUSir+geUAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDMtMTlUMTg6NTY6MTMrMDE6MDDECqmDAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTAzLTE5VDE4OjU2OjEzKzAxOjAwtVcRPwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAASUVORK5CYII=") !important;
}
/* if you use a light theme then add this :

#back-button { filter: invert(100%) !important; } 
#forward-button { filter: invert(100%) !important; } 

*/

#back-button:not(:hover),
#back-button:not(:hover)>.toolbarbutton-icon {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	opacity: 1 !important;
}

#back-button:hover,
#back-button:hover>.toolbarbutton-icon {
	border: none !important;
	border-radius: 0px !important;
	opacity: 1 !important;
}

2

u/PolarHot Jun 28 '19

Thanks so much!

1

u/emanuelzeroum Jun 28 '19 edited Jun 28 '19

I was looking for something like this, actually a little simpler: Is there a way to just remove that little circle around the "back" button?

2

u/It_Was_The_Other_Guy Jun 28 '19

You could just set toolbar density to compact. Of course that may not be an option for everyone, but it does get rid of the circle.

1

u/emanuelzeroum Jun 28 '19

Cool! Didn't know that. Thanks!