{"url":"https://userstyles.org/styles/2456/nice-firefox-forms","name":"Nice Firefox forms","description":"This is an experimental style. It is the port of akirasan's style[1] (based on Phillippe Wittenbergh's work[2]).\r\n\r\nSince 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 \u003cFirefox-Path\u003e\\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 */\").\r\n\r\nThere are some issues, like the drop-down boxes not being (fully) styled, but this will be attended shortly (again, affecting 'forms.css').\r\n[1] http://www.akirasan.net/?p=403\r\n[2] http://emps.l-c-n.com/articles/94/widgets-for-firefox\r\n\r\n/* common features of radio buttons and check boxes */\r\n\r\ninput[type=\"radio\"],\r\ninput[type=\"checkbox\"] {\r\n  /* same colors as |input| rule, but |!important| this time. */\r\n  -moz-box-sizing: border-box;\r\n  background-color: -moz-Field /*! important*/;\r\n  color: -moz-FieldText ! important;\r\n  border: 2px inset ThreeDFace /*! important*/;\r\n}\r\n\r\ninput[type=\"radio\"][disabled],\r\ninput[type=\"radio\"][disabled]:active,\r\ninput[type=\"radio\"][disabled]:hover,\r\ninput[type=\"radio\"][disabled]:hover:active,\r\ninput[type=\"checkbox\"][disabled],\r\ninput[type=\"checkbox\"][disabled]:active,\r\ninput[type=\"checkbox\"][disabled]:hover,\r\ninput[type=\"checkbox\"][disabled]:hover:active {\r\n  padding: 1px;\r\n  border: 1px inset ThreeDShadow /*! important*/;\r\n  /* same as above, but !important */\r\n  color: GrayText /*! important*/;\r\n  background-color: ThreeDFace /*! important*/;\r\n  cursor: inherit; \r\n}\r\n\r\ninput[type=\"checkbox\"]:focus,\r\ninput[type=\"radio\"]:focus {\r\n  border-style: groove /*!important*/;\r\n}\r\n\r\ninput[type=\"checkbox\"]:hover:active,\r\ninput[type=\"radio\"]:hover:active {\r\n  background-color: ThreeDFace /*! important*/;\r\n  border-style: inset /*!important*/;\r\n}\r\n\r\n*|*::-moz-radio {\r\n  width: 4px;\r\n  height: 4px;\r\n  background-color: -moz-FieldText /*! important*/;\r\n  -moz-border-radius: 3px;\r\n}\r\n","author":"void","created":"2007-05-31T20:14:54.000Z","created_ago":"about 19 years","updated":"2007-05-31T20:46:47.000Z","updated_ago":"about 19 years","category":"global","subcategory":null,"weekly_installs":1,"total_installs":2182,"rating":"none","isPremium":false,"screenshot":"https://assets.userstyles.org/assets_packs/type=style/user_id=2602/screenshot_f14b3692-4a11-40e3-8c86-9407fd628772.gif","license":"http://creativecommons.org/licenses/by-sa/3.0/"}