125 replies to this topic 2 votes

[KF85]

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?

Attached Images

• 

[V23]

mark_v, on 06 August 2011 - 02:50, said:

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

#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]

Kaoxt, on 03 August 2011 - 00:03, said:

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.

mark_v, on 06 August 2011 - 02:50, said:

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?

n3Tk0, on 06 August 2011 - 08:58, said:

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

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]

1.0b1

change log:

Quote

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]

aznkid25, on 08 August 2011 - 07:03, said:

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.