Firefox 3.7 Mockup Redux Theme

By BoneyardBrew
in Tips, Tweaks & Customization

 Share

Recommended Posts

Mentor

SoapyHamHocks Member

Posted
  • Member
Posted
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

Grand Master

Chris123NT

Posted
Posted

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

Proficient

family guy

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

Mentor

svnO.o

Posted
Posted (edited)

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
Proficient

family guy

Posted
Posted
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

Proficient

family guy

Posted
Posted
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

Mentor

SoapyHamHocks Member

Posted
  • Member
Posted
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.

Contributor

Black Rider

Posted
Posted

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

Mentor

svnO.o

Posted
Posted
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.

Mentor

SoapyHamHocks Member

Posted
  • Member
Posted
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;}

Contributor

Black Rider

Posted
Posted
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?

Rising Star

callummr

Posted
Posted
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.
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.

  • Posts

    • EU Commission explains why Siri AI isn't launching in the EU, and Apple is to blame

      By WaltC · Posted

      The problem of course is simply that government does not always know best. My point is that agency is taken away from the EU consumer in these cases. I'm sorry, but I do not believe that governments (politicians) are inherently good, and "looking out for me." Primarily they look to themselves and their own personal desires first, foremost, and always. When the EU or the DOJ fines these companies, claiming to "represent the welfare of the consumer," how much of these billion-dollar judgments are handed to the consumers they claim to represent? Not even a dollar, as I've seen. Yet the EUC lawyers who are paid to sit around and dream up these suits make huge commissions on the fines the EUC adjudicates, which is an ironclad fact I hope everyone is aware of. It's also rank corruption, of course, but that's another topic. Last, when the EU inflicts these judgments, or the DOJ, take your pick, the costs are bundled right along in the cost of the goods and services these companies provide the consumers they are "looking out for." If you are someone who believes his government is his savior then you have my condolences. I think Apple is right here, because the whole scheme of consumer choice is that consumers pick and choose among the products companies offer. Microsoft Windows is more compatible with third party software and hardware than any desktop OS on Earth, which is my sole reason for choosing it. Just because the EUC forces companies do certain things it knows the companies do not want to do, "or else", has no bearing on consumer benefit. This Siri thing is almost idiotic it's so infantile. But this is what the EUC does when the EU in Brussels becomes cash-strapped and needs a big infusion of cash. Some people get upset by "big companies" but it's the opposite when governments dwarf the size and scope of these companies, which is so obvious it hurts.... I mean you can't honestly believe that forcing Apple to do things with Siri it has its own reasons to decline is something that "opens up" Apple, do you? Say it aint' so...
    • Popular Windows 11 file manager Files gets improved tags, layouts, and new OneDrive icon

      By BoondockSaint · Posted

      Looks like many years since the request was made, a directory tree view finally may be added. https://github.com/files-community/Files/pull/18537
    • Popular Windows 11 file manager Files gets improved tags, layouts, and new OneDrive icon

      By leonsk29 · Posted

      Is it still super slow or has it improved on that area?
    • Microsoft: Windows 11 KB5094126, KB5093998 finally stops trusting a critical system threat

      By NXTwoThou · Posted

      There's this from last year https://gist.github.com/threat...364659a8887841aa43deca4efd9 but nothing about a buffer overflow that MS somehow can't code against. No matter what, it makes sense to take a "protected by default" approach.
    • EU Commission explains why Siri AI isn't launching in the EU, and Apple is to blame

      By NEXXUS · Posted

      I dont use apple products

  • Recent Achievements

    • One Month Later
      sjbousquet earned a badge
      One Month Later
    • Week One Done
      sjbousquet earned a badge
      Week One Done
    • First Post
      DragonOfMercy earned a badge
      First Post
    • First Post
      bella52 earned a badge
      First Post
    • Reacting Well
      Techinmay earned a badge
      Reacting Well

  • Popular Contributors

    1. 1
      +primortal
      501
    2. 2
      PsYcHoKiLLa
      212
    3. 3
      +Edouard
      156
    4. 4
      Steven P.
      84
    5. 5
      FloatingFatMan
      72
    Show More

  • Tell a friend

    Love Neowin? Tell a friend!