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

    • Acronyms....

      By Mindovermaster · Posted

      laughing is tedious. Elephants really are laughing lazy, y'all..
    • Nvidia's GeForce NOW summer sale drops prices for Ultimate and Premium memberships

      By excalpius · Posted

      Agreed. And this is a great discount offer! It's a shame that there's no discount offer option for people who would be fine subscribing for a year-long term, but pay monthly.
    • A Warhammer 40K racing game and a chess roguelike are free to claim on the Epic Games Store

      By LoneWolfSL · Posted

      A Warhammer 40K racing game and a chess roguelike are free to claim on the Epic Games Store by Pulasthi Ariyasinghe The Epic Games Store has returned to its standard giveaway procedures after weeks of mystery freebies. The latest drop is replacing last week's Rogue Waters and Songs of Conquest games and has brought in a double giveaway offering Warhammer 40K Speed Freeks and The Ouroboros King. As always, the game is yours to add permanently to your Epic Games Store library within the next seven days. From the duo, Warhammer 40K Speed Freeks lands from developer Caged Element, and it's a racing game that was only released last year. The title has you piloting Ork buggies, tanks, and aircraft modeled after the popular tabletop miniatures. The focus is on multiplayer mayhem, offering multiple game modes that have you fighting other players as everyone tries to survive and get across finish lines or destroy mechs. Crossplay support between PC and consoles has now arrived as part of a free update, too, giving a boost to matchmaking times for this multiplayer-focused title. If racing carnage isn't your thing, then The Ouroboros King offers tactics. The indie title is a mashup of chess and standard roguelike experience, letting players create their own armies to defeat an enemy faction, all on the familiar checkered board. There is a procedurally generated map, pieces with special abilities, relics that bend the game's rules to make overpowered builds, and more. The newly available Warhammer 40K Speed Freeks and The Ouroboros King giveaways on the Epic Games Store are set to run until June 11, giving PC gamers seven days to claim the latest offer. Once this closes out, a new freebie will take its place on the same day. Don't forget that mobile gamers can check out the Epic Game Store's weekly giveaways on Android and iOS to grab a freebie there as well.
    • Nvidia's GeForce NOW summer sale drops prices for Ultimate and Premium memberships

      By freedonX · Posted

      Geforce Now is great! Playing with a 4080/5080 without spending over $1k Just for the Gpu..plus other componentes. Finished resident evil 9 (running rtx 5080) on a mac mini m2. The mini is the size of just the gpu. No more bulky Pc towers on my desk
    • AI Revolution or AI Bubble ? The Trillion-Dollar Question Splitting Wall Street and Silicon Valley

      By +TRS-80 · Posted

      The most consequential argument in technology right now is not about which model is smartest or which chip is fastest. It is about whether the entire enterprise is a generational revolution or the largest financial bubble ever inflated — and the unsettling answer, increasingly, is that it may be both at once.,,,, https://www.techtimes.com/articles/318138/20260610/ai-revolution-ai-bubble-trillion-dollar-question-splitting-wall-street-silicon-valley.htm This is a very good read.  For what it is worth, I agree with the answer to the question. Bonus: Buffalo Springfield - For What It's Worth 1967 https://noai.duckduckgo.com/?ia=videos&origin=funnel_home_website&q=what it is worth song&atb=v537-7&iax=videos&iai=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dgp5JCrSXkJY One of my 60s favorites

  • 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
      494
    2. 2
      PsYcHoKiLLa
      198
    3. 3
      +Edouard
      155
    4. 4
      Steven P.
      83
    5. 5
      ATLien_0
      69
    Show More

  • Tell a friend

    Love Neowin? Tell a friend!