Install
This is an experimental style. It is the port of akirasan's style[1] (based on Phillippe Wittenbergh's work[2]).
Since it aims to override the browser' default elements layout, you need to remove the "!important" keyword of some rules in your forms.css file (usually found in <Firefox-Path>\res\forms.css) starting around line 364, leaving the CSS style something similar to the one below (note the "!important" being commented, e.g. "/* !important */").
There are some issues, like the drop-down boxes not being (fully) styled, but this will be attended shortly (again, affecting 'forms.css').
[1] http://www.akirasan.net/?p=403
[2] http://emps.l-c-n.com/articles/94/widgets-for-firefox
/* common features of radio buttons and check boxes */
input[type="radio"],
input[type="checkbox"] {
/* same colors as |input| rule, but |!important| this time. */
-moz-box-sizing: border-box;
background-color: -moz-Field /*! important*/;
color: -moz-FieldText ! important;
border: 2px inset ThreeDFace /*! important*/;
}
input[type="radio"][disabled],
input[type="radio"][disabled]:active,
input[type="radio"][disabled]:hover,
input[type="radio"][disabled]:hover:active,
input[type="checkbox"][disabled],
input[type="checkbox"][disabled]:active,
input[type="checkbox"][disabled]:hover,
input[type="checkbox"][disabled]:hover:active {
padding: 1px;
border: 1px inset ThreeDShadow /*! important*/;
/* same as above, but !important */
color: GrayText /*! important*/;
background-color: ThreeDFace /*! important*/;
cursor: inherit;
}
input[type="checkbox"]:focus,
input[type="radio"]:focus {
border-style: groove /*!important*/;
}
input[type="checkbox"]:hover:active,
input[type="radio"]:hover:active {
background-color: ThreeDFace /*! important*/;
border-style: inset /*!important*/;
}
*|*::-moz-radio {
width: 4px;
height: 4px;
background-color: -moz-FieldText /*! important*/;
-moz-border-radius: 3px;
}
Discussions [Start new]
No discussions posted yet.