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

    • Hello, Hope all is well. I am in UK.  
    • I'm not happy with myself for it, but I've gone and got hold of it. Just another 45 minutes and I'll be Bond, James Bond. In my defence, IO's Hitman series is awesome, and I'm a sucker for 007. So while it might seem a bit simplified compared to Hitman, I'm sure I'll be right at home.
    • Or just check the script yourself ^^. I hate having a Microsoft account tied to my windows install.
    • 007 First Light review: Satisfying spy adventure that James Bond needed by Pulasthi Ariyasinghe I have fond memories of classic James Bond games from the Electronic Arts era. Using high-tech gadgets, sneaking into parties, and dispatching bad guys were wildly exciting activities for my younger self. In recent years, Bond games have entirely disappeared, alongside the super spy genre. Fast forward to 2020, imagine my surprise when IO Interactive announced it had secured the Bond IP to make a game. Considering the studio’s Hitman history, this project is one I keenly kept an eye on. Six years later, 007 First Light is finally here, and after spending time inside this globe-trotting adventure, I can safely say that my excitement for this developer’s take on this universe was not unfounded. IO has taken lessons it has learned from Hitman and combined them with what I would expect from a directed cinematic experience like James Bond. I have refrained from mentioning major plot points to save you from story spoilers in this review. This is an original story that doesn’t tie into any movies, so there isn’t an expectation of knowing the backstory or the decades of movies either. Bond, James Bond When 007 First Light begins, Bond is just Bond. There isn’t a spy angle, fancy gadgets, or even a secret mission. The introductory mission is framed to show how James Bond handled himself and how he does not care about the odds when it comes to saving lives. It’s a gorgeous level as well, showing off an island scattered with cliffs in the middle of a storm. Looking back, this is probably the best-looking level in the game, with IO showing off all its abilities with its custom engine, Glacier. But my favorite ended up being the follow-up to this level. Once the United Kingdom's foreign intelligence agency, MI6, recruits our daring youngster into its super-spy “00” program, training begins. However, instead of treading through the same tutorial missions where the game teaches you to run and jump and drive, IO opted for a montage, and it’s amazing. The scenes cut between Bond practicing and improving his marksmanship, parkour, hand-to-hand combat, and driving as weeks go by in his training. What impressed me here was the lack of any loading screens or stutters as scenes instantly switched to different locations entirely, as if I was watching a movie. This creativity is a trend I noticed in most levels, where there is some sort of gameplay or choreography mechanic being introduced to keep things interesting. Soon, the rest of the cast is introduced, bringing other agents that our favorite secret agent will be working with, the scientists and engineers that build MI6’s spy gadgets, as well as higher-ranking officers that either appreciate or (at best) tolerate Bond’s rebellious attitude. It’s a tight cast, all with incredibly good voice acting and personalities that quickly grew on me. The casting for Bond himself is also an excellent one. From showing his iconic soft spot for women to the condescending smiles that get a rise out of enemies, I had no issues getting immersed into this universe as this new face of James Bond. The missions take place in a wide range of locations as MI6 sends Bond to tackle dangers that are growing everywhere from the UK to Africa. These aren’t unrelated adventures where MI6 is sending secret agents, which is an angle I would love to see in another game, but a part of a bigger conspiracy affecting the entire world. Some of the twists and turns were all too predictable, and the character that Lenny Kravitz played made me cringe a little too much. But all in all, I enjoyed the campaign’s storyline that sets the stage for this new agent joining the illustrious “00” program. Plenty of Possibilities The third-person style of IO Interactive fits this role quite well. Bond is presented as a master at hand-to-hand combat as well as firearms, while also having a knack for being stealthy when required. Most sections of missions have a lot of freedom. This means I could beat up every goon and security guard on the way to an objective, slip past them without sounding a single alarm, or do a mix of both. My sessions usually end up with the third option because I tend to be impatient about waiting for a patrol to move. Drawing from its Hitman genes, the developer almost always gives multiple routes for going through missions. Levels can be massive, sometimes sporting hundreds of NPCs going their own ways and having conversations. If my objective is to break into a security room on the third floor, I could look around for roof access, eavesdrop on conversations to find out where someone lost a key, create a distraction and pickpocket a guard for a keycard, sneak in through the vents, or simply kick down the offending door. I enjoyed the variety on offer, especially because the same solutions didn’t usually show up in different missions. Before heading out into a secret MI6 escapade, the gadget specialist of the branch walks Bond through the organization's latest and greatest achievements. This can be cool little devices like a laser built into the watch, a phone that fires poison darts, or a camera that emits a powerful shockwave. The choice of what can be taken into the mission is up to the player. I could usually find fresh routes or get out of tough situations with a punch or two, so I never had the feeling of missing out by not choosing the right equipment. It’s still a fun practice. Choosing the armaments before a mission enhanced the super spy feeling quite a bit. As I mentioned, stealth comes in as a very viable option for most of the missions, letting Bond sneak past foes or knock them out silently. While it is satisfying to clear entire areas of goons and walk away without any alarms, the way of accomplishing this could have been done better. Bond can lure enemies, sneak up and knock them out, or use a gadget to disorient them before dealing a nasty blow. Bodies cannot be moved or hidden afterward either. It’s a very simple system, which I wish were more exciting to pull off. Perhaps more stealth-orientated gadgets, distraction options, or multi-takedowns could have helped here, I think. Getting caught while attempting to be in stealth does not mean a game over. Other than getting into a fist fight, an interesting twist of 007 First Light is the bluffing option. While an enemy is confused as to what you are doing in a restricted location, Bond has the option to improvise and persuade them that you are exactly where you’re supposed to be. These are fun little dynamic interactions with unique dialog depending on the mission and location, giving a few extra moments for Bond to go past suspicious guards smoothly. It’s the first time I’ve witnessed this system in a game, and I hope to see more. License to Kill Bond isn’t just dealing with security guards or civilians. From time to time, entire gangs of gun-toting mercenaries show up in levels looking to take down our protagonist. It is then that License to Kill mode is activated for Bond, letting him use firearms with no restrictions. I was surprised by just how tight gunplay is in 007 First Light. The weapons feel powerful and satisfying to fire, with single bullets capable of taking down an enemy with a headshot. Ammo is scarce, and enemies don’t drop weapons with full magazines most of the time. This forces a hectic kind of gameplay where I am always advancing towards enemies to take their weapons after they are downed. Things like shooting legs to immobilize, aiming at the hands to make their weapon go flying, blowing up nearby fire extinguishers for cover, and using gadgets to halt a goon in their tracks while I reload, make up enjoyable levels. I had to hold back my disappointment when the enemy count in these action sequences dropped to zero and I had to go non-lethal again. Speaking of action sequences, First Light isn’t just offering sandbox levels to complete at the player’s own leisure either. Each level comes with specific linear and directed scenes to move the story forward and put Bond in tight situations. These usually end up with high-octane chases or driving sections, offering the chance to witness chaining explosions, hails of gunfire, and scripted parkour scenes that remind me of Mission Impossible movies more than Bond. Elements like seeing James Bond jump out of a plane without a parachute or drive through buildings in London inside a trash truck were fantastic and always left me at a high point when finishing a mission. The classic James Bond theme is sprinkled in here too, which only happens a handful of times in the game, but at just the right moments. Visuals and Performance Compared to Unreal Engine 5 games we are seeing nowadays, 007 First Light isn’t flexing a huge amount of realism when it comes to graphics. The models, textures, and effects all feel a little dated, with the starting mission that I mentioned being the most visually striking. However, the complete lack of stutters, the hundreds of NPCs that can be on screen without a single hitch, massive sandbox levels, and smooth transitions between them all play a part in making this an immensely immersive and complex experience. The in-engine cutscenes are gorgeous as well, offering an upgraded visual style and model detail over the gameplay sections. Animations are one aspect that jumps out at me about any new game, and First Light has nailed what a third-person action game should feel like. Walking, sneaking, and running all have a heaviness to them that I appreciate. Whenever Bond moves past a wall or a ledge, his arms reach out to lightly hold those structures until he moves away. NPCs actually react to my character and move out of the way. Even during melee combat or takedown animations, the fists impacting a body or a head hitting a wall all have that same weight. Even the more frivolous animations, like catching a gun in midair or chucking an empty one at a goon (yes, you can do that), are satisfying to pull off. Of course, the in-engine cutscene animations are remarkably well done too, with facial animations and the upgraded model details improving my engagement with the characters. I have an AMD Radeon RX 9070 XT 16GB paired with an eight-core Ryzen 7 3700X and 32GB of RAM, with the game running at 1440p resolution. Deciding to completely max out all the graphics options gave me a range of frame rates between 60 and 100 depending on the scene and level. While I did try to enable AMD FSR, which bumped up the frame rates by a good 20% at Quality mode, IO Interactive’s implementation of the technology wasn’t that great. Every corner and edge in levels began shimmering, and I was also seeing smearing issues in fast-moving sections. The title seemingly uses the older generation FSR 3.1 and not the machine learning-assisted FSR 4, leading to these artifacts. Unfortunately, there isn't a way to manually upgrade this right now either. I opted to turn off the upscaling and play the game in native 1440p to avoid problems. I would say the FPS range I was getting was an acceptable one for a single-player action game for my setup. I do wish there were an FOV slider option in the settings. While the camera is far enough back for my tastes in most situations in this third-person adventure, at times the perspective is far too close. When trying to look around quickly and spot targets, I realized I was getting a slight headache at times due to the use of an almost over-the-shoulder close-up camera. Conclusion Being James Bond in 007 First Light is a treat. Traveling around the world chasing conspiracies, using high-tech gadgets disguised as everyday accessories, and improvising on the spot to fool foes all give a fantastic feeling of being a super spy. For an origin story, IO Interactive has done a great job at introducing the character and his motives for doing what he does. The satisfying combat animation and fantastic voice acting are definitely high points, with the License to Kill moments being my favorite. Not being able to move bodies and the simplistic stealth of mechanics does hurt its presentation a little. The NPC logic and intelligence is easy to manipulate and trick, repeating the same actions over and over again if I keep making distractions. The lack of an FOV slider was also a pain (quite literally) at times, and the FSR implementation is quite poor. These are things I hope the studio will improve upon with updates. Even with its faults, IO Interactive and James Bond are a match made in heaven. The studio knows how to make a main character that oozes charm and competency while also leaning heavily into its Hitman experience to make gigantic levels with what looks like hundreds of NPCs roaming around. Being an origin story, IO’s Bond has a way to go before he becomes the highly effective agent we see in the movie world. I am hoping the studio will continue this series alongside its Hitman ventures going forward, just so we get to experience the journey for longer. 007 First Light is available on PC (Steam, Epic Games Store, and Xbox PC), Xbox Series X|S, and PlayStation 5 for $69.99. This review was conducted on the PC version of the game provided by IO Interactive.
  • Recent Achievements

    • Collaborator
      conkir earned a badge
      Collaborator
    • Rising Star
      olavinto went up a rank
      Rising Star
    • 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
  • Popular Contributors

    1. 1
      +primortal
      504
    2. 2
      PsYcHoKiLLa
      271
    3. 3
      +Edouard
      75
    4. 4
      Skyfrog
      74
    5. 5
      Steven P.
      71
  • Tell a friend

    Love Neowin? Tell a friend!