Recommended Posts

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.

preview-trans-thumb.png

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

Link to comment
https://www.neowin.net/forum/topic/976782-stratiform-for-firefox/
Share on other sites

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.

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

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

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.

Hmm, the changes between this and what I had are very subtle, doesn't look like it worked.

When using the pop-out Strata40 for text fields, the stop/reload still doesn't pop out when it's on the left like it does on the right. Here's an image

StopReloadPopout-2.png

Try this:

#urlbar,
#urlbar > :not(toolbarbutton):not(#identity-box),
#urlbar > toolbarbutton > image {
  -moz-transform: scaleX(-1) !important;
}

#urlbar .urlbar-history-dropmarker {
  display: none !important;
}

Only problem is the urlbar dropmarker will be on the left, unless you remove it like in the above code. It should work with any of our text field styles.

EDIT: Should probably mention, you don't need to move the buttons anywhere. They should stay to the right of the urlbar.

Are there any known compatibility issues with XP? I cannot seem to get the add-on to install on my Minefield at work for the past few builds.

I haven't tested alpha 3 in XP, but alpha 2 worked fine. There isn't really a reason why it shouldn't work however.

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Posts

    • State of Decay 3 is out in 2027, reveals Plague Nests with new co-op gameplay trailer by Pulasthi Ariyasinghe A few months ago, Undead Labs broke its silence about the third entry in the State of Decay series since its announcement in 2020. Today, the studio had a brand-new trailer to reveal at the Xbox Games Showcase, finally giving players a look at the Unreal Engine 5-powered title. A broad 2027 release window is now attached to State of Decay 3 too. The studio confirmed that every scene seen in the gameplay trailer (except for the studio logo) released today is from the game with no cinematic footage. "The quality bar of the moment-to-moment experience is higher than anything we’ve achieved in Undead Labs’ history," says the studio. "State of Decay 3 is being built in Unreal Engine 5, and we’re creating better quality versions of what makes our game the survival sandbox it is, and the combat experience is really, really important to us, and I think you can see it coming through in this trailer." One new aspect of this upcoming entry is the Plague Nests. These are supposed to be dynamic, dungeon‑like enemy hubs with varied “personas” that change tactics each time one appears on a map. These areas will have the best loot in the game for players brave enough to tackle them. The combat system is being overhauled too, letting players do quick and power attacks depending on the situation. This isn't just on the player's side though, as zombies themselves now have multiple new types of behaviors depending on how fresh or decayed they are. "All of these play very differently, especially as you start getting outnumbered or when you’re making noise and running around and trying to save your rear end or the rear end of your friend next to you," adds the developer. Of course, settlement building and community management are massive parts of this third entry too. These are being further expanded with the cooperative focus, giving players much more freedom for playing together than in State of Decay 2. Players will even be able to split up and build settlements in different areas of the same map with different goals. Undead Labs confirmed that playtests are already ongoing for the title, and interested players can sign up to participate by heading over here once more slots open up ahead of the full release. State of Decay 3 is coming out on PC, Xbox Series X|S, PlayStation 5, and Xbox Game Pass sometime in 2027.
    • Doom: The Dark Ages Revelations expansion gives the Slayer a brutal Chain Spear by Pulasthi Ariyasinghe Last year, id Software released Doom: The Dark Ages as a prequel to its reboot series, offering a look at the legendary Slayer character during an ancient war between Hell and Heaven. Today, at the Xbox Games Showcase, id Software returned with a new announcement that unveiled Doom: The Dark Ages Revelations as its first story expansion. The expansion will see the Slayer being betrayed and cast into a "merciless purgatory only escapable by confronting haunting truths." Somehow, there is one ally in all this chaos seemingly attempting to help our protagonist escape his fate. Players will be ascending this prison and fighting plenty of new demons and abominations as they work to free the Slayer's followers. One new aspect of the expansion will be the Chain Spear. This new weapon is described by the studio as a "uniquely satisfying combat system that rewards mastery with a potent combination of power and mobility." Check out the trailer below to see the new weapon in action, where the Slayer is seen using it to even pin enemies to walls. id Software is also preparing a free update to all owners of Doom: The Dark Ages that will land alongside the new paid expansion. Dubbed the Ripatorium 3.0 update, this will add more customization options, an improved pass code generation system, and preset options for players diving into the game's arena challenge mode. Expansion buyers will also receive additional maps, demons, and new weapons to use in this mode in addition to the story levels. Doom: The Dark Ages Revelations expansion is out on July 7 across PC, Xbox Series X|S, and PlayStation 5 with a $19.99 price tag. Those who own the Premium Edition or the Collector's Bundle will receive the expansion for no extra cost as well.
    • Hyped for this. Replayed the remasters recently and they're so well done, and Crash 4 was great too. I trust this team to deliver.
    • Ninja Theory's new Hellblade game is action-focused and set in Purgatory by Pulasthi Ariyasinghe Ninja Thery has been building its award-winning Hellblade series since 2017, delivering Senua's Sacrifice and Senua's Saga since then. Today at the 2026 Xbox Games Showcase, the studio had a brand-new installment announcement featuring Senua again, but this time, she is in a version of purgatory, and the focus is on the action. Simply named Senua, this new entry is described as a "full-on action-adventure" experience, delivering an expanded focus on combat, puzzle-solving, and freedom of exploration. The developer says that it is keeping the same high production values and storytelling features of the previous games while giving what players have been asking for in the gameplay department. The entirety of Ninja Theory is now working on Senua, giving the project much more manpower than ever before, while also letting the team draw on its action roots from Devil May Cry and prior titles. However, the studio also confirmed that its previously announced Project Mara horror experience is no longer in development. Alongside snappier traversal moves, Senua will be able to take stealth and direct combat routes. She has access to her own sword, plus any enemy weapons as well, with dual wielding also being an option for most dropped melee swords, axes, and other weapons. Outside of melee combat, Senua will be able to use special abilities that let her alter the reality around her. The world is said to be about twice the size of Hellblade 2. While this won't be an open-world experience, the linear story will let players explore their surroundings further than before. The story of Senua will be set after the events of previous Hellblade titles, with our protagonist being stuck in her own version of Purgatory. The series' well-explored psychosis themes will return as well. "She’s trapped between life and death on a quest to reach the afterlife and be reunited with the ones that she’s loved and lost," adds the studio. "Her belief is that by healing the wounds of her life, she can find the peace that is the key that unlocks the gate to the afterlife." Senua is releasing on Xbox Series X|S, PC, and PlayStation 5 sometime in 2027.
  • Recent Achievements

    • Proficient
      Eric Biran went up a rank
      Proficient
    • Dedicated
      Conjor earned a badge
      Dedicated
    • Week One Done
      Windows Guy earned a badge
      Week One Done
    • Dedicated
      Mark Spruce earned a badge
      Dedicated
    • Collaborator
      conkir earned a badge
      Collaborator
  • Popular Contributors

    1. 1
      +primortal
      492
    2. 2
      PsYcHoKiLLa
      248
    3. 3
      Steven P.
      72
    4. 4
      +Edouard
      68
    5. 5
      ATLien_0
      67
  • Tell a friend

    Love Neowin? Tell a friend!