Minimal 2 - Preview

By BoneyardBrew
in Tips, Tweaks & Customization

 Share

Recommended Posts

Veteran

BoneyardBrew Member

Posted
  • Member
Posted

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

Alpha-1.png

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.

Link to comment
https://www.neowin.net/forum/topic/923400-minimal-2-preview/
Share on other sites
Veteran

Darrian

Posted
Posted

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?

Mentor

SoapyHamHocks Member

Posted
  • Member
Posted

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.

Veteran

Darrian

Posted
Posted

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.

Mentor

SoapyHamHocks Member

Posted
  • Member
Posted

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.

Veteran

Darrian

Posted
Posted

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 ;)

Apprentice

xPerFeXioN

Posted
Posted

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;
}

Mentor

SoapyHamHocks Member

Posted
  • Member
Posted

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;
}

Apprentice

xPerFeXioN

Posted
Posted

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.

Veteran

Unrealistic

Posted
Posted

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

post-277424-12799492411486.png

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?

Mentor

SoapyHamHocks Member

Posted
  • Member
Posted

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.

Apprentice

xPerFeXioN

Posted
Posted

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

Mentor

SoapyHamHocks Member

Posted
  • Member
Posted

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;
}

Proficient

yowanvista

Posted
Posted

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;
}

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

  • Recently Browsing   0 members

    • No registered users viewing this page.