Australis for Firefox

[+Audioboxer Subscriber²]

https://addons.mozil...ys-in-titlebar/

Thanks Soapy!

You don't happen to know of a stylish script so I can have the small white firefox icon represent the app button? (it's called slim menu in stratiform which I can't leave enabled for this theme).

[em3]

When you say default do you mean normal size when maximized? Other than that it is the same button.

Yes. I'm not a big fan of the all white fox icon.

[SoapyHamHocks Member]

Thanks Soapy!

You don't happen to know of a stylish script so I can have the small white firefox icon represent the app button? (it's called slim menu in stratiform which I can't leave enabled for this theme).

#appmenu-button .button-icon {
  list-style-image: url(chrome://browser/skin/appmenu-icon.png);
}

#appmenu-button {
  padding: 0 8px 1px !important;
  min-width: 0 !important;
  max-width: 50px !important;
  width: 50px !important;
}

#appmenu-button .button-text {
  visibility: collapse;
}

Yes. I'm not a big fan of the all white fox icon.

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

[+Audioboxer Subscriber²]

Thanks again, but is there anyway to reduce this space? It reduces on maximized window. I have a feeling this might be hardcored in Firefox/Australis.

edit: Scrap that. By sheer luck I turned off Omnibar to experiment and it removed this gap! :laugh:

[SoapyHamHocks Member]

Thanks again, but is there anyway to reduce this space? It reduces on maximized window. I have a feeling this might be hardcored in Firefox/Australis.

Just disable/enable Tabs always in Titlebar and it should fix it.

[Kaoxt]

Mind me asking why this messes up my options section? Reformats its it completely.

Thanks and great job!

[V23]

User Styles website is playing up, anybody able to post the 'classic tabs' stylish code?

Edit: Great theme but I've found a couple of bugs (see picture below):

1. Not really part of the theme but rather the stylish code you posted on the previous page to get the full-sized app button. The first tab covers the app button.

2. The line (circled) isn't completely straight

[remixedcat]

I love the classic tabs mode! excellent job!!!!

[n3Tk0]

Can you shrink a little bit the height of navigation bar? Or to make working for small icons? :unsure:

[V23]

User Styles website is playing up, anybody able to post the 'classic tabs' stylish code?

Edit: Great theme but I've found a couple of bugs (see picture below):

1. Not really part of the theme but rather the stylish code you posted on the previous page to get the full-sized app button. The first tab covers the app button.

2. The line (circled) isn't completely straight

Finally managed to install the 'classic tabs' user style.

[n3Tk0]

Please some moderator to erase my previous post. Thank you.

After seeing the code for hiding the large forward icon, i change a little things for small icons too :unsure:

#nav-bar{
padding: 1px 0 2px 0 !important;
}

#navigator-toolbox[iconsize="small"][mode="icons"] #unified-back-forward-button + #urlbar-container #urlbar {
  -moz-border-start: 0 !important;
  border-radius: 0 !important;
 -moz-margin-start: -3px !important;
}

#navigator-toolbox[iconsize="small"][mode="icons"] #nav-bar[currentset*="unified-back-forward-button,spacer,urlbar-container"] #forward-button {
  -moz-transition-property: all !important;
  -moz-transition-duration: 150ms !important;
  -moz-transition-timing-function: linear !important;
}

#navigator-toolbox[iconsize="small"][mode="icons"] #nav-bar[currentset*="unified-back-forward-button,spacer,urlbar-container"] #forward-button[disabled="true"] {
  max-width: 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  margin: 0 0 0 1px !important;
  padding: 0 !important;
  opacity: 0 !important;
}

#navigator-toolbox[iconsize="small"][mode="icons"] #nav-bar[currentset*="unified-back-forward-button,spacer,urlbar-container"] #unified-back-forward-button + toolbarspacer:not([disabled="true"]) {
  visibility: collapse !important;
}

#navigator-toolbox[iconsize="small"][mode="icons"] #nav-bar[currentset*="unified-back-forward-button,spacer,urlbar-container"] #unified-back-forward-button + toolbarspacer {
  background-color: rgba(255,255,255,.9) !important;
  background-clip: padding-box !important;
  margin: 1px 0 !important;
  width: 20px !important;
  border-top: 1px solid rgba(23,50,77,.25) !important;
  border-bottom: 1px solid rgba(23,50,77,.25) !important;
  box-shadow: 0 1px rgba(255,255,255,.10),
              0 1px rgba(0,0,0,.02) inset !important;
  -moz-margin-start: -1px !important;

}

#navigator-toolbox[iconsize="small"][mode="icons"] #nav-bar[currentset*="unified-back-forward-button,spacer,urlbar-container"] #unified-back-forward-button + toolbarspacer + #urlbar-container > #urlbar {
  -moz-border-start: 0 !important;
  border-radius: 0  !important;
}

