Recommended Posts

Next time when you're trying to be helpful check out the original post first.

I tweaked it a little last night so the rollover effect is a bit more subtle. px-nicer2.txt

Somehow simply copying and pasting the code into the forums didn't work. It inserts a space somewhere it doesn't belong in the image code.

You posted this and I posted how to do it. I won't bother doing so any longer. :whistle:

You posted this and I posted how to do it. I won't bother doing so any longer. :whistle:

It was referencing a post that I put up much, much earlier in the thread, which used the code tags and thus displayed as you suggested. If you'd looked at the post in question you'd have seen that. I wasn't asking anybody for assistance, I was explaining to somebody why the code as it is displayed where I posted it will not work. Hence the more reliable method of linking to a text file, instead. I do appreciate your desire to help people, but mostly I just felt insulted. If you'd read the thread, even just the first page, you'd have seen I'm well aware of how to post code. Don't take it personally, I'm easy to irritate.

It was referencing a post that I put up much, much earlier in the thread, which used the code tags and thus displayed as you suggested. If you'd looked at the post in question you'd have seen that. I wasn't asking anybody for assistance, I was explaining to somebody why the code as it is displayed where I posted it will not work. Hence the more reliable method of linking to a text file, instead. I do appreciate your desire to help people, but mostly I just felt insulted. If you'd read the thread, even just the first page, you'd have seen I'm well aware of how to post code. Don't take it personally, I'm easy to irritate.

No problem. :)

post-346088-12822648847448.png

#appmenu-button
{
background-color: rgba(54, 121, 166, 0.2) !important;
}

#appmenu-button{
padding-left: 10px !important;
padding-right: 10px !important;
}

#appmenu-button .button-box .box-inherit:before {
  content: "Foxy";
}

#appmenu-button .button-box .box-inherit .button-text {
  display: none;
}

#appmenu-button{
padding: 3px 9px 3px 9px !important;
}

#appmenu-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;
  text-shadow: 0 1px 0 rgba(255,255,255,.3) !important;}

#appmenu-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;
}

#appmenu-button[open="true"]{
-moz-border-radius: 0px !important;
}

.tabbrowser-tab, .tabs-newtab-button {
  background: rgba(20,20,20,.5) !important;
  color: #ffffff !important;
  text-shadow: #000000 1px 1px 2px, #000000 -1px 1px 2px, #000000 1px -1px 2px, #000000 -1px -1px 2px !important;
  font-size: 11px !important;
  border: #000000 1px solid !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
  padding-top: 2px !important;
  -moz-box-shadow: inset 0px 0px 1em 0px rgba(255,255,255,.5) !important; 
  -moz-border-radius: 6px 6px 0px 0px !important;
  margin-top: 2px !important;
}
.tabbrowser-tab:not([pinned="true"])
{
 margin-left: 0px !important;
 margin-right: 1px !important;
 padding-bottom: 0px !important;

}

.tabbrowser-tab[pinned="true"]
{
  margin-top: 2px !important;
  margin-bottom: 2px !important;
  padding-bottom: 0px !important;
  padding-top: 0px !important;
}

.tabbrowser-tab[pinned="true"] .tab-icon-image
{
  margin-top: 0px !important;

}

.tabbrowser-tab[selected="true"]{
  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;
  text-shadow: 0 1px 0 rgba(255,255,255,.3) !important;
}

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

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



#main-menubar{
margin-left: 77px !important;
}

#appmenu-button-container{
position: fixed !important;
}

#navigator-toolbox[tabsontop="true"] #TabsToolbar{
padding-left: 77px !important;
padding-top:2px !important;
}

#main-window #navigator-toolbox[tabsontop="true"] #TabsToolbar{
padding-right: 104px !important;
}

#main-window[sizemode="maximized"] #navigator-toolbox[tabsontop="true"] #TabsToolbar{
padding-right: 108px !important;
}

#back-forward-dropmarker { display: none !important; }

#browser-bottombox, #status-bar, #status-bar > *, #nav-bar, #PersonalToolbar, #ybToolbar {

 background: transparent !important;
  color: #ffffff !important;
  text-shadow: #000000 1px 1px 2px, #000000 -1px 1px 2px, #000000 1px -1px 2px, #000000 -1px -1px 2px !important;
    -moz-appearance: none !important;
border: #000000 !important;

}

.tabbrowser-tab {
  max-width: 190px !important;

  min-width: 0px !important;
}

