Recommended Posts

Hey NeoRev, maybe give this fairly new addon a try UI Eraser. Seems to be able to hide just about everything in the firefox ui. If anything, it can show you the css selector name you need to hide the thing you want. DOM Inspector can do that but I could never figure that out.

But i'm not exactly sure the menubar you're talking about on OS X is even part of firefox browser chrome/skin. So I don't think you can hide it with a css script.

Is there a code for changing the color of the scroll bar? I would like it to be more visible. Possibly a light blue or navy blue. Even just black would work. I don't mean the entire bar. I just mean the bar marker that scrolls up and down.

Is there a code for changing the color of the scroll bar? I would like it to be more visible. Possibly a light blue or navy blue. Even just black would work. I don't mean the entire bar. I just mean the bar marker that scrolls up and down.

try this:

scrollbar thumb {
 -moz-appearance: none !important; 
  background: blue !important;
 }

just replace "blue" with "skyblue".

Should've known it would be that easy. Thanks!! It's a bit greener than I would like. It's more turquoise than a sky blue. Are there any other blue colors? I want it to be like the sky blue from Win7's theme. Like a baby blue or light blue. I'm gonna try one of those and see if they work. I think lightblue is the best I can get it, which is pretty decent.

Should've known it would be that easy. Thanks!! It's a bit greener than I would like. It's more turquoise than a sky blue. Are there any other blue colors? I want it to be like the sky blue from Win7's theme. Like a baby blue or light blue. I'm gonna try one of those and see if they work. I think lightblue is the best I can get it, which is pretty decent.

Here's a table with the "named" colors:

http://msdn.microsoft.com/en-us/library/aa358800(v=vs.85).aspx

BetaNews Fileforum has a harsh orange BG so I fixed it to a grey one:

Please note:work in progress. if anyone wants to help make it better please let me know!

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("betanews.com") {
body {
background:#333!important;
}

}

if you see little orange things everywhere you can just use ABP to block them for now till I make my own custom images for it to over ride the orange tinted ones.

BetaNews Fileforum has a harsh orange BG so I fixed it to a grey one:

Please note:work in progress. if anyone wants to help make it better please let me know!

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("betanews.com") {
body {
background:#333!important;
}

}

if you see little orange things everywhere you can just use ABP to block them for now till I make my own custom images for it to over ride the orange tinted ones.

now for the header graphic it's got orange around it and here's what I've been trying to do (copied off the site's CSS for that particular logo:

#header {
  background: url("http://i.imgur.com/nY4fD.png") 0 0 no-repeat;
}

but it won't change......

any help on this and it would be most appreciated.

BetaNews Fileforum has a harsh orange BG so I fixed it to a grey one:

Please note:work in progress. if anyone wants to help make it better please let me know!

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("betanews.com") {
body {
background:#333!important;
}

}

if you see little orange things everywhere you can just use ABP to block them for now till I make my own custom images for it to over ride the orange tinted ones.

now for the header graphic it's got orange around it and here's what I've been trying to do (copied off the site's CSS for that particular logo:

#header {
  background: url("http://i.imgur.com/nY4fD.png") 0 0 no-repeat;
}

but it won't change......

any help on this and it would be most appreciated.

you forgot "!important" to overide the sites default:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("betanews.com") {

body {
background:#333!important;
}

#header {
background: url("http://i.imgur.com/nY4fD.png") 0 0 no-repeat !important;
}

}

corrections released with replaced images:

Looks good so far!!!! way better then the harsh orange!

thanks to foxxyn8 for the little !important; tip!!!

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("betanews.com") {

body {
background:#333!important;
}

#header {
background: url("http://i.imgur.com/nY4fD.png") 0 0 no-repeat !important;
}

#userbox {
  background: url("http://i.imgur.com/LeSiy.png") no-repeat !important;
}

.navbar_topleft {
    background: url("http://i.imgur.com/yTatj.png") 0 0 no-repeat !important;
}

#header_search {
  background: url("http://i.imgur.com/G6L2A.png") 100% 0px no-repeat !important;
}

}

