Recommended Posts

That seems a bit much but yes something similar..

Can it be done with a Stylish?

Also The the title of the sidebar seems a bit off.. can it be rounded to match the theme ?

I have tried to round the sidebar but not success :(

Try this for rounded url/search, I'm pretty sure this is what you're talking about.

post-49492-1248546163_thumb.png

 #identity-box, .searchbar-engine-button { 
	-moz-border-radius-topleft: 12px !important;
	-moz-border-radius-bottomleft: 12px !important;
	}

	#urlbar, .searchbar-textbox {
	-moz-border-radius-topleft: 12px !important;
	-moz-border-radius-bottomleft: 12px !important;
	-moz-border-radius-topright: 12px !important;
	-moz-border-radius-bottomright: 12px !important;
	}

Edit added image

just a quick one, I noticed that with the stop/reload combine code provided in this thread my button was moving 1px to the left as well as pulling the address bar towards the button 1px. The following code fixed it for me:

#stop-button[disabled="true"] { display:none; }
#stop-button:not([disabled]) + #reload-button { display:none; }
#reload-button {
margin-left: 0px !important;
margin-right: 1px !important;
}

I have tried to round the sidebar but not success :(

Try this for rounded url/search, I'm pretty sure this is what you're talking about.

post-49492-1248546163_thumb.png

 #identity-box, .searchbar-engine-button { 
	-moz-border-radius-topleft: 12px !important;
	-moz-border-radius-bottomleft: 12px !important;
	}

	#urlbar, .searchbar-textbox {
	-moz-border-radius-topleft: 12px !important;
	-moz-border-radius-bottomleft: 12px !important;
	-moz-border-radius-topright: 12px !important;
	-moz-border-radius-bottomright: 12px !important;
	}

Edit added image

Works great for me. It actually looks pretty nice with the rounded bars, thanks!

I just discovered a neat trick to make the bookmarks toolbar auto-hide if anyone is interested using stylish (stylish is fun to play around with xD):

#main-window #navigator-toolbox #PersonalToolbar
{
	position: absolute !important;
	height: 5px !important;
	padding: 0px 0px 1px 0px !important;
}

#main-window #navigator-toolbox #PersonalToolbar:hover
{
	height: 25px !important;
}

Edit: Nevermind. Seems to be glitchy (especially if you enable bookmarks toolbar after already applying the style). If you enable the bookmarks toolbar before applying the style it seems to be OK except the glass overlay will end up extending past the interface and onto the actual page itself. Anyone know of any extension/glitch-free trick to getting the bookmarks toolbar to auto-hide?

Edited by dlegend
I just discovered a neat trick to make the bookmarks toolbar auto-hide if anyone is interested using stylish (stylish is fun to play around with xD):

#main-window #navigator-toolbox #PersonalToolbar
{
	position: absolute !important;
	height: 5px !important;
	padding: 0px 0px 1px 0px !important;
}

#main-window #navigator-toolbox #PersonalToolbar:hover
{
	height: 25px !important;
}

Edit: Nevermind. Seems to be glitchy (especially if you enable bookmarks toolbar after already applying the style). If you enable the bookmarks toolbar before applying the style it seems to be OK except the AERO overlay will end up extending past the interface and onto the actual page itself. Anyone know of any extension/glitch-free trick to getting the bookmarks toolbar to auto-hide?

I get this...

Nevermind... edited your post after I posted

post-50840-1248558291.png

I just discovered a neat trick to make the bookmarks toolbar auto-hide if anyone is interested using stylish (stylish is fun to play around with xD):

...

Edit: Nevermind. Seems to be glitchy (especially if you enable bookmarks toolbar after already applying the style). If you enable the bookmarks toolbar before applying the style it seems to be OK except the glass overlay will end up extending past the interface and onto the actual page itself. Anyone know of any extension/glitch-free trick to getting the bookmarks toolbar to auto-hide?

Found one that works here

With the all glass extension when I hit ctrl + f since the status bar is glass and my wallpaper is black on the bottom I can't see any of the text on the find bar (because text is black), is there any way to fix this with stylish?

Which text are you talking about? On mine all the text is white except in the text box.

thanks

i have next question. my open button is disappeared

and close button have little artifact

