+panel[type="arrow"] {
+ -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-radius: 6px;
+ padding: 6px;
+ margin: 3px;
+}
+
+.panel-arrow[side="top"] {
+ list-style-image: url("chrome://global/skin/arrow/panelarrow-up.png");
+ margin-left: 6px;
+ margin-right: 6px;
+ margin-bottom: -13px;
+ margin-top: -4px;
+}
+
+.panel-arrow[side="bottom"] {
+ list-style-image: url("chrome://global/skin/arrow/panelarrow-down.png");
+ margin-left: 6px;
+ margin-right: 6px;
+ margin-top: -12px;
+ margin-bottom: -4px;
+}
+
+.panel-arrow[side="left"] {
+ list-style-image: url("chrome://global/skin/arrow/panelarrow-horiz.png");
+ margin-top: 6px;
+ margin-bottom: 6px;
+ margin-right: -12px;
+ margin-left: -4px;
+}
+
+.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;
+ margin-right: -4px;
+}
+