released on : http://userstyles.org/styles/53680/betanews-fileforum-grey?r=1316210589

Hey, I've update my Curve tab style, link: http://userstyles.org/styles/50806/firefox-4-curve-tabs

This style use *.svg image to build the curve boder of tab, like Strata 40 and Strata 50 tab style in Spewboy's Stratiform.

But there are some minor problem which I don't know how to fix, can anyone help me?

Link: http://userstyles.org/styles/50806/firefox-4-curve-tabs

Preview:

post-402198-0-19117500-1316271414.png

  • 2 weeks later...

Hi all,

First off, a very inspiring thread!

I'm trying to replicate the forward button behaviour in the UX builds of Nightly, which I really like.

After messing around with soapy's Australis theme as well as the UX omni.jar, I have the following in my userchrome.css:


#nav-bar[currentset*="unified-back-forward-button,urlbar-container"] #forward-button{
border-radius: 0 !important;
margin-right: 0 !important;
}#nav-bar[currentset*="unified-back-forward-button,urlbar-container"] #urlbar{
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
margin-left: 0 !important;
border-left: 0 !important;
}
#identity-box {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
/* unified back/forward button */
#back-button {
-moz-image-region: rect(0, 18px, 18px, 0);
}
#forward-button {
-moz-image-region: rect(0, 36px, 18px, 18px);
}#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button {
-moz-image-region: rect(18px, 20px, 38px, 0);
}
#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
#forward-button:-moz-locale-dir(rtl),
#forward-button:-moz-locale-dir(rtl) > .toolbarbutton-text {
-moz-transform: scaleX(-1);
}#nav-bar #back-button {
-moz-margin-end: 0 !important;
}
#nav-bar #forward-button {
border-left-style: none;
margin-left: 0 !important;
}#nav-bar #back-button:-moz-locale-dir(ltr) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
#nav-bar #back-button:-moz-locale-dir(rtl),
#nav-bar #forward-button {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}#navigator-toolbox[iconsize="large"][mode="icons"][tabsontop="true"]:not([customizing]) #nav-bar[currentset*="unified-back-forward-button,urlbar-container"] #unified-back-forward-button #forward-button {
border-radius: 0;
}
#navigator-toolbox[iconsize="large"][mode="icons"][tabsontop="true"]:not([customizing]) #nav-bar[currentset*="unified-back-forward-button,urlbar-container"] #forward-button[disabled="true"],
#navigator-toolbox[iconsize="large"][mode="icons"][tabsontop="true"]:not([customizing]) #nav-bar[currentset*="unified-back-forward-button,urlbar-container"] #unified-back-forward-button:not([disabled]):after {
visibility: collapse;
}
#main-window[chromehidden=""] #navigator-toolbox[tabsontop="true"][iconsize="large"][mode="icons"]:not([customizing]) #nav-bar[currentset*="unified-back-forward-button,urlbar-container"] #unified-back-forward-button:after {
content: "";
display: -moz-box;
mask: url(chrome://browser/skin/keyhole-forward-mask.svg#mask);
background-color: rgba(255,255,255,.9);
background-clip: padding-box;
margin: 1px 0;
-moz-margin-start: -6px;
width: 20px;
max-width: 20px;
min-width: 20px;
border-top: 1px solid rgba(23,50,77,.25);
border-bottom: 1px solid rgba(23,50,77,.25);
box-shadow: 0 1px rgba(255,255,255,.10),
0 1px rgba(0,0,0,.02) inset;
}#navigator-toolbox[iconsize="large"][mode="icons"][tabsontop="true"]:not([customizing]) #nav-bar[currentset*="unified-back-forward-button,urlbar-container"] #unified-back-forward-button[focused]:after {
background-color: white;
}
#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar[currentset*="unified-back-forward-button"],
#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar:not([currentset]) {
padding-top: 3px;
padding-bottom: 5px;
}#navigator-toolbox[iconsize="large"][mode="icons"][tabsontop="true"] > #nav-bar[currentset*="unified-back-forward-button"],
#navigator-toolbox[iconsize="large"][mode="icons"][tabsontop="true"] > #nav-bar:not([currentset]) {
padding: 7px 2px 8px;
}
#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #forward-button {
mask: url(keyhole-forward-mask.svg#mask);
margin-left: -6px !important;
-moz-padding-start: 9px;
-moz-padding-end: 3px;
}
#navigator-toolbox[iconsize="large"][mode="icons"][tabsontop="true"] #nav-bar[currentset*="unified-back-forward-button,urlbar-container"] #forward-button:not(:-moz-any(:hover,:active,[open])) {
border-color: rgba(23,50,77,.25);
}
#navigator-toolbox[iconsize="large"][mode="icons"][tabsontop="true"] #nav-bar[currentset*="unified-back-forward-button,urlbar-container"] #forward-button {
-moz-transition: margin-left 150ms linear 0s,
opacity 100ms ease-in 50ms;
}#navigator-toolbox[iconsize="large"][mode="icons"][tabsontop="true"]:not([customizing]) #nav-bar[currentset*="unified-back-forward-button,urlbar-container"] #forward-button[disabled="true"] {
opacity: 0;
margin-left: -30px !important;
-moz-transition: margin-left 100ms ease-out,
opacity 100ms ease-out,
visibility 1ms ease-out 100ms;
}



