make popup notifications and arrow panels work and look better

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

diff --git a/EarlyBlue/global/textbox.css b/EarlyBlue/global/textbox.css
index f194f30540bbdb6189e71acebd239c3bcfe16ee5..d8d7e8953202717a573b66dc1ebf4b1a8230e096 100644 (file)
--- a/EarlyBlue/global/textbox.css
+++ b/EarlyBlue/global/textbox.css
@@ -35,32 +35,27 @@
  *
  * ***** END LICENSE BLOCK ***** */
 
-@import url("chrome://global/content/autocomplete.css");
-
-@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-@namespace html url("http://www.w3.org/1999/xhtml");
-
 /* ===== 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");
+
 /* ::::: textbox ::::: */
 
 textbox {
   cursor: text;
-  margin: 1px 3px;
-  border: 2px solid;
-  -moz-border-top-colors: transparent #71737A;
-  -moz-border-right-colors: transparent #EFF0F4;
-  -moz-border-bottom-colors: transparent #EFF0F4;
-  -moz-border-left-colors: transparent #71737A;
-  padding: 1px 0px 1px 2px;
+  margin: 2px 3px;
+  border: 1px inset #CCD0DD;
+  padding: 1px 0px;
+  -moz-padding-start: 2px;
   background-color: #FFFFFF;
   color: #000000;
   min-height: 19px;
 }
 
-html|*.textbox-input, 
+html|*.textbox-input,
 html|*.textbox-textarea {
   margin: 0px !important;
   border: none !important;
@@ -70,6 +65,15 @@ html|*.textbox-textarea {
   font: inherit;
 }
 
+html|*.textbox-input:-moz-placeholder,
+html|*.textbox-textarea:-moz-placeholder {
+  color: #CCD0DD;
+}
+
+.textbox-input-box menupopup {
+  cursor: default;
+}
+
 /* ..... readonly state ..... */
 
 textbox[readonly="true"] {
@@ -83,21 +87,17 @@ textbox[disabled="true"] {
   cursor: default;
   background-color: #FFFFFF;
   color: #CCCCCC;
+  border: 1px solid #666699;
 }
 
 textbox[focused="true"] {
-  -moz-border-top-colors: #6699CC #6699CC;
-  -moz-border-right-colors: #6699CC #6699CC;
-  -moz-border-bottom-colors: #6699CC #6699CC;
-  -moz-border-left-colors: #6699CC #6699CC;
-  margin: 1px 3px;
+  border: 1px solid #6699CC;
+  outline: 1px solid #6699CC;
 }
 
 textbox[focused="true"][readonly="true"] {
-  -moz-border-top-colors: transparent #717171;
-  -moz-border-right-colors: transparent #EFEFEF;
-  -moz-border-bottom-colors: transparent #EFEFEF;
-  -moz-border-left-colors: transparent #717171;
+  border: 1px solid #6699CC;
+  outline: none;
 }
 
 /* ::::: plain textbox ::::: */
@@ -106,7 +106,38 @@ textbox.plain {
   padding: 0px !important;
   margin: 0px !important;
   border: none !important;
-  background-color: inherit !important;
+  outline: none !important;
+  background-color: transparent;
   color: inherit !important;
   min-height: 0px;
-}
\ No newline at end of file
+}
+
+/* ::::: 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:-moz-locale-dir(rtl) {
+  -moz-transform: scaleX(-1);
+}
+
+.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(16px, 16px, 32px, 0);
+}
+
+.textbox-search-clear:not([disabled]) {
+  cursor: default;
+}
+
+/* ::::: textboxes inside toolbarpaletteitems ::::: */
+
+toolbarpaletteitem > toolbaritem > textbox > .textbox-input-box > html|*.textbox-input {
+  visibility: hidden;
+}