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,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") !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.

  • Posts

    • Alien Isolation 2 will bring a new protagonist and setting, watch the reveal trailer here

      By PeterTHX · Posted

      Yes, it's why Weyland bought Yutani corporation.
    • Creative launches flagship Sound Blaster AE-X internal sound card for audiophiles

      By PeterTHX · Posted

      LOL. Can't even quote and edit a comment correctly. Figures you're a Linux user.
    • Microsoft resumes forced Copilot app installation on some Windows PCs

      By ad47uk · Posted

      I have disabled it, but the app is still taking space. I have a Mac and it is only possible to disable Ai on that, but I think that bit does get rid of the AI components after a while. What we are told is that we agree to all this when we use the devices as it is in the end user agreements, their software, they can do what they like. I doubt that any bill will happen in the U.S, the government there are in league with big tech firms. The E.U maybe, they seem to have some guts when it comes to tech companies. The U.K is not in the E.U, but some things still affect us. Our government is as gutless when it comes to tech companies as the U.s government.
    • An actual cosmic "Eye of Sauron" had been looking straight at us all along

      By hellowalkman · Posted

      yep, thanks!
    • WebChangeMonitor 26.06

      By Copernic · Posted

      WebChangeMonitor 26.06 by Razvan Serea Monitors allows you to quickly check a number of web pages and tracks changes based on the content of the web pages. Allows to monitor several protocols, including HTTP and HTTPS. Allows to view and record differences. Available for Win7/10, Linux and others. WebChangeMonitor features: Allows monitoring of web pages and informs about content changes Indication of states of currently monitored items in the tool and taskbar Reporting as sound and/or email as well as log file or HTML log Several configuration / filter options Support all protocols, e.g. http, https Multi-threaded, running in the background Bulk-import and bulk-export of items (from/to CSV) to monitor Export of results to CSV file for further processing Allows running command on items states and/or showing diff (changes) of content with preferred diff-tool ...and many more! Open Source (C++, wxWidgets) Cross platform for Windows (7/10), Linux, RPi and Mac (if self-compiled) WebChangeMonitor 26.06 release notes: Release 26.06 brings mostly s but updates the underlying core infrastructure. A major compiler is used for both x86/x64 and WoA64 architectures. This also means that all core libraries are re-compiled accordingly which required some changes in the build scripts. One of the core libraries (cURL) has been updated to address vulnerabilities and a nasty linker error that was causing the need for a dedicated patch which could now be eliminated. Download: WebChangeMonitor 64-bit | Setup 64-bit | ~10.0 MB (Open Source) Download: WebChangeMonitor 32-bit | Setup 32-bit View: WebChangeMonitor Website | Other Operating Systems | Screenshot Get alerted to all of our Software updates on Twitter at @NeowinSoftware

  • Recent Achievements

    • 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
    • Week One Done
      lamborghiniv10 earned a badge
      Week One Done

  • Popular Contributors

    1. 1
      +primortal
      482
    2. 2
      PsYcHoKiLLa
      257
    3. 3
      Steven P.
      74
    4. 4
      +Edouard
      69
    5. 5
      Skyfrog
      68
    Show More

  • Tell a friend

    Love Neowin? Tell a friend!