#main-window[chromehidden=""] #navigator-toolbox[tabsontop="true"][iconsize="large"][mode="icons"]:not([customizing]) #nav-bar[currentset*="unified-back-forward-button,urlbar-container"] #unified-back-forward-button[disabled] + #urlbar-container > #urlbar > .autocomplete-textbox-container.urlbar-textbox-container {
-moz-margin-start: -13px;
position: relative;
}
#main-window[chromehidden=""] #navigator-toolbox[tabsontop="true"][iconsize="large"][mode="icons"]:not([customizing]) #nav-bar[currentset*="unified-back-forward-button,urlbar-container"] #unified-back-forward-button + #urlbar-container > #urlbar {
-moz-border-start: 0;
border-radius: 0 2px 2px 0;
}#main-window[chromehidden=""] #navigator-toolbox[tabsontop="true"][iconsize="large"][mode="icons"]:not([customizing]) #nav-bar[currentset*="unified-back-forward-button,urlbar-container"] #unified-back-forward-button[disabled] + #urlbar-container > #urlbar {
-moz-margin-start: 0;
}
#main-window[chromehidden=""] #navigator-toolbox[tabsontop="true"][iconsize="large"][mode="icons"]:not([customizing]) #nav-bar[currentset*="unified-back-forward-button,urlbar-container"] #unified-back-forward-button:not([disabled]) + #urlbar-container > #urlbar {
-moz-margin-start: -3px;
}#urlbar[leftsidestar="true"] {
-moz-padding-start: 1px;
}

[/CODE]

Its not pretty but it kinda works for now :p

This is how it looks with the forward button disabled -

ux3.png

This is how I want it to look -

ux1.png

As you can see the identity-box part of the urlbar does not sit flush up to the rounded back button. Does anyone have any ideas how I can get the identity box to look like that? I've been trying various things for hours with no joy :(

When the forward button is activated it looks perfect -

ux4.png

Heres how it looks in the 'real' UX build.

ux2.png

Any help would be much appreciated :)

Hi all,

First off, a very inspiring thread!

I'm trying to replicate the forward button behaviour in the UX builds of Nightly, which I really like.

After messing around with soapy's Australis theme as well as the UX omni.jar, I have the following in my userchrome.css:



[/CODE]

Its not pretty but it kinda works for now :p

This is how it looks with the forward button disabled -

This is how I want it to look -

As you can see the identity-box part of the urlbar does not sit flush up to the rounded back button. Does anyone have any ideas how I can get the identity box to look like that? I've been trying various things for hours with no joy :(

When the forward button is activated it looks perfect -

Heres how it looks in the 'real' UX build.

Any help would be much appreciated :)

Actually, I'm also working on this, here's an incomplete style: http://userstyles.org/styles/54258/firefox-9-conditional-forward-button-icplt

