FireFox3 userContent.css

Discussion about official Mozilla Firefox builds
Post Reply
JoyFM
Posts: 3
Joined: February 24th, 2008, 9:57 am

FireFox3 userContent.css

Post by JoyFM »

Hi,
I'm using a dark gtk theme on linux and thats why I'm using a userContent.css to prevent the forms modules in webpages to use my gtk theme (becouse they sometimes hardly to read ;))
here is it:

Code: Select all

/*
 * Edit this file and copy it as userContent.css into your
 * profile-directory/chrome/
 */

/*
 * This file can be used to apply a style to all web pages you view
 * Rules without !important are overruled by author rules if the
 * author sets any.  Rules with !important overrule author rules.
 */

/*
 * example: turn off "blink" element blinking
 *
 * blink { text-decoration: none ! important; }
 *
 */

/*
 * example: give all tables a 2px border
 *
 * table { border: 2px solid; }
 */

/*
 * example: turn off "marquee" element
 *
 * marquee { -moz-binding: none; }
 *
 */
 
/*
 * For more examples see http://www.mozilla.org/unix/customizing.html
 */

input {
   border: 2px inset white;
   background-color: white;
   color: black;
}

textarea {
   border: 2px inset white;
   background-color: white;
   color: black;
}

select {
   border: 2px inset white;
   background-color: white;
   color: black;
}
 
input[type="radio"],
input[type="checkbox"] {
   border: 2px inset white ! important;
   background-color: white ! important;
   color: ThreeDFace ! important;
}

*|*::-moz-radio {
   background-color: white;
}

button,
input[type="reset"],
input[type="button"],
input[type="submit"] {
   border: 2px outset white;
   background-color: #eeeeee;
   color: black;
}

body {
   background-color: white;
   color: black;
   display: block;
   margin: 8px;
}



here two screenshots

FireFox 2.0.0.12 :
<img src="http://home.arcor.de/joyfm/firefox2.png">

FireFox 3 beta4:
<img src="http://home.arcor.de/joyfm/firefox3.png">

is that behaviour a bug or a new syntax?

thanks for answers ;)
User avatar
steviex
Moderator
Posts: 28902
Joined: August 12th, 2006, 8:27 am
Location: Middle England

Post by steviex »

Moving to Firefox Builds....
Only two things are infinite, the universe and human stupidity, and I'm not sure about the former. -Albert Einstein

Please DO NOT PM me for support... Lets keep it on the board, so we can all learn.
bielawski
Posts: 252
Joined: November 21st, 2007, 11:27 am

Post by bielawski »

Put

Code: Select all

-moz-appearance: none !important;
in each of those.
JoyFM
Posts: 3
Joined: February 24th, 2008, 9:57 am

Post by JoyFM »

works perfectly .... thank you ;)
User avatar
NaWer
Posts: 2
Joined: January 12th, 2005, 4:51 am
Location: fr-FR

Post by NaWer »

I use firefox 3 RC1 (on Gnu/Linux Ubuntu) with a dark gtk theme too, and this usercontent.css does'nt work for me, even with

Code: Select all

-moz-appearance: none !important; 


How does it work ?

Code: Select all

input {
   border: 2px inset white;
   background-color: white;
   color: black;
   -moz-appearance: none !important;
}


or just

Code: Select all

input {
  -moz-appearance: none !important;
}


I've read http://developer.mozilla.org/en/docs/CS ... appearance and it says that -moz-appearance: none is the defaut behaviour. It concern firefox 2 only ?

JoyFM> can you put here your userContent.css ?

[edit] : !important; every where and it's OK
Post Reply