Fx4* .css tweaks

[rob64rock]

http://userstyles.org/styles/17453/stylish-nostalgia-icons
Can someone fix this style for new Stylish please?

I will give it a look, but I can't promise anything....OK....

Subfire, I'll post back here to let you know of my results...

[ferongr]

What's the CSS property to change the bitmap of titlebar window controls (titlebar-max etc)?

[subfire]

I made this style to completely hide the chrome, so the upper part of the browser is completely empty (I have all controls at bottom). The only problem is when I click on the top right section of the sites, the browser can close or minimize, so I guess the buttons is still somehow active. Can someone improve the style to disable the hidden window controls?

Code: Select all

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

#titlebar {
    display: none !important;
}
#titlebar-content {
    display: none !important;
}

[rob64rock]

I need help from a CSS guru:
viewtopic.php?f=7&t=2449895&p=11863397#p11863397

[rob64rock]

I need help from a CSS guru:
viewtopic.php?f=7&t=2449895&p=11863397#p11863397

No longer need help, but thanks to those who tried.

[mozillauser233]

I am trying to get a brandstartlogo to scale down on restored window and scale up on maximized window exactly how the default brandstartlogo works.

Here is the css that I have found, added repeat none and a different image as to what was in the css found on userstyles.org.

Atm, I am linking the image as dataURI is to much for the forum.

Code: Select all

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url("about:home") {
  #brandStart { margin-bottom: 100px; }
  #brandStartLogo {
    width: 0 !important;;
    height: 207px !important;
    padding-left: 256px;
    background-image: url("http://i.imgur.com/rOxTT.png");
    background-position: bottom center;
    background-repeat: no-repeat !important;
  }
}

In the default css I had found

Code: Select all

#brandStart {
  text-align: center;
  height: 19%;
  max-height: 256px;
  min-height: 92px;
}

#brandStartSpacer {
  height: 6.5%;
}

#brandStartLogo {
  height: 100%;
}

I cannot for the life of me, get this image to scale, I added min and max code to the style but it went crazy.

Any advice?

[rob64rock]

I am trying to get a brandstartlogo to scale down on restored window and scale up on maximized window exactly how the default brandstartlogo works.

Here is the css that I have found, added repeat none and a different image as to what was in the css found on userstyles.org.

Atm, I am linking the image as dataURI is to much for the forum.

Code: Select all

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url("about:home") {
  #brandStart { margin-bottom: 100px; }
  #brandStartLogo {
    width: 0 !important;;
    height: 207px !important;
    padding-left: 256px;
    background-image: url("http://i.imgur.com/rOxTT.png");
    background-position: bottom center;
    background-repeat: no-repeat !important;
  }
}

In the default css I had found

Code: Select all

#brandStart {
  text-align: center;
  height: 19%;
  max-height: 256px;
  min-height: 92px;
}

#brandStartSpacer {
  height: 6.5%;
}

#brandStartLogo {
  height: 100%;
}

I cannot for the life of me, get this image to scale, I added min and max code to the style but it went crazy.

Any advice?

Solution posted here:
http://forum.userstyles.org/discussion/30633/scale-image-up-and-down

[mozillauser233]

Solution posted here:
http://forum.userstyles.org/discussion/30633/scale-image-up-and-down

Kinda sorta, still trying to work out the restored window mode and maximized window mode scaling of image.

[mozillauser233]

Solution posted here:
http://forum.userstyles.org/discussion/30633/scale-image-up-and-down

Kinda sorta, still trying to work out the restored window mode and maximized window mode scaling of image.

Taken care of, all good now and wicked. Can check the style out in MyFirefoxUserstyles link in sig under about:home - BrandStartLogo , four different logos for the time being.

[rob64rock]

For WinXp users using the latest Aurora and Nightly builds.

http://userstyles.org/styles/45814/fx-logo-app-button-styled-tabs-winxp-fx-15

Updated 06-07-2012
Now only compatible with latest Aurora and Nightly builds.

Note: Userstyle for Firefox 5+ and up to the latest Firefox Beta builds found here:
http://userstyles.org/styles/39905/fx-logo-app-button-styled-tabs-winxp-fx-5

[sbrads99]

I use text search a lot, either by '/' or 'CTFL+F' and sometimes it's difficult to see where a hit is on the page, so I would love to have an easily selectable choice of colour and the option to have each hit flash between colours to make it REALLY easy to spot. Is this possible?

[mozillauser233]

I use text search a lot, either by '/' or 'CTFL+F' and sometimes it's difficult to see where a hit is on the page, so I would love to have an easily selectable choice of colour and the option to have each hit flash between colours to make it REALLY easy to spot. Is this possible?

I thought I was the only one. I can second this. Love to change it from default [light green] to Red. If anyone could supply it, it would be great.

sbrads, I don't have the code for find highlight text, but I do have something else that you might like. Basic highlight text code. I've been using it for like a week now and works great, if don't want it, it'll be here for others aswell.

Code: Select all

::-moz-selection {
/*Colour of text*/
color: white !important;

/*Highlighting colour*/
background: red !important;
}

Blue & light green is the up most ridiculous colors to use as default for find and basic text highlight.

[sbrads99]

I had a bit of a read and settled on this for a red background. Add to pref.js . No problems noted in 3 weeks of usage.

user_pref("ui.textHighlightBackground", "#FF0000");
user_pref("ui.textHighlightForeground", "#000000");
user_pref("ui.textSelectBackground", "#FF0000");
user_pref("ui.textSelectForeground", "#000000");

[rob64rock]

New style:
http://userstyles.org/styles/67072/panorama-tab-groups-view-after-dark-fx-4

[Frank Lion]

Here's an extension that is SO useful if you do UI .css - https://addons.mozilla.org/en-US/firefo ... inspector/

You know, like all the things that popped up and disappeared when you used to try and get the DOMi on them?

Btw in their efforts to make a good extension, the author forgot to put any icons in. These should go in chrome/skin and you need a 32x32 called icon.png and another one called icon64.png. I'll leave you to work out the size of that last one.