There are some bug that I've not figured out a solution yet, hope you guys could help me

I worked it out by myself in the end, mostly from the code in Soapy's Australis theme. It requires three files to work, so I zipped it up, if anyone is interested in using it, feel free, you can download all you need here -

http://dl.dropbox.co...ward-urlbar.zip

Heres the userchrome for people to browse, should they not want to download the zip -


#back-button {-moz-appearance: none !important;
-moz-transition: all 0.7s ease; }
#back-button[disabled="true"] {-moz-appearance: none !important;
-moz-transition: 0.7s ease-out !important; }#nav-bar[currentset*="unified-back-forward-button,urlbar-container"] #forward-button{
border-radius: 0 !important;
margin-right: 0 !important;
}#nav-bar[currentset*="unified-back-forward-button,urlbar-container"] #urlbar{
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
margin-left: 0 !important;
border-left: 0 !important;
}
#identity-box {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
/* unified back/forward button */
#back-button {
-moz-image-region: rect(0, 18px, 18px, 0);
-margin-left: -3;
}
#forward-button {
-moz-image-region: rect(0, 36px, 18px, 18px);
}#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button {
-moz-image-region: rect(18px, 20px, 38px, 0);
}
#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
#forward-button:-moz-locale-dir(rtl),
#forward-button:-moz-locale-dir(rtl) > .toolbarbutton-text {
-moz-transform: scaleX(-1);
}#nav-bar #back-button {
-moz-margin-end: 0 !important;
}
#nav-bar #forward-button {
border-left-style: none;
margin-left: 0 !important;
}#nav-bar #back-button:-moz-locale-dir(ltr) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
#nav-bar #back-button:-moz-locale-dir(rtl),
#nav-bar #forward-button {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}#navigator-toolbox[iconsize="large"][mode="icons"][tabsontop="true"]:not([customizing]) #nav-bar[currentset*="unified-back-forward-button,urlbar-container"] #unified-back-forward-button #forward-button {
border-radius: 0;
}
#navigator-toolbox[iconsize="large"][mode="icons"][tabsontop="true"]:not([customizing]) #nav-bar[currentset*="unified-back-forward-button,urlbar-container"] #forward-button[disabled="true"],
#navigator-toolbox[iconsize="large"][mode="icons"][tabsontop="true"]:not([customizing]) #nav-bar[currentset*="unified-back-forward-button,urlbar-container"] #unified-back-forward-button:not([disabled]):after {
visibility: collapse;
}
#main-window[chromehidden=""] #navigator-toolbox[tabsontop="true"][iconsize="large"][mode="icons"]:not([customizing]) #nav-bar[currentset*="unified-back-forward-button,urlbar-container"] #unified-back-forward-button:after {
content: "";
display: -moz-box;
mask: url(chrome://browser/skin/keyhole-forward-mask.svg#mask);
background-image: url("ident.png") !important;
background-clip: padding-box;
margin: 1px 0;
-moz-margin-start: -4px;
width: 20px;
max-width: 20px;
min-width: 20px;
border-top: 1px solid rgba(23,50,77,.4);
border-bottom: 1px solid rgba(23,50,77,.4);
box-shadow: 0 1px rgba(255,255,255,.10),
0 1px rgba(0,0,0,.02) inset;
}
#navigator-toolbox[iconsize="large"][mode="icons"][tabsontop="true"]:not([customizing]) #nav-bar[currentset*="unified-back-forward-button,urlbar-container"] #unified-back-forward-button[focused]:after {
background-color: white;
}
#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar[currentset*="unified-back-forward-button"],
#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar:not([currentset]) {
padding-top: 3px;
padding-bottom: 5px;
}#navigator-toolbox[iconsize="large"][mode="icons"][tabsontop="true"] > #nav-bar[currentset*="unified-back-forward-button"],
#navigator-toolbox[iconsize="large"][mode="icons"][tabsontop="true"] > #nav-bar:not([currentset]) {
padding: 7px 2px 8px;
}
#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #forward-button {
mask: url(keyhole-forward-mask.svg#mask);
margin-left: -6px !important;
-moz-padding-start: 9px;
-moz-padding-end: 3px;
}
#navigator-toolbox[iconsize="large"][mode="icons"][tabsontop="true"] #nav-bar[currentset*="unified-back-forward-button,urlbar-container"] #forward-button:not(:-moz-any(:hover,:active,[open])) {
border-color: rgba(23,50,77,.25);
}
#navigator-toolbox[iconsize="large"][mode="icons"][tabsontop="true"] #nav-bar[currentset*="unified-back-forward-button,urlbar-container"] #forward-button {
-moz-transition: margin-left 150ms linear 0s,
opacity 100ms ease-in 100ms;
}#navigator-toolbox[iconsize="large"][mode="icons"][tabsontop="true"]:not([customizing]) #nav-bar[currentset*="unified-back-forward-button,urlbar-container"] #forward-button[disabled="true"] {
opacity: 0;
margin-left: -30px !important;
-moz-transition: margin-left 100ms ease-out,
opacity 50ms ease-out,
visibility 100ms ease-out 100ms;
}
#main-window[chromehidden=""] #navigator-toolbox[tabsontop="true"][iconsize="large"][mode="icons"]:not([customizing]) #nav-bar[currentset*="unified-back-forward-button,urlbar-container"] #unified-back-forward-button[disabled] + #urlbar-container > #urlbar > .autocomplete-textbox-container.urlbar-textbox-container {
-moz-margin-start: -13px;
position: relative;
}
#main-window[chromehidden=""] #navigator-toolbox[tabsontop="true"][iconsize="large"][mode="icons"]:not([customizing]) #nav-bar[currentset*="unified-back-forward-button,urlbar-container"] #unified-back-forward-button + #urlbar-container > #urlbar {
-moz-border-start: 0;
border-radius: 0 2px 2px 0;
}#main-window[chromehidden=""] #navigator-toolbox[tabsontop="true"][iconsize="large"][mode="icons"]:not([customizing]) #nav-bar[currentset*="unified-back-forward-button,urlbar-container"] #unified-back-forward-button[disabled] + #urlbar-container > #urlbar {
-moz-margin-start: 0;
}
#main-window[chromehidden=""] #navigator-toolbox[tabsontop="true"][iconsize="large"][mode="icons"]:not([customizing]) #nav-bar[currentset*="unified-back-forward-button,urlbar-container"] #unified-back-forward-button:not([disabled]) + #urlbar-container > #urlbar {
-moz-margin-start: -3px;
}#urlbar[leftsidestar="true"] {
-moz-padding-start: 1px;
}#navigator-toolbox[iconsize="large"][mode="icons"][tabsontop="true"] #nav-bar[currentset*="unified-back-forward-button,urlbar-container"] #unified-back-forward-button {
-moz-binding: url(globalBindings.xml#conditionalForward);
}
#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #identity-box{
margin-left: -2px !important;
padding-left: 1px !important;
}
[/CODE]

