SoapyHamHocks Member Posted January 12, 2012 Author Member Share Posted January 12, 2012 Update time. 2.0 Started mostly from scratch on this version. Redesigned the tabs, added some new icons, added better support for Aero Basic. Works with Firefox 9+. Should hopefully work well with multi tab row add-ons. Download furyshinobi 1 Share Link to comment Share on other sites More sharing options...
CGar Posted January 12, 2012 Share Posted January 12, 2012 Looks nice :) I'm not the biggest fan of glass tabs but that's just my personal taste, great job as always! Link to comment Share on other sites More sharing options...
furyshinobi Posted January 12, 2012 Share Posted January 12, 2012 Very nice (Y) Link to comment Share on other sites More sharing options...
Sub_Zero_Alchemist Posted January 12, 2012 Share Posted January 12, 2012 Great Job. :D Link to comment Share on other sites More sharing options...
SoapyHamHocks Member Posted January 12, 2012 Author Member Share Posted January 12, 2012 Looks nice :) I'm not the biggest fan of glass tabs but that's just my personal taste, great job as always! Very nice (Y) The inactive tabs are something I really have a hard time with. If I make it too grey it just looks bad, too transparent and it makes it hard to read. You can however easily change it to a color you like: .tabbrowser-tab:not([selected]) .tab-background-middle { -moz-box-flex: 1 !important; background-color: rgba(255,255,255,.35) !important; } Thank you :) Link to comment Share on other sites More sharing options...
Brandon H Supervisor Posted January 12, 2012 Supervisor Share Posted January 12, 2012 great work as always Soapy :) between you and Zain you two are my favorite designers Link to comment Share on other sites More sharing options...
xeleraph Posted January 12, 2012 Share Posted January 12, 2012 Is it possible to change the tab height? I'd like to reduce it slightly. Thanks in advance. Link to comment Share on other sites More sharing options...
SoapyHamHocks Member Posted January 12, 2012 Author Member Share Posted January 12, 2012 Great Job. :D great work as always Soapy :) between you and Zain you two are my favorite designers Thanks a lot :D Is it possible to change the tab height? I'd like to reduce it slightly. Thanks in advance. Sure, try this: .tab-content { height: 22px !important; min-height: 22px !important; max-height: 22px !important; } .tabbrowser-tab[selected] .tab-content { height: 23px !important; max-height: 23px !important; max-height: 23px !important; } Link to comment Share on other sites More sharing options...
xeleraph Posted January 12, 2012 Share Posted January 12, 2012 Thanks for the quick reply. I've mostly made all the customizations I want/need, but there's one last thing I can't seem to get right: I'm trying to get rid of the blue color in the appmenu and style it like how it looks like by default, but I can't seem to figure out how to get rid of the blue border around the button itself: Any ideas? Thanks in advance again! EDIT: Just realized I forgot to compliment you on your work, by the way. You're one of the reasons I continue using Firefox in Linux instead of switching over to Chrome, thanks! EDIT2: Bug report, this is what happens when the AOM is launched. Link to comment Share on other sites More sharing options...
SoapyHamHocks Member Posted January 12, 2012 Author Member Share Posted January 12, 2012 Thanks for the quick reply. I've mostly made all the customizations I want/need, but there's one last thing I can't seem to get right: I'm trying to get rid of the blue color in the appmenu and style it like how it looks like by default, but I can't seem to figure out how to get rid of the blue border around the button itself: Any ideas? Thanks in advance again! EDIT: Just realized I forgot to compliment you on your work, by the way. You're one of the reasons I continue using Firefox in Linux instead of switching over to Chrome, thanks! EDIT2: Bug report, this is what happens when the AOM is launched. #appmenu-button { -moz-border-left-colors: hsla(0,0%,100%,.5) hsla(210,59%,13%,.9) !important; -moz-border-bottom-colors: hsla(0,0%,100%,.5) hsla(210,59%,13%,.9) !important; -moz-border-right-colors: hsla(0,0%,100%,.5) hsla(210,59%,13%,.9) !important; } Should fix the border color. Not sure why the tab text is doing that, very odd. Link to comment Share on other sites More sharing options...
xeleraph Posted January 12, 2012 Share Posted January 12, 2012 Should fix the border color. Yes, it does. What I did wrong was using border-color instead; thanks again. Link to comment Share on other sites More sharing options...
bgjerlow Posted January 12, 2012 Share Posted January 12, 2012 I am really liking the look of this. Looking forward to the future updates :) Link to comment Share on other sites More sharing options...
Jub Posted January 12, 2012 Share Posted January 12, 2012 It looks really, really good. Torn between Australis and this one now. :) I'll try it out for a while for sure, loving it! Link to comment Share on other sites More sharing options...
Genocide121 Posted January 13, 2012 Share Posted January 13, 2012 IMAGe HEre There is some problem with the Theme................ Plz take notice of that............ Thanks Link to comment Share on other sites More sharing options...
SoapyHamHocks Member Posted January 13, 2012 Author Member Share Posted January 13, 2012 This should fix the tab-text bug, however the text will be less sharp. .tabbrowser-tab .tab-text { opacity: 1 !important; } Link to comment Share on other sites More sharing options...
TCA Posted January 13, 2012 Share Posted January 13, 2012 how do i change the FF button to the original size? don't like the small one. Link to comment Share on other sites More sharing options...
SoapyHamHocks Member Posted January 13, 2012 Author Member Share Posted January 13, 2012 how do i change the FF button to the original size? don't like the small one. Add to userChrome.css or Stylish: #appmenu-button .button-icon { list-style-image: none !important; } #appmenu-button { padding: 0 1.5em .05em !important; min-width: 0 !important; width: auto !important; } #appmenu-button .button-text { visibility: visible !important; } Link to comment Share on other sites More sharing options...
Genocide121 Posted January 13, 2012 Share Posted January 13, 2012 ur theme not showing bookmark icon next to reload button.......... using Australis 1.1 Link to comment Share on other sites More sharing options...
SoapyHamHocks Member Posted January 13, 2012 Author Member Share Posted January 13, 2012 ur theme not showing bookmark icon next to reload button.......... using Australis 1.1 I'm not really sure what you mean, this theme has nothing to do with my Australis theme. Link to comment Share on other sites More sharing options...
xeleraph Posted January 13, 2012 Share Posted January 13, 2012 This should fix the tab-text bug, however the text will be less sharp. .tabbrowser-tab .tab-text { opacity: 1 !important; } Yes, it does indeed. Can't say I notice any decrease in font sharpness on my end though. Link to comment Share on other sites More sharing options...
Genocide121 Posted January 13, 2012 Share Posted January 13, 2012 I'm not really sure what you mean, this theme has nothing to do with my Australis theme. i m saying that. Australis 1.1 theme is not showing me bookmark button next to reload... there is no bookmark star button so i use ctrl+D to bookmark can u solve that problem Link to comment Share on other sites More sharing options...
SoapyHamHocks Member Posted January 13, 2012 Author Member Share Posted January 13, 2012 Yes, it does indeed. Can't say I notice any decrease in font sharpness on my end though. It's not a huge difference. It's just something I notice because I zoom in really close when developing themes. It seems that the Windows font rendering adds some "fuzz" to the letters, the opacity hack just makes it a bit sharper by removing that. i m saying that. Australis 1.1 theme is not showing me bookmark button next to reload... there is no bookmark star button so i use ctrl+D to bookmark can u solve that problem Can you please post a screenshot of your issue in the Australis thread http://www.neowin.ne...is-for-firefox/ Link to comment Share on other sites More sharing options...
c3ntury Posted January 13, 2012 Share Posted January 13, 2012 I quite like the look of it. :) Link to comment Share on other sites More sharing options...
SoapyHamHocks Member Posted January 15, 2012 Author Member Share Posted January 15, 2012 2.0.1 Change log: Fixed in some cases where active tab text was clipped Reduced tab text shadow on Aero Basic and Windows Classic Fixed toolbar backgrounds and borders on Aero Basic and Windows Classic Add one or more of the following lines to userChrome.css or Stylish: Normal appmenu size : @import url("chrome://browser/skin/_mods/normal-appmenu.css"); Home tab, add home to the left of the tabs : @import url("chrome://browser/skin/_mods/home-tab.css"); Download Link to comment Share on other sites More sharing options...
xeleraph Posted January 15, 2012 Share Posted January 15, 2012 2.0.1 Change log: Add one or more of the following lines to userChrome.css or Stylish: Normal appmenu size : @import url("chrome://browser/skin/_mods/normal-appmenu.css"); Home tab, add home to the left of the tabs : @import url("chrome://browser/skin/_mods/home-tab.css"); Download SHH, the nav-bar sees to have double borders at the bottom; one of them a light-blue, the other darker in shade. I'd like to remove the lighter one; is that possible? Link to comment Share on other sites More sharing options...
Recommended Posts