Mozilla/mozilla/extensions/xforms/resources/content/xforms.css

/*
 * ***** BEGIN LICENSE BLOCK *****
 * Version: MPL 1.1/GPL 2.0/LGPL 2.1
 *
 * The contents of this file are subject to the Mozilla Public License Version
 * 1.1 (the "License"); you may not use this file except in compliance with
 * the License. You may obtain a copy of the License at
 * http://www.mozilla.org/MPL/
 *
 * Software distributed under the License is distributed on an "AS IS" basis,
 * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
 * for the specific language governing rights and limitations under the
 * License.
 *
 * The Original Code is Mozilla XForms support.
 *
 * The Initial Developer of the Original Code is
 * IBM Corporation.
 * Portions created by the Initial Developer are Copyright (C) 2005
 * the Initial Developer. All Rights Reserved.
 *
 * Contributor(s):
 *
 * Alternatively, the contents of this file may be used under the terms of
 * either the GNU General Public License Version 2 or later (the "GPL"), or
 * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
 * in which case the provisions of the GPL or the LGPL are applicable instead
 * of those above. If you wish to allow use of your version of this file only
 * under the terms of either the GPL or the LGPL, and not to allow others to
 * use your version of this file under the terms of the MPL, indicate your
 * decision by deleting the provisions above and replace them with the notice
 * and other provisions required by the GPL or the LGPL. If you do not delete
 * the provisions above, a recipient may use your version of this file under
 * the terms of any one of the MPL, the GPL or the LGPL.
 *
 * ***** END LICENSE BLOCK *****
 */

