better styles for textbox focus highlight

[themes.git] / EarlyBlue / global / textbox.css

diff --git a/EarlyBlue/global/textbox.css b/EarlyBlue/global/textbox.css
index df0f4c73d0beec8be7e9ea512d3d6edc4c5a647d..c452403ad8447ab3adcd614ada3f453608fdadeb 100644 (file)
--- a/EarlyBlue/global/textbox.css
+++ b/EarlyBlue/global/textbox.css
@@ -35,94 +35,78 @@
  *
  * ***** 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 1px 2px;
+  background-color: #FFFFFF;
+  color: #000000;
+  min-height: 19px;
+}
+
+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;
+}
+
+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: inherit !important;
+  color: inherit !important;
+  min-height: 0px;
+}
+
+/* ::::: textboxes inside toolbarpaletteitems ::::: */
+
+toolbarpaletteitem > toolbaritem > textbox > .textbox-input-box > html|*.textbox-input {
+  visibility: hidden;
+}