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

    • Glow 26.9 by Razvan Serea Glow provides detailed reporting on every hardware component in your computer, saving you valuable time typically spent searching for CPU, motherboard, RAM, graphics card, and other stats. With Glow, all the information is conveniently presented in one clean interface, allowing you to easily access and review the comprehensive hardware details of your system. Glow provides detailed information on various system aspects, including OS, motherboard, processor, memory, graphics card, storage, network, battery, drivers, and services. The well-organized format ensures easy access to the required information. You can export all the gathered data to a plain text file, facilitating sharing with others for troubleshooting purposes. No installation needed. Just decompress the archive, launch the executable, and access computer-related information. Glow runs on Windows 11 and Windows 10 64-bit versions. Glow 26.9 changelog: New Features The processor hardware detection engine has been significantly enhanced beyond traditional Intel and AMD architectures. Native support is now available for modern platforms such as Apple Silicon (M-Series) and the newly introduced NVIDIA Spark. In addition, all ARM-based processors can now be accurately distinguished between ARM32 and ARM64 architectures, providing precise hardware reporting. This marks a major milestone for Glow's hardware detection capabilities. The RAM manufacturer identification algorithm has been expanded. JEDEC vendor codes for popular brands such as Patriot, PNY, Team Group, GeIL, Lexar (Longsys), and Asgard/Gloway have been integrated into the database. This significantly reduces the likelihood of incorrect or "Unknown Manufacturer" results and improves overall hardware detection accuracy. New Public IP Address and Internet Service Provider (ISP) features have been added to the Network section. To ensure reliability, this information is retrieved from the trusted service ipwho.is. When Hiding Mode is enabled, no requests are sent and these features remain hidden, as they may expose sensitive information. The search engine used in the Installed Drivers, Installed Services, and Installed Applications sections has been enhanced. You can now perform more flexible and accurate searches using initials, partial matches, and loosely arranged character sequences. The TS Preloader loading bar has been rebuilt using our modern TS Custom Controls graphics library, developed entirely in-house. As a result of this infrastructure upgrade, the loading bar now features smooth rendering and rounded corners that align with the visual style of Windows 11. [TS Updater] A new validation algorithm has been added to check whether the target application is currently running before the update process begins. Bug Fixes Resolved a condition that could prevent TS Preloader from shutting down safely during rare application crash scenarios. Fixed a text alignment issue in the Network section affecting the display of DNS addresses. Alignment is now rendered correctly. [TS Updater] Fixed an issue that could prevent the updated application's executable "*.exe" file from being located after the update process. [TS Updater] Fixed a bug that could leave outdated "*.sha256" files in the application directory after an update. [TS Updater] Fixed a rare issue that could cause subfolders to be moved into the root directory after an update. [TS Updater] Fixed an issue during the first launch that could cause flickering and a temporary white window appearance due to Windows Defender interactions. Changes A small improvement has been made to the internet connectivity detection algorithm. Connectivity checks are now performed in the background with minimal impact on the user interface thread. The keyboard shortcuts in the top menu have been reorganized and simplified to provide a consistent experience across all Türkaysoft applications and to avoid potential conflicts with standard Windows shortcuts. The TS Preloader splash image has been updated with a Türkiye-themed stadium design to celebrate Türkiye's qualification for the 2026 FIFA World Cup—its first appearance in 24 years. Congratulations, Türkiye! The TS Custom Controls module has been updated to version 26.6, delivering improved stability and a more polished visual appearance. [TS Updater] The application icon has been redesigned to provide a more modern and refined look. Note: Always unzip the program before using it. Otherwise you may get an error. Download: Glow 26.9 | 1.8 MB (Open Source) Links: Glow Homepage | Screenshot | Github Get alerted to all of our Software updates on Twitter at @NeowinSoftware
    • DWARF mini review: the world's smallest smart telescope for night and day sky captures by Steven Parker DWARFLAB reached out to me asking if I was interested in checking out the DWARF mini, which is a portable astronomy telescope designed for amateur astronomers. Why do I say it's for amateurs? Well, for starters, it's not what you'd call "high end"; it's more of a professional-grade starting point for amateurs serious about capturing what's up there in our night and day skies. A typical amateur astronomer is most likely thousands of dollars deep into the hobby, and I will make no claims that this DWARF mini (at a fraction of the cost) could replace it all, okay? Well, if you read on, it will be clearer what I am trying to convey. Disclosure: DWARFLAB provided a free sample without any editorial input or review pre-approval. I have always been interested in looking up and observing the night sky. I see satellites crossing the sky above my garden most nights, and I am always looking at the moon. Yeah, I have a 200MP camera on my phone, but at 200X zoom, AI takes over and makes the pretty moon pictures that I snap, the DWARF mini does not, you get an actual true picture of what you can barely see with the naked eye. Before we start, let's share the highlights of the DWARF mini in bite-sized format: Pocket-Sized & Ultra-Lightweight Weighing just 1.85 lbs (840g), the DWARF mini easily fits into a backpack or large pocket. Its all-in-one, compact design makes it the ultimate grab-and-go digital telescope for hiking, camping, or traveling to dark-sky locations. Intuitive App Control & Built-in Sky Atlas Go from unboxing to your first shot in just 3 minutes! The DWARFLAB App provides a seamless experience with an interactive star map. Simply select your target and start exploring without the steep learning curve of traditional setups. Auto GOTO & 360° Pivot Freedom Enjoy pinpoint automated tracking with full 360° rotation. Powered by a high-sensitivity Sony IMX662 sensor (1/2.8-inch, 2.9μm pixels), it captures amazing, low-noise astro details, bringing faint nebulas and star clusters to life with stunning clarity. Pro-Level EQ Mode & Long Exposure Unlock advanced deep-space imaging with Equatorial (EQ) Mode. Supporting impressive single-frame exposures up to 90 seconds and featuring built-in light pollution filters, it easily cuts through city glow to reveal intricate celestial structures. Smart Cloud Processing & All-Ages Fun Effortlessly enhance your raw data with integrated cloud processing for professional-grade results. Perfect for beginners, kids, and adults, this telescope makes exploring and sharing the wonders of the universe an exciting, family-friendly adventure. The packaging is a pretty minimal affair with the outer box opening like a flap to reveal the plastic mould of the DWARF mini sitting in it. Below, the Sun filter, charging cable, cleaning cloth, and documentation can be found. DWARFLAB also provided a Mini Hydraulic Tripod ($89.99), and I highly recommend getting it if you plan on purchasing the DWARF mini, as it fully supports the motorized tracking feature of the telescope; plus, at 840g, the weight of the telescope, you will need a tripod that supports more than the weight of a smartphone anyway. What's in the box DWARF Mini Smart Telescope × 1 Sun Filter x 1 Type-C to Type-C Cord x 1 Cleaning Cloth x 1 User Guide With that out of the way, here are the full specs: DWARF mini Dimensions (DWH): 60.70 mm x 100.38 × 183.61 (2.39" x 3.95" x 7.23") Weight: 840g (1.85lbs) Aperture diameter: 30 mm (telephoto), 3.4 mm (wide angle) Image Sensor: SONY IMX662 1/2.8" (Telephoto) OmniVision OS02K10 1/2.8" (Wide-angle) Focal length: 150 mm (telephoto), 6.7 mm (wide-angle) Equivalent focal length: 1016 mm (telephoto), 45 mm (wide-angle) Shutter Speed: Tele - 1/10000-90s, Wide - 1/10000-30s Maximum exposure time: 90s (telephoto & wide-angle), Both in EQ mode Rotation range: Lens: 225°, Base: 360° Effective Pixels: 2.07M Maximum Resolution: 1920 × 1080 (Telephoto & Wide-angle) Built-in filters: Astro, Dark, Duo-Band (Telephoto), Astro (Wide-angle) Output: JPG, FITS, TIFF, MP4 Shooting Mode: Photos, Videos, Astronomy, Burst Shooting, Time-lapse Photography Storage: 64 GB Battery: Built-in 7000 mAh, supports external USB charging Charging Port: Type-C NPU: 1 TOPS Features: WiFi, NFC NFC One-Touch Connection Astronomy Post-Processing/Appointment Shooting/Astronomy Mosaic Wi-Fi Transmission Range: 15m (open environment) Color: Black Compatibility: iOS & Android smartphones/tablets Warranty: 2-years (24-months) MSRP: $399 Design Charge port On/off button Lens On the DWARF mini itself, it is a pretty minimal affair. On one side, there is a Type-C USB port to charge the non-removable 7000 mAh battery, and on the other side, a large button to power on or off the telescope. The button is flanked by an LED that is green when connected via the DWARFLAB app, or lights up red when being powered off. Below the button, there are four LEDs that indicate battery power. The DWARF mini does not have any sharp edges as all sides are rounded off; it has a good heft to it, but the weight of it feels quite balanced in the hand, so it isn't top or bottom-heavy. On the front there is the DWARFLAB logo which is quite small and there are no other markings on it. The tripod offers full 360° rotation of the motorized base, which allows for tracking for the time-lapse mode, but also for the 90-second captures of nearer objects in the sky, such as the Sun or the moon. Usage To get started, simply power on the DWARF mini and open the DWARFLAB app, tap on Connect, and it will scan for the DWARF mini over the Wi-Fi network. The device supports both 2.4 GHz and 5 GHz Wi-Fi, as well as Bluetooth for discovery, so connection issues were minimal in my experience with it. As previously noted in the specs, the DWARF mini will stay connected with a phone or tablet up to 15 meters in an open environment, such as a backyard. Lighting status Powering on: The green circular light will rotate and breathe in turn Powering off: The red circular light is gradually extinguished Connecting: Green light strip rotating Connected: Green light strip solid/always on 4 lights 1= 0-25%, 2= 25-50%, 3= 50-75%, 4= 75-100% battery power To view the full lighting status, such as tracking mode and connection failure, you can check the user guide on the official DWARFLAB page. DWARFLAB app Above, you can see the steps undertaken to connect the DWARFLAB app to my Galaxy S26 Ultra. Weirdly, I got an alert that a firmware update failed to get uploaded to the DWARF mini the first time, but upon retrying, it worked. Then place the DWARF mini outside, make sure your smartphone or tablet is connected to it, and then head back inside, because you can manage it from the comfort of your home. Simply enter the Atlas tab in the app and search for what you want to capture, and then tap on the camera icon; the DWARF mini will then attempt to track the object and give you a live view right on your connected device. Results I've had the DWARF mini since April, but even though my garden is south-facing, I had a lot of trouble trying to capture a good image of the moon. In the end, it was possible after I took it with me on a trip to my parents in Southend, UK, at the end of May. Here is a capture of the moon, resulting from 20 stacked images over a 90-second exposure. What you are seeing here is not AI-assisted. A good example of what I mean is the latest flagships with their 200MP cameras claiming to capture things like closeups of the moon, and while they are not as good as the above example on the DWARF mini, the resulting image on smartphones is actually AI-assisted above 30X zoom. Here is an example of a similar shot at the moon at 200X zoom using an HONOR Magic8 Pro. The difference is clear. Next, here we have a shot of the daytime moon. Here is a shot of Arcturus, the red giant star, which is the fourth brightest in the night sky. As previously mentioned, it could be a bit clearer, but clouds passing in front of it muddied the shot a bit. The Sun The DWARF mini also ships with a sun filter, meaning you can take great shots of the sun as well. Tracking Sun Resulting (stacked) shot Live zoom The pictures themselves are limited to Full HD, and some of the examples actually came out in HD (1280x720), but this is because the standard telescopic result is in 720p while "Wide" is in 1080p. Above you can see how in the app the Sun is tracked, the resulting capture, and Live zoom. I have only scratched the surface of what is possible with this telescope; I found several examples online of shots of the Milky Way, among others, such as nebulae and galaxies. All of this requires patience and knowledge, although if you know what you are looking for, simply enter it in the Atlas tab in the DWARFLAB app, tap the camera icon, and the telescope will attempt to track it. Conclusion The good The DWARF mini definitely places itself in a price point that makes astrology accessible to anyone looking to get started in the hobby. Say you want to have a closer look at the moon, simply enter it in the Atlas, and the Live view also lets you zoom in and snap pictures. The bad Some issues I came across while operating the DWARF mini were that it sometimes failed to connect unless I held my smartphone right next to it, and finding and tracking sometimes took several attempts to get it calibrated. I discovered that it helped if I sort of positioned and pointed the telescope in the general area it was supposed to detect, but this obviously wouldn't work with objects you can't see with the naked eye; more testing is required for that. Another bit of advice is to ensure that the lens is clean. While making the examples of live zooming on the sun, I discovered that the telescope lens and sun filter were not completely clean, and only after cleaning with a microfiber cloth was I able to get a decent shot of the sun. Where to buy and a coupon Okay, $399 is not cheap for a side hobby, but nor is a $1,500 smartphone flagship that you'll most likely have for a couple of years. This is a one-time entrance into astrology, and it won't become obsolete in one year like a smartphone. It's a thumbs up from me. The DWARF mini is available to buy right now in the U.S. and U.K. at the links below. DWARF mini for $399 on the official site DWARF mini for $399 on Amazon U.S. Use the NEOWIN5OFF coupon code for an additional 5% off at checkout (expires June 21) As an Amazon Associate, I earn from qualifying purchases.
    • Adobe Acrobat Reader Dis Continued
    • The name, you mean? If so, it's actually the objects common name. There's another one called NGC 7293 which is also known as Helix Nebula (because we're looking at a helix structure top down) but other times also known as the Eye of God. You'll understand when you see it
    • Welcome to Neowin! Enjoy your stay!
  • Recent Achievements

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

    1. 1
      +primortal
      505
    2. 2
      PsYcHoKiLLa
      272
    3. 3
      Skyfrog
      75
    4. 4
      +Edouard
      71
    5. 5
      FloatingFatMan
      69
  • Tell a friend

    Love Neowin? Tell a friend!