Recommended Posts

At the bottom of most pages in this forum, immediately below the last post, is a section that has this:

Currently viewing all posts. Change threshold?

Hide posts below etc...

I want to style the arrow next to the drop-down list but I just can't figure out how because I can't find any mention of it using DOMi.

This is the code I have currently:

button, input, option, select, textarea { -moz-appearance: none !important; border: 2px solid #555 !important; -moz-border-radius: 4px !important; padding: 0 !important}

Removing that code brings it back to standard Windows XP3 which is quite visible but not what I want.

I also noticed that the "width" of that arrow is influenced by the width I set my scrollbar to. I wish they were not connected.

scrollbar[orient="vertical"] { width: 16px !important}

At the bottom of most pages in this forum, immediately below the last post, is a section that has this:

Currently viewing all posts. Change threshold?

Hide posts below etc...

I want to style the arrow next to the drop-down list but I just can't figure out how because I can't find any mention of it using DOMi.

This is the code I have currently:

button, input, option, select, textarea { -moz-appearance: none !important; border: 2px solid #555 !important; -moz-border-radius: 4px !important; padding: 0 !important}

Removing that code brings it back to standard Windows XP3 which is quite visible but not what I want.

I also noticed that the "width" of that arrow is influenced by the width I set my scrollbar to. I wish they were not connected.

scrollbar[orient="vertical"] { width: 16px !important}

you can't override the default that's defined in forms.css:

select > input[type="button"] {
  width: 12px;
  height: 12px;
  white-space: nowrap;
  position: static !important;
  background-image: url("arrow.gif") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  -moz-appearance: menulist-button;

Notice the !important rules which is what prevents you styling it. I hide scrollbars on content so I don't see those dropdown buttons at all. My own workaround was to use the background properties to add a dropdown arrow to the select box itself. Of course using that method I lose the hover effect, but for me it was a compromise.

you can't override the default that's defined in forms.css:

...

Notice the !important rules which is what prevents you styling it. I hide scrollbars on content so I don't see those dropdown buttons at all. My own workaround was to use the background properties to add a dropdown arrow to the select box itself. Of course using that method I lose the hover effect, but for me it was a compromise.

Okay, thanks! I should have asked first rather than trying to figure it out :D

I had got as far as forms.css (resource://gre-resources/forms.css) but the !important; did not register in my mind :(

.... I hide scrollbars on content ...

How do you selectively hide it on content and not "internally"? For example, Alt, Tools, Options, Contents, Fonts and Colors. Here a scrollbar may be helpful (though the arrow keys are actually enough).

If I use:

scrollbar { display: none !important}

I won't be seeing them anywhere, in chrome (= UI ? ) or content. Isn't that correct?

.... I hide scrollbars on content ...

This is what seems to be working for me as a separate Stylish sheet:

@namespace html url(http://www.w3.org/1999/xhtml);
scrollbar {display: none!important}

I still see scrollbars in chrome but not in content. And, as foxxyn8 described, the unmodifiable down arrow is gone on content.

Foxxyn, I use custom Windows theme and you know Fx became white...

Do you have saved somewhere the native code for the 2-pane Firefox Menu? It is somewhere here but the thread is too long to search it.

If not, I'll search it but just asking before I do it.

post-350150-0-52454700-1305645470.png

Foxxyn, I use custom Windows theme and you know Fx became white...

Do you have saved somewhere the native code for the 2-pane Firefox Menu? It is somewhere here but the thread is too long to search it.

If not, I'll search it but just asking before I do it.

  #appmenu-popup {
    -moz-appearance: none;
    background: white;
    border: 1px solid ThreeDShadow;
  }
  #appmenuPrimaryPane {
    background-color: rgba(255,255,255,0.5);
    padding: 2px;
    -moz-border-end: none;
  }
  #appmenuSecondaryPane {
    background-color: #f1f5fb;
    box-shadow: 1px 0 2px rgb(204,214,234) inset;
    -moz-padding-start: 3px;
    -moz-padding-end: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-family: "Segoe UI Semibold", "Segoe UI", sans-serif;
  }
  #appmenuSecondaryPane:-moz-locale-dir(rtl) {
    box-shadow: -1px 0 2px rgb(204,214,234) inset;
  }

  #appmenuPrimaryPane menupopup {
    -moz-appearance: none;
    background-image: -moz-linear-gradient(left, white 26px, ThreeDLightShadow 26px,
                                           ThreeDLightShadow 27px, ThreeDHighlight 27px,
                                           ThreeDHighlight 28px, white 28px);
    border: 3px solid;
    -moz-border-top-colors: ThreeDShadow white;
    -moz-border-bottom-colors: ThreeDShadow white;
    -moz-border-left-colors: ThreeDShadow white;
    -moz-border-right-colors: ThreeDShadow white;
  }

  #appmenuSecondaryPane menupopup {
    -moz-appearance: none;
    background-image: -moz-linear-gradient(left, #f1f5fb 26px, ThreeDLightShadow 26px,
                                           ThreeDLightShadow 27px, ThreeDHighlight 27px,
                                           ThreeDHighlight 28px, #f1f5fb 28px);
    border: 3px solid;
    -moz-border-top-colors: ThreeDShadow #f1f5fb;
    -moz-border-bottom-colors: ThreeDShadow #f1f5fb;
    -moz-border-left-colors: ThreeDShadow #f1f5fb;
    -moz-border-right-colors: ThreeDShadow #f1f5fb;
  }

