Share your custom Firefox/Minefield 4 stylish scripts

By Steven P.
in Web Browser Discussion & Support

 Share

Recommended Posts

Collaborator

Deo Domuique

Posted
Posted

Can you keep the Favicon?

Also, if I apply it on Beta 12 the tabs don't get the squared look. Everything else works well.

Just remove this part from his code:

#page-proxy-stack{
   display: none !important;
 }

I did so and works just fine.

Rising Star

CGar

Posted
Posted

I've browsed through this board and in userstyles.org but I can't find that Stylish icon in you toolbar. Can you share it?

That's actually the icon for an add-on called Stratiform. It's made by our Neowin resident SoapyHamHocks :D

https://www.neowin.net/forum/topic/976782-stratiform-for-firefox-4/

Neowinian

miguel reizinho

Posted
Posted

That's actually the icon for an add-on called Stratiform. It's made by our Neowin resident SoapyHamHocks :D

https://www.neowin.net/forum/topic/976782-stratiform-for-firefox-4/

Thanks for the information. I've wrote a style that use those icons for Stylish. You can see them in the screenshot. I can release it if the author of the icons (SoapyHamHocks ?) gives me permition for it. Please let me know. Thank you.

50707019.png

Neowinian

miguel reizinho

Posted
Posted

Anyone have a stylish code to make the Identity box like this mockup, and dropdown arrows?

Firefox-4-Mockup-i06-%28Win7%29-%28Aero%29-%28TabsTop%29.png

Love the gradient in that. =)

It has been posted before. Here you go:

Identity Box

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

/* identity box */

#identity-box {
  color: rgba(0,0,0,.68) !important;
  font-weight: bold;
}

#identity-box.verifiedDomain,
#identity-box.verifiedIdentity {
  text-shadow: 0 1px 0 rgba(255,255,255,.35)!important;
  -moz-box-shadow:0 0 0 1px rgba(0,0,0,.3) inset,0 2px 0 0 rgba(0,0,0,.04) inset,0 3px 0 0 rgba(255,255,255,.3) inset, 0 1px 0 0 rgba(0,0,0,.2) !important;
}

#identity-box.verifiedDomain {
  background-color: hsl(219,52%,69%) !important;
  background-image: -moz-linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,.2) 50%, rgba(0,0,0,0) 51%, rgba(0,0,0,.2)) !important;
}

#identity-box.verifiedIdentity {
  background-color: hsl(93,55%,55%) !important;
  background-image: -moz-linear-gradient(rgba(255,255,220,.7), rgba(255,255,220,.2) 50%, rgba(0,0,0,0) 51%, rgba(0,0,0,.2)) !important;
}

#identity-box.verifiedDomain:active,
#identity-box.verifiedIdentity:active,
#identity-box.verifiedIdentity[open="true"],
#identity-box.verifiedDomain[open="true"] {
  -moz-box-shadow: 0 1px 10px 0 rgba(0,0,0,.8) inset !important;
}

Dropdown Arrow

#urlbar dropmarker[anonid="historydropmarker"]{
   list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAICAYAAAAvOAWIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPlJREFUeNpMUEtqhEAQrfaHIhqcleIqR8h1MszcZo6SnGSYrWtFyMaFC/GDP1DbTj2JkILurs+r96pLJEmipmki27ZJKUWGYZAQgpZlIU3TjtwwDHS5XEiM4/hVFMWn4zjkui7N80yWZdG+7wQDuO97iuP4W3DwVlVVwuzvnueRrusH4AS2bUu+7/8w84fGuY6dO0tLsIIR8lJKwnjsyyAI7sBpf8VnFEUPyCE+50VzGIYPJnoeari2bcOrM/iVpqlqmkblea7qun4hD8xBitnAwib5g1feSleWJZmm2bH8lUESQGzoYD47cdZ1vWVZpljthvh//VeAAQADxrNysDKqaQAAAABJRU5ErkJggg==") !important;
   margin: 2px 2px -2px 2px !important;
 }

 :-moz-any(#TabsToolbar, #nav-bar, #addon-bar) toolbaritem:not([id="urlbar-container"]) .dropmarker-icon{
   list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQwMzVBQkI5MzZDMzExRTA5RDYxRjE4MDRDMjBCNUE0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQwMzVBQkJBMzZDMzExRTA5RDYxRjE4MDRDMjBCNUE0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDAzNUFCQjczNkMzMTFFMDlENjFGMTgwNEMyMEI1QTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDAzNUFCQjgzNkMzMTFFMDlENjFGMTgwNEMyMEI1QTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4FOdgvAAABKklEQVR42mIsXXWOAQiYgZgLiDmhbHTwB4i/Q/FfFiDBCMQ8QCwPxKwMuMEPIH4MxJ9hmjhv7l+n/eT84Vn8AgI8LCwsYFX/gfj3718Mnz99eqXhGp4grWPxGqYJJPfdOSjm8V9T3YmnjhwqExGXYGVhYWX49fMnw5tXLz5HJvtOeM8t9/bd118g2xiYoJq+PHn/7QabvMEuQzPzyZ8+fvz9798foA0fvtu5uPd94VM4BNRwF6juK0g9E9S9f4H4w8O3X68JaFhuUVJWmXHjytXvOgZGk/6Ia+x9+enHDZA8VB0DC1oIfbjz6vNlTTPX/wam5nee/+U+f+/1l+vIGtA1wTS+v/784zlpAc5bTz98+QJ10l9kRSxYghak4NPTD98/Q/2LAQACDAAv54O64PQP9QAAAABJRU5ErkJggg==");
 }

