Recommended Posts

Well, True... Now with Content UI not appearing anymore. I've latest hourly.

Few problems left... Seems appears an address randomly ( when I'm in Add-ons Manager and Trying to go to the creator's address for example )? Dunno, anyway. Since you don't use it, crap for me!

Replace what with what? That was kinda confusing...

Do you know if the final patch for UI Content will be exactly like mock-up design?

You're talking about these mockups?: http://news.softpedia.com/newsImage/Firefox-4-0-UI-Redesign-In-Content-UI-Visual-Unification-14.png/

I wouldn't even venture a guess on that. From what I understand ICUI isn't going to extend beyond the addons manager for 4.0. We won't have total ICUI until 4.next.

oh and replace:

.urlbar-over-link-box

with

#main-window:not([stylish-url="about:addons"]) .urlbar-over-link-box

Hey, I'm trying to put the awesome bar on the same toolbar as the tabs but I'm having an issue when I try to make the awesome bar smaller. The tabs are really small and they dont take up the entire space on the left. Anyway to fix this?

This is what it looks like ATM; fxabtb.jpg

Hey, I'm trying to put the awesome bar on the same toolbar as the tabs but I'm having an issue when I try to make the awesome bar smaller. The tabs are really small and they dont take up the entire space on the left. Anyway to fix this?

This is what it looks like ATM; fxabtb.jpg

Looks like you used #urlbar as the selector instead of #urlbar-container for resizing the awesome bar

#urlbar-container {
max-width: 500px !important;
min-width:500px !important;
}

post-350326-12917363295833.png

Not much activity lately around here, eh? Well foxxyn8, since i've seen that you are the one to ask when it comes to CSS i'd like to ask you if you could make a style which combines the home button and the bookmark button like in this picture LiNK (if it's possible).

I think it looks kinda good, I would do it myself if i knew how but unfortunately i don't :rolleyes:

Not much activity lately around here, eh? Well foxxyn8, since i've seen that you are the one to ask when it comes to CSS i'd like to ask you if you could make a style which combines the home button and the bookmark button like in this picture LiNK (if it's possible).

I think it looks kinda good, I would do it myself if i knew how but unfortunately i don't :rolleyes:

Simple enough, here you go:

#home-button {
 border-top-right-radius: 0 !important;
 border-bottom-right-radius: 0 !important;
 margin-right: 0 !important;
 border-right: 0 !important;
}

#bookmarks-menu-button {
 border-top-left-radius: 0 !important;
 border-bottom-left-radius: 0 !important;
 margin-left: 0 !important;
}

#home-button:hover:active + #bookmarks-menu-button-container > #bookmarks-menu-button {
 border-left-color: rgba(0,0,0,.55) !important;
}

Edit: fixed some border colors on pressed.

Hmm, they finally made some upgrades to the add-on bar: they added a freaking stupid close button :angry: ! How do I remove this new button area (see picture) ?

My style looks like this:

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

#browser-bottombox {
  position: fixed;
  bottom: 0;
  background: none !important;
}

#addon-bar {
  position: fixed;
  bottom: -22px;
  right: 0;
  margin-right: 20px !important;
  border: 0 !important;
  opacity: 0;
  -moz-appearance: none !important;
  -moz-transition: bottom .6s 1.5s ease-in, opacity .6s 1.5s ease-in;
  padding-top: 22px !important;
}

#addon-bar:hover {
  bottom: 0;
  opacity: 1;
  -moz-transition: bottom .6s 1s ease-out, opacity .6s 1s ease-in;
}

#addon-bar > #status-bar {
  margin: 0 !important;
  padding: 0 2px 0 2px;
  border-radius: 4px 4px 0 0;
  border: 0 !important;
  border-left: 1px solid rgba(0,0,0,.25) !important;
  border-right: 1px solid rgba(0,0,0,.25) !important;
  border-top: 1px solid rgba(0,0,0,.25) !important;
  background:rgba(245,245,245,.9) !important; 
  box-shadow: 0 0 4px rgba(161,161,161,.9) inset !important;
}

@SoapyHamHocks

Is there a way to style the buttons made with custom buttons add-on ? I want to use your style ideas ... :D

post-344974-12920119874372.jpg

Hmm, they finally made some upgrades to the add-on bar: they added a freaking stupid close button :angry: ! How do I remove this new button area (see picture) ?

