Share your custom Firefox/Minefield 4 stylish scripts

By Steven P.
in Web Browser Discussion & Support

 Share

Recommended Posts

Rookie

Dmxnet

Posted
Posted

Hey, i have a little problem here. its because when i open new windows my url bar i becoming smaller and smaller i don't know how to fix it, so it would be nice if someone here would help me :)

r9290025d8c2.png

r9290045d8c2.png

r9290065d8c2.png

The codes I'm using right now is :

#FindToolbar { 
border: 0 !important; 
}

#nav-bar {
border: 0 !important;
} 
#nav-bar
{
background-color:transparent !important;
-moz-appearance: -moz-win-glass !important;
}
#nav-bar{
       background: transparent !important;
       border: none!important
}

.toolbarbutton-1 > .toolbarbutton-menubutton-button,
.toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker,
.toolbarbutton-1 {
	background: none !important;
	box-shadow: none !important;
	border-color: transparent !important;
}

#nav-bar:hover .toolbarbutton-1:not([disabled="true"]):hover .toolbarbutton-icon
{
       box-shadow: 0px 0px 3px 3px #33CCFF !important;
       background: #33CCFF !important; 
       border-radius: 4px !important;
       -moz-transition: background-color .4s ease-in,  border-color .2s ease-in,  box-shadow .2s ease-in !important;
}

#PersonalToolbar
{
background-color:transparent !important;
text-shadow: 0px 0px 5px white, 0px 0px 5px white, 0px 0px 5px white !important;
}
#browser-bottombox
{
-moz-appearance: -moz-win-glass !important;
background-color: transparent !important;
}
#addon-bar
{
-moz-appearance: -moz-win-glass !important;
background-color: transparent !important;
}
#addonbar-closebutton {
display: none !important;
}
#appmenu-button{
background:transparent!important;
}
#appcontent,
#content > tabbox > tabpanels {
  background-color: transparent !important;
}

#main-window[stylish-url="about:blank"]:not([onclose^="PrintUtils"]) #content browser { 
   opacity: 0 !important;
}
#FindToolbar .findbar-find-next:not([disabled]) {
        color: red !important;
}


/*make tabs apart from the current one transparent/glass*/


tab:not([selected="true"]){background-image:-moz-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0)) !important;}


tab:not([selected="true"]):hover{background-image: -moz-linear-gradient(rgba(255,255,255,0.75), rgba(255,255,255,0.25)) !important;}


/*make the new tab button glass/transparent*/


.tabs-newtab-button {background-image:-moz-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0)) !important;}


.tabs-newtab-button:hover {background-image:-moz-linear-gradient(rgba(255,255,255,0.75), rgba(255,255,255,0.25)) !important;}

/* -- Dropmarker -- */

#alltabs-button .toolbarbutton-icon,
.toolbarbutton-menu-dropmarker .dropmarker-icon {
 list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjYzMTg5NjNGOUU3NzExREZCNUY5RDNCN0MwODk3MUZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjYzMTg5NjQwOUU3NzExREZCNUY5RDNCN0MwODk3MUZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjMxODk2M0Q5RTc3MTFERkI1RjlEM0I3QzA4OTcxRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjMxODk2M0U5RTc3MTFERkI1RjlEM0I3QzA4OTcxRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6/qJRVAAABJ0lEQVR42mK88/w9AxAwAzEXEHNC2ejgDxB/h+K/LECCEYh5gFgeiFkZcIMfQPwYiD8zAG1iAmKJ1Ky8SGZm9s/sovL/eaRVIVhK9T+biMx/FlbOl92TpnsC1YkBMSMjiADq5mNjYdZdt3qVx6wFi8sEhEVYWVjYGH7//Mnw8f2bz5UlBe22js57//z9dwNkE8h5/4H4y68/f28EhYYx/fr9i3Pn3v25ElLirC+ePPmenJvVZ+fofOj33393geq+gtSzQN37F4g/ADVei4qOYf737x/r4aPHU4IDfCe5eXrtBRkIkoeqY2CEhh4MgAwR4GBj0Xn+5JGehLTs+Z+//14Hir2HacCmCRb83OyszDxADV+gTvqLbjI6ACn4BNTwGepfDAAQYACzM4Iw0pAhewAAAABJRU5ErkJggg==) !important;
 -moz-image-region: auto !important;
}

