Minimal 2 - Preview

[BoneyardBrew Member]

This concept has been inspired by netbook users and aims to provide them with more content, and less wasted space.

Download

Note:

To bring back the favicons on the tabs, use the following code in Stylish.

.tabbrowser-tab .tab-icon-image {
  display: inherit !important;
}

Known Bugs:

• Unfinished Tabs on Bottom
• Old Close Buttons on the Sidebar
• No Fullscreen Controls
• Menubar Doesn't Appear Sometimes

Please do not modify or re-release without permission.

[Ionium]

This is nice, too bad it's not for FF 3.6

[BoneyardBrew Member]

This is nice, too bad it's not for FF 3.6

Thanks!

This theme wasn't possible at all in Firefox 3.6 due to the inability to draw in the titlebar.

[Darrian]

I absolutely love it. My only issue is that I can't use any of the custom menu buttons I've made or change the text in the menu button to read "Firefox" even though I'm using Minefield. I'm sure this is due to the method we were using to do that; they were dropmarker arguments, and you've somehow removed the dropmarker in your theme (which looks really good, it's just inconvenient for my scripts). Any ideas on how we could manipulate the menu button text in Stylish while using this theme? Or is there some code we could use to bring the dropmarker back?

[Unrealistic]

Looks great. I will test it soon :)

[SoapyHamHocks Member]

I absolutely love it. My only issue is that I can't use any of the custom menu buttons I've made or change the text in the menu button to read "Firefox" even though I'm using Minefield. I'm sure this is due to the method we were using to do that; they were dropmarker arguments, and you've somehow removed the dropmarker in your theme (which looks really good, it's just inconvenient for my scripts). Any ideas on how we could manipulate the menu button text in Stylish while using this theme? Or is there some code we could use to bring the dropmarker back?

Post the code you're using and I'll get it working.

[Darrian]

The most basic version would probably be

#appmenu-button .button-text { display:none !important; }
#appmenu-button dropmarker:before { content: "Firefox" !important; }

. If I had an alternative to this I could use it with everything else.

[SoapyHamHocks Member]

The most basic version would probably be

#appmenu-button .button-text { display:none !important; }
#appmenu-button dropmarker:before { content: "Firefox" !important; }

. If I had an alternative to this I could use it with everything else.

Alright, I think I removed some code in the theme. I'll see what I can do.

[Darrian]

Thanks :)

[Azies]

Downloading this theme as soon as I can download Firefox 4 Beta 1, need a compact good looking FF theme.

[SoapyHamHocks Member]

Thanks :)

Not really an ideal solution, but it works.

#appmenu-button .button-text { 
  display:none !important;
}

#appmenu-button > .button-box:before {
  content: "Firefox" !important;
  padding: 0 0 0 15px !important;
}

[Darrian]

Good enough, I should be able to work with that. Thanks a lot!

Update: Well, it kind of works; when I plugged it into my Phoenix button script it put the text before the icon instead of after.

Update 2: Changed "before" to "after" and it worked ;)

[xPerFeXioN]

Can someone help me make the bookmarks Bar Aero and make the text more visible while its Aero. Also make it a little slimmer than it is by default to go with the theme.

So far I have this. Most of it I picked up from SoapyHamHocks post earlier.

#PersonalToolbar {
  border-top: 0 !important;
  -moz-appearance: none !important;
  background: -moz-linear-gradient(top, rgba(255,255,255,.1), rgba(255,255,255,.1), rgba(255,255,255,.1)) !important;
  padding: 0 !important;
}

#PersonalToolbar .bookmark-item:not(menuitem){
  color: white !important;
  padding: 0 5px !important;
}

[SoapyHamHocks Member]

Can someone help me make the bookmarks Bar Aero and make the text more visible while its Aero. Also make it a little slimmer than it is by default to go with the theme.

So far I have this. Most of it I picked up from SoapyHamHocks post earlier.

What about something like this?

#PersonalToolbar {
  border: 0 !important;
  -moz-appearance: -moz-win-glass !important;
  background: transparent !important;
  padding: 0 !important;
  margin: -4px 0 1px 0 !important;
}

#PersonalToolbar .bookmark-item:not(menuitem){
  text-shadow: 0 0 5px rgba(255,255,255,.75),
               0 1px 0 rgba(255,255,255,.3) !important;
}

[xPerFeXioN]

What about something like this?

#PersonalToolbar {
  border: 0 !important;
  -moz-appearance: -moz-win-glass !important;
  background: transparent !important;
  padding: 0 !important;
  margin: -4px 0 1px 0 !important;
}

#PersonalToolbar .bookmark-item:not(menuitem){
  text-shadow: 0 0 5px rgba(255,255,255,.75),
               0 1px 0 rgba(255,255,255,.3) !important;
}

Thanks that worked beautifully! oh one more thing is there a way to make the active tab stand out more maby make it darker? I really cant tell the difference right now.

[Osiris]

This looks good :)

[homeboyrocketshoulders]

I'll definitely be giving this a try.

[Unrealistic]

I hope we are allowed to give opinions. :)

