Jump to content



Photo

Stratiform for Firefox


  • Please log in to reply
262 replies to this topic

#1 +SoapyHamHocks

SoapyHamHocks

    Neowinian Senior

  • Joined: 06-March 04

Posted 19 February 2011 - 08:07

Stratiform is an add-on for Firefox 4, which allows the user to tweak a wide range of appearance settings, which would otherwise be unavailable. The extension also doubles as a theme, allowing users to enable toolbar styles, which suit their tastes. Tab bar, Add-on bar and many other categories are also available for styling.

Posted Image

This is only our third alpha, but we have a lot more planned. Any kind of feedback is appreciated. If you have a bug to report please post it here.

Note:
Minefield 4.0b12pre or newer required to function correctly. Tested on 2011-02-18 build.

Download


#2 zman982

zman982

    You can not harm me!

  • Joined: 13-March 04
  • Location: Jackson, MS
  • OS: Windows 8.1 Pro x64
  • Phone: Galaxy Note 2

Posted 19 February 2011 - 08:50

Soapy, great job with this.

I was sold on this version when I noticed you can make rounded buttons in the toolbar now. :D

The customization options available are very cool and I was able to get rid of 3 Stylish scripts since Stratiform does it.

This version is definitely better than the previous one as it fixed the only bug I encountered and that was not being able to access the app menu button when the browser was maximized.

Keep up the great work and look forward to the next release.

#3 +KibosJ

KibosJ

    Neowinian

  • Tech Issues Solved: 1
  • Joined: 27-January 09
  • Location: Darlington, United Kingdom
  • OS: Windows 8.1 Pro x64
  • Phone: Samsung Galaxy S4 (GT-I9505)

Posted 19 February 2011 - 18:12

This is great :D Thanks.

Shame it doesn't work on 64 bit Minefield though :(

#4 Paul Ferson

Paul Ferson

    Neowinian

  • Joined: 08-September 09
  • Location: Northern Ireland
  • OS: Windows 7 Ultimate
  • Phone: Sony Xperia Z

Posted 19 February 2011 - 18:14

Brilliant job guys! I've been using Stratiform in FF4b11 for a while now, and truthfully, I think it's a brilliant idea. I particularly like being able to change my App Button to have different text and stuff, because that's a great way to personalize Firefox. I'm not creative though so it's just been changed to 'Strata' :p

#5 ViZioN

ViZioN

    Resident Scotsman

  • Joined: 17-January 05
  • Location: Edinburgh

Posted 19 February 2011 - 18:45

Great job guys :) Works a treat.

#6 ViperAFK

ViperAFK

    Neowinian Senior

  • Tech Issues Solved: 2
  • Joined: 07-March 06
  • Location: Vermont

Posted 19 February 2011 - 18:54

Great add on. Would love additional options to square tabs and the toolbar too. If you select squared buttons and text boxes it looks very awkward cause everything else is rounded.

#7 tsupersonic

tsupersonic

    Neowinian Senior

  • Tech Issues Solved: 2
  • Joined: 30-September 06
  • Location: New York
  • OS: Win. 8.1 Pro. x64
  • Phone: iPhone 5S/Nexus 5

Posted 19 February 2011 - 19:03

Thank you for this!

#8 billyea

billyea

    Your Two Cents

  • Joined: 15-July 06
  • Location: Noitacol

Posted 19 February 2011 - 19:14

I'd like the option to combine the home/bookmarks button like I currently have in Stylish.
And also an option to control the opacity of the navigation toolbar, I wouldn't mind making it more transparent.

#9 Steve B.

Steve B.

    Neowinian British One

  • Tech Issues Solved: 5
  • Joined: 12-January 09
  • Location: United Kingdom
  • OS: Windows 8.1
  • Phone: Apple iPhone 4S

Posted 19 February 2011 - 19:16

Guess it's only available for Minefield, what's the reason behind this?

#10 CGar

CGar

    WOOF

  • Joined: 04-February 07

Posted 19 February 2011 - 19:21

This is so awesome! I wasn't too impressed with the previous version, but this one totally kicks ass

These are not complaints in anyways, but I do have some questions about the future versions

1) Are you planning to add a way to not only change the tab color, but the rest of the chrome as well?

2) Are there any plans to add the roundness editor to the address bar?

3) Are there any plans to add the roundness editor to the tabs?

4) This isn't really your issue, but I use this style to put the combined stop/reload on the leftside of the toolbar. However, this messes with the add-on and prevents it from being styled properly. Is there anything you or I can do to make it work better? I have a feeling it's due to the fact that I use a button image, rather than the actual button :/

toolbar[mode="icons"][currentset*="reload-button,stop-button,urlbar-container"] #urlbar {
  -moz-border-radius: 0 4px 4px 0 !important;
  border-left: 0 !important;
}

