home *** CD-ROM | disk | FTP | other *** search
/ Chip 2002 January / 01_02.iso / software / netscape62win / browser.xpi / bin / res / forms.css < prev    next >
Cascading Style Sheet File  |  2001-08-28  |  8KB  |  375 lines
  1. /*
  2.  * The contents of this file are subject to the Netscape Public
  3.  * License Version 1.1 (the "License"); you may not use this file
  4.  * except in compliance with the License. You may obtain a copy of
  5.  * the License at http://www.mozilla.org/NPL/
  6.  *
  7.  * Software distributed under the License is distributed on an "AS
  8.  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
  9.  * implied. See the License for the specific language governing
  10.  * rights and limitations under the License.
  11.  *
  12.  * The Original Code is mozilla.org code.
  13.  *
  14.  * The Initial Developer of the Original Code is Netscape
  15.  * Communications Corporation.  Portions created by Netscape are
  16.  * Copyright (C) 1998 Netscape Communications Corporation. All
  17.  * Rights Reserved.
  18.  *
  19.  * Contributor(s): 
  20.  */
  21.  
  22. /** 
  23.   Styles for old GFX form widgets
  24.  **/ 
  25.  
  26.  
  27. @namespace url(http://www.w3.org/1999/xhtml); /* set default namespace to HTML */
  28.  
  29. *|*:fieldset-content {
  30.   display: block;
  31. }
  32.  
  33. form {
  34.   display: block;
  35.   margin: 0 0 1em 0;
  36. }
  37.  
  38. /* miscellaneous form elements */
  39.  
  40. legend {
  41.   padding-left: 2px;
  42.   padding-right: 2px;
  43.   border: none;
  44. }
  45.  
  46. fieldset {
  47.   display: block;
  48.   border: 2px solid black;
  49.   padding: 4px 4px 4px 4px;
  50.   margin-left: 2px;
  51.   margin-right: 2px;
  52. }
  53.  
  54. /* default inputs, text inputs, and selects */
  55. input {
  56.   background-color: -moz-Field;
  57.   border: 2px inset ThreeDFace;
  58.   color: -moz-FieldText;
  59.   cursor: text;
  60.   font: field;
  61.   text-align: start;
  62.   vertical-align: text-bottom;
  63.   -moz-box-sizing: border-box;
  64.   -moz-user-focus: normal;
  65.   -moz-binding: url("resource:///res/builtin/platformHTMLBindings.xml#inputFields");
  66.   padding: 1px 0 1px 0;
  67. }
  68.  
  69. textarea {
  70.   background-color: -moz-Field;
  71.   border: 2px inset ThreeDFace;
  72.   color: -moz-FieldText;
  73.   cursor: text;
  74.   font: medium -moz-fixed;
  75.   margin: 1px 0 1px 0;
  76.   text-align: start;
  77.   vertical-align: text-bottom;
  78.   -moz-box-sizing: border-box;
  79.   -moz-user-focus: normal;
  80.   -moz-binding: url("resource:///res/builtin/platformHTMLBindings.xml#textAreas");
  81. }
  82.  
  83. textarea > scrollbar {
  84.   cursor: default;
  85. }
  86.  
  87. *|*:-moz-singleline-textcontrol-frame {
  88.   overflow: hidden;
  89.   white-space: nowrap;
  90.   background-color: inherit;
  91.   text-align: inherit;
  92. }
  93.  
  94. select {
  95.   font: list;
  96.   background-color: -moz-Field;
  97.   border: 2px inset ThreeDFace;
  98.   margin: 0;
  99.   vertical-align: text-bottom;
  100.   color: -moz-FieldText;
  101.   white-space: nowrap;
  102.   text-align: start; 
  103.   cursor: default;
  104.   -moz-user-select: none;
  105.   -moz-user-focus: normal;
  106.   -moz-box-sizing: border-box;
  107. }
  108.  
  109. select[size] {
  110.   padding: 1px 0 1px 0;
  111. }
  112. select[size="1"] {
  113.   padding: 0;
  114. }
  115.  
  116. select > input[type="button"] {
  117.   position: static ! important;
  118.   white-space: nowrap;
  119.   background-image: url("arrow.gif") !important;
  120.   background-repeat: no-repeat !important;
  121.   background-position: center !important;
  122.   width: 12px;
  123.   height: 12px;
  124.   -moz-user-focus: none;
  125. }
  126.  
  127. select > input[type="button"]:active {
  128.   background-image: url("arrowd.gif") !important;
  129. }
  130.  
  131. select[size], :-moz-select-scrolled-content {
  132.   overflow: -moz-scrollbars-vertical;
  133. }
  134.  
  135. select:-moz-dummy-option { 
  136.   visibility: hidden; 
  137.   content: "XX"; /* demo 8, edge case test 1 */
  138. }
  139.  
  140. *|*:-moz-display-comboboxcontrol-frame {
  141.   overflow: hidden;
  142.   white-space: nowrap;
  143.   background-color: inherit;
  144.   color: inherit;
  145.   text-align: inherit;
  146.   padding: 1px 0 1px 4px;
  147.   -moz-user-select: none;
  148. }
  149.  
  150. option {
  151.   min-height: 1em;
  152.   display: block;
  153.   -moz-user-select: none;
  154.   -moz-user-focus: none;
  155. }
  156.  
  157. select > option {
  158.   padding: 0 5px 0 3px;
  159. }
  160.  
  161. option[_moz-option-selected] {
  162.   color: HighlightText ! important;
  163.   background-color: Highlight ! important;
  164. }
  165.  
  166. optgroup {
  167.   display: block;
  168.   font: list;
  169.   font-style: italic;
  170.   font-weight: bold;
  171.   -moz-user-select: none;
  172.   -moz-user-focus: none;
  173. }
  174.  
  175. optgroup > option {
  176.   padding-left: 20px;
  177.   font-style: normal;
  178.   font-weight: normal;
  179. }
  180.  
  181. optgroup:before {
  182.   display: block;
  183.   content: attr(label);
  184. }
  185.  
  186. *|*:-moz-dropdown-list {
  187.   background-color: inherit;
  188.   border: 1px outset black; 
  189.   z-index: 2147483647;
  190.   -moz-user-select: none;
  191. } 
  192.  
  193. input[disabled],
  194. textarea[disabled],
  195. option[disabled],
  196. select[disabled],
  197. select[disabled] > :-moz-display-comboboxcontrol-frame {
  198.   color: GrayText;
  199.   cursor: default;
  200. }
  201.  
  202. /* hidden inputs */
  203. input[type="hidden"] {
  204.   border: none;
  205.   visibility: hidden;
  206.   -moz-binding: none;
  207. }
  208.  
  209. /* image buttons */
  210. input[type="image"] {
  211.   border: none;
  212.   vertical-align: baseline;
  213.   background-color: transparent;
  214.   cursor: pointer;
  215.   font-family: sans-serif;
  216.   font-size: small;
  217.   -moz-binding: none;
  218.   padding: 0;
  219. }
  220.  
  221. input[type="image"][disabled] {
  222.   cursor: default;
  223. }
  224.  
  225. input[type="image"]:focus {
  226.   -moz-outline: 1px dotted -moz-FieldText;
  227. }
  228.  
  229. /* file selector */
  230. input[type="file"] {
  231.   white-space: nowrap;
  232.   border: none;
  233.   cursor: default;
  234.   -moz-binding: none;
  235.   padding: 0;
  236. }
  237.  
  238. /* button part of file selector */
  239. input[type="file"] > input[type="button"] {
  240.   height: inherit;
  241. }
  242.  
  243. input[type="file"] > input[type="button"]:-moz-focus-inner
  244.  {
  245.   padding: 0px 2px 0px 2px;
  246.   border: 1px dotted transparent;
  247. }
  248.  
  249. /* radio buttons */
  250. input[type="radio"] {
  251.   border: 2px inset ThreeDFace;
  252.   background-color: -moz-Field;
  253.   color: -moz-FieldText;
  254.   width: 12px;
  255.   height: 12px;
  256.   cursor: default;
  257.   vertical-align: baseline;
  258.   -moz-border-radius: 100%;
  259.   -moz-binding: none;
  260.   margin: 3px 3px 0px 5px;
  261.   padding: 0;
  262. }
  263.  
  264. /* check boxes */
  265. input[type="checkbox"] {
  266.   border: 2px inset ThreeDFace;
  267.   background-color: -moz-Field;
  268.   color: -moz-FieldText;
  269.   width: 13px;
  270.   height: 13px;
  271.   cursor: default;
  272.   vertical-align: text-bottom;
  273.   -moz-binding: none;
  274.   margin: 3px 3px 3px 4px;
  275.   padding: 0;
  276. }
  277.  
  278. /* common features of radio buttons and check boxes */
  279. input[type="radio"][disabled],
  280. input[type="radio"][disabled]:active,
  281. input[type="radio"][disabled]:hover,
  282. input[type="radio"][disabled]:hover:active,
  283. input[type="checkbox"][disabled],
  284. input[type="checkbox"][disabled]:active,
  285. input[type="checkbox"][disabled]:hover,
  286. input[type="checkbox"][disabled]:hover:active {
  287.   padding: 1px;
  288.   border: 1px inset ThreeDShadow;
  289.   background-color: GrayText;
  290. }
  291.  
  292. input[type="checkbox"]:focus,
  293. input[type="radio"]:focus {
  294.   border-style: groove;
  295. }
  296.  
  297. input[type="checkbox"]:hover:active,
  298. input[type="radio"]:hover:active {
  299.   border-style: inset;
  300.   background-color: ThreeDHighlight;
  301. }
  302.  
  303. *|*:-moz-radio {
  304.   background-color: -moz-FieldText;
  305.   width: 4px;
  306.   height: 4px;
  307.   left: 6px;
  308.   top: 6px;
  309.   -moz-border-radius: 3px;
  310. }
  311.  
  312. /* buttons */
  313. button, 
  314. input[type="reset"],
  315. input[type="button"],
  316. input[type="submit"] { 
  317.   border: 2px outset ButtonFace;
  318.   background-color: ButtonFace;
  319.   color: ButtonText; 
  320.   padding: 2px 0 2px 0;
  321.   font: button;
  322.   cursor: default;
  323.   white-space: pre;
  324.   -moz-box-sizing: border-box;
  325.   -moz-user-select: none;
  326.   -moz-user-focus: normal;
  327.   -moz-binding: none;
  328. }
  329.  
  330. *|*:button-content {
  331.   display: block;
  332.   text-align: center;
  333. }
  334.  
  335. button:active:hover,
  336. input[type="reset"]:active:hover,
  337. input[type="button"]:active:hover,
  338. input[type="submit"]:active:hover {
  339.   border-style: inset;
  340.   padding: 3px 0 1px 0;
  341. }
  342.  
  343. button:-moz-focus-inner,
  344. input[type="reset"]:-moz-focus-inner,
  345. input[type="button"]:-moz-focus-inner,
  346. input[type="submit"]:-moz-focus-inner {
  347.   padding: 1px 2px 1px 2px;
  348.   border: 1px dotted transparent;
  349. }
  350.  
  351. button:focus:-moz-focus-inner,
  352. input[type="reset"]:focus:-moz-focus-inner,
  353. input[type="button"]:focus:-moz-focus-inner,
  354. input[type="submit"]:focus:-moz-focus-inner {
  355.   border-color: ButtonText;
  356. }
  357.  
  358. button[disabled]:active, button[disabled],
  359. input[type="reset"][disabled]:active,
  360. input[type="reset"][disabled],
  361. input[type="button"][disabled]:active,
  362. input[type="button"][disabled],
  363. input[type="file"][disabled] > input[type="button"],
  364. input[type="file"][disabled] > input[type="button"]:active,
  365. select[disabled] > input[type="button"],
  366. select[disabled] > input[type="button"]:active,
  367. input[type="submit"][disabled]:active,
  368. input[type="submit"][disabled] {
  369.   border: 1px outset ButtonShadow;
  370.   padding: 3px 1px 3px 1px;
  371.   color: GrayText;
  372. }
  373.  
  374.  
  375.