.toolbarbutton-1[type="menu"] {
-moz-padding-end: 2px !important;
}

#back-button {
 -moz-padding-end: 0 !important;
}

/* -- Addonbar -- */

#browser-bottombox {
  position: fixed;
  bottom: 0;
  background: none !important;
}

#addon-bar {
  position: fixed;
  bottom: -22px;
  right: 1px;
  border: 0 !important;
  opacity: 0;
  -moz-appearance: none !important;
  -moz-transition: bottom .5s 1s ease-in, opacity .5s 1s ease-in;
  padding-top: 22px !important;
}

#addon-bar:hover {
  bottom: 1px;
  opacity: 1;
  -moz-transition: bottom .5s ease-out, opacity .5s ease-in;
}

#main-window[sizemode="maximized"] #addon-bar {
  right: 0;
}

#main-window[sizemode="maximized"] #addon-bar:hover {
  bottom: 0;
}

#addon-bar > #status-bar {
  margin: 0 !important;
  padding: 0 2px 0 2px;
  border-radius: 1px 0 0 0;
  border: 0 !important;
  border-left: 1px solid rgba(0,0,0,.25) !important;
  border-top: 1px solid rgba(0,0,0,.25) !important;
  background-color: rgb(207, 219, 236) !important;
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgb(207,220,236)) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.5) inset;
}

/* -- FindToolbar -- */

#FindToolbar {
  border:none !important;
}

#FindToolbar .findbar-container {
  margin-left: 1px !important;
  border-radius: 0 4px 0 0;
  border-right: 1px solid rgba(0,0,0,.25) !important;
  border-top: 1px solid rgba(0,0,0,.25) !important;
  background-color: rgb(207, 219, 236) !important;
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgb(207,220,236)) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.5) inset;
}

#main-window[sizemode="maximized"] #FindToolbar .findbar-container {
  margin-left: 0 !important;
  margin-bottom: -1px !important;
}

#FindToolbar .find-status-icon[status="notfound"] + .findbar-find-status,
#FindToolbar .find-status-icon[status="wrapped"] + .findbar-find-status {
  padding-right: 5px !important;
}

#FindToolbar .find-status-icon[status="notfound"],
#FindToolbar .find-status-icon[status="wrapped"] {
  margin-left: -1px !important;
}

#FindToolbar .find-status-icon:not([status="notfound"]):not([status="wrapped"]) + .findbar-find-status {
  display: none !important;
}

#urlbar {
position:relative!important;
z-index:2 !important;
}

#urlbar-progress{
position:relative !important;
z-index: -1 !important;
height: 22px !important;
margin-top: -22px !important;
margin-bottom: 0px !important;
margin-right: 2px !important;
}

#urlbar-progress .progress-bar
{
   -moz-appearance: progresschunk !important;
   background-color: transparent !important;
   opacity: .5 !important;
}

#tabbrowser-tabs .progress-bar {background-color: #57E964 !important;} 

.progress-remainder {opacity: .4 !important;}

Sorry for the poor english

Apprentice

Ziz4rD

Posted
Posted

Hey, i have a little problem here. its because when i open new windows my url bar i becoming smaller and smaller i don't know how to fix it, so it would be nice if someone here would help me :)

r9290025d8c2.png

r9290045d8c2.png

r9290065d8c2.png

Sorry for the poor english

I think, mmmmm you need this: 

#TabsToolbar > * #urlbar {
	min-width: 300px !important;} /* Yout can change this value, is referential */
#TabsToolbar > * .searchbar-textbox {
	min-width: 100px !important;}
#urlbar-reload-button:not(:hover) {
	border-left-color: transparent !important;}/*looks better with this code*/
#main-window[tabsintitlebar]:not([inFullscreen]) #TabsToolbar {
	margin-right: -16px !important;
	margin-left: -1px !important;}/*and this is for more space*/

