Recommended Posts

I fixed it up for you a little bit. I took out all the popup references since "The popup element is no longer supported; you should use menupopup instead."(see : https://developer.mozilla.org/en/Firefox_4_for_developers). Should you find you need them you can just add them back in.

Damn! Now I saw it by luck! Thought none responded! Thank you man!

Soapy, I added the code you posted above and got this now:

id5T7e.png

One thing left I wish now... How can I add this image, the white fox?

id6cdA.png

So, now the entire code looks like this:

/* App Menu Button */

#appmenu-button {
  padding: 1px 8px !important;
  min-width: 0 !important;
  border-radius: 0 !important;
}

#appmenu-button .button-text {   
  visibility: collapse !important;
}

#appmenu-button .button-menu-dropmarker { 
  margin: 0 !important; 
}


#main-window:not([privatebrowsingmode]) #appmenu-button {
  background: transparent -moz-linear-gradient(rgba(29,166,225,1), #1B6FBB 95%) padding-box !important;
  -moz-border-left-colors: rgba(255,255,255,.5) #1B6FBB !important;
  -moz-border-bottom-colors: rgba(255,255,255,.5) #1B6FBB !important;
  -moz-border-right-colors: rgba(255,255,255,.5) #1B6FBB !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.25) inset,
              0 0 2px 1px rgba(255,255,255,.25) inset !important;
}

#main-window:not([privatebrowsingmode]) #appmenu-button:hover,
#main-window:not([privatebrowsingmode]) #appmenu-button[open="true"]{
  background: -moz-radial-gradient(center bottom, farthest-side, rgba(93,199,244,.5) 10%, rgba(93,199,244,0) 70%),
              -moz-radial-gradient(center bottom, farthest-side, rgb(87,163,213), rgba(181,233,244,0)),
              -moz-linear-gradient(#25B6E9, #1B6FBB 95%) padding-box !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.25) inset,
              0 0 1px 0 rgba(255,255,255,1) inset !important
}

#main-window:not([privatebrowsingmode]) #appmenu-button[open="true"]{
  box-shadow: 0 0 4px 0 rgba(0,0,0,.35) inset !important;
}

1. Search the userstyle for '/* App Menu Button */' and remove all that bit.

2. Use this code:

#identity-box:not(.verifiedDomain):not(.verifiedIdentity) {
  visibility: collapse !important;
}

3. No idea about that. Is his language 'right to left' or 'left to right'?

Thanks so much, the first two worked perfectly. Not sure what you mean by left to right but I think he has the UK-English Firefox and I have the US-English Firefox?

One thing left I wish now... How can I add this image, the white fox?

id6cdA.png

x2

One thing left I wish now... How can I add this image, the white fox?

id6cdA.png

This is the style I'm using, I tweaked some pre-existing style and made the white fox myself from some white firefox icon I found on the Net.


#appmenu-button
{
    padding: 1px 5px 1px 5px !important;
    height: 20px !important;
    min-width: 43px !important;
    width: 53px !important;
}


#appmenu-button .button-text
{ 
    color: transparent !important;
    text-shadow: none !important;
    margin-left: -27px !important;
    margin-right: -33px !important;

    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuNUmK/OAAAAH+SURBVDhPdZK7ThtBFIZ3ERjLQRQ4TaSUoaCJUlGQhicgidLxAERpIqVKlRQRQjwBeQI6LhWiiEKVFqTERgLZkb2+e32R1+vb2rM7+c7Ki0iEV/o1Z+b85z9n/h3T4BuNRm/j8fixxPKNx+MFlmQsFqvJfjAYzLE8N01zA+ggCC4SicRtxDd6vZ4FaV8p9R6xD5PJJAWe3BEI4DyCs03+GrjEW2G+2+2abBwKNJ01seCMgth9gSiGv+y67lW/33douG54nvdGClENi0loCCz9UrPZPJwhsuU4jqbpZ7n/2XA4jDqHK/siWHmoWM7o/EUawTkRg7IiMEXQarU8xj9lshezBOi8L1PLmEan0ynI+CKQz+dH6XRaZ7PZx7OK4b0El1OBplGv139x4ItAqVRShUJBW5b1m/hruVz+Bm6q1epOJMjEr5nQl6bgh0FyF2ddOSCh2+22xry9XC43LBaLdqVSecc6P30vq/B2pZnwmeKTkclkniEitntTVUmO6fQRpxejzniyBlLAReCPcIifhnlEDhhVHoePUBAJQbQ5O4f4k25Kzoklb8E7uPMJgSWMu+L+fqPRUFxDcZ0JCKJxozcie95JCiz/YzTGJfkL31nFTM3dNQb7tVpN2bYdeiOPh792ypp88C8hYHKVV+AIAQso/FEI5eVVgs3/C/8CK4w511RVmf8AAAAASUVORK5CYII=") no-repeat 16px !important;

}

#appmenu-button dropmarker 
{ 
    margin: 0 1px 0 0 !important; 

}

This bug is where I got the idea from, but the actual image comes from this one after removing the globe and resizing.

Tabs on Title bar is reality by default and configurable through about:config!

Perfect! Both sides happy!

Happy might not be the applicable term, not if you have no clue how to enable it. What's the string to enable it?

Right-click on toolbar and select "Tabs on top".

Um, no... that's not what we're talking about. Tabs "on top," has been an option (and the default) for many, many months now. Thanks for trying to help, though.

Um, no... that's not what we're talking about. Tabs "on top," has been an option (and the default) for many, many months now. Thanks for trying to help, though.

Well... it works for me...

It's available in the latest nightly (b9pre) with tabs on top by default and only for Windows. It can be toggled with: browser.tabs.drawInTitlebar in about:config