Explorer

r0bc

Posted
Posted

I am currently using several modified stylish scripts for this result. To have a glassed navbar and active tab the border around the navbar has been made transparent. I would like to have a visible border, like in the standard theme, around the navbar and tabs, with just the interior of the navbar glassed. Now, as far as I have understood (and my tests seem to confirm), any top border of the navbar remains visible between the navbar itself and the active tab (see the attached smaller pic) unless the tab is completely opaque, because, after all, the border is an uninterrupted line from left to right and the "effect" of the tab being one and the same with the navbar is just an effect of the tab image overlapping the border and hiding it just for the width of the tab. Thus, opaque tab = continuous effect and transparent tab = border "cutting", of course to different extents according to the transparency of the border and of the tab itself.

Is the above correct, and thence there's no way to have an opaque (or slightly transparent) border arount navbar and active tab, without seeing it on the tab, or is there any way to do it, maybe with this last iteration of the tab design? I am currently removing the border with the following

#main-window[tabsontop="true"]  #nav-bar {
        background-clip: padding-box !important;
        border-top: 1px solid transparent !important; 
        border-left: 0px solid transparent !important;
        border-right: 0px solid transparent !important;
}

I actually thought (without being able to do it) of a transparent vertical gradient that gets 100% opaque just 1 or 2px on top of the navbar and on the bottom of the active tab, just to hide the border, leaving the rest of the tab and navbar transparent... is this overkill?

post-311154-0-88954700-1299432883.jpg

post-311154-0-32664900-1299433253.jpg

Rising Star

Kaoxt

Posted
Posted

It has been posted before. Here you go:

Identity Box

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

/* identity box */

#identity-box {
  color: rgba(0,0,0,.68) !important;
  font-weight: bold;
}

#identity-box.verifiedDomain,
#identity-box.verifiedIdentity {
  text-shadow: 0 1px 0 rgba(255,255,255,.35)!important;
  -moz-box-shadow:0 0 0 1px rgba(0,0,0,.3) inset,0 2px 0 0 rgba(0,0,0,.04) inset,0 3px 0 0 rgba(255,255,255,.3) inset, 0 1px 0 0 rgba(0,0,0,.2) !important;
}

#identity-box.verifiedDomain {
  background-color: hsl(219,52%,69%) !important;
  background-image: -moz-linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,.2) 50%, rgba(0,0,0,0) 51%, rgba(0,0,0,.2)) !important;
}

#identity-box.verifiedIdentity {
  background-color: hsl(93,55%,55%) !important;
  background-image: -moz-linear-gradient(rgba(255,255,220,.7), rgba(255,255,220,.2) 50%, rgba(0,0,0,0) 51%, rgba(0,0,0,.2)) !important;
}

#identity-box.verifiedDomain:active,
#identity-box.verifiedIdentity:active,
#identity-box.verifiedIdentity[open="true"],
#identity-box.verifiedDomain[open="true"] {
  -moz-box-shadow: 0 1px 10px 0 rgba(0,0,0,.8) inset !important;
}

Dropdown Arrow

