Recommended Posts

the go/stop/reload script doesn't work for me

it just cuts off the right line of the urlbar

post-335698-12795581093103.png

You shouldn't need any more code. Just make sure its urlbar then reload and stop.

SoapyHamHocks, how about combine go/reload/stop button? It is possible?

Anyway thanks for sharing stylish code.

SoapyHamHocks, how about combine go/reload/stop button? It is possible?

Anyway thanks for sharing stylish code.

doy, i feel smart now, me stop and reload buttons were still over by the back and next buttons :p

So there's only two things I would like from Beta 1 at this point.

1. I'd like the Home Tab to be the same color as an active tab.

2. Remove that hideous line I can't seem to remove no matter what I do.

I like your setup there mate ;)

Hi all new here, and new to css. Started messing around with this with the last couple of days, included is copy of my css. I'm pretty happy with it for the moment, I'm using beta 4.0b1 with minimal addons. Ive removed the Firefox button and replaced it with Personal Menu. My problem at the moment is that Id like to change the background color in the Tabs window, at the moment its see through, but it just wont work. Any help much appreciated.

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#TabsToolbar #cm-menu {
-moz-appearance: toolbarbutton !important;
-moz-box-shadow: none !important;
background: none repeat scroll 0 0 transparent !important;
border: medium none !important;
color: inherit !important;
margin: 0 !important;
padding: 3px !important;
text-shadow: inherit !important;
list-style-image: url

(file:///C:/Users/Bantryred/AppData/Roaming/Mozilla/Firefox/Profiles/4kkm3yhh.default/chrome/Firefox.png)!important;
-moz-image-region:rect(0 0 0 0)!important;
}

#TabsToolbar #cm-menu > .toolbarbutton-menu-dropmarker {
display: none;
}


#navigator-toolbox[tabsontop="true"] #TabsToolbar{
padding-left: 0px !important;
padding-top: 0px !important;
padding-right:110px !important;
}

#appmenu-button-container{
position: fixed !important;
top: 999999999px !important;
}



#bookmarks-menu-button {display: none;}

#TabsToolbar > #home-button {
-moz-appearance: none !important;
background: transparent -moz-linear-gradient(left center , transparent, transparent 1px, rgba(128, 128, 128, 0.1) 1px, 

rgba(128, 128, 128, 0.1)) repeat scroll -6px 0 !important;
background-clip: border-box !important;
background-origin: padding-box !important;
background-size: 200% auto !important;
margin: 0 !important;
padding: 0 1px !important;
-moz-border-image: url("chrome://browser/skin/tabbrowser/tab.png") 3 5 3 6 / 3px 5px 3px 6px !important;
-moz-border-radius: 6px 4px 0 0 !important;
margin-left: 3px !important;
}

#TabsToolbar > #home-button:hover {
background-image: -moz-linear-gradient(left, transparent, transparent 1px, rgba(255,255,255,.4) 1px, rgba(255,255,255,.4)) 

!important;
}

#TabsToolbar > #home-button > .toolbarbutton-icon {
margin-top: -1px !important;
margin-bottom: -1px !important;
}

#urlbar {
  -moz-border-radius: 4px 0 0 4px !important;
  border-right: 0 !important;
}

#urlbar-container + #reload-button,
#urlbar-container + #reload-button + #stop-button{
  border: 1px solid !important;
  border-color: rgba(0,0,0,.25) rgba(0,0,0,.32) rgba(0,0,0,.37) rgba(0,0,0,.15) !important;
  -moz-border-radius: 0 4px 4px 0!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-left: -3px !important;
  padding: 0 3px 0 3px !important;
}

#urlbar-container + #reload-button:not([disabled]):hover{
  background-image: -moz-linear-gradient(#9eccf1, #6fb1e1 49%,
                                   #5b9fd9 50%, #5198d2 60%,
                                   #3e8ac9) !important;
}