And here is how it looks -

ux6.png

It all seems to work perfectly, there is one minor annoyance in that https or gmail pages the identity-box colouring does not wrap round the button like on all other sites. As you can see, I can totally live with this but if anyone has any ideas how I can fix this let me know -

ux5.png

EDIT: Just worked out how to do away with ident.png, in userchrome replace -

[CODE]
url("ident.png") !important;
[/CODE]

with -

[CODE]
-moz-linear-gradient(hsl(0,0%,98%), hsl(0,0%,92%));
box-shadow: 0 1px 0 hsla(0,0%,0%,.05) inset;
[/CODE]

I've been using Nightly and my old theme seems to have some issues. Actualy, it's just one. My back button still has stroke/shadow to it even though the rest of the buttons don't (and the falt look is what I want).

clipboard01qy.jpg

I'd appreciate some help.

  • 3 weeks later...

I'm having a dumb sort of issue. I have only two bookmarks in my bookmarks toolbar: share on posterous and subscribe in google reader. I wanted to place those next to the search bar.

I've already used a custom style to remove the text so only icons would appear, but what's annoying is that I can't "resize" the bookmarks toolbar when placed there, it only shows one icon and the ">>" to reach the other one, plus it leaves the extra empty space beneath the row in which the address bar, search bar and bookmarks toolbar are.

