update both themes for DOMI classic changes up to 2010-12-30
[themes.git] / LCARStrek / global / popup.css
index c77246d8bc9f67f33cf90e4361922a65bad140cb..108c08d72d71526925b1aaf78bd1b22f51abbe1e 100644 (file)
  *
  * ***** END LICENSE BLOCK ***** */
 
+/* ===== popup.css ======================================================
+  == Styles used by the XUL popup element.
+  ======================================================================= */
+
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
-menupopup, popup
-  {
-    /* DON'T DELETE.  Removes disappearance of scrollbars
-     * in content pane when window is made smaller.
-     * Talk to evaughan@netscape.com for details.
-     */
-    min-width             : 1px;
-    background-color      : #000000;
-    color                 : #FF9F00;
-  }
+/* ::::: menupopup ::::: */
+
+menupopup,
+panel {
+  border: 1px solid #FF9F00;
+  padding: 1px;
+  min-width: 1px;
+  background-color: #000000;
+}
+
+panel[type="arrow"] {
+  -moz-transition: opacity 300ms;
+}
+
+.panel-arrowcontent {
+  border-radius: 6px;
+  padding: 6px;
+  margin: 3px;
+}
 
-/* XXX menupopups have to have a color explicitly specified. this is a bug */
-menupopup, popup 
-  {
-    border                : 1px solid #FF9F00;
-  }
+.panel-arrow[side="top"] {
+  list-style-image: url("chrome://global/skin/arrow/panelarrow-up.png");
+  margin-left: 6px;
+  margin-right: 6px;
+  margin-bottom: -13px;
+}
 
-.popup-internal-box
-  {
-    padding               : 0px;
-  }  
-  
-/** Tooltips (tooltip <popup> element is deprecated! Use <tooltip> instead!)
- *  class="tooltip"
- **/
-.tooltip, tooltip
-  {
-    -moz-border-radius    : 3px;
-    background-color      : #9C9CFF;
-    border                : 1px solid #FFCF00;
-    color                 : #000000;
-    font                  : smaller;
-    padding               : 3px;
-    max-width             : 40em;
-  }
+.panel-arrow[side="bottom"] {
+  list-style-image: url("chrome://global/skin/arrow/panelarrow-down.png");
+  margin-left: 6px;
+  margin-right: 6px;
+  margin-top: -12px;
+}
 
-.tooltip > .popup-internal-box,
-tooltip > .popup-internal-box
-  {
-       border                : 0px;
-       padding               : 0px;
-  }
+.panel-arrow[side="left"] {
+  list-style-image: url("chrome://global/skin/arrow/panelarrow-horiz.png");
+  margin-top: 6px;
+  margin-bottom: 6px;
+  margin-right: -12px;
+}
+
+.panel-arrow[side="right"] {
+  list-style-image: url("chrome://global/skin/arrow/panelarrow-horiz.png");
+  -moz-transform: scaleX(-1);
+  margin-top: 6px;
+  margin-bottom: 6px;
+  margin-left: -12px;
+}
+
+tooltip {
+  border-radius: 3px;
+  background-color: #9C9CFF;
+  border: 1px solid #FFCF00;
+  color: #000000;
+  /* font-size: smaller; */
+  padding: 2px;
+  max-width: 40em;
+}
+
+tooltip[titletip="true"] {
+  /* See bug 32157 comment 128
+   * margin: -2px 0px 0px -3px;
+   */
+  max-width: none;
+}
 
 /* rules for popups associated with menulists */
 
-  menulist > menupopup,
-  .menulist-menupopup
-    {
-      border              : 1px solid #FF9F00;
-      min-width           : 0px;
-      background-color    : #000000;
-    }
+menulist > menupopup,
+.menulist-menupopup {
+  border: 1px solid #FF9F00;
+  min-width: 0px;
+  padding: 0px;
+  background-color: #000000;
+}
+
+menupopup > menu > menupopup {
+  margin-top: -2px;
+}