MozillaZine

FireFox3 userContent.css

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

Post Posted March 16th, 2008, 7:01 am

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

steviex
Moderator

User avatar
 
Posts: 28902
Joined: August 12th, 2006, 8:27 am
Location: Middle England

Post Posted March 16th, 2008, 7:59 am

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 Posted March 16th, 2008, 10:04 am

Put
Code: Select all
-moz-appearance: none !important;
in each of those.

JoyFM
 
Posts: 3
Joined: February 24th, 2008, 9:57 am

Post Posted March 19th, 2008, 12:34 pm

works perfectly .... thank you ;)

NaWer

User avatar
 
Posts: 2
Joined: January 12th, 2005, 4:51 am
Location: fr-FR

Post Posted May 27th, 2008, 2:24 am

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

Return to Firefox Builds


Who is online

Users browsing this forum: colfer and 5 guests