toolbar[mode="icons"][currentset*="reload-button,stop-button,urlbar-container"] #reload-button,
toolbar[mode="icons"][currentset*="reload-button,stop-button,urlbar-container"] #reload-button + #stop-button{
  border-color: rgba(0,0,0,.25) rgba(0,0,0,.32) rgba(0,0,0,.37) !important;
  -moz-border-radius: 4px 0 0 4px!important;  
  -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1) inset,
                   0 1px 0 rgba(255,255,255,.4) !important;
  background: rgba(255,255,255,.725) !important;
  margin-right: -3px !important;
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAMCAYAAABm+U3GAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQkQ3OTNFRTYwOTZERjExODRFOUQ2RDI3Qzg1RENGMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0ODAwNTk3Rjk2NjExMURGOTRBMUI2RTAyRUYxRjAxNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0ODAwNTk3RTk2NjExMURGOTRBMUI2RTAyRUYxRjAxNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQ0Q3OTNFRTYwOTZERjExODRFOUQ2RDI3Qzg1RENGMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQkQ3OTNFRTYwOTZERjExODRFOUQ2RDI3Qzg1RENGMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoZDigQAAAN3SURBVHjajJJ/aBNnGMefy11ySS65kOtilyZNurX+rAYzEJ2DaVn9R+vAsblUN2m1UK2KKM5J/bEaVnGsqfujigqWOqZVmJPqtO3arbINEcfEiVpbtYKm1NCY1OSa5HJ573yutFDY/tgLH7jn5b3v+7zP90s9HonrAMCE8IgV/r1yCLOybGnFQP+DZvi/C4VtyMyvvz26xOUubDCY7ReBy+sz2J0XnQVFQW1/1py5u4Ay9amqChVFBVWIQ/ueDu4JyKapmtJEd9bVzLva0bXFIOQZXM4ZYY/b/TIhivnxV8k3QadTiKLSRM7CO5lIO0vTJ0FH3ZVzpPzSk+ejWnNrigsFPUP3gqL6JUK2dwyFW5jzP7TlXbvcVWtzFYiHDtR3ra8MvFBUNaMoqvR5dc1HY4nxhQaTEZJjMag/ePhJW8O+iBSP+XI03RuY5S1HXWJhDb16AL9BsEU3HAg+1i6j3B7vVxFRXhY60nh2XSAwnM7KYUkm2ZVl71eIYFhd6CkEjuMgGX8Jt/o6Vz0beFj3XW317uyrsXx8zV1QgQDJ+Rmej+440Rp6q3RBC+qKFKM3XSqe7xu98fv1y5Kcu5+ScjIatXZwaHi1p6QEBEEAhmZATMSh//bNMvzJHB4cqDu9c+tuRUzmg6Lgjim68ejxkHfe/AlRrWOGUIzF5XI9xaenUDSubV7ru/Gzxai/iXMT/sPvVOfpU+0sy26nFYK62LCezfScaT1f802zOHUIm9GL6VTajnOVsaaRJBIWM3IUQMbRgRZHosVOsBihesFMwW7lr9g5zmN8wxGlVELGRl647/3W01E19+3ytv6hCUN1+YL1n9FYzHuuvd2Ldd5klrULVO1ihJ1sYhzNEvRompFS/TqzOfpJQ2NobWNTk95mjbAU+LRk4BnHhPCmzXW/SBlJvvDjTx+fOnli9qS4E3EE9+8vXfHeu5/+cf1XF9YW1sx9hg36wcRFNxxpDrlmz2lxFpccrwoda6J5PoIB9hk5rmoiFVqO9+7Z4xt4NFhrsfIMIeQpZnQ4mUw60+lM8Xgill1fWXnuiy/39ngdfEHrwfpDHwTW/TndKM3Q55iWnrPfL98YPBzE+pYmbMOPGZ1Xr3i6u7s/TIipEimbNaMrot3GP9q2dcvfS5csjuFc7uCMR/DsIqR/mujUMiOlyF9a8VqAAQCMEogyPkkkHQAAAABJRU5ErkJggg==") !important;
  opacity: 1 !important;
  padding: 0 6px 0 6px !important;
  -moz-transition: -moz-box-shadow .1s !important;
}


toolbar[mode="icons"][currentset*="reload-button,stop-button,urlbar-container"] #reload-button {
  -moz-image-region: rect(0 11px 12px 0) !important;
}


toolbar[mode="icons"][currentset*="reload-button,stop-button,urlbar-container"] #reload-button + #stop-button {
  -moz-image-region: rect(0 22px 12px 11px) !important;
}


toolbar[mode="icons"][currentset*="reload-button,stop-button,urlbar-container"] #reload-button:not([disabled]):hover{
  background-image: -moz-linear-gradient(rgb(158,204,241), rgb(111,177,225) 49%,
                                   rgb(91,159,217) 50%, rgb(81,152,210) 60%,
                                   rgb(62,138,204)) !important;
  -moz-box-shadow: 0 0 1px 0 rgba(255,255,255,.40) inset, 
                   0 1px 0 rgba(255,255,255,.4) !important;
}

