Recommended Posts

Thanks a lot! As always the man with the answers. :D

What about the line between tab-bar and nav-bar? I can't seem to manage to remove it...

LE: Ignore this. I saw Drifus's post later, fixed it know. Thanks Drifus!

You don't need to adjust the margin. A new background-image value was added to #TabsToolbar, that's the line you're seeing.

#TabsToolbar {
        background-image: none !important
}

Can someone please help me write a script that replace FF 4 "list all tabs" by "undo closed tab". Also, please help me to change firefox location toolbar and button color to white, inactive tab color is white, active tab color is firefox's inactive tab color. Thanks.

You don't need to adjust the margin. A new background-image value was added to #TabsToolbar, that's the line you're seeing.

#TabsToolbar {
        background-image: none !important
}

Change the margin may be needed in certain styles. Here I needed that. Without the negative margin, an empty line stands in place of the background, when in maximized mode.

Check my style please.

Drifus - Firefox 4 project - aero clean

By the way, double click to open a new tab no longer works with the tabs in the titlebar. Could you help me with this?

#navigator-toolbox > #TabsToolbar {
	-moz-binding: url("chrome://global/content/bindings/toolbar.xml#toolbar") !important;
}

Related bug:

https://bugzilla.mozilla.org/show_bug.cgi?id=575248

Change the margin may be needed in certain styles. Here I needed that. Without the negative margin, an empty line stands in place of the background, when in maximized mode.

Check my style please.

Drifus - Firefox 4 project - aero clean

By the way, double click to open a new tab no longer works with the tabs in the titlebar. Could you help me with this?

#navigator-toolbox > #TabsToolbar {
	-moz-binding: url("chrome://global/content/bindings/toolbar.xml#toolbar") !important;
}

Related bug:

1 - On you style (without your margin fix) that line is the 1px top margin of #nav-bar.. Set it and the bottom border of #TabsToolbar to 0 and it goes away. If you need that pixel use padding instead. Nice looking style BTW. :)

2- I don't have a solution for that. It works in a normal window, but not a maxmized one. Thank you, Mozilla. :hmmm:

How would I be able to glass or make transparent the navigational toolbar? Any ideas would be appreciated. Or just to change it to the color below:

colr.png

transparent:

#nav-bar { 
        background:none !important; 
        border-color: transparent !important
}

your colors:

#nav-bar{
        background-color: rgb(117, 203, 235) !important;
        background-image:none !important
}

your colors with opacity:

#nav-bar{
        background-color: rgba(117, 203, 235, 0.5) !important;
        background-image:none !important
}

So I'm currently using the following code to make the new tab page glassed

#appcontent,
#content > tabbox > tabpanels {
  background-color: transparent !important;
}

#main-window[stylish-url="about:blank"]:not([onclose="PrintUtils.exitPrintPreview(); return false;"]) #content browser{ 
opacity: 0 !important;
}

However, whenever I use any personas, they tend to look like this

Personas.png

Is there anything I can do so that the persona doesn't run into the tab?

you can either disable the persona on that tab:

#main-window[stylish-url="about:blank"][lightweightthemes="true"] {
background: none !important;
}

or

you can move the background image up so that it's bottom justified with the bottom-most toolbar:

#main-window[stylish-url="about:blank"][lightweightthemes="true"] {
background-color: transparent !important;
background-position: 100% -24.5% !important;
}

or if you can get the url to the background-image of your persona you can do it like this:

#main-window[stylish-url="about:blank"][lightweightthemes="true"] {
background: none !important;
}

#main-window[stylish-url="about:blank"][lightweightthemes="true"] #navigator-toolbox  {
background-image: url("http://www.getpersonas.com/static/1/8/5918/1232849758499.jpg")!important;
background-position: 100% 3.5% !important;
}

Other than that I don't have a solution. I'm open to suggestions though.

I appreciate the speedy response foxxyn8! I tried them out, but they don't quite achieve what I was hoping.

It seems like this may not be solved by a simple Stylish code segment, which is a shame, cause I really like some of these personas, but I also love having a completely glassed about:blank

I also noticed that on Vista, the image repeats over and over unlike on 7, so there's no glass at all.

1 - On you style (without your margin fix) that line is the 1px top margin of #nav-bar.. Set it and the bottom border of #TabsToolbar to 0 and it goes away. If you need that pixel use padding instead. Nice looking style BTW. :)

2- I don't have a solution for that. It works in a normal window, but not a maxmized one. Thank you, Mozilla. :hmmm:

Thanks foxxyn8.

1- But without that margin at the nav-bar, the tabs are 1 pixel overlapped with it. Because I removed the border-top of the nav-bar.

Padding-top in the nav-bar or padding-bottom in the tabbar not fix that space here.

2 - This is a funny bug. I looked at all .js. .xul .css in omni. Nothing can give me some clue.

O.K.! Working!

You did something for Identity Box while using S4E? Looking a bit out of the box... Site & Fav icons always disabled.

I use the latest MineField version. It isn't FireFox beta 6 btw. Just made it look like.

What colors are you using for the toolbar and tabs? Can you share your script?

I would also like to know how to change the bookmark folder icons.

http://userstyles.org/styles/44045?r=1297542182

