Share your custom Firefox/Minefield 4 stylish scripts

By Steven P.
in Web Browser Discussion & Support

 Share

Recommended Posts

Contributor

BantryRed

Posted
Posted

SoapyHamHocks, is it possible to mix these following codes of yours, so that if you have the History or Bookmarks tabs open, their color is the same as an open tab, but normal and hover is the same as the background tabs? Also can the bookmarks star be moved to the left in the url bar. Thanks.

#TabsToolbar > .toolbarbutton-1:not(#alltabs-button):not

(#new-tab-button): {
  -moz-appearance: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background-position: -6px -2px !important;
  background-repeat: no-repeat !important;
  background-size: 200% !important;
  -moz-border-image: url

("chrome://browser/skin/tabbrowser/tab.png") 4 5 3 6 / 4px 

5px 3px 6px !important;
  -moz-border-radius: 10px 8px 0 0 !important;
  background-image: -moz-radial-gradient(center top, white, 

rgba(255,255,255,0) 60%),
                    -moz-linear-gradient(left, transparent, 

transparent 1px,
                                                 rgba

(255,255,255,.5) 1px, rgba(255,255,255,.5)),
                    -moz-linear-gradient(left, transparent, 

transparent 1px,
                                                 rgb

(227,237,246) 1px, rgb(227,237,246)) !important;
}
#TabsToolbar > .toolbarbutton-1:not(#alltabs-button):not

(#new-tab-button) {
  -moz-appearance: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background-position: -6px -2px !important;
  background-repeat: no-repeat !important;
  background-size: 200% !important;
  -moz-border-image: url

("chrome://browser/skin/tabbrowser/tab.png") 4 5 3 6 / 4px 

5px 3px 6px !important;
  -moz-border-radius: 10px 8px 0 0 !important;
  background-image: -moz-linear-gradient(left, transparent, 

transparent 1px,
                                                 rgba

(255,255,255,.4) 1px, rgba(255,255,255,.4)) !important;
}

#TabsToolbar > .toolbarbutton-1:not(#alltabs-button):not(#new-tab-button) {
  -moz-appearance: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background-repeat: no-repeat !important;
  background-size: 200% !important;
  -moz-border-image: url("chrome://browser/skin/tabbrowser/tab.png") 4 5 3 6 / 4px 5px 3px 6px !important;
  -moz-border-radius: 10px 8px 0 0 !important;
}

.tabbrowser-tab:not([selected="true"]),
.tabs-newtab-button,
#TabsToolbar > .toolbarbutton-1:not(#alltabs-button):not(#new-tab-button)  {
  background-position: -5px -2px !important;
  background-image: -moz-linear-gradient(top,rgba(198,201,206,.70),
                                   rgba(151,160,172,.70)),
                    -moz-linear-gradient(bottom, rgba(0,0,0,.8) 20%, rgba(0,0,0,0) 60%) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.3) !important;
}

.tabbrowser-tab:not([selected="true"]):hover,
.tabs-newtab-button:hover,
#TabsToolbar > .toolbarbutton-1:not(#alltabs-button):not(#new-tab-button):hover {
  background-image: -moz-linear-gradient(top,rgba(198,201,206,.8),
                                   rgba(151,160,172,.8)),
                    -moz-linear-gradient(bottom, rgba(0,0,0,.8) 20%, rgba(0,0,0,0) 60%) !important;
}

Link to comment
Share on other sites
Mentor

SoapyHamHocks Member

Posted
  • Member
Posted

SoapyHamHocks, is it possible to mix these following codes of yours, so that if you have the History or Bookmarks tabs open, their color is the same as an open tab, also can the bookmarks star be moved to the right in the url bar. Thanks.

Here you go just add this at the end of your code. Do you mean move the bookmark star to the left?

#TabsToolbar > .toolbarbutton-1:not(#alltabs-button):not(#new-tab-button)[checked="true"] {
    background-image: -moz-radial-gradient(center top, white, rgba(255,255,255,0) 60%),
                      -moz-linear-gradient(left, transparent, transparent 1px,
                                                 rgba(255,255,255,.5) 1px, rgba(255,255,255,.5)),
                      -moz-linear-gradient(left, transparent, transparent 1px,
                                                 rgb(227,237,246) 1px, rgb(227,237,246))!important;
  background-position: center -2px, -6px -2px, -6px -2px !important;
  background-size: 100%, 200%, 200% !important;
}

Link to comment
Share on other sites
Collaborator

Duke D

Posted
Posted

Has anyone made the all-tabs button look good with the tabs in the titlebar?

I currently have it disabled because it just looks strange next to the min/max/close buttons.

