rewrite of LCARStrek for 0.9.8(+): big moving around and rewirting of things, see...

[themes.git] / LCARStrek / global / autocomplete.css

diff --git a/LCARStrek/global/autocomplete.css b/LCARStrek/global/autocomplete.css
index c55fe73c4b800ffa6077f25d052375af523d0268..fa57bc149841c3ec1d06e9800e5cc8189b75d562 100644 (file)
--- a/LCARStrek/global/autocomplete.css
+++ b/LCARStrek/global/autocomplete.css
@@ -36,118 +36,87 @@
  * ***** END LICENSE BLOCK ***** */
 
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+@namespace html url("http://www.w3.org/1999/xhtml");
 
-/* ::::: autocomplete ::::: */
-
-textbox[type="autocomplete"]
-  {
-    cursor              : default !important;
-    -moz-border-radius  : 5px;
-  }
+/* ===== autocomplete.css =================================================
+  == Styles used by the autocomplete widget.
+  ======================================================================= */
 
-.autocomplete-internal-box 
-  {
-    padding             : 0px !important;
-    -moz-border-radius  : 5px;
-  }
+/* ::::: autocomplete ::::: */
 
-.autocomplete-textbox-container
-  {
-    padding             : 1px 2px 1px 2px;
-  }
+textbox {
+  cursor: default;
+  padding: 0px;
+  -moz-border-radius: 5px;
+}
 
-.autocomplete-textbox 
-  {
-    cursor              : text;
-  }
+.textbox-input-box {
+  margin: 0 3px;
+  -moz-box-align: center;
+  -moz-border-radius: 5px;
+}
 
 /* ::::: history button ::::: */
 
-.autocomplete-history-button
-  {
-    -moz-binding        : url("chrome://global/skin/classicBindings.xml#autocomplete-history-button");
-    width               : 15px; 
-    min-height          : 15px; 
-    border              : none;
-    background-color    : #000000;
-    list-style-image    : url("chrome://global/skin/scroll-down.gif");
-    padding             : 0px;
-    margin              : 0px;
-    -moz-border-radius  : 0px 5px 5px 0px;
-  }
-
-.autocomplete-history-button > .autocomplete-history-button-internal-box 
-  {
-    -moz-border-radius  : 0px 5px 5px 0px;
-    border              : none;
-    border-left         : 1px solid #9C9CFF;
-    padding             : 1px;
-  }
-
-.autocomplete-history-button:hover,
-.autocomplete-history-button[buttonover="true"]
-  {
-    background-color    : #FFCF00;
-    list-style-image    : url("chrome://global/skin/scroll-down-hover.gif");
-  }
-
-.autocomplete-history-button:hover:active,
-.autocomplete-history-button[open="true"]
-  {
-    background-color    : #FF9F00;
-    list-style-image    : url("chrome://global/skin/scroll-down-hover.gif");
-  }
-
-.autocomplete-history-button[open="true"]
-  {
-    border              : none;
-  }
-
-.autocomplete-history-button[open="true"] > .autocomplete-history-button-internal-box
-  {
-    padding             : 2px 0px 0px 2px;
-  }
+.autocomplete-history-dropmarker {
+  -moz-box-align: center;
+  -moz-box-pack: center;
+  min-width: 15px;
+  min-height: 15px; 
+  border: none;
+  border-left: 1px solid #9C9CFF;
+  background-color: #000000;
+  padding: 1px;
+  list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
+  -moz-border-radius: 0px 5px 5px 0px;
+}
+
+.autocomplete-history-dropmarker:hover,
+.autocomplete-history-dropmarker[buttonover="true"] {
+  background-color: #FFCF00;
+  list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
+}
+
+.autocomplete-history-dropmarker:hover:active,
+.autocomplete-history-dropmarker[open="true"] {
+  background-color: #FF9F00;
+  list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
+  padding: 2px 0px 0px 2px;
+}
 
 /* ::::: autocomplete popups ::::: */
 
-.autocomplete-result-popup,
-.autocomplete-history-popup
-  {
-    border                 : 1px solid #FF9F00 !important;
-    background-color       : black !important;
-  }
+.autocomplete-history-popup {
+  border: 1px solid #FF9F00;
+  background-color: #000000 !important;
+  padding: 0;
+}
 
-.autocomplete-history-popup
-  {
-    max-height             : 180px;
-  }
+.autocomplete-history-popup {
+  max-height: 180px;
+}
 
 /* ::::: outliner ::::: */
 
-.autocomplete-outliner 
-  {
-    border                 : none;
-    background-color       : transparent !important;
-  }
-
-.autocomplete-outlinercol 
-  {
-    margin                 : 0px !important;
-    border                 : none !important;
-    padding                : 0px !important;
-  }
-
-.autocomplete-outlinerbody:-moz-outliner-cell-text 
-  {
-    padding-left: 8px;
-  }
-
-.autocomplete-outlinerbody:-moz-outliner-row(menuactive) 
-  {
-    background-color       : #FFCF00;
-  }
-
-.autocomplete-outlinerbody:-moz-outliner-cell-text(menuactive) 
-  {
-    color                  : #000000 !important;
-  }
+.autocomplete-outliner {
+  border: none;
+  background-color: transparent !important;
+}
+
+.autocomplete-outlinercol {
+  margin: 0px !important;
+  border: none !important;
+  padding: 0px !important;
+}
+
+.autocomplete-outlinerbody:-moz-outliner-cell-text {
+  padding-left: 8px;
+}
+
+.autocomplete-outlinerbody:-moz-outliner-row(menuactive) {
+  background-color: #FFCF00;
+}
+
+.autocomplete-outlinerbody:-moz-outliner-cell-text(menuactive) {
+  color: #000000 !important;
+}