#urlbar dropmarker[anonid="historydropmarker"]{
   list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAICAYAAAAvOAWIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPlJREFUeNpMUEtqhEAQrfaHIhqcleIqR8h1MszcZo6SnGSYrWtFyMaFC/GDP1DbTj2JkILurs+r96pLJEmipmki27ZJKUWGYZAQgpZlIU3TjtwwDHS5XEiM4/hVFMWn4zjkui7N80yWZdG+7wQDuO97iuP4W3DwVlVVwuzvnueRrusH4AS2bUu+7/8w84fGuY6dO0tLsIIR8lJKwnjsyyAI7sBpf8VnFEUPyCE+50VzGIYPJnoeari2bcOrM/iVpqlqmkblea7qun4hD8xBitnAwib5g1feSleWJZmm2bH8lUESQGzoYD47cdZ1vWVZpljthvh//VeAAQADxrNysDKqaQAAAABJRU5ErkJggg==") !important;
   margin: 2px 2px -2px 2px !important;
 }

 :-moz-any(#TabsToolbar, #nav-bar, #addon-bar) toolbaritem:not([id="urlbar-container"]) .dropmarker-icon{
   list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQwMzVBQkI5MzZDMzExRTA5RDYxRjE4MDRDMjBCNUE0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQwMzVBQkJBMzZDMzExRTA5RDYxRjE4MDRDMjBCNUE0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDAzNUFCQjczNkMzMTFFMDlENjFGMTgwNEMyMEI1QTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDAzNUFCQjgzNkMzMTFFMDlENjFGMTgwNEMyMEI1QTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4FOdgvAAABKklEQVR42mIsXXWOAQiYgZgLiDmhbHTwB4i/Q/FfFiDBCMQ8QCwPxKwMuMEPIH4MxJ9hmjhv7l+n/eT84Vn8AgI8LCwsYFX/gfj3718Mnz99eqXhGp4grWPxGqYJJPfdOSjm8V9T3YmnjhwqExGXYGVhYWX49fMnw5tXLz5HJvtOeM8t9/bd118g2xiYoJq+PHn/7QabvMEuQzPzyZ8+fvz9798foA0fvtu5uPd94VM4BNRwF6juK0g9E9S9f4H4w8O3X68JaFhuUVJWmXHjytXvOgZGk/6Ia+x9+enHDZA8VB0DC1oIfbjz6vNlTTPX/wam5nee/+U+f+/1l+vIGtA1wTS+v/784zlpAc5bTz98+QJ10l9kRSxYghak4NPTD98/Q/2LAQACDAAv54O64PQP9QAAAABJRU5ErkJggg==");
 }

The Dropdown Arrow Code didn't work with Stylish. Not seeing any change for instance in the bookmark's button dropdown arrow.

Mentor

grayscale

Posted
Posted

Try and save the images he provided: (copy and paste in address bar)

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAICAYAAAAvOAWIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPlJREFUeNpMUEtqhEAQrfaHIhqcleIqR8h1MszcZo6SnGSYrWtFyMaFC/GDP1DbTj2JkILurs+r96pLJEmipmki27ZJKUWGYZAQgpZlIU3TjtwwDHS5XEiM4/hVFMWn4zjkui7N80yWZdG+7wQDuO97iuP4W3DwVlVVwuzvnueRrusH4AS2bUu+7/8w84fGuY6dO0tLsIIR8lJKwnjsyyAI7sBpf8VnFEUPyCE+50VzGIYPJnoeari2bcOrM/iVpqlqmkblea7qun4hD8xBitnAwib5g1feSleWJZmm2bH8lUESQGzoYD47cdZ1vWVZpljthvh//VeAAQADxrNysDKqaQAAAABJRU5ErkJggg==

and this

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQwMzVBQkI5MzZDMzExRTA5RDYxRjE4MDRDMjBCNUE0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQwMzVBQkJBMzZDMzExRTA5RDYxRjE4MDRDMjBCNUE0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDAzNUFCQjczNkMzMTFFMDlENjFGMTgwNEMyMEI1QTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDAzNUFCQjgzNkMzMTFFMDlENjFGMTgwNEMyMEI1QTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4FOdgvAAABKklEQVR42mIsXXWOAQiYgZgLiDmhbHTwB4i/Q/FfFiDBCMQ8QCwPxKwMuMEPIH4MxJ9hmjhv7l+n/eT84Vn8AgI8LCwsYFX/gfj3718Mnz99eqXhGp4grWPxGqYJJPfdOSjm8V9T3YmnjhwqExGXYGVhYWX49fMnw5tXLz5HJvtOeM8t9/bd118g2xiYoJq+PHn/7QabvMEuQzPzyZ8+fvz9798foA0fvtu5uPd94VM4BNRwF6juK0g9E9S9f4H4w8O3X68JaFhuUVJWmXHjytXvOgZGk/6Ia+x9+enHDZA8VB0DC1oIfbjz6vNlTTPX/wam5nee/+U+f+/1l+vIGtA1wTS+v/784zlpAc5bTz98+QJ10l9kRSxYghak4NPTD98/Q/2LAQACDAAv54O64PQP9QAAAABJRU5ErkJggg==

