/* ::::: menupopup ::::: */
menupopup,
-popup,
panel {
border: 1px solid #FF9F00;
padding: 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;
background-color: #000000;
}
-menupopup > menu > menupopup,
-popup > menu > menupopup {
+menupopup > menu > menupopup {
margin-top: -2px;
}