Also, do you know how I can get back all shadows of menus? For example "right click" or bookmarks drop down menus or even the shadow of 2-pane main menu...

Is there any way?

In IE9 the shadows workin pretty good. Only in Fx lost 'em.

Also, do you know how I can get back all shadows of menus? For example "right click" or bookmarks drop down menus or even the shadow of 2-pane main menu...

Is there any way?

In IE9 the shadows workin pretty good. Only in Fx lost 'em.

I have no idea, Deo. I get the shadow on the appmenu and the tabs context menu, but nowhere else. Could maybe be a bug?

Also, do you know how I can get back all shadows of menus? For example "right click" or bookmarks drop down menus or even the shadow of 2-pane main menu...

Is there any way?

In IE9 the shadows workin pretty good. Only in Fx lost 'em.

It's a bug with 3rd party visual styles. You lose menu shadows and the font rendering is screwed up.

The font rendering not with every theme been screwed up. I know very well what you mean...

For example with Soapy's "Windows 7 Native" theme, yes, the fonts become bad. But with another, random theme... not.

Seems to me something specific triggers this bug while in some themes included ( the unknown factor ) and in some others, not.

Anyway...

Foxxyn, long time ago you gave me this simple code

#urlbar,
.searchbar-textbox {
  border-radius: 0 !important;
}

But I get a small bug... The backgrounds of identity box and stop/reload aren't squared. How can I make 'em? Can you please fill those corners?

i5zQ4.png

The font rendering not with every theme been screwed up. I know very well what you mean...

For example with Soapy's "Windows 7 Native" theme, yes, the fonts become bad. But with another, random theme... not.

Seems to me something specific triggers this bug while in some themes included ( the unknown factor ) and in some others, not.

Anyway...

Foxxyn, long time ago you gave me this simple code

#urlbar,
.searchbar-textbox {
  border-radius: 0 !important;
}

But I get a small bug... The backgrounds of identity box and stop/reload aren't squared. How can I make 'em? Can you please fill those corners?

i5zQ4.png

#identity-box,
#urlbar > toolbarbutton {
       border-radius: 0 !important;
}

That's it! :)

Anyone did these mockups?

http://stephenhorlander.com/pages/firefox-future-mockups/button-vs-nobutton-comparison.html

The "No Buttons" did it Spew or Soapy, one of them. The other with "Buttons" ?

That's it! :)

Anyone did these mockups?

http://stephenhorlander.com/pages/firefox-future-mockups/button-vs-nobutton-comparison.html

The "No Buttons" did it Spew or Soapy, one of them. The other with "Buttons" ?

http://spewboy.deviantart.com/journal/

he has a link to his stylish code for it there, not sure if it has the other 1

That's it! :)

Anyone did these mockups?

http://stephenhorlander.com/pages/firefox-future-mockups/button-vs-nobutton-comparison.html

The "No Buttons" did it Spew or Soapy, one of them. The other with "Buttons" ?

We are working on those for Stratiform. Along with the tab and icon style.

I want a specific site, the tab (select/unselect) color is always different

for example

#main-window[stylish-url^="https://www.neowin.net"] tab[selected="true"] {
background: rgba(0,0,0, .5) !important;
color: white !important;
font-weight: bold !important;
text-shadow: 1px 1px 2px black !important
}