Ty Foxxyn8. I guess the build I'm using is from the 6th, still waiting for a new x64 build.

Ty Foxxyn8. I guess the build I'm using is from the 6th, still waiting for a new x64 build.

Yeah, it just landed in today's trunk build for win32 so I guess it'll show up in the x64 build whenever they decide to release a new one, lol.

:)

Does font rendering look different to anyone else on today's build? Looks terrible in some cases.

post-49492-0-39265700-1294514721.png

Hi folks,

I'm using this amazing add-on: https://www.devianta...ssages#/d34dzvv

Is there a way to fix this?

Stratiform? That will be fixed in alpha2 which we should have ready soon.

Yeah, it just landed in today's trunk build for win32 so I guess it'll show up in the x64 build whenever they decide to release a new one, lol.

:)

It's not a huge deal anyway since I'm doing it with Stylish already, but it would be nice to not have to tweak the code every time I switch themes.

For you guys that want the Firefox icon on the appmenu you should really be doing it something like this:

#appmenu-button .button-icon {
  width: 16px !important;
  height: 14px !important;
  background: url(http://dl.dropbox.com/u/3769988/temp/fox.png) no-repeat !important;
}

#appmenu-button {
  padding: 0 8px 1px !important;
  min-width: 0 !important;
}

#appmenu-button .button-text {   
  visibility: collapse !important;
}

There is no need to style the button-text and use all those negative margins, plus it would probably be different depending on the appmenu label.

How can I add text next to the logo in that style?

Something like this:

#appmenu-button .button-icon {
  list-style-image: url(http://dl.dropbox.com/u/3769988/temp/fox.png);
  -moz-margin-end: 4px;
}

#appmenu-button {
  padding: 0 8px 1px !important;
  min-width: 0;
}

post-49492-0-40800000-1294528347.png

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

    • No registered users viewing this page.
  • Posts

    • I have never been a huge fan of libre, it feels really good but exactly when you need an advance feature for data wrangling it falls short every time or has bugs. I am all for euro office if they can deliver a good and usable alternative to MS office with backing of govt function.
    • Go on, I'll bite. How does windows (nice comment on an 'article' which doesn't actually involve it ) lock users out of their data then? Been using it since 3.1 back in 92 and not once have I been locked out of my data? Perhaps you mean Bitlocker? In which case the average user (who doesn't mess about) will have been forced to use a MSA, and in which case the recovery key would have been saved to said account..... If the user did happen to bodge around and not use an MSA then Bitlocker wouldn't have become live (as it cannot without a safe place to store the key) I want to point out Bitlocker and MSA are not connected and you can of course force it on without a safe place to store the key, but you do that with your eyes open. So your standard consumer who knows no better sets up an MSA, gets bitlocker and a recovery key stored off box, with a route to reset their password. All of this notwithstanding the fact, if your data is important, you back it up, no ifs, no buts, no-ones responsibility other than your own. Important data lives in at least two locations, one of which is offline and recovery is tested, otherwise that data wasn't really that important. Disks, fail, laptops get lost, phones end up down the toilet, tablets get stolen, if your only copy of data is on a single device you're doing it wrong.
    • Clearly that feature isn't for us. It's for the ad spam marketers so they can more directly target us about going to places we might want to go again...but without understanding context clues. Like for the flight someone took for a friend's funeral. We want to be reminded of that every time we open an app, a browser, or email, right? Right, Siri?
    • Is your Apple Watch supported? Check the watchOS 27 compatibility list by Aditya Tiwari Apple kicked off WWDC 2026 with a ton of announcements, mostly centered around Apple Intelligence improvements, the Siri AI, and Liquid Glass updates. However, there is a lot of other stuff that couldn't catch the limelight. Let's talk about watchOS 27 and which models are supported by the newest operating system. According to the Cupertino giant, watchOS 27 will be supported on the following Apple Watch models when it arrives later this year: Apple Watch Ultra 3 Apple Watch Series 11 Apple Watch SE 3 Apple Watch Series 10 Apple Watch Ultra 2 It's a stark contrast with last year's watchOS 26 update, which had almost a dozen Apple Watch models in its list of supported devices. Apple supported models all the way back to Apple Watch Series 6. That said, if you own one of the five models, you'll need an iPhone 11 (or later) with iOS 27 to install the latest update. Yes, Apple has shown some extra love to the iPhone 11, and it old horse supports the iOS 27 update. watchOS 27 beta 1 is now available for developers and interested power users through the Apple Developer Program. So, if you're among those who like to play with fire, you can download it to your supported Apple Watch. Otherwise, the public beta for watchOS 27 will be available next month. The freshly baked Apple Watch update comes with Siri AI - an advanced, fully conversational version of Siri powered by Apple Intelligence due for later this year. A new dynamic app grid features icons for five Siri-suggested apps. You can use a new tap gesture to open a widget in the Smart Stack, and a new Find My app finally clears the mess of Find Devices, Find Items, and Find People on Apple Watch. Workout Buddy can run without an iPhone nearby and offers new insights based on data, including your progress for pace, distance, and workout duration. Apple improved its motion tracking algorithms to measure the distance of indoor treadmill runs and walks more precisely. Speaking of other changes, the music playback on watchOS 27 starts faster and you can create custom passes for any membership or card that uses a QR code or barcode, then easily access them in the Wallet app or pin in the Smart Stack.
    • "and pull old flight details from your email during back-and-forth conversations" The Siri I've become to know and trust. I've always wanted to pull info on old flights. /s
  • 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
      501
    2. 2
      PsYcHoKiLLa
      232
    3. 3
      ATLien_0
      85
    4. 4
      Steven P.
      76
    5. 5
      +Edouard
      75
  • Tell a friend

    Love Neowin? Tell a friend!