Here's a screenshot:

fftoolbar.jpg

Help? Ultimately, I just want those icons in bookmarks toolbar to show without having to reach the ">>" and to remove the empty space beneath. Thanks.

EDIT:

I've fixed the problem partially: I now don't have the empty space below (by disabling the bookmarks toolbar in options, the icons still somehow stuck up there), and I have added a separator after the last icon so it now shows both on there.

fftoolbar2.jpg

The only problem is that I still have the "Show more bookmarks" thing (>>) there, even though it points to nothing. Ideas?

I'm using this style for the navigation buttons, I think it's called Chrome Toolbar Buttons but I don't remember where I got it. :(

Is it possible to apply the same style to the personal/bookmarks toolbar?


@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
.toolbarbutton-1{
border: 1px solid transparent !important;
box-shadow: none !important;
background: none !important;
border-radius: 4px !important;
-moz-transition: none !important;
}
.toolbarbutton-1:not([disabled="true"]):hover{
background: -moz-linear-gradient(rgba(255,255,255,.5),
rgba(255,255,255,.1)) padding-box !important;
border: 1px solid rgba(0,0,0,.2) !important;
box-shadow: 0 1px 0 0 rgba(255,255,255,.3) inset,
0 1px 0 0 rgba(255,255,255,.3) !important;
}
.toolbarbutton-1[type="menu-button"] toolbarbutton:hover:active,
.toolbarbutton-1[type="menu-button"][open] dropmarker,
.toolbarbutton-1:not([disabled]):not([type="menu-button"]):hover:active,
.toolbarbutton-1:not([disabled]):not([type="menu-button"]):not(:active)[open] {
border-color: rgba(0,0,0,.3) !important;
background: rgba(0,0,0,.1) !important;
box-shadow: 0 1px 0 rgba(0,0,0,.1) inset,
0 2px 0 rgba(0,0,0,.05) inset,
1px 0 0 rgba(0,0,0,.05) inset,
-1px 0 0 0 rgba(0,0,0,.05) inset !important;
}
.toolbarbutton-1[type="menu-button"]>*{
box-shadow: none !important;
background: none !important;
border: none !important;
-moz-transition: none !important;
}
.toolbarbutton-1:not([disabled])[type="menu-button"]:not(:active)[open]{
border-color: rgba(0,0,0,.3) !important;
}
.toolbarbutton-1[type="menu-button"] toolbarbutton{
border-radius: 3px 0 0 3px !important;
}
.toolbarbutton-1[type="menu-button"] dropmarker{
border-left: 1px solid transparent !important;
border-radius: 0 3px 3px 0 !important;
}
#nav-bar .toolbarbutton-1[type="menu-button"]:hover dropmarker,
#nav-bar .toolbarbutton-1[type="menu-button"]:active dropmarker,
#nav-bar .toolbarbutton-1[type="menu-button"][open="true"] dropmarker{
border-left: 1px solid rgba(0,0,0,.25) !important;
}
[/CODE]

Anyone have a stylish code for making the close button (x on tabs) bigger, or possibly even a different color like red or blue? As it is now, it's ridiculously small. Thanks if you can help!!

I want something like this stylish, but I want the red x close tab buttons on every tab. I want it show up all the time, not just when I'm hovering over the active tab. Is it possible? If so, how? Can someone fix this code for me and upload the right one? Thanks if you can! Here's the original stylish. http://userstyles.org/styles/24065/red-close-tab-buttons

Anyone have a stylish code for making the close button (x on tabs) bigger, or possibly even a different color like red or blue? As it is now, it's ridiculously small. Thanks if you can help!!

How about this style, the close button is the same size, but prettier and easier to see: http://userstyles.org/styles/54830/curve-tabs-ii

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!