toolbar #star-button[starred="true"]
{
display:   none !important;
}

.autocomplete-history-dropmarker { display: none !important;}





Mixture of a couple of codes here, thanks everyone. 2 Questions, is it possible to move the Icon on the app tab window down 1 or 2 px, slightly high I think, also does any one know the color code for the green/blue hue around the default buttons? And is it possible to implement this color into the tabs? Thanks.

Hey guys,

Well, I used some of your codes here and put them all together to my liking.

However, I'm having two problem with my Firefox menu bar and find bar.

I can't seem to move the Firefox text downward in the middle and find bar to be glossy when more than one tab is open.

Also, how to change tabs color? Anyways, have a look at the pic you'll know what I mean.

Thanks :)

Edit: I added the code below!

675ahe.jpg

Here are my codes:

/* :::Firefox Menu::: */

#appmenu-button-container 
{ margin-top: -0px !important;
  padding: 0px 1px 5px 1px !important; }


#appmenu-button 
 { min-height: 20px !important;
   height: 20px !important;
   background: -moz-linear-gradient(top, rgba(33,170,222,.6), rgba(25,62,118,.6)), -moz-radial-gradient(center 100%, cover,    

rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0) 50%, rgba(0, 0, 0, 0.4)) !important;
   -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6), 0 0 0 rgba(60, 132, 196, 0.0), 0 0 0 1px rgba(255, 255, 255, 0.2)    

inset, 0 0 5px rgba(255, 255, 255, 0.5) inset !important;
   text-shadow: 0 0 1px #000 !important; }

#appmenu-button:hover
{ background: -moz-linear-gradient(top, rgba(33,170,222,.99), rgba(25,62,118,.99)), -moz-radial-gradient(center 100%, cover, 

rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0) 50%, rgba(0, 0, 0, 0.4)) !important; }


#appmenu-button .button-text
{ margin: -2px 0 0px -37px !important;
  padding-left: 60px !important;
  color: none !important;
  min-height: 20px !important;
  height: 20px !important;
 background:url
("data:image/png;base64,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") no-repeat 16px !important; }


/* :::Change Bookmarks Toolbar Text::: */

toolbarbutton.bookmark-item .toolbarbutton-text 
{ color: none !important; }





/* :::Toolbars::: */


#TabsToolbar 
{ background: transparent !important;
 color: #ffffff !important;
 text-shadow: none 1px 1px 2px, #000000 -1px 1px 2px, #000000 1px -1px 2px, #000000 -1px -1px 2px !important;
 -moz-appearance: none !important;
 border: #000000 !important; }


#browser-bottombox, #status-bar, #status-bar > *, #nav-bar, #ybToolbar 
{ background: transparent !important;
 color: #ffffff !important;
 text-shadow: green 1px 1px 2px, purple -1px 1px 2px, green 1px -1px 2px, yellow -1px -1px 2px !important;
 -moz-appearance: none !important;
 border: #000000 !important; }

.findbar-find-next, .findbar-find-previous, .findbar-highlight
{ color: #ffffff !important;}

#PersonalToolbar 
{ background: transparent !important;
  color: #ffffff !important;
  text-shadow: none 1px 1px 2px, #000000 -1px 1px 2px, #000000 1px -1px 2px, #000000 -1px -1px 2px !important;
  -moz-appearance: none !important;
  border: #000000 !important; }

#navigator-toolbox,#PersonalToolbar
{ background-color: rgba(223,233,245,.0) !important; }

#navigator-toolbox[tabsontop=true] toolbar:not(#TabsToolbar):not(#toolbar-menubar) 
{ background-color: rgba(223,233,245,.6) !important; }

Hey MaSx, I tried to implement your firefox menu button in my browser (it looks really good by the way) but the firefox logo doesn't show up and there are a few errors seemingly with the script (at least for me). Any ideas why it isn't working?

Thanks

23514102.png

mark_v, I think it's because of the background url problem. You probably missed something in between.

I'm not sure about the error, because I used the notepad to edit, add, delete stuff, I don't know much about CSS.

I attached the file, you can download it =)

userChrome.css

The same reason I switched to posting .txt files when my code incorporates images; for some reason long image strings get broken with spaces where they don't belong when pasting into the forum. Paste the code into notepad, make sure word wrapping is off and delete the extra spaces so that the code for the logo only takes up one line, then copy that and paste it into Stylish.

how'd you get the progress bars in the tabs?

Opera button mix with minimal and odd bits of enhancements

with Informational Tab add-on

Sorry, but this was necesary ;) .

Once that you have installed this, go to the Add-ons manager and edit the preferences of the add-on to your preference :rolleyes: [/redundancy]

Sorry, but this was necesary ;) .

Once that you have installed this, go to the Add-ons manager and edit the preferences of the add-on to your preference :rolleyes: [/redundancy]

thanks, i asked because the only add-on I knew of that did it was the one used in the strata40 bundle, but that add-on doesn't work right in the nightlies,(only shows up on far left tab)

I'm once again noobishly trying to make the navbar have a drop shadow on the tabs except for the active tab. Like in the mockups!

#navigator-toolbox[tabsontop=true] #nav-bar{
  -moz-box-shadow: 0px -10px 15px rgba(0,0,0,0.5)
}