My style looks like this:

#addonbar-closebutton {
 display: none;
}

Is there a way to style the buttons made with custom buttons add-on ?

Style them like any other toolbarbutton. Their class is .toolbarbutton-1.

If you have multiple buttons and want to style some of them differently you'll need the specific id for the button. They start with #custombuttons-button0 and increase numerically from there. (ie: #custombuttons-button0 is one button #custombuttons-button1 would be another button etc..) Using domi to get the ids would be easier than just guessing though. You could also do:

.toolbarbutton-1[cb-name="name of button"]

here's an example where I styled a custom button to look like a tab when placed in the tab bar:

#TabsToolbar #custombuttons-button0 {
-moz-appearance: none !important;  
background:-moz-linear-gradient(rgba(247,182,82,.5), rgba(215,98,10,.2)) no-repeat -5px -2px !important;
background-size: 200% !important;
margin: 0 !important;
padding: 0 1px 0 1px !important;
-moz-border-image: url("chrome://browser/skin/tabbrowser/tab.png") 4 5 2 6 / 4px 5px 2px 6px !important;
border-radius: 10px 8px 0 0 !important;
width: 31px !important;
}

#TabsToolbar #custombuttons-button0:hover,
#TabsToolbar #custombuttons-button0[open] {
    background-image: -moz-linear-gradient(rgba(247,182,82,1), rgba(215,98,10,1))  !important;
}

#main-window[privatebrowsingmode=temporary] #TabsToolbar #custombuttons-button0{
    background-image: -moz-linear-gradient(rgba(153,38,211,.5), rgba(105,19,163,.2)) !important;
}

#main-window[privatebrowsingmode=temporary] #TabsToolbar #custombuttons-button0:hover,
#main-window[privatebrowsingmode=temporary] #TabsToolbar #custombuttons-button0[open]{
    background-image: -moz-linear-gradient(rgba(153,38,211,1), rgba(105,19,163,1)) !important;
}

#TabsToolbar #custombuttons-button0 image {
padding-bottom: 1px !important;
margin-bottom: -2px !important;
margin-left: 0px !important;
}

Style them like any other toolbarbutton. Their class is .toolbarbutton-1.

If you have multiple buttons and want to style some of them differently you'll need the specific id for the button. They start with #custombuttons-button0 and increase numerically from there. (ie: #custombuttons-button0 is one button #custombuttons-button1 would be another button etc..) Using domi to get the ids would be easier than just guessing though. You could also do:

.toolbarbutton-1[cb-name="name of button"]

Great, thanks a lot man! All I wanted was a simple style to get SoapyHamHocks's idea for merging the buttons, looking like this for me:

BTW: thanks SoapyHamHocks for the help in the previous post! ;)

post-344974-12920633187557.jpg

Is there a simple way to just move the addon bar buttons to the right side without changing anything else?

You could try something like, although I'm sure there is a better way.

#status-bar {
 position: fixed;
 right: 2px;
 bottom: 0;
 margin-bottom: -1px;
 background: none !important;
}

Can somebody post the code for soapys combined buttons here please, I have been trying to get it off userstyles.org but their site is throwing a fit right now with apache errors and thing not loading.

Thanks in advance :)

Can somebody post the code for soapys combined buttons here please' date=' I have been trying to get it off userstyles.org but their site is throwing a fit right now with apache errors and thing not loading.

Thanks in advance :) [/quote']This :rolleyes:

It seems to work again. Anyway :

#nav-bar[currentset*=",home-button,bookmarks-menu-button-container"] #home-button {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  margin-right: 0 !important;
  border-right: 0 !important;
}

#nav-bar[currentset*=",home-button,bookmarks-menu-button-container"] #bookmarks-menu-button {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  margin-left: 0 !important;
}

#home-button:hover:active + #bookmarks-menu-button-container > #bookmarks-menu-button {
  border-left-color: rgba(0,0,0,.55) !important;
}

Does anyone know the identifier for the LastPass button and the SumbleUppon button (the one used to show/hide the toolbar)?

I'd like to add those two as well. But i would probably need to make the LastPass button smaller. Is there anyway to do that too?

Thanks.