But this code only select tab works.How edit code unselect/select tab different color?

I want a specific site, the tab (select/unselect) color is always different

for example

#main-window[stylish-url^="https://www.neowin.net"] tab[selected="true"] {
background: rgba(0,0,0, .5) !important;
color: white !important;
font-weight: bold !important;
text-shadow: 1px 1px 2px black !important
}

But this code only select tab works.How edit code unselect/select tab different color?

Try something like this:

#main-window[stylish-url^="https://www.neowin.net"] .tabbrowser-tab[selected="true"] {
  background-image: -moz-linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,.5) 50%),
                    -moz-linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)) !important;
  color: white !important;
  font-weight: bold !important;
  text-shadow: 1px 1px 2px black !important
}

Sorry bad English but this code dont work

Specific site always same color (select/unselect)

as

tabbrowser-tab[selected=true] or tabbrowser-tab[unselected=true]

A tab that isn't selected would be 'tabbrowser-tab:not([selected=true])'.

Sorry wrong expression

active/inactive tab always same color but only Specific site as ColorfulTabs

try this:

#tabbrowser-tabs .tabbrowser-tab[image^="https://www.neowin.net"] {
  background-image: -moz-linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,.5) 50%),
                    -moz-linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)) !important;
  color: white !important;
  font-weight: bold !important;
  text-shadow: 1px 1px 2px black !important;
}

you can't use the #main-window stylish attributes to style an inactive tab in this case because those values are determined by the active tab.

I don't know if this is possible but I'll ask in any case ...

Quite often I open several tabs (in the background) from a source page. Since I sometimes have to use an unreliable net connection, what can happen is that while I'm busy opening the new tabs, I don't notice that I'm getting a 404 (or similar) error.

Is there some way to have the relevant tab (with the 404 message) styled so that it would catch my peripheral vision?

I'm going to try and figure it out for a day but would appreciate knowing if it can't be done at all!

I don't know if this is possible but I'll ask in any case ...

Quite often I open several tabs (in the background) from a source page. Since I sometimes have to use an unreliable net connection, what can happen is that while I'm busy opening the new tabs, I don't notice that I'm getting a 404 (or similar) error.

Is there some way to have the relevant tab (with the 404 message) styled so that it would catch my peripheral vision?

I'm going to try and figure it out for a day but would appreciate knowing if it can't be done at all!

.tabbrowser-tab[label*="404 - No such Domain (Privoxy@localhost)"] {background: pink!important}

.tabbrowser-tab[label*="503 - Connect failed (Privoxy@localhost)"] {background: pink!important}