That's all I've got so far. But I the drop shadow applies on the active tab as well. which is what i don't want. I want the navbar to have a drop shadow only on the inactive tabs. Anyone got any ideas as how to do that?

Here is the example of what I'm trying to achieve

app-menu-win-7-009.jpg

see how the navbar has a slight shadow on the tab bar? except on the active tab...

Mozilla Firefox 4b2 with Minimal theme, add-ons Informational Tab & Locationbar2

mozillak.jpg

AppButton

#appmenu-button{
padding-left: 17px !important;
padding-right: 10px !important;
margin-left: 3px !important;
height: 17px !important;
}

#appmenu-button .button-box .box-inherit:before {
  content: "n3Tk0";
}

#appmenu-button .button-box .box-inherit .button-text {
  display: none;
}

Stop/Reload Button

toolbar[mode="icons"][currentset*="urlbar-container,reload-button,stop-button"] #urlbar {
  -moz-border-radius: 2px 0 0 2px !important;
  border-right: 0 !important;
}

#urlbar-container + #reload-button,
#urlbar-container + #reload-button + #stop-button{
  border: 1px solid rgba(0,0,0,.35) !important;
  border-left: 0 !important;
  -moz-border-radius: 0 2px 2px 0 !important;  
  -moz-box-shadow: 0 1px 0 rgba(255,255,255,.4) !important;
  background: rgba(255,255,255,.90) !important;
  margin-left: -3px !important;
  background-clip: padding-box !important;
}

#urlbar-container + #reload-button {
  padding: 0 4px 0 4px !important;
}

#urlbar-container + #reload-button + #stop-button {
  padding: 0 4px 0 5px !important;
}

Tabs

.tab-text{
padding: 0 0 0 5px !important;
}

.tabbrowser-tab .tab-icon-image {
  display: inherit !important;
  margin-left: -2px !important;
  height: 14px !important;
  width: 14px !important;
}

#TabsToolbar > .toolbarbutton-1:not(#alltabs-button) {
  height: 15px !important;
  min-height: 15px !important;
  min-width: 20px !important;
  max-width: 200px !important;
}

Border(My Windows style have 2px border, from usual 4px)

  #main-window[sizemode="maximized"][chromemargin^="0,"] {
    margin-top: 5px !important;
  }

Progess bar at tabs(copy only that i need from Thin & Smooth line at the top

/* The actual progress line - Color & Shadow */
.tab-progress > .progress-bar{
background-color: highlight !important;
-moz-box-shadow: 0px 1px 6px 1px highlight !important;
}


/* The background of the progrss line - Color & Thickness */
.tab-progress{
background-color: transparent !important;    /* ← Remove the background (or type in a color to add a background) */
min-height: 1px !important;            /* ← Thickness (*) */
max-height: 2px !important;            /* ← Thickness (*) */
}

I updated my Addon Manager Userstyle to match mockups:

addonsmanager.png

    @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url("chrome://mozapps/content/extensions/extensions.xul"),url("about:addons") {

page {
  background: #d1dcea -moz-linear-gradient(rgba(255,255,255,0) , rgba(255,255,255,.15)) !important;
}

#header-name, #header-link {
  color: #7a8797;
  text-shadow: 0 0 0 transparent !important;
  font-weight: bold;
}

.category[selected] {
  background-color: #dee7f2 !important;
  border-color: #aebcd4 !important;
  -moz-box-shadow: -1px 0 0 0 #dee7f2 inset ,0 1px 2px rgba(183,196,217,.5) inset,0 1px 0 rgba(255,255,255,.7) !important;
}

#view-port {
  background-color: #dee7f2 !important;
  border-color: #aebcd4 !important;
  -moz-box-shadow: 1px 0 0 0 #dee7f2 inset ,0 1px 2px rgba(183,196,217,.5) inset,1px 0 0 0 rgba(255,255,255,.7) !important;
}



