Recommended Posts

Heartripper... Can you please share the code for the Squared Buttons?

I removed the style of buttons entirely because I can't find a fully working one...

http://min.us/llyw6w

By the way, check this bug https://bugzilla.mozilla.org/show_bug.cgi?id=603790

In the future propably they will make the Theme squared to fit with new tabs and Windows 7 generally... But can't wait :p Whatever is rounded/curved just sickens me!

Whatever is rounded/curved just sickens me!

Agreed. Rounded corners rarely work on a GUI.... Just take a look at the default AERO skin on Windows 7, set your wallpaper to a bright picture, then look at the top left and right corners of the start menu.... Someone forgot to AA that crap! It looks horrible! I really wish I could find a nce enough skin with square corners.

But that code needs a fix... Being in normal mode, breaks the back-button...

sorry, i didn't think to it since i always use small icons.

 #main-window:not([sizemode="maximized"]) #navigator-toolbox[tabsontop="true"] #nav-bar{
   border-radius: 2.5px 2.5px 0 0 !important;
 }

 #nav-bar>.toolbarbutton-1,
 #searchbar .searchbar-textbox,
 #urlbar{
   border-radius: 2.5px !important;
 }

 #navigator-toolbox[iconsize="small"] #unified-back-forward-button #back-button{
   border-radius: 2.5px 0 0 2.5px !important;
 }

 #unified-back-forward-button #forward-button{
   border-radius: 0 2.5px 2.5px 0 !important;
 }

thanks for the find, i really like it!

can anyone make a new "non grey tabs" the old one leaves a weird line above the tabs in the new nighltys with square tabs.

Install The Latest Dev version of Tab Mix Plus, you can change the colors and more of any tab.

http://tmp.garyr.net/forum/viewtopic.php?t=10888

Is there a way to change the color of the 'tab arrow'? (I don't know it's name, it's the one that appears when there's too many tabs and used to navigate)

?di=512991610285

These lines work for me in Stylish & Minefield of 20110303:

.scrollbutton-up .toolbarbutton-icon { background-color: red !important; }
.scrollbutton-down .toolbarbutton-icon { background-color: red !important; }

I don't know why, but the LHS one is muted whereas the RHS one is brighter.

I also didn't see if it works in userChrome.css directly.

I've ended up with this:

http://userstyles.org/styles/44843/

44843_after.png

Not finished yet though.

Hey foxxyn8 I would really appreciate your help again with something. My custom tabs style is broken again.

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

#TabsToolbar > .toolbarbutton-1:not(#alltabs-button):not(#new-tab-button):not(#tabview-button) {
        -moz-appearance: none !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
        background-repeat: no-repeat !important;
        background-size: 200% !important;
        background-position: -5px -2px !important;
        -moz-border-image: url("chrome://browser/skin/tabbrowser/tab.png") 4 5 3 6 / 4px 5px 3px 6px !important;
        -moz-border-radius: 10px 8px 0 0 !important;
}

.tabbrowser-tab:not([selected="true"]), 
.tabs-newtab-button, 
#TabsToolbar > .toolbarbutton-1:not(#alltabs-button):not(#new-tab-button):not(#tabview-button) {
        background-image: -moz-linear-gradient(top,rgba(198,201,206,.70), rgba(151,160,172,.70)), -moz-linear-gradient(bottom, rgba(0,0,0,.8) 20%, rgba(0,0,0,0) 60%) !important;
}

.tabbrowser-tab:not([selected="true"]):hover, 
.tabs-newtab-button:hover, 
#TabsToolbar > .toolbarbutton-1:not(#alltabs-button):not(#new-tab-button):not(#tabview-button):hover {
        background-image: -moz-linear-gradient(top,rgba(198,201,206,.8), rgba(151,160,172,.8)), -moz-linear-gradient(bottom, rgba(0,0,0,.8) 20%, rgba(0,0,0,0) 60%) !important;
}

.tabbrowser-tab:not([selected="true"]) {
        text-shadow: 0 1px 0 rgba(255,255,255,.3) !important;
}

#main-window[sizemode="maximized"] #TabsToolbar > #home-button {
        margin-left: -3px !important;
}

.tabbrowser-tab, .tabs-newtab-button {
   -moz-border-image: url("chrome://browser/skin/tabbrowser/tab.png") 4 3 2 3 / 4px 3px 2px 3px repeat stretch !important;
}

