diff --git a/mozilla/layout/html/document/src/forms.css b/mozilla/layout/html/document/src/forms.css index cf0ac883118..93cc9f23c64 100644 --- a/mozilla/layout/html/document/src/forms.css +++ b/mozilla/layout/html/document/src/forms.css @@ -40,6 +40,7 @@ @namespace url(http://www.w3.org/1999/xhtml); /* set default namespace to HTML */ +@namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); *|*:fieldset-content { display: block; @@ -60,10 +61,10 @@ legend { fieldset { display: block; - border: 2px solid black; - padding: 4px 4px 4px 4px; margin-left: 2px; margin-right: 2px; + padding: 4px 4px 4px 4px; + border: 2px solid; } label { @@ -76,33 +77,47 @@ label { /* default inputs, text inputs, and selects */ input { - background-color: -moz-Field; + padding: 1px 0 1px 0; border: 2px inset ThreeDFace; + background-color: -moz-Field; color: -moz-FieldText; - cursor: text; font: field; text-align: start; vertical-align: text-bottom; + cursor: text; -moz-box-sizing: border-box; -moz-user-focus: normal; -moz-binding: url("resource:///res/builtin/platformHTMLBindings.xml#inputFields"); - padding: 1px 0 1px 0; +} + +:not(xul|textbox) > input:not([type]), +:not(xul|textbox) > input[type="text"], +:not(xul|textbox) > input[type="password"] { + border-width: 2px !important; + border-style: inset !important; + -moz-border-radius: 0 !important; } textarea { - background-color: -moz-Field; - border: 2px inset ThreeDFace; - color: -moz-FieldText; - cursor: text; - font: medium -moz-fixed; margin: 1px 0 1px 0; + border: 2px inset ThreeDFace; + background-color: -moz-Field; + color: -moz-FieldText; + font: medium -moz-fixed; text-align: start; vertical-align: text-bottom; + cursor: text; -moz-box-sizing: border-box; -moz-user-focus: normal; -moz-binding: url("resource:///res/builtin/platformHTMLBindings.xml#textAreas"); } +:not(xul|textbox) > textarea { + border-width: 2px !important; + border-style: inset !important; + -moz-border-radius: 0 !important; +} + textarea > scrollbar { cursor: default; } @@ -115,18 +130,22 @@ textarea > scrollbar { } select { - font: list; - background-color: -moz-Field; - border: 2px inset ThreeDFace !important; margin: 0; - vertical-align: text-bottom; + border-color: ThreeDFace; + background-color: -moz-Field; color: -moz-FieldText; + font: list; white-space: nowrap; text-align: start; + vertical-align: text-bottom; cursor: default; + -moz-box-sizing: border-box; -moz-user-select: none; -moz-user-focus: normal; - -moz-box-sizing: border-box; + + border-width: 2px !important; + border-style: inset !important; + -moz-border-radius: 0 !important; } select[size] { @@ -137,14 +156,15 @@ select[size="1"] { } select > input[type="button"] { - position: static ! important; + width: 12px; + height: 12px; white-space: nowrap; + -moz-user-focus: none; + + position: static !important; background-image: url("arrow.gif") !important; background-repeat: no-repeat !important; background-position: center !important; - width: 12px; - height: 12px; - -moz-user-focus: none; } select > input[type="button"]:active { @@ -162,17 +182,17 @@ select:-moz-dummy-option { *|*:-moz-display-comboboxcontrol-frame { overflow: hidden; - white-space: nowrap; + padding: 1px 0 1px 4px; background-color: inherit; color: inherit; + white-space: nowrap; text-align: inherit; - padding: 1px 0 1px 4px; -moz-user-select: none; } option { - min-height: 1em; display: block; + min-height: 1em; -moz-user-select: none; -moz-user-focus: none; } @@ -182,8 +202,8 @@ select > option { } option:checked { - color: HighlightText ! important; background-color: Highlight ! important; + color: HighlightText ! important; } optgroup { @@ -207,10 +227,11 @@ optgroup:before { } *|*:-moz-dropdown-list { - background-color: inherit; - border: 1px outset black !important; z-index: 2147483647; + background-color: inherit; -moz-user-select: none; + + border: 1px outset black !important; } input[disabled], @@ -231,14 +252,14 @@ input[type="hidden"] { /* image buttons */ input[type="image"] { + padding: 0; border: none; - vertical-align: baseline; background-color: transparent; - cursor: pointer; font-family: sans-serif; font-size: small; + vertical-align: baseline; + cursor: pointer; -moz-binding: none; - padding: 0; } input[type="image"][disabled] { @@ -252,10 +273,17 @@ input[type="image"]:focus { /* file selector */ input[type="file"] { white-space: nowrap; - border: none; cursor: default; -moz-binding: none; - padding: 0; + + padding: 0 !important; + border-style: none !important; +} + +input[type="file"] > input[type="text"] { + border-color: inherit; + background-color: inherit; + color: inherit; } /* button part of file selector */ @@ -271,31 +299,32 @@ input[type="file"] > input[type="button"]:-moz-focus-inner /* radio buttons */ input[type="radio"] { - border: 2px inset ThreeDFace; - background-color: -moz-Field; - color: -moz-FieldText; width: 12px; height: 12px; - cursor: default; - vertical-align: baseline; - -moz-border-radius: 100%; - -moz-binding: none; margin: 3px 3px 0px 5px; padding: 0; + vertical-align: baseline; + cursor: default; + -moz-binding: none; + + border-width: 2px !important; + border-style: inset !important; + -moz-border-radius: 100% !important; } /* check boxes */ input[type="checkbox"] { - border: 2px inset ThreeDFace; - background-color: -moz-Field; - color: -moz-FieldText; width: 13px; height: 13px; - cursor: default; - vertical-align: text-bottom; - -moz-binding: none; margin: 3px 3px 3px 4px; padding: 0; + vertical-align: text-bottom; + cursor: default; + -moz-binding: none; + + border-width: 2px !important; + border-style: inset !important; + -moz-border-radius: 0 !important; } /* common features of radio buttons and check boxes */ @@ -308,27 +337,31 @@ input[type="checkbox"][disabled]:active, input[type="checkbox"][disabled]:hover, input[type="checkbox"][disabled]:hover:active { padding: 1px; - border: 1px inset ThreeDShadow; + border-color: ThreeDShadow; background-color: GrayText; + + border-width: 1px !important; + border-style: inset !important; } input[type="checkbox"]:focus, input[type="radio"]:focus { - border-style: groove; + border-style: groove !important; } input[type="checkbox"]:hover:active, input[type="radio"]:hover:active { - border-style: inset; background-color: ThreeDFace; + + border-style: inset !important; } *|*:-moz-radio { - background-color: -moz-FieldText; width: 4px; height: 4px; left: 6px; top: 6px; + background-color: -moz-FieldText; -moz-border-radius: 3px; } @@ -337,13 +370,13 @@ button, input[type="reset"], input[type="button"], input[type="submit"] { + padding: 2px 0 2px 0; border: 2px outset ButtonFace; background-color: ButtonFace; color: ButtonText; - padding: 2px 0 2px 0; font: button; - cursor: default; white-space: pre; + cursor: default; -moz-box-sizing: border-box; -moz-user-select: none; -moz-user-focus: normal; @@ -359,8 +392,8 @@ button:active:hover, input[type="reset"]:active:hover, input[type="button"]:active:hover, input[type="submit"]:active:hover { - border-style: inset; padding: 3px 0 1px 0; + border-style: inset; } button:-moz-focus-inner, @@ -390,8 +423,8 @@ select[disabled] > input[type="button"], select[disabled] > input[type="button"]:active, input[type="submit"][disabled]:active, input[type="submit"][disabled] { - border: 1px outset ButtonShadow; padding: 3px 1px 3px 1px; + border: 1px outset ButtonShadow; color: GrayText; } diff --git a/mozilla/layout/style/forms.css b/mozilla/layout/style/forms.css index cf0ac883118..93cc9f23c64 100644 --- a/mozilla/layout/style/forms.css +++ b/mozilla/layout/style/forms.css @@ -40,6 +40,7 @@ @namespace url(http://www.w3.org/1999/xhtml); /* set default namespace to HTML */ +@namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); *|*:fieldset-content { display: block; @@ -60,10 +61,10 @@ legend { fieldset { display: block; - border: 2px solid black; - padding: 4px 4px 4px 4px; margin-left: 2px; margin-right: 2px; + padding: 4px 4px 4px 4px; + border: 2px solid; } label { @@ -76,33 +77,47 @@ label { /* default inputs, text inputs, and selects */ input { - background-color: -moz-Field; + padding: 1px 0 1px 0; border: 2px inset ThreeDFace; + background-color: -moz-Field; color: -moz-FieldText; - cursor: text; font: field; text-align: start; vertical-align: text-bottom; + cursor: text; -moz-box-sizing: border-box; -moz-user-focus: normal; -moz-binding: url("resource:///res/builtin/platformHTMLBindings.xml#inputFields"); - padding: 1px 0 1px 0; +} + +:not(xul|textbox) > input:not([type]), +:not(xul|textbox) > input[type="text"], +:not(xul|textbox) > input[type="password"] { + border-width: 2px !important; + border-style: inset !important; + -moz-border-radius: 0 !important; } textarea { - background-color: -moz-Field; - border: 2px inset ThreeDFace; - color: -moz-FieldText; - cursor: text; - font: medium -moz-fixed; margin: 1px 0 1px 0; + border: 2px inset ThreeDFace; + background-color: -moz-Field; + color: -moz-FieldText; + font: medium -moz-fixed; text-align: start; vertical-align: text-bottom; + cursor: text; -moz-box-sizing: border-box; -moz-user-focus: normal; -moz-binding: url("resource:///res/builtin/platformHTMLBindings.xml#textAreas"); } +:not(xul|textbox) > textarea { + border-width: 2px !important; + border-style: inset !important; + -moz-border-radius: 0 !important; +} + textarea > scrollbar { cursor: default; } @@ -115,18 +130,22 @@ textarea > scrollbar { } select { - font: list; - background-color: -moz-Field; - border: 2px inset ThreeDFace !important; margin: 0; - vertical-align: text-bottom; + border-color: ThreeDFace; + background-color: -moz-Field; color: -moz-FieldText; + font: list; white-space: nowrap; text-align: start; + vertical-align: text-bottom; cursor: default; + -moz-box-sizing: border-box; -moz-user-select: none; -moz-user-focus: normal; - -moz-box-sizing: border-box; + + border-width: 2px !important; + border-style: inset !important; + -moz-border-radius: 0 !important; } select[size] { @@ -137,14 +156,15 @@ select[size="1"] { } select > input[type="button"] { - position: static ! important; + width: 12px; + height: 12px; white-space: nowrap; + -moz-user-focus: none; + + position: static !important; background-image: url("arrow.gif") !important; background-repeat: no-repeat !important; background-position: center !important; - width: 12px; - height: 12px; - -moz-user-focus: none; } select > input[type="button"]:active { @@ -162,17 +182,17 @@ select:-moz-dummy-option { *|*:-moz-display-comboboxcontrol-frame { overflow: hidden; - white-space: nowrap; + padding: 1px 0 1px 4px; background-color: inherit; color: inherit; + white-space: nowrap; text-align: inherit; - padding: 1px 0 1px 4px; -moz-user-select: none; } option { - min-height: 1em; display: block; + min-height: 1em; -moz-user-select: none; -moz-user-focus: none; } @@ -182,8 +202,8 @@ select > option { } option:checked { - color: HighlightText ! important; background-color: Highlight ! important; + color: HighlightText ! important; } optgroup { @@ -207,10 +227,11 @@ optgroup:before { } *|*:-moz-dropdown-list { - background-color: inherit; - border: 1px outset black !important; z-index: 2147483647; + background-color: inherit; -moz-user-select: none; + + border: 1px outset black !important; } input[disabled], @@ -231,14 +252,14 @@ input[type="hidden"] { /* image buttons */ input[type="image"] { + padding: 0; border: none; - vertical-align: baseline; background-color: transparent; - cursor: pointer; font-family: sans-serif; font-size: small; + vertical-align: baseline; + cursor: pointer; -moz-binding: none; - padding: 0; } input[type="image"][disabled] { @@ -252,10 +273,17 @@ input[type="image"]:focus { /* file selector */ input[type="file"] { white-space: nowrap; - border: none; cursor: default; -moz-binding: none; - padding: 0; + + padding: 0 !important; + border-style: none !important; +} + +input[type="file"] > input[type="text"] { + border-color: inherit; + background-color: inherit; + color: inherit; } /* button part of file selector */ @@ -271,31 +299,32 @@ input[type="file"] > input[type="button"]:-moz-focus-inner /* radio buttons */ input[type="radio"] { - border: 2px inset ThreeDFace; - background-color: -moz-Field; - color: -moz-FieldText; width: 12px; height: 12px; - cursor: default; - vertical-align: baseline; - -moz-border-radius: 100%; - -moz-binding: none; margin: 3px 3px 0px 5px; padding: 0; + vertical-align: baseline; + cursor: default; + -moz-binding: none; + + border-width: 2px !important; + border-style: inset !important; + -moz-border-radius: 100% !important; } /* check boxes */ input[type="checkbox"] { - border: 2px inset ThreeDFace; - background-color: -moz-Field; - color: -moz-FieldText; width: 13px; height: 13px; - cursor: default; - vertical-align: text-bottom; - -moz-binding: none; margin: 3px 3px 3px 4px; padding: 0; + vertical-align: text-bottom; + cursor: default; + -moz-binding: none; + + border-width: 2px !important; + border-style: inset !important; + -moz-border-radius: 0 !important; } /* common features of radio buttons and check boxes */ @@ -308,27 +337,31 @@ input[type="checkbox"][disabled]:active, input[type="checkbox"][disabled]:hover, input[type="checkbox"][disabled]:hover:active { padding: 1px; - border: 1px inset ThreeDShadow; + border-color: ThreeDShadow; background-color: GrayText; + + border-width: 1px !important; + border-style: inset !important; } input[type="checkbox"]:focus, input[type="radio"]:focus { - border-style: groove; + border-style: groove !important; } input[type="checkbox"]:hover:active, input[type="radio"]:hover:active { - border-style: inset; background-color: ThreeDFace; + + border-style: inset !important; } *|*:-moz-radio { - background-color: -moz-FieldText; width: 4px; height: 4px; left: 6px; top: 6px; + background-color: -moz-FieldText; -moz-border-radius: 3px; } @@ -337,13 +370,13 @@ button, input[type="reset"], input[type="button"], input[type="submit"] { + padding: 2px 0 2px 0; border: 2px outset ButtonFace; background-color: ButtonFace; color: ButtonText; - padding: 2px 0 2px 0; font: button; - cursor: default; white-space: pre; + cursor: default; -moz-box-sizing: border-box; -moz-user-select: none; -moz-user-focus: normal; @@ -359,8 +392,8 @@ button:active:hover, input[type="reset"]:active:hover, input[type="button"]:active:hover, input[type="submit"]:active:hover { - border-style: inset; padding: 3px 0 1px 0; + border-style: inset; } button:-moz-focus-inner, @@ -390,8 +423,8 @@ select[disabled] > input[type="button"], select[disabled] > input[type="button"]:active, input[type="submit"][disabled]:active, input[type="submit"][disabled] { - border: 1px outset ButtonShadow; padding: 3px 1px 3px 1px; + border: 1px outset ButtonShadow; color: GrayText; }