/*Buttons*/
button.addon-control , #header-utils-btn {
-moz-appearance: none !important;
  border: 1px solid #A2A6AD;
  -moz-border-radius: 3px !important;
border: 1px solid #90a3b9 !important;
border: 1px solid rgba(0,0,0,.32) !important;
background-image: -moz-linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.05) 51%, rgba(255,255,255,0.35)) !important; 
  -moz-box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset;
background-color: rgba(29,40,58,.1) !important;
}

 #header-search {
 -moz-appearance: none !important;
 background-color: #ecf1f7 !important;
 border: 1px solid #9ca4b0 !important;
 -moz-border-radius: 3px !important;
 -moz-box-shadow: -1px 0 0 rgba(255,255,255,.65), -2px 0 1px -1px rgba(0,0,0,.1) inset;
}

.sorter {
  color: #536680 !important;
}
.view-header  {
 background: #e7edf4 !important;
-moz-border-radius: 5px 5px 0 0;
-moz-box-shadow: 1px 0 0 0 #dfe7f1 inset ,0 1px 2px rgba(183,196,217,.5) inset!important;
}

.sorter[checkState="1"],
.sorter[checkState="2"] {
  background-color: #dbe1e9 !important;
  -moz-box-shadow: -1px 0 2px 0 rgba(0,0,0,.15) inset;
}

.text-link , #detail-creator , #detail-creator a {
  color: #4775bf !important;
font-weight: bold !important;
text-decoration: none !important;
}

#detail-name {
  font-weight: bold !important;
}

.name,
.version,
.update-postfix {
  font-weight: bold !important;
  color: #383a3c !important;
}

.addon[selected] {
  background-color: #cfd7e9 !important;
border: 3px solid #6b79b2 !important;
color: black !important;
}


}

All credit goes to SoapyHamHocks - I used styles found here: http://userstyles.org/users/39923 since mine became a little outdated.

post-2-12827511697621.png

Only changes I made are:

Blue toolbar:

#PersonalToolbar {
  border-top: 0 !important;
  -moz-appearance: none !important;
  background: -moz-linear-gradient(top, rgba(58,127,197,1), rgba(47,119,189,1), rgba(0,58,229,1)) !important;
  padding: 0 !important;
}

#PersonalToolbar .bookmark-item:not(menuitem):not(menu) {
  color: white !important;
  padding: 0 5px !important;
}

White text for inactive tabs:

tab:not([selected="true"])
{
color: white !important;
}

Blue Firefox Button:

#appmenu-button-container{
margin: 0px 0px 1px 4px !important;
}

#appmenu-button{
padding: 2px 10px 2px 7px !important;
}

#appmenu-button dropmarker:before {
padding-right: 5px !important;
}

#appmenu-button{
background: -moz-linear-gradient(top, rgba(58,127,197,1), rgba(47,119,189,1), rgba(0,58,229,1)) !important;
-moz-border-radius: 0px 0px 4px 4px !important;
border-top: 0px !important;
margin-top: 1px !important;
}

#appmenu-button:hover{
background: -moz-linear-gradient(top, rgba(78,147,229,1), rgba(0,78,213,1)) !important;
}
#appmenu-button .button-text { display:none !important; }
#appmenu-button dropmarker:before { content: "Firefox" !important; }

Only issue I'm having is with the stop/reload button with Omnibar:

post-2-12827345558197.png

toolbar[mode="icons"][currentset*="urlbar-container,reload-button,stop-button"] #urlbar {
  -moz-border-radius: 4px 0 0 4px !important;
  border-right: 0 !important;
}