@namespace url(http://www.w3.org/2002/xforms);
@namespace xf url(http://www.w3.org/2002/xforms);
@namespace html url(http://www.w3.org/1999/xhtml);
@namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@namespace mozType url(http://www.mozilla.org/projects/xforms/2005/type);

rebuild,
recalculate,
revalidate,
refresh,
model,
instance,
submission,
bind {
  display: none !important;
}

html|*:root repeat,
html|*:root repeatitem,
html|*:root contextcontainer,
html|*:root group,
html|*:root switch,
html|*:root case,
html|*:root select1:not([appearance]) item,
html|*:root select1[appearance='minimal'] item,
html|*:root select1:not([appearance]) itemset,
html|*:root select1[appearance='minimal'] itemset,
html|*:root select1:not([appearance]) choices,
html|*:root select1[appearance='minimal'] choices {
  display: block;
}

/* default MIP styling */
*:disabled {
  display: none;
}

xul|*:root output:not(:disabled),
xul|*:root label:not(:disabled),
xul|*:root input:not(:disabled),
xul|*:root secret:not(:disabled),
xul|*:root textarea:not(:disabled),
xul|*:root trigger:not(:disabled),
xul|*:root submit:not(:disabled),
xul|*:root repeat:not(:disabled),
xul|*:root repeatitem,
xul|*:root contextcontainer,
xul|*:root group:not(:disabled),
xul|*:root switch:not(:disabled),
xul|*:root case {
  display: -moz-box;
}

contextcontainer-inline {
  display: inline;
}

select item, xul|*:root select1 item,
html|*:root select1[appearance='compact'] item,
html|*:root select1[appearance='full'] item,
select itemset, xul|*:root select1 itemset,
html|*:root select1[appearance='compact'] itemset,
html|*:root select1[appearance='full'] itemset,
select choices, xul|*:root select1 choices,
html|*:root select1[appearance='compact'] choices,
html|*:root select1[appearance='full'] choices {
  display: none;
}

message, alert {
  display: none;
}

action, message[level="ephemeral"], hint {
  position: absolute;
  z-index: 2147481647;
  visibility: hidden;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 0px;
  display: block;
}

alert {
  -moz-binding: url('chrome://xforms/content/xforms.xml#inline-alert');
}

message[level="ephemeral"], hint {
  -moz-binding: url('chrome://xforms/content/xforms.xml#ephemeral-message');
  background-color: InfoBackground;
  color: InfoText;
  border: 1px black solid;
  padding: 2px 3px;
  font: message-box;
  position: absolute !important;
  width: auto;
  height: auto;
  display: block;
}

message[level="ephemeral"] > html|div.-moz-xforms-message-container,
hint > html|div.-moz-xforms-message-container {
  background-color: inherit;
  color: inherit;
  border: inherit;
  padding: inherit;
  font: inherit;
  position: inherit;
  width: inherit;
  height: inherit;
  display: inherit;
  z-index: 2147483647;
}

/* group */
group {
  -moz-binding: url('chrome://xforms/content/xforms.xml#xformswidget-accessors');
}

/* output widgets */
html|*:root output {
  -moz-binding: url('chrome://xforms/content/xforms-xhtml.xml#xformswidget-output');
}

xul|*:root output {
  -moz-binding: url('chrome://xforms/content/xforms-xul.xml#xformswidget-output');
}

  /* output type='xsd:date', appearance='full' */
html|*:root output[mozType|type="http://www.w3.org/2001/XMLSchema#date"][appearance="full"] {
  -moz-binding: url('chrome://xforms/content/xforms-xhtml.xml#xformswidget-output-date-full');
}
html|*:root output[mozType|type="http://www.w3.org/2001/XMLSchema#date"][appearance="full"]
    html|span[mozType|calendar] {
  -moz-binding: url('chrome://xforms/content/widgets-xhtml.xml#calendar-full');
}

xul|*:root output[mozType|type="http://www.w3.org/2001/XMLSchema#date"][appearance="full"] {
  -moz-binding: url('chrome://xforms/content/xforms-xul.xml#xformswidget-output-date-full');
}
xul|*:root output[mozType|type="http://www.w3.org/2001/XMLSchema#date"][appearance="full"]
    xul|box[mozType|calendar] {
  -moz-binding: url('chrome://xforms/content/widgets-xul.xml#calendar-full');
}

/* range widgets */
range {
  -moz-binding: url('chrome://xforms/content/range.xml#xformswidget-range');
}

/* input widgets */

  /* input */
html|*:root input {
  -moz-binding: url('chrome://xforms/content/input-xhtml.xml#xformswidget-input');
}

xul|*:root input {
  -moz-binding: url('chrome://xforms/content/input-xul.xml#xformswidget-input');
}

  /* input type="xsd:boolean" */
html|*:root input[mozType|type="http://www.w3.org/2001/XMLSchema#boolean"] {
  -moz-binding: url('chrome://xforms/content/input-xhtml.xml#xformswidget-input-boolean');
}

xul|*:root input[mozType|type="http://www.w3.org/2001/XMLSchema#boolean"] {
  -moz-binding: url('chrome://xforms/content/input-xul.xml#xformswidget-input-boolean');
}

  /* input type="xsd:date" */
html|*:root input[mozType|type="http://www.w3.org/2001/XMLSchema#date"] html|span[mozType|calendar] {
  -moz-binding: url('chrome://xforms/content/widgets-xhtml.xml#calendar-full');
}

html|*:root input[mozType|type="http://www.w3.org/2001/XMLSchema#date"] {
  -moz-binding: url('chrome://xforms/content/input-xhtml.xml#xformswidget-input-date');
}

html|*:root input[mozType|type="http://www.w3.org/2001/XMLSchema#date"] html|input[anonid="dropmarker"] {
  min-width:27px;
  min-height: 1.3em;
  background-image: url(chrome://xforms/content/calendar.png) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

  /* input type="xsd:date", appearance="full" */
html|*:root input[mozType|type="http://www.w3.org/2001/XMLSchema#date"][appearance="full"] {
  -moz-binding: url('chrome://xforms/content/input-xhtml.xml#xformswidget-input-date-full');
}

xul|*:root input[mozType|type="http://www.w3.org/2001/XMLSchema#date"][appearance="full"] {
  -moz-binding: url('chrome://xforms/content/input-xul.xml#xformswidget-input-date-full');
}
xul|*:root input[mozType|type="http://www.w3.org/2001/XMLSchema#date"][appearance="full"]
    xul|box[mozType|calendar] {
  -moz-binding: url('chrome://xforms/content/widgets-xul.xml#calendar-full');
}

  /* input type="xsd:gMonth" */
html|*:root input[mozType|type="http://www.w3.org/2001/XMLSchema#gMonth"] {
  -moz-binding: url('chrome://xforms/content/input-xhtml.xml#xformswidget-input-month');
}

  /* input type="xsd:gDay" */
html|*:root input[mozType|type="http://www.w3.org/2001/XMLSchema#gDay"] {
  -moz-binding: url('chrome://xforms/content/input-xhtml.xml#xformswidget-input-day');
}

/* secret widgets */
html|*:root secret {
  -moz-binding: url('chrome://xforms/content/input-xhtml.xml#xformswidget-secret');
}

xul|*:root secret {
  -moz-binding: url('chrome://xforms/content/input-xul.xml#xformswidget-secret');
}

/* textarea widgets */
html|*:root textarea {
  -moz-binding: url('chrome://xforms/content/input-xhtml.xml#xformswidget-textarea');
}

xul|*:root textarea {
  -moz-binding: url('chrome://xforms/content/input-xul.xml#xformswidget-textarea');
}

/* trigger and submit widgets */
html|*:root trigger, html|*:root submit {
  -moz-binding: url('chrome://xforms/content/xforms-xhtml.xml#xformswidget-trigger');
}

xul|*:root trigger, xul|*:root submit {
  -moz-binding: url('chrome://xforms/content/xforms-xul.xml#xformswidget-trigger');
}

html|*:root trigger[appearance="minimal"], html|*:root submit[appearance="minimal"] {
  -moz-binding: url('chrome://xforms/content/xforms-xhtml.xml#xformswidget-trigger-minimal');
}

xul|*:root trigger[appearance="minimal"], xul|*:root submit[appearance="minimal"] {
  -moz-binding: url('chrome://xforms/content/xforms-xul.xml#xformswidget-trigger-minimal');
}

trigger[appearance="minimal"]:hover, submit[appearance="minimal"]:hover {
  cursor: pointer;
}

/* Most of the trigger[appearance="minimal"] specific CSS is copied from toolbarbutton.css */
xul|*:root trigger[appearance="minimal"] {
  -moz-appearance: toolbarbutton;
  -moz-box-align: center;
  -moz-box-pack: center;
  margin: 0;
  border: 1px solid transparent;
  padding: 3px;
  background-color: transparent;
  color: -moz-DialogText;
  cursor: default;
}
xul|*:root trigger[appearance="minimal"]:focus {
  -moz-appearance: toolbarbutton;
  outline: 1px dotted -moz-DialogText;
  -moz-outline-offset: -2px;
}
xul|*:root trigger[appearance="minimal"]:hover {
  border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;
}
xul|*:root trigger[appearance="minimal"]:hover:active {
  border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow;
  padding-top: 4px;
  padding-bottom: 2px;
  -moz-padding-start: 4px;
  -moz-padding-end: 2px;
}
xul|*:root trigger[appearance="minimal"][disabled],
xul|*:root trigger[appearance="minimal"][disabled]:hover,
xul|*:root trigger[appearance="minimal"][disabled]:hover:active {
  border-color: transparent;
  padding: 3px;
  color: GrayText !important;
}

/* label widgets */
html|*:root input[accesskey] > label,
html|*:root secret[accesskey] > label,
html|*:root textarea[accesskey] > label,
html|*:root trigger[accesskey] > label,
html|*:root submit[accesskey] > label,
html|*:root select[accesskey] > label,
html|*:root select1[accesskey] > label,
html|*:root upload[accesskey] > label {
  -moz-binding: url('chrome://xforms/content/xforms-xhtml.xml#xformswidget-label-accesskey');
}

html|*:root html|span.xf-accesskey-inline {
  text-decoration: underline;
}

html|*:root html|span.xf-accesskey-appended:before {
  content: "(";
}
html|*:root html|span.xf-accesskey-appended:after {
  content: ")";
}

html|*:root label {
  -moz-binding: url('chrome://xforms/content/xforms-xhtml.xml#xformswidget-label');
}

xul|*:root label {
  -moz-binding: url('chrome://xforms/content/xforms-xul.xml#xformswidget-label');
}
xul|*:root input label, xul|*:root secret label, xul|*:root textarea label,
xul|*:root select > label, xul|*:root select1 > label {
  padding-top: 4px;
}

/* switch/case widgets */
xul|*:root switch {
  -moz-binding: url('chrome://xforms/content/xforms-xul.xml#xformswidget-switch');
}
html|*:root case {
  -moz-binding: url('chrome://xforms/content/xforms-xhtml.xml#xformswidget-case');
}

html|*:root switch {
  -moz-binding: url('chrome://xforms/content/xforms.xml#xformswidget-accessors');
}
xul|*:root case {
  -moz-binding: url('chrome://xforms/content/xforms-xul.xml#xformswidget-case');
}

  /* switch/case styles */
html|*:root case > html|div.-moz-xforms-case-container {
  display: inherit;
}

xul|*:root case xul|box[anonid="control"] {
  -moz-box-orient: inherit;
}

/* select, select1 widgets */

  /* itemset widget */
select1 itemset, select itemset {
  -moz-binding: url('chrome://xforms/content/select1.xml#xformswidget-itemset');
}

  /* select1 appearance='minimal' (default) */
html|*:root select1:not([appearance]),
html|*:root select1[appearance='minimal'] {
  -moz-binding: url('chrome://xforms/content/select1.xml#xformswidget-select1');
}
html|*:root select1:not([appearance]) item,
html|*:root select1[appearance='minimal'] item {
  -moz-binding: url('chrome://xforms/content/select1.xml#xformswidget-select1-item');
  white-space : nowrap;
}

xul|*:root select1 {
  -moz-binding: url('chrome://xforms/content/select-xul.xml#xformswidget-select-minimal');
}
xul|*:root select1 xul|box[anonid="control"] {
  -moz-binding: url('chrome://xforms/content/select-xul.xml#controlwidget-select1-minimal');
}

  /* select1 appearance='compact' */
html|*:root select1[appearance="compact"] {
  -moz-binding: url('chrome://xforms/content/select-xhtml.xml#xformswidget-select-compact');
}
html|*:root select1[appearance="compact"] html|span[anonid="control"] {
  -moz-binding: url('chrome://xforms/content/select-xhtml.xml#controlwidget-select1-compact');
}

xul|*:root select1[appearance="compact"] {
  -moz-binding: url('chrome://xforms/content/select-xul.xml#xformswidget-select-compact');
}
xul|*:root select1[appearance="compact"] xul|box[anonid="control"] {
  -moz-binding: url('chrome://xforms/content/select-xul.xml#controlwidget-select1-compact');
}

  /* select1 appearance='full' */
html|*:root select1[appearance="full"] {
  -moz-binding: url('chrome://xforms/content/select-xhtml.xml#xformswidget-select-full');
}
html|*:root select1[appearance="full"] html|span[anonid="control"] {
  -moz-binding: url('chrome://xforms/content/select-xhtml.xml#controlwidget-select1-full');
}

xul|*:root select1[appearance="full"] {
  -moz-binding: url('chrome://xforms/content/select-xul.xml#xformswidget-select-full');
}
xul|*:root select1[appearance="full"] xul|box[anonid="control"] {
  -moz-binding: url('chrome://xforms/content/select-xul.xml#controlwidget-select1-full');
}

/* select1[appearance='minimal'] for xhtml styles (most of the select1 specific
CSS is copied from forms.css) */

html|*:root html|input.-moz-xforms-date-dropdown,
html|*:root html|input.-moz-xforms-select1-dropdown {
  width: 12px;
  height: 1.3em;
  white-space: nowrap;
  position: static !important;
  background-image: url("data:image/gif;base64,R0lGODlhBwAEAIAAAAAAAP%2F%2F%2FyH5BAEAAAEALAAAAAAHAAQAAAIIhA%2BBGWoNWSgAOw%3D%3D") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  -moz-appearance: menulist-button;
  -moz-user-select: none !important;
  -moz-user-focus: ignore !important;
  -moz-binding: none;
  vertical-align: text-top;
  margin: 0px !important;
  margin-top: -1px !important;
}

html|*:root html|input.-moz-xforms-select1-dropdown::-moz-focus-inner {
  border: 0 !important;
}

html|*:root html|input.-moz-xforms-select1-dropdown:active:hover {
  border-style: outset;
}

html|*:root html|input.-moz-xforms-select1-input {
  border: 1px dotted transparent;
  margin-right: 0px;
  padding: 0px;
  font: -moz-list;
  -moz-box-sizing: border-box;
  height: 1.3em;
  line-height: normal !important;
}

html|*:root html|input.-moz-xforms-select1-input:focus {
  border: 1px dotted black;
}

html|*:root html|span.-moz-date-container,
html|*:root html|span.-moz-select1-container {
  margin: 0px;
  margin-bottom: 1px;
  border-color: ThreeDFace;
  background-color: -moz-Field;
  color: -moz-FieldText;
  font: -moz-list;
  line-height: normal !important;
  white-space: nowrap !important;
  text-align: start;
  cursor: default;
  -moz-box-sizing: border-box;
  -moz-appearance: menulist;
  border-style: inset;
  text-indent: 0;
  padding-right: 0px;
  overflow: hidden;
  border-width: 2px;
  padding-bottom: 0px;
  padding-top: 1px;
}

html|*:root html|div.-moz-xforms-select1-popup {
  border-width: 1px;
  top: 0px;
  left: 0px;
  border: 1px outset black !important;
  background-color: -moz-Field;
  font: -moz-list;
  text-align: start;
  visibility: hidden;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  -moz-user-select: none;
  z-index: 2147482647;
  cursor: default;
}

html|*:root item[_moz_active] {
  color: HighlightText;
  background: Highlight;
}

html|*:root select1:not([appearance]) choices > label,
html|*:root select1[appearance='minimal'] choices > label {
  display: block;
  font: -moz-list;
  line-height: normal !important;
  font-style: italic;
  font-weight: bold;
  font-size: inherit;
  -moz-user-select: none;
  text-indent: 0;
}

html|*:root select1:not([appearance]) choices > item
html|*:root select1[appearance='minimal'] choices > item,
html|*:root select1:not([appearance]) choices > itemset,
html|*:root select1[appearance='minimal'] choices > itemset,
html|*:root select1:not([appearance]) choices > choices,
html|*:root select1[appearance='minimal'] choices > choices {
  padding-left: 20px;
  font-style: normal;
  font-weight: normal;
}

  /* select appearance="compact" (default) */
html|*:root select {
  -moz-binding: url('chrome://xforms/content/select-xhtml.xml#xformswidget-select-compact');
}
html|*:root select html|span[anonid="control"] {
  -moz-binding: url('chrome://xforms/content/select-xhtml.xml#controlwidget-select-compact');
}

xul|*:root select {
  -moz-binding: url('chrome://xforms/content/select-xul.xml#xformswidget-select-compact');
}
xul|*:root select xul|box[anonid="control"] {
  -moz-binding: url('chrome://xforms/content/select-xul.xml#controlwidget-select-compact');
}

  /* select appearance="full" */
html|*:root select[appearance="full"] {
  -moz-binding: url('chrome://xforms/content/select-xhtml.xml#xformswidget-select-full');
}
html|*:root select[appearance="full"] html|span[anonid="control"] {
  -moz-binding: url('chrome://xforms/content/select-xhtml.xml#controlwidget-select-full');
}

xul|*:root select[appearance="full"] {
  -moz-binding: url('chrome://xforms/content/select-xul.xml#xformswidget-select-full');
}
xul|*:root select[appearance="full"] xul|box[anonid="control"] {
  -moz-binding: url('chrome://xforms/content/select-xul.xml#controlwidget-select-full');
}

  /* select, select1 styles*/
select *|*.select-choice-label, select1 *|*.select-choice-label {
  font: -moz-list;
  font-style: italic;
  font-weight: bold;
}

select *|*.select-choice-content, select1 *|*.select-choice-content {
  padding-left: 10px;
}

xul|*:root select1[appearance="full"] xul|box xul|radiogroup:focus xul|radio[selected] + label,
xul|*:root select[appearance="full"] xul|box xul|checkbox:focus + label {
  outline: 1px dotted invert;
}

xul|*:root select, xul|*:root select1 {
  display: -moz-box;
  margin: 2px 4px;
}

/* upload widgets */
html|*:root upload {
  -moz-binding: url('chrome://xforms/content/xforms-xhtml.xml#xformswidget-upload-disabled');
}

html|*:root upload[mozType|type="http://www.w3.org/2001/XMLSchema#anyURI"],
html|*:root upload[mozType|type="http://www.w3.org/2001/XMLSchema#base64Binary"],
html|*:root upload[mozType|type="http://www.w3.org/2001/XMLSchema#hexBinary"] {
  -moz-binding: url('chrome://xforms/content/xforms-xhtml.xml#xformswidget-upload');
}

/* repeat widgets */
*|*[xf|repeat-bind] {
  -moz-binding: url('chrome://xforms/content/xforms.xml#xformswidget-attr-repeat');
}

*|*[xf|repeat-nodeset] {
  -moz-binding: url('chrome://xforms/content/xforms.xml#xformswidget-attr-repeat');
}

html|*:root repeat {
  -moz-binding: url('chrome://xforms/content/xforms-xhtml.xml#xformswidget-repeat');
}

xul|*:root repeat {
  -moz-binding: url('chrome://xforms/content/xforms-xul.xml#xformswidget-repeat');
}

/* repeat styles */
html|*:root repeat[appearance="compact"] .xf-repeat-item {
  display: inline;
}

xul|*:root repeat[appearance="compact"] *|*[anonid="insertion"] {
  -moz-box-orient: horizontal;
}
xul|*:root repeat .xf-repeat-item {
  -moz-box-flex: 1;
}