toolbar[mode="icons"][currentset*="reload-button,stop-button,urlbar-container"] #reload-button + #stop-button{
  background-image: -moz-linear-gradient(rgb(230,161,138), rgb(209,119,100) 49%,
                                   rgb(192,93,78) 50%, rgb(185,85,70) 60%,
                                   rgb(193,90,74)) !important;
  -moz-box-shadow: 0 0 1px 0 rgba(255,255,255,.40) inset, 
                   0 1px 0 rgba(255,255,255,.4) !important;
}

toolbar[mode="icons"][currentset*="reload-button,stop-button,urlbar-container"] #reload-button + #stop-button:not([disabled]):hover{
  background-image: -moz-linear-gradient(rgb(240,161,138), rgb(219,119,100) 49%,
                                   rgb(203,93,78) 50%, rgb(195,85,70) 60%,
                                   rgb(203,90,74)) !important;
}


toolbar[mode="icons"][currentset*="reload-button,stop-button,urlbar-container"] #reload-button:not([disabled]):hover:active,
toolbar[mode="icons"][currentset*="reload-button,stop-button,urlbar-container"] #reload-button + #stop-button:not([disabled]):hover:active {
  -moz-box-shadow: inset 0 0 3px rgba(0,0,0,.8), 
                   0 1px 0 rgba(255,255,255,.4) !important;
}

#stop-button .toolbarbutton-icon,
#reload-button .toolbarbutton-icon{
  height: auto !important;
  width: auto !important;
}


#navigator-toolbox:not([tabsontop="true"]) toolbar[mode="icons"][currentset*="reload-button,stop-button,urlbar-container"] #reload-button,
#navigator-toolbox:not([tabsontop="true"]) toolbar[mode="icons"][currentset*="reload-button,stop-button,urlbar-container"] #reload-button + #stop-button {
  background-clip: padding-box !important;
}


#11 tsupersonic

tsupersonic

    Neowinian Senior

  • Tech Issues Solved: 2
  • Joined: 30-September 06
  • Location: New York
  • OS: Win. 8.1 Pro. x64
  • Phone: iPhone 5S/Nexus 5

Posted 19 February 2011 - 19:22

Guess it's only available for Minefield, what's the reason behind this?

Some of the customizations only apply to Minefield...I'm sure it will be available for FF4 once the final is released...

#12 +Frank B.

Frank B.

    Member N° 1,302

  • Tech Issues Solved: 7
  • Joined: 18-September 01
  • Location: Frankfurt, DE
  • OS: OS X 10.9.3
  • Phone: Sony Xperia Z2

Posted 19 February 2011 - 19:26

This is just the kind of add-on which could make me switch back from Chrome to Firefox. Great work.

#13 c3ntury

c3ntury

    Say whaa?

  • Joined: 24-December 09
  • Location: irc.neowin.net

Posted 19 February 2011 - 20:54

This is just the kind of add-on which could make me switch back from Chrome to Firefox. Great work.


Agreed, we need more brilliant addons like this!

#14 Steven P.

Steven P.

    aka Neobond

  • Tech Issues Solved: 60
  • Joined: 09-July 01
  • Location: Neowin HQ

Posted 19 February 2011 - 21:15

Wow what a great add-on, using it now (Y)

#15 OP +SoapyHamHocks

SoapyHamHocks

    Neowinian Senior

  • Joined: 06-March 04

Posted 20 February 2011 - 01:47

Great add on. Would love additional options to square tabs and the toolbar too. If you select squared buttons and text boxes it looks very awkward cause everything else is rounded.


We would love to add that ability, but the tabs are actually images so we can't really do that. We might be able to replicate the tab style using css which would allow us to change the border radius.

I'd like the option to combine the home/bookmarks button like I currently have in Stylish.
And also an option to control the opacity of the navigation toolbar, I wouldn't mind making it more transparent.


I'll look into those options.

Guess it's only available for Minefield, what's the reason behind this?


A lot of things changed from beta11 to prebeta12/beta12, for example the tabs are a lot different, and now the links are show in the bottom left like Chrome. We thought it would be better to build it on Minefield so it works on beta12 once released.

This is great :D Thanks.

Shame it doesn't work on 64 bit Minefield though :(


There is no reason why it shouldn't work. Does it allow you to install it?

This is so awesome! I wasn't too impressed with the previous version, but this one totally kicks ass

These are not complaints in anyways, but I do have some questions about the future versions

1) Are you planning to add a way to not only change the tab color, but the rest of the chrome as well?

2) Are there any plans to add the roundness editor to the address bar?

3) Are there any plans to add the roundness editor to the tabs?

4) This isn't really your issue, but I use this style to put the combined stop/reload on the leftside of the toolbar. However, this messes with the add-on and prevents it from being styled properly. Is there anything you or I can do to make it work better? I have a feeling it's due to the fact that I use a button image, rather than the actual button :/


1) We might be able to do something like this, but the active tab color would need to change with it.
2) Yes that's on our todo list.
3) The tabs are images so not easy to do unless we remake the tabs using css.
4) Try this code: link


Thanks for all the great comments guys.



Click here to login or here to register to remove this ad, it's free!