#urlbar-container + #reload-button,
#urlbar-container + #reload-button + #stop-button{
  border-color: rgba(0,0,0,.25) rgba(0,0,0,.32) rgba(0,0,0,.37) !important;
  -moz-border-radius: 0 4px 4px 0!important;  
  -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1) inset,
                   0 1px 0 rgba(255,255,255,.4) !important;
  background: rgba(255,255,255,.725) !important;
  margin-left: -3px !important;
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAMCAYAAABm+U3GAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQkQ3OTNFRTYwOTZERjExODRFOUQ2RDI3Qzg1RENGMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0ODAwNTk3Rjk2NjExMURGOTRBMUI2RTAyRUYxRjAxNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0ODAwNTk3RTk2NjExMURGOTRBMUI2RTAyRUYxRjAxNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQ0Q3OTNFRTYwOTZERjExODRFOUQ2RDI3Qzg1RENGMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQkQ3OTNFRTYwOTZERjExODRFOUQ2RDI3Qzg1RENGMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoZDigQAAAN3SURBVHjajJJ/aBNnGMefy11ySS65kOtilyZNurX+rAYzEJ2DaVn9R+vAsblUN2m1UK2KKM5J/bEaVnGsqfujigqWOqZVmJPqtO3arbINEcfEiVpbtYKm1NCY1OSa5HJ573yutFDY/tgLH7jn5b3v+7zP90s9HonrAMCE8IgV/r1yCLOybGnFQP+DZvi/C4VtyMyvvz26xOUubDCY7ReBy+sz2J0XnQVFQW1/1py5u4Ay9amqChVFBVWIQ/ueDu4JyKapmtJEd9bVzLva0bXFIOQZXM4ZYY/b/TIhivnxV8k3QadTiKLSRM7CO5lIO0vTJ0FH3ZVzpPzSk+ejWnNrigsFPUP3gqL6JUK2dwyFW5jzP7TlXbvcVWtzFYiHDtR3ra8MvFBUNaMoqvR5dc1HY4nxhQaTEZJjMag/ePhJW8O+iBSP+XI03RuY5S1HXWJhDb16AL9BsEU3HAg+1i6j3B7vVxFRXhY60nh2XSAwnM7KYUkm2ZVl71eIYFhd6CkEjuMgGX8Jt/o6Vz0beFj3XW317uyrsXx8zV1QgQDJ+Rmej+440Rp6q3RBC+qKFKM3XSqe7xu98fv1y5Kcu5+ScjIatXZwaHi1p6QEBEEAhmZATMSh//bNMvzJHB4cqDu9c+tuRUzmg6Lgjim68ejxkHfe/AlRrWOGUIzF5XI9xaenUDSubV7ru/Gzxai/iXMT/sPvVOfpU+0sy26nFYK62LCezfScaT1f802zOHUIm9GL6VTajnOVsaaRJBIWM3IUQMbRgRZHosVOsBihesFMwW7lr9g5zmN8wxGlVELGRl647/3W01E19+3ytv6hCUN1+YL1n9FYzHuuvd2Ldd5klrULVO1ihJ1sYhzNEvRompFS/TqzOfpJQ2NobWNTk95mjbAU+LRk4BnHhPCmzXW/SBlJvvDjTx+fOnli9qS4E3EE9+8vXfHeu5/+cf1XF9YW1sx9hg36wcRFNxxpDrlmz2lxFpccrwoda6J5PoIB9hk5rmoiFVqO9+7Z4xt4NFhrsfIMIeQpZnQ4mUw60+lM8Xgill1fWXnuiy/39ngdfEHrwfpDHwTW/TndKM3Q55iWnrPfL98YPBzE+pYmbMOPGZ1Xr3i6u7s/TIipEimbNaMrot3GP9q2dcvfS5csjuFc7uCMR/DsIqR/mujUMiOlyF9a8VqAAQCMEogyPkkkHQAAAABJRU5ErkJggg==") !important;
  opacity: 1 !important;
  padding: 0 6px 0 6px !important;
  -moz-transition: -moz-box-shadow .1s !important;
}

#urlbar-container + #reload-button {
  -moz-image-region: rect(0 11px 12px 0) !important;
}

#urlbar-container + #reload-button + #stop-button {
  -moz-image-region: rect(0 22px 12px 11px) !important;
}

#urlbar-container + #reload-button:not([disabled]):hover{
  background-image: -moz-linear-gradient(rgb(158,204,241), rgb(111,177,225) 49%,
                                   rgb(91,159,217) 50%, rgb(81,152,210) 60%,
                                   rgb(62,138,204)) !important;
  -moz-box-shadow: 0 0 1px 0 rgba(255,255,255,.40) inset, 
                   0 1px 0 rgba(255,255,255,.4) !important;
}

#urlbar-container + #reload-button + #stop-button{
  background-image: -moz-linear-gradient(rgb(230,161,138), rgb(209,119,100) 49%,
                                   rgb(192,93,78) 50%, rgb(185,85,70) 60%,
                                   rgb(193,90,74)) !important;
  -moz-box-shadow: 0 0 1px 0 rgba(255,255,255,.40) inset, 
                   0 1px 0 rgba(255,255,255,.4) !important;
}

