Firefox 3.7 Mockup Redux Theme

[Rapier]

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 ?

[SoapyHamHocks Member]

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.

 #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

[Chris123NT]

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

[family guy]

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.

 #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!

[Rapier]

Don't use the sidebar much so I'm not really bothered about that. The edge rounding script is perfect. Set it at 4px and it looks great.

[svnO.o]

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 July 25, 2009 by dlegend

[family guy]

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

[nierealny]

hej

When i turn on lastpass i have this error

[family guy]

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

[SoapyHamHocks Member]

hej

When i turn on lastpass i have this error

Try this:

[ViperAFK]

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?

[nierealny]

Try this:

thanks

i have next question. my open button is disappeared

and close button have little artifact

[Sboulema]

Hey i got everything setup and working correctly, but my statusbar isnt showing text for some reason. My Gmail manager and Google Reader Notifier aren't showing their unread count, but are claiming the space to show the text.

[SoapyHamHocks Member]

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.

[Black Rider]

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

[svnO.o]

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.

[SoapyHamHocks Member]

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

[Black Rider]

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:

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

[nierealny]

SoapyHamHocks

thanks guy :punk:

[Rapier]

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

[callummr]

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.

[canadadry]

I have a gap between the Bookmarks icon and Tools icon. Anyone have any ideas to help fix it?

[Black Rider]

I have a gap between the Bookmarks icon and Tools icon. Anyone have any ideas to help fix it?

You can deactivate this arrows in the options of personal menu. ;)

[canadadry]

You can deactivate this arrows in the options of personal menu. ;)

Thanks!

[Fatal!ty Str!ke]

*deleted* [sorry - this post was crap]