I posted a fixed theme with the tab bar enabled on page 1 or 2 I believe.

Hi,

I have a problem with this style in combination with ReloadEvery. This add-on changes the style on the reloadbutton. With a code in the userChrome.css I've deleted the dropdown-arrow on the button. But now, it looks like this:

unbenannt-21em5.png

Can anyone help me, how I can change that to the normal look again?

The code in the userChrome is:

#reload-button dropmarker {
display: none !important;
}

Found one that works here

Awesome. Thanks for that. Looked at the style and it's almost like mine except that it uses collapse which I've never used before. I tried using "visibility: hidden" but that prevents you from being able to hover over it.

Hi,

I have a problem with this style in combination with ReloadEvery. This add-on changes the style on the reloadbutton. With a code in the userChrome.css I've deleted the dropdown-arrow on the button. But now, it looks like this:

Can anyone help me, how I can change that to the normal look again?

The code in the userChrome is:

#reload-button dropmarker {
		 display: none !important;
		 }

That's a very odd bug. I do have a temp solution though, try this code.

	 #reload-button dropmarker {
   display: none !important;}
   #reload-button,
   #reload-button:not([disabled="true"]):hover,
   #reload-button[disabled="true"],
   #reload-button:not([disabled="true"]):hover:active {
	   width: 46px !important;
	   height: 30px !important;
	   margin-left: -4px !important;}
   #reload-button {
	   list-style-image: url("chrome://global/skin/reloadbutton.png") !important;
	   width: 46px !important;
	   height: 30px !important;
	   -moz-image-region: auto !important;
	   margin-top: 2px !important;
	   margin:0px !important;
	   padding: 0px !important;
	   margin-left: -4px !important;}
   #reload-button:not([disabled="true"]):hover{
	   list-style-image: url("chrome://global/skin/reloadbuttonhighlight.png") !important;
	   width: 46px !important;
	   height: 30px !important;
	   margin-left: -4px !important;}
   #reload-button:not([disabled="true"]):hover:active{
	   list-style-image: url("chrome://global/skin/reloadbuttonpressed.png") !important;
	   width: 46px !important;
	   height: 30px !important;
	   margin-left: -4px !important;}
   #reload-button[disabled="true"] {
	   list-style-image: url("chrome://global/skin/reloadbuttondisabled.png") !important;
	   width: 46px !important;
	   height: 30px !important;
	   margin-left: -4px !important;}

Awesome. Thanks for that. Looked at the style and it's almost like mine except that it uses collapse which I've never used before. I tried using "visibility: hidden" but that prevents you from being able to hover over it.
Another way is to move the bookmarks to the menu bar and show it with ALT ;)
That's a very odd bug. I do have a temp solution though, try this code.

	 #reload-button dropmarker {
   display: none !important;}
   #reload-button,
   #reload-button:not([disabled="true"]):hover,
   #reload-button[disabled="true"],
   #reload-button:not([disabled="true"]):hover:active {
	   width: 46px !important;
	   height: 30px !important;
	   margin-left: -4px !important;}
   #reload-button {
	   list-style-image: url("chrome://global/skin/reloadbutton.png") !important;
	   width: 46px !important;
	   height: 30px !important;
	   -moz-image-region: auto !important;
	   margin-top: 2px !important;
	   margin:0px !important;
	   padding: 0px !important;
	   margin-left: -4px !important;}
   #reload-button:not([disabled="true"]):hover{
	   list-style-image: url("chrome://global/skin/reloadbuttonhighlight.png") !important;
	   width: 46px !important;
	   height: 30px !important;
	   margin-left: -4px !important;}
   #reload-button:not([disabled="true"]):hover:active{
	   list-style-image: url("chrome://global/skin/reloadbuttonpressed.png") !important;
	   width: 46px !important;
	   height: 30px !important;
	   margin-left: -4px !important;}
   #reload-button[disabled="true"] {
	   list-style-image: url("chrome://global/skin/reloadbuttondisabled.png") !important;
	   width: 46px !important;
	   height: 30px !important;
	   margin-left: -4px !important;}

Thanks man, very good job :)

Just a little optical mistake on hover:

unbenannt-2o44q.png

Is there any way to deactivate the border around this button on hover?