#urlbar-container + #reload-button + #stop-button:not([disabled]):hover{
  background-image: -moz-linear-gradient(rgb(240,161,138), rgb(219,119,100) 49%,
                                   rgb(203,93,78) 50%, rgb(195,85,70) 60%,
                                   rgb(203,90,74)) !important;
}

#urlbar-container + #reload-button:not([disabled]):hover:active,
#urlbar-container + #reload-button + #stop-button:not([disabled]):hover:active {
  -moz-box-shadow: inset 0 0 3px rgba(0,0,0,.8), 
                   0 1px 0 rgba(255,255,255,.4) !important;
}

#stop-button .toolbarbutton-icon,
#reload-button .toolbarbutton-icon{
  height: auto !important;
  width: auto !important;
}

#navigator-toolbox:not([tabsontop="true"]) #urlbar-container + #reload-button,
#navigator-toolbox:not([tabsontop="true"]) #urlbar-container + #reload-button + #stop-button {
  background-clip: padding-box !important;
}

Any fix for this?

Edit: Also for some reason my bookmarks star (using SoapyHamHocks stylish script) does not go on the left!? Why is that? :p

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

    • No registered users viewing this page.
  • Posts

    • AMD RX 9070 GRE AI, Blender benchmarks vs 9070 XT, 7800XT, Nvidia RTX 5070, 4070 by Sayan Sen Earlier this week, we shared the first part of our review of AMD's new RX 9070 GRE. It was about the gaming performance of the GPU, and we gave it an 8 out of 10. As a follow-up, similar to how we did with the 9070 XT and non-XT, we are doing a dedicated productivity review for the RX 9070 GRE as well, where we compare it against the 9070 XT, 9070, 7800 XT, as well as Nvidia's 5070 and 4070. This will include AI, rendering, compute, and more benchmarks. AI performance, especially, is a very important metric in today's world, and AMD also promised big improvements thanks to its underlying architectural improvements. We will be pitching it against the data we already have for the RX 9070, and RX 9070 XT, but also the Nvidia 5070 FE, MSI GeForce RTX 4070 VENTUS 2X 12G, and Gigabyte Radeon RX 7800 XT GAMING OC 16G as they are in a similar price class, but also because we do not have a comparable 5060 Ti card lying around here that we can compare it against. Before we get underway, this is a collaboration between Sayan Sen and Steven Parker, who lent me his test bed. Also, there was no editorial input from AMD. First up, the specs of the RX 9070, 9070 XT, and 9070 GRE, which were given to us by AMD: Radeon RX 9070 GRE Radeon RX 9070 Radeon RX 9070 XT Boost Clock: Game Clock: up to 2.79GHz up to 2.20GHz up to 2.52GHz up to 2.07GHz up to 2.97GHz up to 2.40GHz Stream Processors 3,072 (48 CU) 3,584 (56 CU) 4,096 (64 CU) Ray Accelerator 48 56 64 AI Accelerator 96 112 128 ROPs 96 128 Texture Mapping Units 192 224 256 Memory 12 GB GDDR6, 18Gbps Clock, 192-bit Bus 432 GB/s 16 GB GDDR6, 20Gbps Clock, 256-bit Bus Effective Memory Bandwidth: 640 GB/s Infinity Cache 48 MB (3rd Gen) 64 MB (3rd Gen) Card Bus PCI-E 5.0 X16 Output 2x HDMI 2.1b 2x DisplayPort 2.1a Power consumption 220W 304W Recommended PSU 650W 750W Slot width 2x 3x Price (SEP) $549 $599 As you can see from the specs above, it is less than the standard RX 9070 in every way that counts, except for slightly higher Boost and Game clock speed. Design Moving on, the RX 9070 GRE we were given is an XFX Swift triple-fan, dual-slot design with two 8-pin connectors. At 30cm (self-measured), it will fit in most systems easily. There is no RGB either. The AMD Radeon RX 9070 GRE by XFX from all angles. Test system Our test system consists of the following: Lian Li O11 Dynamic Mini V2 Flow (Amazon|Newegg) ASUS Z890 ProArt Creator WiFi (Amazon|Newegg) Intel Core Ultra 7 270K Plus (Amazon|Newegg) Thermal Grizzly KryoSheet - 44x37 (Amazon|Newegg) 2x 16GB G.Skill Trident Z5 RGB (7200 MT/s in XMP) (Amazon|Newegg) Sabrent Rocket4 Plus 2TB SSD (Amazon) Windows 11 25H2 (Build 26200.8246) AMD shared a press driver based on the recently released Adrenaline 26.5.2 that we were required to use. We now move on to our benchmarks. First up, we have Geekbench AI running on ONNX. For some reason, the 9070 GRE does exceptionally well here in both half-precision (FP16) and single-precision (FP32). It manages to beat the RTX 5070 and RX 9070 non-XT, and is only behind the 9070 XT. Since Geekbench runs in short bursts instead of continuously hammering the graphics card, it seems the GRE's faster boost clocks are helping here. Next up, we move to the UL Procyon AI test suite, starting with the image generation benchmark. We chose the Stable Diffusion XL FP16 test since it is the most intense workload available on Procyon. The Nvidia cards do very well here, as even the 4070 out-muscles AMD's best fairy easily. The positive thing about the GRE is that it gets quite close to the 9070 non-XT in this test; this indicates that the VRAM does not play a very big role here, as SD XL relies on float16 (FP16). So this is something to keep in mind again. If you wish to work with float32 AI workloads, graphics cards with larger than 12 GB buffers would likely emerge as victors. Regardless, the gains are still massive on AMD's 9000 series compared to the 7000 series. Following image generation, we move to the text generation benchmark. This is one test where the 9070 GRE struggled, quite a lot. It seems that the 12 GB VRAM and lower memory bandwidth of the new Radeon 9070 GRE are hurting it quite a bit; the split is massive, especially in a test like Llama2, which packs 13 billion parameters. As such, in all the tests, the 9070 GRE is the slowest of the lot. Next, we tried Blender, and here the AMD GPUs were beaten by Nvidia. Rendering is something the Green team has always had a lead over the Red side, and it has not changed so far. On the positive side, though, the 9070 GRE shows significantly better results than the 7800 XT, which means AMD is on the right path. Catching up to Nvidia, though, will require a lot more effort. And we hope HIP and ROCm can keep improving. Wrapping up AI testing, we measured OpenCL throughput in the Geekbench compute benchmark. The RX 9070 GRE alongside the 9070 did not fare well here at all, even falling behind the 7800 XT. Interestingly, even the RTX 5070 could not beat the 4070 on OpenCL, so perhaps this suggests that OpenCL optimization may not have been a priority for either AMD or Nvidia in the modern era. Conclusion We reached the end of our productivity performance review of the 9070 GRE, and we have to say it's a mixed bag. Unlike the 9070 and 9070 XT, the GRE excels in some areas while losing ground fairly easily in others. Similar to how it happened in gaming, any time the card's memory subsystem gets hammered, it tends to fall behind the others. This was the case with text generation, wherein we saw the VRAM sometimes hit its maximum available 12 GB of usage with larger model sizes. So what do we make of the RX 9070 as a productivity hardware? It can certainly be used, but you have to know it has its limitations. For those looking for a GPU that can deal with more, AMD recently unveiled the Radeon AI PRO R9700, which is essentially a 32 GB refresh of the 9070 XT with some additional workstation-based optimizations. On a similar note, the new Ryzen AI Halo platform is something you can consider if you want to set up a local AI processing station. Considering everything, we rate AMD's Radeon RX 9070 GRE a 7.5 out of 10 for its productivity performance. Price is less of a factor for those looking at productivity cases compared to those considering the GPU for gaming, and as such, we felt it did quite decently on many occasions and can be handy if you need a 12 GB GPU and, for some reason, don't want to get Nvidia. Purchase links: RX 9070 / XT / GRE (Amazon US) As an Amazon Associate, we earn from qualifying purchases.
    • Does anyone here know if these updates are integrated into the UUP dump isos?
    • Motrix Next 3.9.4 by Razvan Serea Motrix Next is a modern, open-source cross-platform download manager built as the official next-generation successor to the original Motrix project. It has been completely rewritten using Tauri 2, Vue 3, TypeScript, and Rust, while still relying on the powerful Aria2 download engine for high-speed multi-protocol transfers. The app supports HTTP, HTTPS, FTP, BitTorrent, ED2K and magnet links, offering advanced features like multi-connection acceleration, task scheduling, bandwidth control, and batch download management. With a significantly reduced install size (around 20MB), it focuses on being lightweight, fast, and resource-efficient compared to traditional Electron-based download tools. Designed for Windows, macOS, and Linux, Motrix Next delivers a clean, modern UI inspired by Material Design 3 principles, with smooth animations and a minimal workflow. It improves usability through better download organization, system tray integration, and enhanced torrent handling including selective file downloads and tracker management. Motrix Next features: Multi-protocol downloads — HTTP, FTP, BitTorrent, Magnet, .torrent, ED2K, and Metalink tasks BitTorrent — Selective file download, DHT, peer exchange, encryption controls, metadata caching, GeoIP peer flags, and tracker probing Browser extension integration — Embedded Extension API with independent authentication, download confirmation, smart auto-submit, filename hints, referer/cookie forwarding, and real-time controls (Chrome Web Store · Edge Add-ons) Safe filename handling — Content-Disposition, RFC 2047, non-UTF-8, percent-encoded, and extensionless URL resolution with path traversal sanitization Download organization — Favorite and recent folders, optional file-type categorization, stale-record cleanup, and completed history backed by SQLite Concurrent downloads — Independent controls for active tasks, HTTP connections per server, segments per file, and BT peer limits Speed control — Global and per-task upload/download limits with day-of-week and time-of-day scheduling System integration — Tray operation, optional tray speed display, macOS Dock badge/progress, protocol handlers for magnet://, thunder://, and motrixnext:// Lightweight mode — Destroys the WebView on minimize-to-tray while Rust keeps the engine, task monitor, notifications, history, and extension routing alive Notifications and power options — Native task start/complete/failure notifications, keep-awake during downloads, and optional shutdown after completion Network controls — Scoped proxy support for downloads, app updates, and tracker updates, plus system proxy detection Auto-update channels — Stable, Beta, and Latest Across Channels policies with separate download and install phases Diagnostics — Structured logs, exportable diagnostic ZIPs, database integrity checks, automatic DB rebuild, and Linux GPU rendering fallback Personalization — Light/dark/system theme, 10 color schemes, 26 languages, and first-launch system language detection Motrix Next 3.9.4 changelog: Motrix Next 3.9.4 promotes the 3.9.4 beta cycle to stable. This release refreshes bundled engine binaries, improves task detail readability and copy actions, expands link handling for magnet and ED2K workflows, polishes responsive navigation and text wrapping, updates browser extension documentation, and refines network preference controls. New Features Task Detail copy actions — Added copyable values for task metadata and reusable render functions for long text fields. Magnet and ED2K lifecycle support — Added task lifecycle handling for magnet and ED2K links. History cleanup for deleted tasks — Deleted tasks can now remove matching history records. User-Agent management — Added user-agent management and improved related network preference controls. Browser extension documentation — Added the Firefox Add-ons link for the Motrix Next extension. Improvements Engine binaries — Updated bundled binaries for supported architectures. Task Detail readability — Long task names, URLs, tracker values, and copyable metadata now render more clearly. Deletion messaging — Refined localized task deletion text for clarity and consistency. Text wrapping — Improved URI input wrapping and task name multiline display. Navigation layout — Improved sub-navigation responsiveness. Disk allocation default — Changed the default file allocation method to trunc. Proxy controls — Improved proxy button styling in network preferences. Download: Motrix Next 64-bit | ARM64 | macOS ~20.0 MB (Open Source) Links: Website | macOS / Linux | Screenshot Get alerted to all of our Software updates on Twitter at @NeowinSoftware
    • NVIDIA officially supports Ubuntu, as linked above with the GeForce NOW Hands on I did in collaboration with Paul Hill.
    • TO be clear I am not running linux today, however I keep thinking about it. And I want to make sure there are minimal obstacles if I decide to make that switch in the coming months.
  • Recent Achievements

    • Proficient
      Eric Biran went up a rank
      Proficient
    • Dedicated
      Conjor earned a badge
      Dedicated
    • Week One Done
      Windows Guy earned a badge
      Week One Done
    • Dedicated
      Mark Spruce earned a badge
      Dedicated
    • Collaborator
      conkir earned a badge
      Collaborator
  • Popular Contributors

    1. 1
      +primortal
      479
    2. 2
      PsYcHoKiLLa
      244
    3. 3
      Steven P.
      72
    4. 4
      FloatingFatMan
      66
    5. 5
      +Edouard
      66
  • Tell a friend

    Love Neowin? Tell a friend!