Apprentice

Ziz4rD

Posted
Posted

Hello people, could anybody tell me if it's possible to remove the navigation bar on speed dial tab? Like in addons tab for example, thanks :cool:

9294991729d.jpg

Yes!, it's possible with this code 

#main-window[stylish-url="chrome://speeddial/content/speeddial.xul"][tabsontop="true"] #navigator-toolbox > *:not([id="TabsToolbar"]):not([id="toolbar-menubar"]) {
        visibility: collapse !important;}
#main-window[stylish-url="chrome://speeddial/content/speeddial.xul"][tabsintitlebar] #navigator-toolbox::after {
        height: 0px !important;}

Grand Master

Semtex

Posted
Posted

HI

Is there some way to get rid this 2 or 3 px gap between tabs and top of screen, window in maximize mode, I think they leave this gap for Aero Snap but this drive me crazy, I like to adjust it to one px or something, in past I've working script but it don't work any more with Nightly and Aurora...

Thanks for any advice ;)

Rookie

luving

Posted
Posted

Any chance of getting the firefox 4.0 buttons back in the latest nightlys? They reduced the drop shadows and rounded corners :(

I've been digging through the firefox 4.0 code but couldn't quite figure it out without messing up everything.

5643609595_ba1c6e5041_o.png

I really hope someone can help me out here. Thanks in advance :)

Asked that already back in April but now Firefox 5 is almost ready.

Anyone? :cry:

Apprentice

Poom

Posted
Posted

I love how the site identity button is now consistent with the stop/go/reload button, i.e. there is just a line separating it from the url now instead of the inner text box like before. However, I think the new coloring scheme is absolutely hideous and it looks like the childish light coloring Chrome likes to do. Has anyone written a script so that the coloring will be just like before? Also, when you click on the site identity button there is now an overly dramatic drop shadow that is soo ugly... It would be great if the whole script can make the button colors and effects look like before for all states (normal, hovered, clicked, white, blue, green). I'm sure someone out there has already come up with something for this... Thank you!!

Edit: I really hope for what the person above me is asking for too! IMO, the buttons look perfect in firefox 5. It has become wayyy too flat in the new nightly and the corners are too sharp! (Sharp corners look awesome with tabs, but not really on the navigation buttons...) I am seriously worried that Firefox is looking more and more like Chrome in so many ways... and I find Chrome's overall look to be too bleached, flat, and plain...

Collaborator

Deo Domuique

Posted
Posted

Please, help me... Can't remember the damn status-popup name! I'd like to make it squared.

Also, I'd like to remove the background of Menu-Bar. When I press "Alt" the Tools, Help, Bookmarks etc have a glowing-like background!

Rookie

Dmxnet

Posted
Posted

I think, mmmmm you need this: 

#TabsToolbar > * #urlbar {
	min-width: 300px !important;} /* Yout can change this value, is referential */
#TabsToolbar > * .searchbar-textbox {
	min-width: 100px !important;}
#urlbar-reload-button:not(:hover) {
	border-left-color: transparent !important;}/*looks better with this code*/
#main-window[tabsintitlebar]:not([inFullscreen]) #TabsToolbar {
	margin-right: -16px !important;
	margin-left: -1px !important;}/*and this is for more space*/

Hmm, just seen that when i haven't maximized my window, my browser tabs is a really small :(

r934119d919f.png

Enthusiast

mNiosu

Posted
Posted

Hi guys. Haven't been here for a some time. I haven't followed the evolution of Firefox 5 (got bored after following the very long one of 4 :) ).

I just installed FF and noticed that my code witch made tabs slimmer isn't working any more. Any idea how to fix this ? Here's the code:

.tabbrowser-tab, .tabs-newtab-button {
   -moz-border-image: url("chrome://browser/skin/tabbrowser/tab.png") 4 3 2 3 / 4px 3px 2px 3px repeat stretch !important;
}

Thanks!

Veteran

max22

Posted
Posted

Hi guys. Haven't been here for a some time. I haven't followed the evolution of Firefox 5 (got bored after following the very long one of 4 :) ).