Link to comment
Share on other sites
Veteran

Darrian

Posted
Posted

huh stylish addon works for firefox 4.0 beta?:blink:

LOL the entire premise of this thread relies on Stylish working for the Fx 4 beta :p

Link to comment
Share on other sites
Proficient

Mouettus

Posted
Posted

LOL the entire premise of this thread relies on Stylish working for the Fx 4 beta :p

well... i was doing it manually with chrome css from the start... ?

no need for addons

Link to comment
Share on other sites
Mentor

SoapyHamHocks Member

Posted
  • Member
Posted

well... i was doing it manually with chrome css from the start... ?

no need for addons

Stylish makes it much easier when coding a theme or testing some complex CSS.

Link to comment
Share on other sites
Veteran

Darrian

Posted
Posted

well... i was doing it manually with chrome css from the start... ?

no need for addons

Sure, you can do that, but every time you want to make even the tiniest change you have to dig into your profile for userChrome.css, make your changes and save, and restart your browser.

Anyway, I just thought it was funny you asked that in a thread with "Firefox 4" and "Stylish" both in the title.

Link to comment
Share on other sites
Contributor

BantryRed

Posted
Posted

Has anyone made the all-tabs button look good with the tabs in the titlebar?

I currently have it disabled because it just looks strange next to the min/max/close buttons.

Also left and right arrows for tab scrolling.

Link to comment
Share on other sites
Proficient

Mouettus

Posted
Posted

Sure, you can do that, but every time you want to make even the tiniest change you have to dig into your profile for userChrome.css, make your changes and save, and restart your browser.

Anyway, I just thought it was funny you asked that in a thread with "Firefox 4" and "Stylish" both in the title.

1. I wasn't the one asking the question

2. stylish can also be an adjective that would fit very well in the context

Link to comment
Share on other sites
Apprentice

atzaus

Posted
Posted 

/* Tabs on Top */
#appmenu-button-container {
 position: fixed !important;
 margin-left:4px !important;
}
#appmenu-button {
 padding: 2px 8px 2px 12px !important;
 height: 22px !important;
}
#navigator-toolbox[tabsontop="true"] #TabsToolbar {
 padding-left:81px !important;
 padding-top:3px !important;
}
#toolbar-menubar {
 padding-left:81px !important;
}
#main-window #navigator-toolbox[tabsontop="true"] #TabsToolbar {
 padding-right: 110px !important;
}

I am using this but when the tabs "overflow" and when you close them so 1 or 2 left the right margin of the firefox button is messed up. Any ideas?

Link to comment
Share on other sites
Grand Master

+Audioboxer Subscriber²

Posted
  • Subscriber²
Posted

Updated my combined stop/reload script.

post-49492-12798968274443.png

Changes:

Fixed background color on a blank tab.

Added a inner glow to make the buttons "pop" a bit.

Changed the icons to newer ones from the mockups.

Changed the way the code is applied. Only works if the stop/reload buttons are directly after the Urlbar.

http://userstyles.org/styles/33745

Feedback would be great :)

Stopped working in beta 2

Link to comment
Share on other sites
Grand Master

+Audioboxer Subscriber²

Posted
  • Subscriber²
Posted

I guess I need to install b2 and test then :p works fine on the nightlies.

Edit: Works fine for me. Are you using 1.0.11 of Stylish? http://userstyles.or...lish-1.0.11.xpi

Got it working now thanks :p

I'm just messing around anyway, waiting to see your new theme in action.

Link to comment
Share on other sites
Mentor

SoapyHamHocks Member

Posted
  • Member
Posted

Got it working now thanks :p

I'm just messing around anyway, waiting to see your new theme in action.

We did release alpha1, but we still have a lot of work to do.

Link to comment
Share on other sites
Mentor

Ridlas

Posted
Posted

Is there a way I can make the address bar Aero like the top part of the browser? The whiteness of it looks hideous. Some help with this would be appreciated.

33elelt.png

Link to comment
Share on other sites
Community Regular

Tim the Enchanter

Posted
Posted

post-1972-1279509563683.png

How did you change the appearance of the borders around each thumbnail in fast dial? Looks amazing!

edit: tried to find the theme on userlogos.org but don't thin its there :s

Link to comment
Share on other sites
Neowinian

Suspetsado

Posted
Posted

Hi,

I know this is a silly and simple question. Been googling on how to resize the width of the tab bar in Firefox 4.0 Beta 2 however I was not able to find the answer. Your reply will be much appreciated. Thanks. :)

Link to comment
Share on other sites
This topic is now closed to further replies.
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.