Australis for Firefox

By SoapyHamHocks
in Tips, Tweaks & Customization

 Share

Recommended Posts

Grand Master

+Audioboxer Subscriber²

Posted
  • Subscriber²
Posted

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

Mentor

SoapyHamHocks Member

Posted
  • Author
  • Member
Posted

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
  • Like 1
Grand Master

+Audioboxer Subscriber²

Posted
  • Subscriber²
Posted

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.

15x0bx5.png

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

Collaborator

V23

Posted
Posted

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

fE5gS.png

Collaborator

V23

Posted
Posted

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

fE5gS.png

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

Apprentice

n3Tk0

Posted
Posted

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:

post-310692-0-90199600-1312621005.png

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

Mentor

SoapyHamHocks Member

Posted
  • Author
  • Member
Posted

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.

Mentor

SoapyHamHocks Member

Posted
  • Author
  • Member
Posted

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

Mentor

SoapyHamHocks Member

Posted
  • Author
  • Member
Posted

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.

Mentor

SoapyHamHocks Member

Posted
  • Author
  • Member
Posted

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

Mentor

+Heartripper Subscriber¹

Posted
  • Subscriber¹
Posted

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!

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

  • Recently Browsing   0 members

    • No registered users viewing this page.