then use this code:

#urlbar dropmarker[anonid="historydropmarker"]{
   list-style-image: url("where_images_are/this.png") !important;
   margin: 2px 2px -2px 2px !important;
 }

 :-moz-any(#TabsToolbar, #nav-bar, #addon-bar) toolbaritem:not([id="urlbar-container"]) .dropmarker-icon{
   list-style-image: url("where_images_are/this2.png");
 }

replace the where images are with the location of the images

I think there are some problems on the long url when pasted in bbcode (though I never encountered that before, I can't post a direct link either).

Rising Star

Kaoxt

Posted
Posted

Try and save the image he provided.

this and this2

then use this code:

#urlbar dropmarker[anonid="historydropmarker"]{
   list-style-image: url("where_this_is/this.png") !important;
   margin: 2px 2px -2px 2px !important;
 }

 :-moz-any(#TabsToolbar, #nav-bar, #addon-bar) toolbaritem:not([id="urlbar-container"]) .dropmarker-icon{
   list-style-image: url("where_this2_is/this2.png");
 }

That halfway worked. I see the image when I do not click on it. When I click on the image, I then see no dropdown arrow.

Here is the code that I have so far:

#urlbar dropmarker[anonid="historydropmarker"]{
   list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAICAYAAAAvOAWIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPlJREFUeNpMUEtqhEAQrfaHIhqcleIqR8h1MszcZo6SnGSYrWtFyMaFC/GDP1DbTj2JkILurs+r96pLJEmipmki27ZJKUWGYZAQgpZlIU3TjtwwDHS5XEiM4/hVFMWn4zjkui7N80yWZdG+7wQDuO97iuP4W3DwVlVVwuzvnueRrusH4AS2bUu+7/8w84fGuY6dO0tLsIIR8lJKwnjsyyAI7sBpf8VnFEUPyCE+50VzGIYPJnoeari2bcOrM/iVpqlqmkblea7qun4hD8xBitnAwib5g1feSleWJZmm2bH8lUESQGzoYD47cdZ1vWVZpljthvh//VeAAQADxrNysDKqaQAAAABJRU5ErkJggg==") !important;
   margin: 2px 2px -2px 2px !important;
 }

 :-moz-any(#TabsToolbar, #nav-bar, #addon-bar) toolbaritem:not([id="urlbar-container"]) .dropmarker-icon{
   list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQwMzVBQkI5MzZDMzExRTA5RDYxRjE4MDRDMjBCNUE0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQwMzVBQkJBMzZDMzExRTA5RDYxRjE4MDRDMjBCNUE0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDAzNUFCQjczNkMzMTFFMDlENjFGMTgwNEMyMEI1QTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDAzNUFCQjgzNkMzMTFFMDlENjFGMTgwNEMyMEI1QTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4FOdgvAAABKklEQVR42mIsXXWOAQiYgZgLiDmhbHTwB4i/Q/FfFiDBCMQ8QCwPxKwMuMEPIH4MxJ9hmjhv7l+n/eT84Vn8AgI8LCwsYFX/gfj3718Mnz99eqXhGp4grWPxGqYJJPfdOSjm8V9T3YmnjhwqExGXYGVhYWX49fMnw5tXLz5HJvtOeM8t9/bd118g2xiYoJq+PHn/7QabvMEuQzPzyZ8+fvz9798foA0fvtu5uPd94VM4BNRwF6juK0g9E9S9f4H4w8O3X68JaFhuUVJWmXHjytXvOgZGk/6Ia+x9+enHDZA8VB0DC1oIfbjz6vNlTTPX/wam5nee/+U+f+/1l+vIGtA1wTS+v/784zlpAc5bTz98+QJ10l9kRSxYghak4NPTD98/Q/2LAQACDAAv54O64PQP9QAAAABJRU5ErkJggg==");
 }

Mentor

SoapyHamHocks Member

Posted
  • Member
Posted

Just use 

.urlbar-history-dropmarker

as the selector.

