some fixes for LCARStrek based on 2.8 review comments
[themes.git] / LCARStrek / global / popup.css
index fe402a05f9001c76c04baf38abf43f918e80cd00..83ca10db9c7b014b0762e2dca08a9ac693e2f049 100644 (file)
  *
  * ***** END LICENSE BLOCK ***** */
 
-@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-
 /* ===== popup.css ======================================================
   == Styles used by the XUL popup element.
   ======================================================================= */
 
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
 /* ::::: menupopup ::::: */
 
 menupopup,
-popup {
+panel {
   border: 1px solid #FF9F00;
   padding: 1px;
   min-width: 1px;
   background-color: #000000;
 }
 
+panel[type="arrow"] {
+  background: transparent;
+  border: none;
+  -moz-transition: opacity 300ms;
+}
+
+panel[type="arrow"][side="top"],
+panel[type="arrow"][side="bottom"] {
+  margin-left: -25px;
+  margin-right: -25px;
+}
+
+panel[type="arrow"][side="left"],
+panel[type="arrow"][side="right"] {
+  margin-top: -25px;
+  margin-bottom: -25px;
+}
+
+.panel-arrowcontent {
+  border: 1px solid #FF9F00;
+  background-color: #000000;
+  border-radius: 6px;
+  padding: 6px;
+  margin: 3px;
+}
+
+.panel-arrow[side="top"] {
+  list-style-image: url("chrome://global/skin/arrow/panelarrow-up.png");
+  margin-left: 5px;
+  margin-right: 5px;
+  margin-bottom: -8px;
+  margin-top: -6px;
+}
+
+.panel-arrow[side="bottom"] {
+  list-style-image: url("chrome://global/skin/arrow/panelarrow-down.png");
+  margin-left: 5px;
+  margin-right: 5px;
+  margin-top: -8px;
+  margin-bottom: -6px;
+}
+
+.panel-arrow[side="left"] {
+  list-style-image: url("chrome://global/skin/arrow/panelarrow-horiz.png");
+  margin-top: 5px;
+  margin-bottom: 5px;
+  margin-right: -8px;
+  margin-left: -6px;
+}
+
+.panel-arrow[side="right"] {
+  list-style-image: url("chrome://global/skin/arrow/panelarrow-horiz.png");
+  -moz-transform: scaleX(-1);
+  margin-top: 5px;
+  margin-bottom: 5px;
+  margin-left: -8px;
+  margin-right: -6px;
+}
+
 tooltip {
-  -moz-border-radius: 3px;
+  border-radius: 3px;
   background-color: #9C9CFF;
   border: 1px solid #FFCF00;
   color: #000000;
-  font-size: smaller;
+  /* font-size: smaller; */
   padding: 2px;
   max-width: 40em;
 }
 
-.tooltip-label {
-  border: 0px;
-  padding: 0px;
-}
-
 tooltip[titletip="true"] {
   /* See bug 32157 comment 128
    * margin: -2px 0px 0px -3px;
@@ -82,3 +136,7 @@ menulist > menupopup,
   padding: 0px;
   background-color: #000000;
 }
+
+menupopup > menu > menupopup {
+  margin-top: -2px;
+}