#navigator-toolbox[iconsize="small"][mode="icons"] #nav-bar[currentset*="unified-back-forward-button,spacer,urlbar-container"] #unified-back-forward-button + toolbarspacer:not([disabled="true"]) + #urlbar-container > #urlbar {
 -moz-margin-start: -1px !important;
}

#navigator-toolbox[iconsize="small"][mode="icons"] #nav-bar[currentset*="unified-back-forward-button,spacer,urlbar-container"] #unified-back-forward-button + toolbarspacer:not([disabled="false"]) + #urlbar-container > #urlbar {
 -moz-margin-start: -2px !important;
}

#navigator-toolbox[iconsize="small"][mode="icons"] #nav-bar[currentset*="unified-back-forward-button,spacer,urlbar-container"] #unified-back-forward-button + toolbarspacer[disabled="true"] + #urlbar-container > #urlbar {
 -moz-margin-start: 0 !important;
}

#unified-back-forward-button #forward-button {
  border-radius: 0 !important;
}

#navigator-toolbox[iconsize="small"][mode="icons"] #nav-bar[currentset*="unified-back-forward-button,spacer,urlbar-container"] #unified-back-forward-button + toolbarspacer[disabled="true"] + #urlbar-container > #urlbar > .autocomplete-textbox-container.urlbar-textbox-container {
  -moz-margin-start: -16px !important;
  position: relative !important;
}

[SoapyHamHocks Member]

Mind me asking why this messes up my options section? Reformats its it completely.

Thanks and great job!

What does it look like can you post a screenshot? If you mean it appears vertical then that is by design.

User Styles website is playing up, anybody able to post the 'classic tabs' stylish code?

Edit: Great theme but I've found a couple of bugs (see picture below):

1. Not really part of the theme but rather the stylish code you posted on the previous page to get the full-sized app button. The first tab covers the app button.

2. The line (circled) isn't completely straight

You're the third person to report this bug. I still can't reproduce it. What add-ons do you have installed?

Please some moderator to erase my previous post. Thank you.

After seeing the code for hiding the large forward icon, i change a little things for small icons too :unsure:

I was originally going to do that, but I decided not to because it ended up looking just like the go button. I may try another icon style for the arrow.

[bgjerlow]

Damn. This skin is awesome. Just started using it, and already think I'll stick with it for a while. Nice work Soapy.

[remixedcat]

it's growing on me and the classic tab mode allows me to still use stratiform.

and how did you choose your username anyways it's funny LOL.

[grayscale]

Just curious, if this UI pushes through the nightlies, will australis be integrated into stratiform? Or will you continue working on those 2 separately. Btw, nice work here, I'm loving the classic tab mode.

[remixedcat]

I hope they find some way to make the two get along. LOL

[SoapyHamHocks Member]

1.0b1

change log:

Redid the conditional forward button code (spacer no longer required)

Fixed missing Inspect UI selection

Fixed some addon icon sizes

Fixed transparent split-menu button icons

Fixed sync icon changing to back when placed in the TabsToolbar

Fixed some border-radius issues relating to the conditional forward button

Firefox button is colored based on channel

Added inverted icons for ABP,Stylish, Console2, and bookmark star button

Added tab strip to tabs when placed on the bottom

Some padding fixes on tabs

Other misc fixes

Known issues: Tabs on bottom doesn't look too good..

Download

[remixedcat]

SHH---> Thank you for the fixes and the speedy dev on this. ;-)

[aznkid25]

After installing this beta 1 version, I don't see the forward button anymore. Is there any way to get it back? It was fine in previous versions.

[SoapyHamHocks Member]

After installing this beta 1 version, I don't see the forward button anymore. Is there any way to get it back? It was fine in previous versions.

The forward button will show only when it can be used. You can add any element between forward and the urlbar to disable this feature.

[+Heartripper Subscriber¹]

On my end urlbar and searchbar are not aligned!

[SoapyHamHocks Member]

On my end urlbar and searchbar are not aligned!

Ah yes the searchbar I completely forgot about that. Does this fix it?

#searchbar :-moz-any(.searchbar-engine-button,.search-go-button) {
  padding: 1px 0 !important;
}

#searchbar .search-go-button {
  -moz-padding-end: 4px !important;
}

[+Audioboxer Subscriber²]

New update (Y)

[+Heartripper Subscriber¹]

Ah yes the searchbar I completely forgot about that. Does this fix it?

#searchbar :-moz-any(.searchbar-engine-button,.search-go-button) {
  padding: 1px 0 !important;
}

#searchbar .search-go-button {
  -moz-padding-end: 4px !important;
}

yes it did, thanks!

[grayscale]

Is there a way to change the font color of the inactive tabs to black?