Soapy, with your style for combine home and bookmarks button, do you know how to get back to the normal home button when the bookmarks toolbar is activated ? Actually the home button remains without the right corner and attacked to the left edge of the window border

sorry I was wrong, the home button remains without the right corners and attacked to the right edge of the window border when the bookmarks toolbar is activated

Unfortunately I don't think there is anything I can do about that.

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

    • No registered users viewing this page.
  • Posts

    • I'm fine with a little reasonable promotion of Edge, but the degree which they do it right now I consider extremely unreasonable. 
    • Microsoft AI boss no longer believes that AI will replace human workers by David Uzondu Mustafa Suleyman, the head of Microsoft AI, recently took back his statements concerning white-collar jobs that he gave to the Financial Times in an interview made back in February, where he claimed that AI would replace office workers within 12 to 18 months. On Monday's episode of The Verge's Decoder, Suleyman recast the technology as more like a helpmate than a tool designed to take over your job. He explained that smaller office duties will "increasingly become digitized, automated" as people generate more digital materials. During the discussion, Suleyman emphasized a "very important distinction" between "tasks" and "jobs" to clarify his previous claims. He argued that his earlier comments only referred to individual actions that people perform at their desks. Suleyman used to work for DeepMind, the research lab he co-founded in 2010 alongside Demis Hassabis and Shane Legg, before he left in 2022 to establish Inflection AI and build an empathetic digital assistant. Microsoft hired him in March 2024 to lead its newly formed "Microsoft AI" division, placing him in charge of consumer products like Copilot, Bing, and Edge. His February comments also detailed plans for Microsoft to achieve self-sufficiency with a $140 billion infrastructure budget to train frontier models, predicting that creating a customized AI will soon feel like creating a podcast or a new blog: The 41-year-old is not the only AI executive who's softened his "AI will replace you" stance. OpenAI's CEO, Sam Altman, last month used X to push back against employment panic by arguing that his startup builds tools to assist humans rather than build replacements. He had previously garnered backlash by suggesting that many modern office roles that AI might replace did not qualify as "real work" in the first place, at least when you compare desk jobs to physical, historical labor like farming.
    • Adobe Acrobat Reader DC 2026.001.21662 by Razvan Serea Adobe Acrobat Reader DC software is the free, trusted standard for viewing, printing, signing, and annotating PDFs. Its the only PDF viewer that can open and interact with all types of PDF content – including forms and multimedia. It’s connected to Adobe Document Cloud – so you can work with PDFs on computers and mobile devices. Adobe Document Cloud is a revolutionary, modern and efficient way to get work done with documents in the office, at home or on-the-go. At the heart of Document Cloud is the all-new Adobe Acrobat DC, which will take e-signatures mainstream by delivering free e-signing with every individual subscription. Document Cloud includes a set of integrated services that use a consistent online profile and personal document hub. With Adobe Document Cloud, people will be able to create, review, approve, sign and track documents whether on a desktop or mobile device. Businesses will be able to take advantage of Document Cloud for enterprise which provides enterprise-class document services that integrate into systems of record such as CRM, HCM, CLM, and CMS, adding speed, efficiency and transparency to getting business done with documents. Adobe Acrobat Reader DC new feature highlights: Work with PDFs from anywhere with the new, free Acrobat DC mobile app for Android or iOS. Select functionality is also available on Windows Phone. Use the new Fill & Sign tool in your desktop software to complete PDF forms fast with smart autofill. Download the free Adobe Fill & Sign mobile app to add the same option to your iPad or Android tablet device. Save money on ink and toner when printing from your Windows PC. Store and access files in Adobe Document Cloud with 5GB of free storage. Get instant access to recent files across desktop, web, and mobile devices with Mobile Link. Sync your Fill & Sign autofill collection across desktop, web, and iPad devices. Adobe PDF Pack premium features includes: Convert documents and images to PDF files. Use your mobile device camera to take a picture of a paper document or form and convert it to PDF. Turn PDFs into editable Microsoft Word, Excel, PowerPoint, or RTF files. Combine multiple files into a single PDF (web only). Get signatures from others with a complete e-signature service. Send, track, and confirm delivery of documents electronically instead of using fax or overnight services (tracking not available on mobile). Store and access files online with 20GB of storage. Download: Adobe Acrobat Reader DC 64-bit | 719.0 MB (Freeware) Link: Adobe Acrobat Reader DC Home Page | Release Notes | Screenshot Get alerted to all of our Software updates on Twitter at @NeowinSoftware
    • Meta will now use data from outside businesses to personalize AI responses by David Uzondu In an update that's rolling out globally (except in a handful of countries), Meta will use your data from outside businesses to personalize your AI responses and your primary feeds. Meta already utilizes your shopping activity to target ads, but the company now plans to expand this tracking to personalize other "parts of your experience" like feed algorithms and AI assistant chats. The company is replacing the two settings ("Your activity off Meta technologies" and "Activity from other businesses") that currently let you disconnect off-platform activity with a single, renamed setting called Activity from other businesses. If you don't want Meta to manipulate your feed and AI responses using your outside history, you can just turn the Activity from other businesses setting off in your account settings. This toggle resides within your Accounts Center, applying your choice to every connected profile. Turning this off will not stop companies from sending your data to Meta. The company will still collect your web interactions, but it only uses them to train products, while still accessing external accounts you connect. When The Verge spoke to Meta spokesperson Emil Vazquez, the representative said that this update will exclude several locations at launch, including the European region, the UK, Brazil, Thailand, South Africa, Turkey, South Korea, Ecuador, Nigeria, and Kenya. The new update comes at a time when the social media giant is recovering from a major PR disaster involving generative AI. Last week, there was a huge security issue on Instagram where attackers figured out a way to trick Meta AI into handing over account ownership (even if the victim had 2FA enabled). Some of the affected accounts include the dormant Obama White House profile, cosmetics brand Sephora, the Chief Master Sergeant of the Space Force, and security researcher Jane Manchun Wong. Internally, the company also had to scale back plans on its Model Capability Initiative (MCI), an employee-monitoring program designed to train corporate AI models by recording worker keystrokes and screen activity, after employees raised privacy concerns and complained about severe battery life drain.
    • JetBrains is working to cut false positives in RustRover 2026.2 by David Uzondu Recently, JetBrains released the fifth EAP build of its dedicated IDE, RustRover 2026.2, bringing improvements like a Run gutter icon for criterion_main! macro benchmarking and a feature that alerts you when there are unused traits in your current scope. Now, the company is out with a blog post addressing one of the "most common" complaints from users: false positives. In RustRover, a false positive occurs when the editor incorrectly highlights something as an error even though the project compiles and runs successfully. This mismatch flags a gap between the IDE's internal intelligence and the actual compiler. When the editor flashes red warnings over perfectly valid code, developers lose trust in the tool, which stalls momentum. Traditionally, RustRover runs cargo check to detect compiler errors and warnings, but it also relies on its own code analysis engine to power real-time features. To provide quick feedback, this engine parses your source code into a syntax tree while inferring types and resolving names as you type. Because this engine must work on broken, half-written code and react instantly, its logic sometimes diverges from the compiler's, producing false positives that do not exist in the compiler's eyes. JetBrains said that it has a "dedicated task force" focused specifically on identifying and fixing false positives by analyzing user reports and examining large-scale open-source projects. To speed up this process, the team built an internal system modeled after Crater, the famous Rust project that compiles and runs tests for every single crate published on crates.io. This automated pipeline compares the diagnostics from RustRover's analysis with actual compiler output to catch discrepancies before they reach users, ensuring smoother workflows. RustRover, for those who're unaware, is a dedicated IDE designed specifically for Rust developers. It's been around for a couple of years now, providing features like built-in debugging via LLDB, seamless cargo integration, advanced macro expansion, and HTML support. JetBrains distributes the app under two licensing models: a paid commercial subscription and a free option for non-commercial use.
  • Recent Achievements

    • One Year In
      Primer1st earned a badge
      One Year In
    • Experienced
      JayZJay went up a rank
      Experienced
    • Reacting Well
      Sir_Timbit earned a badge
      Reacting Well
    • Week One Done
      rubentuben8 earned a badge
      Week One Done
    • Week One Done
      ARaclen earned a badge
      Week One Done
  • Popular Contributors

    1. 1
      +primortal
      512
    2. 2
      PsYcHoKiLLa
      229
    3. 3
      Edouard
      134
    4. 4
      ATLien_0
      87
    5. 5
      Steven P.
      80
  • Tell a friend

    Love Neowin? Tell a friend!