I just installed FF and noticed that my code witch made tabs slimmer isn't working any more. Any idea how to fix this ? Here's the code:

.tabbrowser-tab, .tabs-newtab-button {
   -moz-border-image: url("chrome://browser/skin/tabbrowser/tab.png") 4 3 2 3 / 4px 3px 2px 3px repeat stretch !important;
}

Thanks!

Why did you cross post the exact same thing in two different threads ?

Grand Master

+Zlip792 MVC

Posted
  • MVC
Posted

Asked from bogas04, he gave me that code:

For that small menu button , use following code

#appmenu-button {

padding: 6px 10px !important;

min-width: 0 !important;

}

#appmenu-button .button-text {

visibility: collapse !important;

}

#appmenu-button .button-menu-dropmarker {

margin: 0 !important;

}

Use stylish...

Neowinian

2late

Posted
Posted

Can anyone tell me what are the class names for the drop down buttons are?

post-383734-0-50825600-1309006240.jpg

Also, now I'm probably fantasizing a little but is there any way to have the icons in the bookmarks bar desaturated and have them fully colored (back to their original form) on rollover?

Apprentice

Ziz4rD

Posted
Posted

Can anyone tell me what are the class names for the drop down buttons are?

post-383734-0-50825600-1309006240.jpg

Also, now I'm probably fantasizing a little but is there any way to have the icons in the bookmarks bar desaturated and have them fully colored (back to their original form) on rollover?

http://userstyles.org/styles/44447/

the appbuton style is updated

This is the code:

#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker,
#nav-bar .toolbarbutton-1 {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

looks like this:

Sinttulo-3.png

Apprentice

Ziz4rD

Posted
Posted

Can anyone help in terms of making the Firefox button to look like this?

1306706736_softfox_mockup_by_ap_graphik-d33jbfs.png

I used Stratiform and made it transparent, but it looks nothing like the image.

You need this

#appmenu-button {
  -moz-appearance: none;
  background: -moz-linear-gradient(rgba(255,255,255,.4), rgba(255,255,255,.1) 95%) !important;
  background-clip: padding-box !important;
  border: 1px solid rgba(83,42,6,.3) !important;
  border-top: none !important;
  width: 105px !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.25) inset !important;
  color: rgba(0,0,0,.5) !important;
  text-shadow: 0 1px 0 RGBa(255,255,255,.35) !important;
}
#appmenu-button dropmarker{
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAHCAYAAADam2dgAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLatQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUydna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAHdJREFUeNqEzLEJwzAQheH/IFNc4U08hnCROaL6au0RJE2gAbyJi6zx0tjBCYYcvOI9Ps4k8e9urTWPiPsVNjMi4mmSHJhTSpOZfYHe+wastn9wYC6lTAfKOW/ACryQdMQlLWOMh6Rl70jijD7wDK4QtVb/3d4DADdObfZaLy7kAAAAAElFTkSuQmCC") !important;
}

Neowinian

2late

Posted
Posted

http://userstyles.org/styles/44447/

the appbuton style is updated

This is the code:

#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker,
#nav-bar .toolbarbutton-1 {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

looks like this:

Sinttulo-3.png

thanks

that's exactly what I needed

nice job with the app button too :)

Rising Star

Kaoxt

Posted
Posted

You need this

#appmenu-button {
  -moz-appearance: none;
  background: -moz-linear-gradient(rgba(255,255,255,.4), rgba(255,255,255,.1) 95%) !important;
  background-clip: padding-box !important;
  border: 1px solid rgba(83,42,6,.3) !important;
  border-top: none !important;
  width: 105px !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.25) inset !important;
  color: rgba(0,0,0,.5) !important;
  text-shadow: 0 1px 0 RGBa(255,255,255,.35) !important;
}
#appmenu-button dropmarker{
list-style-image: url("data:image/png;base64,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") !important;
}

Thanks!

One Question how do I change it so the dropdown matches as well? Mine is still white.

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

  • Recently Browsing   0 members

    • No registered users viewing this page.