I got the "idea" here from the styling of the Add-on Manager tab: http://userstyles.org/styles/37044/firefox-4-about-addons-flat-dark. So yet another big thank you :)

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

    • No registered users viewing this page.
  • Posts

    • It's amazing that anyone still uses this bloated trash.
    • @Sayan...I have defended you at various points as I hope you know. This headline however is utter trash...shame on you sir!
    • An actual cosmic "Eye of Sauron" had been looking straight at us all along by Sayan Sen Image by Kovin P. Vasquez via Pexels | Not representative An international team of researchers has solved a long-standing mystery surrounding a distant blazar known as PKS 1424+240, helping explain why it produces some of the brightest high-energy gamma rays and cosmic neutrinos ever observed despite appearing to have a relatively slow-moving jet. The findings were published on June 6 in Astronomy & Astrophysics Letters. The study addresses a broader challenge in astrophysics: understanding how extreme cosmic objects accelerate particles to very high energies and produce very high-energy (VHE) photons and neutrinos. PKS 1424+240 is located billions of light-years from Earth. It has attracted attention for years because it is both a powerful source of VHE gamma rays and the brightest known neutrino-emitting blazar in the sky, according to observations by the IceCube Neutrino Observatory. It is also associated with one of the strongest peaks in IceCube's nine-year neutrino sky map A blazar is a type of active galactic nucleus powered by a supermassive black hole that pulls in surrounding matter and launches jets of plasma moving close to the speed of light. What makes blazars unique is their orientation. One of their jets points almost directly toward Earth, making them appear exceptionally bright across the electromagnetic spectrum and allowing scientists to study some of the most extreme physical processes in the Universe. The scientists exclaimed it's like the 'Eye of Sauron' in deep space. Usually, the brightest gamma-ray-emitting blazars are expected to have jets that appear to move very quickly. However, radio observations of PKS 1424+240 suggested that its jet was moving much more slowly, creating a contradiction that became part of a long-running problem known as the "Doppler factor crisis." To investigate, researchers analyzed 15 years of observations from the Very Long Baseline Array (VLBA), a network of 10 radio antennas spread across the continental United States, Hawaii and St. Croix. Using a technique called Very Long Baseline Interferometry (VLBI), astronomers combine signals from widely separated radio telescopes to create a virtual Earth-sized telescope capable of revealing extremely fine details. The team combined 42 polarization-sensitive radio images collected between 2009 and 2025, creating a much deeper and more detailed view of the jet than had previously been possible. The observations were carried out as part of MOJAVE (Monitoring Of Jets in Active galactic nuclei with VLBA Experiments), a long-running program that studies the brightness, polarization and magnetic field structures of jets produced by active galaxies. The project aims to better understand how activity near supermassive black holes is linked to high-energy radiation and neutrino emission. “When we reconstructed the image, it looked absolutely stunning,” said Yuri Kovalev, lead author of the study and Principal Investigator of the European Research Council-funded MuSES project at the Max Planck Institute for Radio Astronomy. “We have never seen anything quite like it — a near-perfect toroidal magnetic field with a jet, pointing straight at us.” The image revealed an unusual geometry. The researchers found that Earth lies almost directly in line with the jet, with a viewing angle of less than 0.6 degrees. In simple terms, astronomers are looking almost straight down the jet. This turned out to be the key to the mystery. Because the jet is aimed almost directly at Earth, a relativistic effect called Doppler boosting dramatically increases its apparent brightness. The study found that this effect boosts the emission by a factor of about 30 while also making the jet appear slower than it actually is. “This alignment causes a boost in brightness by a factor of 30 or more,” said Jack Livingston, a co-author at the Max Planck Institute for Radio Astronomy. “At the same time, the jet appears to move slowly due to projection effects — a classic optical illusion.” The nearly head-on view also gave scientists a rare look at the jet's magnetic field. Using polarized radio signals, they detected a clear toroidal, or doughnut-shaped, magnetic field component. The observations suggest the jet carries an electric current and that its magnetic field helps launch, shape and stabilize the flow of plasma. Researchers believe this magnetic structure may also play a key role in accelerating particles to energies high enough to produce both gamma rays and neutrinos. “Solving this puzzle confirms that active galactic nuclei with supermassive black holes are not only powerful accelerators of electrons, but also of protons — the origin of the observed high-energy neutrinos,” Kovalev said. The research was conducted under the MuSES (Multi-messenger Studies of Energetic Sources) project, which investigates how active galactic nuclei accelerate particles and generate different cosmic signals, including light and neutrinos. Scientists say understanding how protons are accelerated and linked to neutrino production remains one of the major unanswered questions in astrophysics. The findings help explain why some blazars can appear to have slow jets while still producing extremely bright high-energy emissions. More broadly, the study strengthens the link between relativistic jets, magnetic fields, gamma rays and high-energy neutrinos. Researchers say the results provide new clues about how some of the Universe's most powerful natural particle accelerators work and offer important insights for multimessenger astronomy, which combines different types of cosmic signals to study extreme events in space. Source: European Research Council, EDP Sciences This article was generated with some help from AI and reviewed by an editor. Under Section 107 of the Copyright Act 1976, this material is used for the purpose of news reporting. Fair use is a use permitted by copyright statute that might otherwise be infringing.
    • Gotenks98 is right... Outlook (new) is absolute trash. Doesn't Mozilla have an Enterprise Version of Firebird?
  • Recent Achievements

    • One Month Later
      lamborghiniv10 earned a badge
      One Month Later
    • Week One Done
      lamborghiniv10 earned a badge
      Week One Done
    • Reacting Well
      X-No-file earned a badge
      Reacting Well
    • One Month Later
      pestcontrol46 earned a badge
      One Month Later
    • Week One Done
      pestcontrol46 earned a badge
      Week One Done
  • Popular Contributors

    1. 1
      +primortal
      510
    2. 2
      PsYcHoKiLLa
      273
    3. 3
      Skyfrog
      75
    4. 4
      +Edouard
      72
    5. 5
      FloatingFatMan
      69
  • Tell a friend

    Love Neowin? Tell a friend!