#urlbar-container + #reload-button + #stop-button{
  background-image: -moz-linear-gradient(#e6a18a, #d17764 49%,
                                   #c05d4e 50%, #b95546 60%,
                                   #c15a4a) !important;
}

#urlbar-container + #reload-button:hover:active,
#urlbar-container + #reload-button + #stop-button:hover:active {
  -moz-box-shadow: inset 0 0 3px rgba(0,0,0,.8) !important;
}

#main-window #navigator-toolbox[tabsontop="true"] #TabsToolbar
{
margin-right: 92px !important;
}
tab:not([selected="true"])
{
color: white !important;
}

P.S.

If any of this needs tiding up, please tell me.

Thanks

Unfortunately yes, also color a little to light/bright for my taste.

Any other ideas?

Alright try this. Show the menubar and use this code:

#navigator-toolbox {
  -moz-appearance: toolbox !important;
}

#toolbar-menubar {
  display: none !important;
}

I like your setup there mate ;)

Glad you like it. :D

I took a few of the styles from this thread and only did a few modifications. Rather than hijack the thread with a long code post, I put each one of the styles into a .rtf for you. You will still have to manually move the Home Tab to the title bar section, move the Stop/Reload buttons to the right side, add the Download button to the right side and enable Small Icons for Firefox.

Now if Soapy or Darrian could help me with my two issues I posted earlier.

Stylish Scripts.rtf

1. No clue about the home tab; it's been requested before and nobody's come up with anything yet.

2. Not sure what this "hideous line" is you want removed. I think what you are talking about is the margin between the top of your tab and the window border. You can move your tabs up so that there is no margin whatsoever or move them down a little. Or you may be talking about the actual tab border itself?

1. No clue about the home tab; it's been requested before and nobody's come up with anything yet.

2. Not sure what this "hideous line" is you want removed. I think what you are talking about is the margin between the top of your tab and the window border. You can move your tabs up so that there is no margin whatsoever or move them down a little. Or you may be talking about the actual tab border itself?

There is this line that I can move to the left and right, acting like a separator of sorts. The only problem is, no matter what I try, I cannot seem to remove it. In this shot you can see it a lot clearer.

post-277424-12795988408464.png

In the second shot, this is what happens when I move it back to the original area. It is some sort of odd bug. The second screen goes away with a FF restart, but the line stays. I haven't noticed it in anyone's shots.post-277424-12795989881981.png

edit: I apparently don't know how to attach more than one image.

Wow, that is... bizarre. Open your toolbar customization and see if maybe you have a space, separator or flexible space in there? Or maybe you've created a new toolbar that got dragged into the navigation toolbar?

I figured it out! Well, not really, but I got rid of it. I restored the default set in Firefox and it went away. I think I might have created some new toolbar, but it doesn't explain why I couldn't remove it or drag and drop it out of there. Good riddance though.

Remove this from your code.

#appmenu-button-container{
position: fixed !important;
top: 999999999px !important;
}