The above style is a Tribute to Foxxny8 for all of the help that he has shown me and this community. Great Job Foxxy!

th_thapplause.gif

Thanks, Gary! That looks pretty cool.

:D

Thanks foxxyn8.

1- But without that margin at the nav-bar, the tabs are 1 pixel overlapped with it. Because I removed the border-top of the nav-bar.

Padding-top in the nav-bar or padding-bottom in the tabbar not fix that space here.

2 - This is a funny bug. I looked at all .js. .xul .css in omni. Nothing can give me some clue.

This is what I see with a 1px margin-top for the navbar and a 0px margin-bottom for the tab bar:

post-350326-0-94336800-1297579131.png

And this is with a 0px margin-top for navbar and 0px margin-bottom for tabbar

post-350326-0-45772800-1297579236.png

I don't see any overlap

foxxyn8, I can't get this to work.Bookmarks toolbar does not autohide. Using ff4beta11.

http://userstyles.org/styles/43656

Try reducing or removing -moz-transition-delay property of #navigator-toolbox:not([customizing]) #PersonalToolbar

This is what I see with a 1px margin-top for the navbar and a 0px margin-bottom for the tab bar:

post-350326-0-94336800-1297579131.png

And this is with a 0px margin-top for navbar and 0px margin-bottom for tabbar

post-350326-0-45772800-1297579236.png

I don't see any overlap

I needed that negative margin in the nav-bar because there was this line overlapping on older trunks. In addition to fixing problems with tabs [pinned] only when it is alone (without other tabs), the icon appeared with 15px. Also because I use 21px height for the tabs.

But apparently, this trick is no longer necessary, and no longer fix the problem of the icon.

To fix the icon with 15px when in "tabs[pinned] alone"on lastest nightly build, I'm using something dirty to force 16 x 16px.

.tabbrowser-tab[pinned] {
         min-height: 24px !important;
}

Don't ask me how this works. It was by cut-and-try.

I needed that negative margin in the nav-bar because there was this line overlapping on older trunks. In addition to fixing problems with tabs [pinned] only when it is alone (without other tabs), the icon appeared with 15px. Also because I use 21px height for the tabs.

But apparently, this trick is no longer necessary, and no longer fix the problem of the icon.

To fix the icon with 15px when in "tabs[pinned] alone"on lastest nightly build, I'm using something dirty to force 16 x 16px.

.tabbrowser-tab[pinned] {
         min-height: 24px !important;
}

Don't ask me how this works. It was by cut-and-try.

I can tell you why it works:

Your tab height is 22px. The top border is 4px. The bottom border is 3px. 22px - 4px - 3px = 15px. That's all the space left allocated to the label and images.

When you increase its height to 23px you're giving it 16px for the label and images.

Borders of what?

Also, do you know if there are margins/padding inside tabs?

1).tabbrowser-tab as defined in browser.css:

 -moz-border-image: url(tabbrowser/tab.png) 4 5 3 6 / 4px 5px 3px 6px repeat stretch;

2) Domi shows that all margins and padding of .tabbrowser tabs and its children are 0. The exceptions are .tab-icon-image and .tab-throbber which have a right margin of 3px.

1).tabbrowser-tab as defined in browser.css:

 -moz-border-image: url(tabbrowser/tab.png) 4 5 3 6 / 4px 5px 3px 6px repeat stretch;

2) Domi shows that all margins and padding of .tabbrowser tabs and its children are 0. The exceptions are .tab-icon-image and .tab-throbber which have a right margin of 3px.

tab.png. You're right! I forgot this.

Thanks for the explanation.

Do you have a better approaching on how to deal with tabs fixed in 22px? Especially on the issue "pinned tabs"/"pinned tabs alone"

My apologies for excessive questions.

tab.png. You're right! I forgot this.

Thanks for the explanation.

Do you have a better approaching on how to deal with tabs fixed in 22px? Especially on the issue "pinned tabs"/"pinned tabs alone"

My apologies for excessive questions.

No apologies necessary.

I'll do some more investigating, but it looks like your approach is the only one working at the moment(at least if you're wanting to keep the 22px tab bar). I would however reduce the height to 23px since its the minimum necessary to keep a 16px icon. Then again I thought the 15px icon looked aesthetically better.

you did notice that it's all the tab icons; whether they're in pinned or normal tabs is irrelevant?

nice, thanks. btw, how can i make it non-transparent?

reduce the opacity timing at -moz-transition property for #navigator-toolbox:not([customizing]) #PersonalToolbar

Did not work :/

this is what happens when i hover on the address bar:

?di=16129764350613

It'll be better if it is non-transparent.

Here's what I use:

/*Bookmarks*/
#PersonalToolbar { 
position: fixed !important;
top:53px !important; 
left: 0 !important; 
right: 0 !important;
visibility: collapse !important;
-moz-transition: visibility .5s, opacity 1s ease !important;
}

#personal-bookmarks { 
width: 100% !important;
}

#nav-bar:hover ~ #PersonalToolbar,
#PersonalToolbar:hover {
background:rgba(0,0,0,.3);
visibility: visible !important;
opacity: 1;
-moz-transition: visibility !important;
-moz-transition-delay: .75s!important;

} 

Thanks foxxy

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!