.tabs-newtab-button, #TabsToolbar > .toolbarbutton-1  {
width: 28px !important;
}

The border and background of the buttons in tabs-toolbar are broken. Also tried to combine the style with the thinner tabs style but the icon padding in the buttons is off. Can you please help me fix the style, can't manage to do it properly myself?

Thanks in advance!

post-344974-0-64536600-1299257342.png

Hey foxxyn8 I would really appreciate your help again with something. My custom tabs style is broken again.

The border and background of the buttons in tabs-toolbar are broken. Also tried to combine the style with the thinner tabs style but the icon padding in the buttons is off. Can you please help me fix the style, can't manage to do it properly myself?

Thanks in advance!

Does this work any better for ya?

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

#TabsToolbar > .toolbarbutton-1:not(#alltabs-button):not(#new-tab-button):not(#tabview-button) {
        -moz-appearance: none !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
        background-repeat: no-repeat !important;
        background-size: 200% auto !important;
        background-position: -2px -2px !important;
        -moz-border-image: url("chrome://browser/skin/tabbrowser/tab.png") 4 3 2 3 / 4px 3px 2px 3px repeat stretch !important;
        -moz-border-radius: 7px 7px 0 0 !important;
}

.tabbrowser-tab:not([selected="true"]), 
.tabs-newtab-button, 
#TabsToolbar > .toolbarbutton-1:not(#alltabs-button):not(#new-tab-button):not(#tabview-button) {
        background-image: -moz-linear-gradient(top,rgba(198,201,206,.70), rgba(151,160,172,.70)), -moz-linear-gradient(bottom, rgba(0,0,0,.8) 20%, rgba(0,0,0,0) 60%) !important;
}

.tabbrowser-tab:not([selected="true"]):hover, 
.tabs-newtab-button:hover, 
#TabsToolbar > .toolbarbutton-1:not(#alltabs-button):not(#new-tab-button):not(#tabview-button):hover {
        background-image: -moz-linear-gradient(top,rgba(198,201,206,.8), rgba(151,160,172,.8)), -moz-linear-gradient(bottom, rgba(0,0,0,.8) 20%, rgba(0,0,0,0) 60%) !important;
}

.tabbrowser-tab:not([selected="true"]) {
        text-shadow: 0 1px 0 rgba(255,255,255,.3) !important;
}

#main-window[sizemode="maximized"] #TabsToolbar > #home-button {
        margin-left: -3px !important;
}

.tabbrowser-tab, .tabs-newtab-button {
   -moz-border-image: url("chrome://browser/skin/tabbrowser/tab.png") 4 3 2 3 / 4px 3px 2px 3px repeat stretch !important;
}

.tabs-newtab-button, #TabsToolbar > .toolbarbutton-1  {
width: 28px !important;
}

I've ended up with this:

http://userstyles.org/styles/44843/

44843_after.png

Not finished yet though.

It looks nice! I preferred the original 4.0 mockups, but with the new tabs it fits better. why a background in the buttons? I removed it so they look good on a translucent navbar as do the original ones :)

It looks nice! I preferred the original 4.0 mockups, but with the new tabs it fits better. why a background in the buttons? I removed it so they look good on a translucent navbar as do the original ones :)

by default buttons in the navbar have a background, i only changed it according to the mockup in the bug posted above.

You did well! Nice, thank you!

That bug I suspect will be fixed in long time... Unfortunately. You fixed also the back-button in normal mode.

Can I suggest something? You have nice backgrounds on verified domain & identity boxes... But you removed entirely the unknown identity... Could you just remove entirely the background so it fits well with search box icon? Just saying...

So... Will remain only the site's icon which looks the same with search-engine icon... Both without backgrounds...

Also this code

#appmenu-button { 
  border-radius: 2px !important;
}

is giving the same border-radius ( 2px ) to appmenubutton so it's identical with all buttons. Anyway, that's a personal choice.

And this fixes the border-radius of status-panel

.statuspanel-label {
  border-radius: 1px !important;
}

Trying to design everything identical... Squared corners.

@Deo Domuique: I'm working on it to remove the excessive space between the icon and the url

@ruiderson: i've pasted it here: http://pastebin.com/TQPTzEq9

Heartripper Check my current design/idea for Addon-bar buttons:

ijqV1k.png

I have the mouse pointer on the ABP button to see the hover effect which is the normal, bluish style.

I've bookmarked your style to keep tracking your progress.

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!