The problem with that is it returns the Firefox button which I personal don't like, maybe in future betas it will do more, but for now I think its pointless. Using the Personal Menu addon, Ive all the functionality I need, and its only a small Icon on the same line as the tabs. P.S. whats a good program to take a screen shot for windows. Thanks

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

    • No registered users viewing this page.
  • Posts

    • I have updated my Series 9 Watch so I assume there is either a mistake in what was said, or as suggested - the new AI feature set isn’t supported on anything other than those listed above.
    • WhatsApp slams Isreali firm, NSO Group, for trying to spy on its users by David Uzondu WhatsApp has come out accusing Israeli cyber-intelligence firm, NSO Group, of deploying a fresh wave of highly targeted "spear phishing" attacks against users, which its security teams successfully thwarted. The Israeli firm, according to WhatsApp, ran this operation like its usual one-click phishing campaigns, trying to get people to click malicious links that lead them to external sites. To coordinate the campaign, the spyware vendor created fake test accounts and groups on the messaging app. WhatsApp said it is sharing the specific malicious domains, ikhwancast[.]com, ghazacast[.]com, and fr24cast[.]com, because potential victims need this data to check if they were targeted across other messaging systems or email platforms. The NSO Group is infamous for creating and selling Pegasus, a military-grade commercial spyware capable of silently compromising smartphones simply by sending a message or placing a missed call via apps like WhatsApp or iMessage. Users do not even have to interact with the incoming notification before the infection takes hold. Once Pegasus manages to break in, the spyware harvests private data, letting operators read private messages, emails, photos, and documents. It also tracks precise GPS locations, records keystrokes, activates the device's camera, and monitors live microphone audio. Independent investigations by cybersecurity watchdogs like The Citizen Lab and human rights organizations like Amnesty International have proven that governments use this software to track humanitarian workers, journalists, diplomats, and political dissidents. These findings directly contradict NSO Group claims that clients use the technology to spy on criminals and terrorists only. In late 2021, the U.S. Department of Commerce added the firm to its Entity List, effectively banning the vendor from buying hardware and software from American tech companies. WhatsApp said in its blog post that the spyware vendor violated a permanent court injunction with this new spear-phishing campaign. This injunction, which took effect in 2025, strictly prohibited NSO Group from targeting WhatsApp and its users. The platform is now asking a federal court to hold the firm in contempt.
    • It would be surprising if even 3 year old Apple Watches (and not SE models at that) cannot run watchOS 27. Granted, it doesn't mean it would work as well. We'll see.
    • Apple launches new website for parents and a revamped Screen Time experience by Aditya Tiwari At WWDC 2026, Apple announced new parental control features for iOS 27, iPadOS 27, and macOS 27 to keep kids' device usage in check and keep them safe online. As a parent, you'll get access to a simpler setup experience, Ask to Browse, Time Allowances, and a redesigned Screen Time. You'll be able to pick exactly which apps your child can access on their device, choosing from just a few essential apps, a curated set, or the apps you feel are appropriate. There will be an option to gradually add more apps. Ask to Browse is a new feature that requires kids to request permission before visiting a new website in Safari on iPhone, iPad, or Mac. You can also turn on a setting that requires your kid to ask for approval before connecting with an unknown contact via Messages, FaceTime, or the Phone app. You can manage your child's screen time more effectively with Time Allowances that work across categories, including Games, Entertainment, and Social Media. You can set time limits based on your kid's age and get suggestions informed by expert research. Speaking of expert guidance, Apple added that it's working with the American Academy of Pediatrics (AAP) to adapt its Family Media Plan to create a guide parents can refer to when using Apple products. Moreover, the company has also set up a new dedicated website, where you can find tools, resources, and answers to common questions around parental controls and child safety. Apple also allows parents to set daily schedules to manage screen time, configuring access to different apps at different times of the day and across the week. Overall, the Screen Time section has been revamped and provides a bird's-eye view of your kid's average device usage and most-used apps. "For example, to help protect important family moments, parents can quickly limit access during meals, outdoor play, and other times that deserve full attention. If kids need a little extra time to finish something in an app, parents can also easily extend access," Apple said. Apart from these, Communication Safety has been updated to block gore or violent content when detected in shared images or videos. The feature already blurs nudity in Messages and FaceTime calls, and is enabled by default for users under 18.
  • Recent Achievements

    • Very Popular
      Captain_Eric earned a badge
      Very Popular
    • One Month Later
      amusc earned a badge
      One Month Later
    • One Month Later
      DJC50PLUS earned a badge
      One Month Later
    • Week One Done
      DJC50PLUS earned a badge
      Week One Done
    • Proficient
      Eric Biran went up a rank
      Proficient
  • Popular Contributors

    1. 1
      +primortal
      513
    2. 2
      PsYcHoKiLLa
      231
    3. 3
      ATLien_0
      87
    4. 4
      +Edouard
      84
    5. 5
      Steven P.
      80
  • Tell a friend

    Love Neowin? Tell a friend!