.urlbar-history-dropmarker {
  list-style-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAICAYAAAAvOAWIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPlJREFUeNpMUEtqhEAQrfaHIhqcleIqR8h1MszcZo6SnGSYrWtFyMaFC/GDP1DbTj2JkILurs+r96pLJEmipmki27ZJKUWGYZAQgpZlIU3TjtwwDHS5XEiM4/hVFMWn4zjkui7N80yWZdG+7wQDuO97iuP4W3DwVlVVwuzvnueRrusH4AS2bUu+7/8w84fGuY6dO0tLsIIR8lJKwnjsyyAI7sBpf8VnFEUPyCE+50VzGIYPJnoeari2bcOrM/iVpqlqmkblea7qun4hD8xBitnAwib5g1feSleWJZmm2bH8lUESQGzoYD47cdZ1vWVZpljthvh//VeAAQADxrNysDKqaQAAAABJRU5ErkJggg==) !important;
  -moz-image-region: auto !important;
}

Rising Star

Kaoxt

Posted
Posted

Just use 

.urlbar-history-dropmarker

as the selector.

.urlbar-history-dropmarker {
  list-style-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAICAYAAAAvOAWIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPlJREFUeNpMUEtqhEAQrfaHIhqcleIqR8h1MszcZo6SnGSYrWtFyMaFC/GDP1DbTj2JkILurs+r96pLJEmipmki27ZJKUWGYZAQgpZlIU3TjtwwDHS5XEiM4/hVFMWn4zjkui7N80yWZdG+7wQDuO97iuP4W3DwVlVVwuzvnueRrusH4AS2bUu+7/8w84fGuY6dO0tLsIIR8lJKwnjsyyAI7sBpf8VnFEUPyCE+50VzGIYPJnoeari2bcOrM/iVpqlqmkblea7qun4hD8xBitnAwib5g1feSleWJZmm2bH8lUESQGzoYD47cdZ1vWVZpljthvh//VeAAQADxrNysDKqaQAAAABJRU5ErkJggg==) !important;
  -moz-image-region: auto !important;
}

That looks a bit different, unless I'm doing something wrong:

4I1ms.png

Here is how everything looks atm:

KBVSK.png

As you see the dropdown arrow right below the Close button still isn't the right format like the Bookmarks button, and when I click the URL history arrow, it shows no image then (all white). Not sure if I am doing something wrong here...

Rising Star

Kaoxt

Posted
Posted

The forum messes up the formatting, just remove any blank space in the data url line. I've attached the image if that fails.

post-49492-0-79186800-1299473744.png

I have that showing but when I click it nothing shows up. Shouldn't there be another image just like that, but when clicked it turns like a grey? I recall something like that when using Strata40 at one point, unless that's changed since then.

This topic is now closed to further replies.
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.

  • Posts

    • AMD 9070XT

      By Ixion · Posted

      It won't perform hugely better than the 3080 unless you're VRAM limited in games. Have you tried putting new thermal pads on them 3080 and giving it a good clean to see if you can regain your temps and overclock?
    • Politically funny images of the World

      By PsYcHoKiLLa · Posted

    • Microsoft is making Windows 11's context menus faster, simpler, and configurable

      By cooky560 · Posted

      Windows 95 offered the ability to add and edit the right click menus, on a per file type basis. This feature seems to be missing in the new file explorer. Are they bringing it back as a "new" feature?
    • AMD 9070XT

      By cooky560 · Posted

      It's nearly time to replace my aging Founders Edition 3080, it doesn't OC as nicely as it used to and it's running around 10c warmer than it did when I first bought it.  I don't have budget for much more than what I spent on the 3080 and locally, that means the best GPU I can manage is a 9070XT. On this basis I have a few questions: 1. At present I don't use ray tracing, if this was to change, would this GPU be an issue? 2. How does it compare on a performance basis? 3. Are the drivers worse or better than those for nVidia? 4. Linux support, is it there? 5. Anything else I should be aware of if I were to make this change? 6. Is it a good idea or shall I try and keep the 3080 a little longer.
    • Neowin's 2026 Desktop Thread

      By cooky560 · Posted

      What OS is that? It looks a bit like Mac OS but the command line suggests it isn't, either way I like it!

  • Recent Achievements

    • Week One Done
      Windows Guy earned a badge
      Week One Done
    • Dedicated
      Mark Spruce earned a badge
      Dedicated
    • Collaborator
      conkir earned a badge
      Collaborator
    • Rising Star
      olavinto went up a rank
      Rising Star
    • One Month Later
      lamborghiniv10 earned a badge
      One Month Later

  • Popular Contributors

    1. 1
      +primortal
      479
    2. 2
      PsYcHoKiLLa
      251
    3. 3
      Steven P.
      73
    4. 4
      FloatingFatMan
      69
    5. 5
      +Edouard
      69
    Show More

  • Tell a friend

    Love Neowin? Tell a friend!