To start off, for an alpha this is great. I'm utilizing the stylish add-ons you posted, as well as renaming my Minefield to show the current nightly date I'm using. All in all, it's great but I think some things need to be changed. Transparency is a bit too extreme for my tastes and on darker backgrounds the text becomes almost unreadable (including the bookmarks). Active/Inactive tabs need work as well as they are almost indistinguishable. Finally, I understand the whole white button concept, but I think the App Tabs look really off in their current state, especially when you add your own custom url App Tabs as they are in color.

Other than that, it looks great and I'm glad you decided to release it in it's current state. It's definitely usable. :D

SoapyHamHocks: I tried your new reload/stop buttons on URL bar, but it doesn't seem to work with this theme. Do you have a version for this theme?

[SoapyHamHocks Member]

I hope we are allowed to give opinions. :)

To start off, for an alpha this is great. I'm utilizing the stylish add-ons you posted, as well as renaming my Minefield to show the current nightly date I'm using. All in all, it's great but I think some things need to be changed. Transparency is a bit too extreme for my tastes and on darker backgrounds the text becomes almost unreadable (including the bookmarks). Active/Inactive tabs need work as well as they are almost indistinguishable. Finally, I understand the whole white button concept, but I think the App Tabs look really off in their current state, especially when you add your own custom url App Tabs as they are in color.

Other than that, it looks great and I'm glad you decided to release it in it's current state. It's definitely usable. :D

SoapyHamHocks: I tried your new reload/stop buttons on URL bar, but it doesn't seem to work with this theme. Do you have a version for this theme?

Thanks for the feedback :) I know some things need to be changed. We need to think of some other ways to do the tabs and reduce some of the transparency in the theme. I could cook up a simple combined reload/stop script if you want, but we wanted to hold off until we made some slightly smaller reload/stop icons.

Edit: I noticed you're using "small icons" mode, I would suggest you don't for now :p I haven't worked on that at all so its a bit cramped.

[Unrealistic]

It's fine, I can wait. There's no need to make you do more work when it's not a big deal at all.

I went to normal icons, but went right back, lol. It is a little cramped now that you say so, but it's perfectly usable as is. :)

[xPerFeXioN]

Thanks for the feedback :) I know some things need to be changed. We need to think of some other ways to do the tabs and reduce some of the transparency in the theme. I could cook up a simple combined reload/stop script if you want, but we wanted to hold off until we made some slightly smaller reload/stop icons.

Edit: I noticed you're using "small icons" mode, I would suggest you don't for now :p I haven't worked on that at all so its a bit cramped.

SoapyHamHocks can you please write me a quick script to differentiate between Active and Non active tabs?? I really wanna use this theme but this problem is almost a deal braker. Thanks

[SoapyHamHocks Member]

It's fine, I can wait. There's no need to make you do more work when it's not a big deal at all.

I went to normal icons, but went right back, lol. It is a little cramped now that you say so, but it's perfectly usable as is. :)

Here you go, its simple but works for now.

toolbar[mode="icons"][currentset*="urlbar-container,reload-button,stop-button"] #urlbar {
  -moz-border-radius: 2px 0 0 2px !important;
  border-right: 0 !important;
}

#urlbar-container + #reload-button,
#urlbar-container + #reload-button + #stop-button{
  border: 1px solid rgba(0,0,0,.35) !important;
  border-left: 0 !important;
  -moz-border-radius: 0 2px 2px 0 !important;  
  -moz-box-shadow: 0 1px 0 rgba(255,255,255,.4) !important;
  background: rgba(255,255,255,.90) !important;
  margin-left: -3px !important;
  background-clip: padding-box !important;
}

#urlbar-container + #reload-button {
  padding: 0 4px 0 4px !important;
}

#urlbar-container + #reload-button + #stop-button {
  padding: 0 4px 0 5px !important;
}

SoapyHamHocks can you please write me a quick script to differentiate between Active and Non active tabs?? I really wanna use this theme but this problem is almost a deal braker. Thanks

Alright, I'll try a few things.

Edit: Do you think this makes it any better?

.tabbrowser-tab[selected="true"] {
  background: rgba(255,255,255,.20) -moz-linear-gradient(rgba(255,255,255,.30),
                                         rgba(255,255,255,0) 100%) !important;
}

[xPerFeXioN]

Edit: Do you think this makes it any better?

.tabbrowser-tab[selected="true"] {
  background: rgba(255,255,255,.20) -moz-linear-gradient(rgba(255,255,255,.30),
                                         rgba(255,255,255,0) 100%) !important;
}

It Make a very slight Difference but its still not very clear.

[yowanvista]

Edit: Do you think this makes it any better?

.tabbrowser-tab[selected="true"] {
  background: rgba(255,255,255,.20) -moz-linear-gradient(rgba(255,255,255,.30),
                                         rgba(255,255,255,0) 100%) !important;
}

It Make a very slight Difference but its still not very clear.

Try this:

.tabbrowser-tab[selected="true"] {
  background: rgba(255,255,255,.20) -moz-linear-gradient(rgba(255,255,255,.53),
                                         rgba(255,255,240,0) 144%) !important;
}

[xPerFeXioN]

Try this:

.tabbrowser-tab[selected="true"] {
  background: rgba(255,255,255,.20) -moz-linear-gradient(rgba(255,255,255,.53),
                                         rgba(255,255,240,0) 144%) !important;
}

Alright thanks. That works very nicely.