updates to both themes for 1.9.1 toolkit winstripe changes, suite classic changes...
[themes.git] / EarlyBlue / global / textbox.css
index df0f4c73d0beec8be7e9ea512d3d6edc4c5a647d..10d5aba47e6fd04f405ec03dd685b2b7d837a8cf 100644 (file)
  *
  * ***** END LICENSE BLOCK ***** */
 
+/* ===== textbox.css ==================================================
+  == Styles used by the XUL textbox element.
+  ======================================================================= */
+
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-@namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */
-
-/** generic text fields (in dialogs)
- **/
-/* outer frame */
-  textbox
-    {
-      border              : 1px inset #CCD0DD;
-      color               : #000000;
-      padding             : 0px;
-      margin              : 1px 3px 2px 4px;
-      background-color    : #FFFFFF;
-      cursor              : text;
-    }
-    
-  textbox[readonly="true"]
-    {
-      background-color    : #CCCCCC;
-    }
-  
-  textbox[focused="true"]
-    {
-      border              : 2px solid #6699cc;
-      margin              : 0px 2px 1px 3px;
-    }
-    
-  textbox[focused="true"][readonly="true"]
-    {
-      border              : 1px inset #CCCCCC;
-      margin              : 1px 3px 2px 4px;
-    }
-
-/* internal frame */
-  .textbox-internal-box, .textarea-internal-box
-    {
-      margin              : 0px;
-      padding             : 1px 2px 1px 2px;
-      border              : none;
-    }
-  
-/* internal text widget */
-  html|*.textbox-input, html|*.textbox-textarea
-    {
-      border              : none !important;
-      margin              : 0px;
-      padding             : 0px;
-      font                : inherit;
-      background-color    : inherit;
-      color               : inherit;
-    }
-
-  textbox[disabled="true"] 
-    {
-      cursor              : default !important;
-      background-color    : white;
-      color               : #CCCCCC;
-    } 
-    
-/** plain atomic textboxs, class="plain" **/
-  textbox.plain, 
-  textbox.plain > .textbox-internal-box, 
-  textbox.plain > .textarea-internal-box
-    {
-      padding             : 0px !important;
-      margin              : 0px !important;
-      border              : none !important;
-    }
-
-/** inline edit textbox **/
-
-.textbox-inline-edit 
-  {
-    border                : 1px solid #6699FF !important;
-    margin                : 0px !important;
-  }
-
-.textbox-inline-edit > .textbox-internal-box > html|*.textbox-input 
-  {
-    border                : none !important;
-    padding               : 0px !important;
-    margin                : 0px !important;
-  }
-
-.textbox-inline-edit > .textbox-internal-box 
-  {
-    border                : none !important;
-    padding               : 1px !important;
-    margin                : 0px !important;
-  }
+@namespace html url("http://www.w3.org/1999/xhtml");
+
+/* ::::: textbox ::::: */
+
+textbox {
+  cursor: text;
+  margin: 2px 3px;
+  border: 1px inset #CCD0DD;
+  padding: 1px 0px;
+  -moz-padding-start: 2px;
+  background-color: #FFFFFF;
+  color: #000000;
+  min-height: 19px;
+}
+
+textbox[empty="true"] {
+  color: #CCD0DD;
+}
+
+html|*.textbox-input,
+html|*.textbox-textarea {
+  margin: 0px !important;
+  border: none !important;
+  padding: 0px !important;
+  background-color: inherit;
+  color: inherit;
+  font: inherit;
+}
+
+.textbox-input-box menupopup {
+  cursor: default;
+}
+
+/* ..... readonly state ..... */
+
+textbox[readonly="true"] {
+  background-color: #CCCCCC;
+  color: #000000;
+}
+
+/* ..... disabled state ..... */
+
+textbox[disabled="true"] {
+  cursor: default;
+  background-color: #FFFFFF;
+  color: #CCCCCC;
+  border: 1px solid #666699;
+}
+
+textbox[focused="true"] {
+  border: 1px solid #6699CC;
+  outline: 1px solid #6699CC;
+}
+
+textbox[focused="true"][readonly="true"] {
+  border: 1px solid #6699CC;
+  outline: none;
+}
+
+/* ::::: plain textbox ::::: */
+
+textbox.plain {
+  padding: 0px !important;
+  margin: 0px !important;
+  border: none !important;
+  outline: none !important;
+  background-color: transparent;
+  color: inherit !important;
+  min-height: 0px;
+}
+
+/* ::::: search textbox ::::: */
+
+.textbox-search-icon {
+  list-style-image: url("chrome://global/skin/icons/search.png");
+  -moz-image-region: rect(0, 16px, 16px, 0);
+}
+
+.textbox-search-icon[chromedir="rtl"] {
+  -moz-image-region: rect(16px, 16px, 32px, 0);
+}
+
+.textbox-search-icon[searchbutton]:not([disabled]) {
+  cursor: pointer;
+}
+
+.textbox-search-clear {
+  list-style-image: url("chrome://global/skin/icons/search.png");
+  -moz-image-region: rect(32px, 16px, 48px, 0);
+}
+
+.textbox-search-clear:not([disabled]) {
+  cursor: default;
+}
+
+/* ::::: textboxes inside toolbarpaletteitems ::::: */
+
+toolbarpaletteitem > toolbaritem > textbox > .textbox-input-box > html|*.textbox-input {
+  visibility: hidden;
+}