Clicking on an attachment the new window lacks transparency.

The problem is clear for the picture. Is it just me because no one else mentioned this

I think it has been mentioned once, but I've experienced it outside of this theme just using All-Glass. I don't think there's a fix as-yet, and unfortunately that addon isn't under the themers' control - I wouldn't get too hopeful, although there have been a huge number of very good and fast fixes for addon-invoked problems.

I've got this theme on my desktop and netbook. On the netbook using URL Tooltip and the linked stylish script to auto-hide the bookmarks bar, I have plenty of space for the actual page too. Looks fantastic on both, cheers guys.

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

    • No registered users viewing this page.
  • Posts

    • Euro-Office must default to ODF to be considered "genuinely European", LibreOffice argues by David Uzondu Euro-Office is a web-based collaborative office suite that positions itself as a "European sovereign alternative" to American tech companies, backed by a coalition of developers including Nextcloud, IONOS, Abilian, BTactic, OpenProject, and, more recently, Tuta. The project officially went live a couple of days ago, but not before drawing heavy fire from LibreOffice developers, who called the marketing claim that Euro-Office represents the "first open-source office suite developed in Europe" a deceptive historical inaccuracy because projects like OpenOffice and LibreOffice existed decades earlier. Now that the project has launched, LibreOffice is back with another complaint, arguing that Euro-Office cannot consider itself "genuinely European" while it pushes proprietary Microsoft defaults on users. Euro-Office had promised to improve the OpenDocument Format (ODF) back in April, but the current release still plagues users with several technical failures. For instance, the suite lacks an admin setting to enforce ODF, and mobile editors completely block ODF saves, forcing files into Microsoft's OOXML formats. Some configurations force files into read-only mode, while editing frequently corrupts document formatting or erases data. LibreOffice thinks that merely supporting a format as an afterthought does not make you a sovereign alternative, as file formats are the battleground where" digital sovereignty is won or lost." The road to the first stable release of Euro-Office has been quite bumpy due to an aggressive public fallout with OnlyOffice, from which the coalition originally forked the project. OnlyOffice struck back by accusing the coalition of violating copyright terms under its AGPLv3 branding requirements by stripping the original branding anyway and forking the code. Getting Euro-Office up and running is a bit wonky (at least for non-technical users), as there is no direct installer to grab off the web. The easiest way we learnt is by using Docker. First, pull the official Euro-Office image from the GitHub Container Registry: docker pull ghcr.io/euro-office/documentserver:latest Then, run the container with active ports and a secure JWT token, enabling the test environment: docker run -i -t -d -p 8080:80 --restart=always -e EXAMPLE_ENABLED=true -e JWT_SECRET=my_secure_jwt_secret ghcr.io/euro-office/documentserver:latest And finally, open a web browser and go to the following address: http://localhost:8080 If you are running this on a remote server, replace localhost with your server's IP address. You will see the Euro-Office test page, where you can create new text documents, spreadsheets, or presentations directly in the browser. Image via Euro-Office Nextcloud promises that proper standalone desktop versions and mobile apps will arrive in a future release.
    • It’s any of their products not just windows.
    • Google Gemini has been failing for users across the United States, Europe, and Asia since early Wednesday morning, June 10, 2026, and more than six hours into the incident Google has yet to declare a fix............. https://www.techtimes.com/articles/318152/20260610/google-gemini-outage-tops-six-hours-errors-1076-1099-worldwideflash-lite-still-answers.htm
    • Fun fact: There are more Warhammer 40k games than there are stars in the universe.
  • Recent Achievements

    • Week One Done
      FBSPL earned a badge
      Week One Done
    • One Year In
      Jim Dugan earned a badge
      One Year In
    • One Month Later
      Tommi118 earned a badge
      One Month Later
    • One Month Later
      sjbousquet earned a badge
      One Month Later
    • Week One Done
      sjbousquet earned a badge
      Week One Done
  • Popular Contributors

    1. 1
      +primortal
      486
    2. 2
      PsYcHoKiLLa
      197
    3. 3
      +Edouard
      155
    4. 4
      Steven P.
      83
    5. 5
      ATLien_0
      69
  • Tell a friend

    Love Neowin? Tell a friend!