michael@0: /* This Source Code Form is subject to the terms of the Mozilla Public
michael@0:  * License, v. 2.0. If a copy of the MPL was not distributed with this
michael@0:  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
michael@0: 
michael@0: @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
michael@0: 
michael@0: menupopup,
michael@0: panel {
michael@0:   -moz-appearance: menupopup;
michael@0:   background-color: Menu;
michael@0: }
michael@0: 
michael@0: menupopup > menu > menupopup {
michael@0:   margin-top: -4px;
michael@0: }
michael@0: 
michael@0: .popup-internal-box {
michael@0:   padding: 4px 0;
michael@0: }
michael@0: 
michael@0: panel[titlebar] {
michael@0:   -moz-appearance: none; /* to disable rounded corners */
michael@0: }
michael@0: 
michael@0: panel[type="arrow"] {
michael@0:   -moz-appearance: none;
michael@0:   background: transparent;
michael@0:   transition: opacity 300ms;
michael@0: }
michael@0: 
michael@0: .panel-arrowcontainer[panelopen] {
michael@0:   transition-duration: 200ms, 150ms;
michael@0:   transition-property: opacity, transform;
michael@0:   transition-timing-function: ease-out;
michael@0: }
michael@0: 
michael@0: .panel-arrowcontainer:not([panelopen]) {
michael@0:   opacity: 0;
michael@0: }
michael@0: 
michael@0: .panel-arrowcontainer:not([panelopen])[side="top"] {
michael@0:   transform: translateY(-20px);
michael@0: }
michael@0: 
michael@0: .panel-arrowcontainer:not([panelopen])[side="bottom"] {
michael@0:   transform: translateY(20px);
michael@0: }
michael@0: 
michael@0: .panel-arrowcontainer:not([panelopen])[side="left"] {
michael@0:   transform: translateX(-20px);
michael@0: }
michael@0: 
michael@0: .panel-arrowcontainer:not([panelopen])[side="right"] {
michael@0:   transform: translateX(20px);
michael@0: }
michael@0: 
michael@0: panel[type="arrow"][side="top"],
michael@0: panel[type="arrow"][side="bottom"] {
michael@0:   margin-left: -25px;
michael@0:   margin-right: -25px;
michael@0: }
michael@0: 
michael@0: panel[type="arrow"][side="left"],
michael@0: panel[type="arrow"][side="right"] {
michael@0:   margin-top: -25px;
michael@0:   margin-bottom: -25px;
michael@0: }
michael@0: 
michael@0: .panel-arrowcontent {
michael@0:   -moz-appearance: none;
michael@0:   background-image: linear-gradient(hsla(0,0%,99%,1), hsla(0,0%,99%,.975) 10%, hsla(0,0%,98%,.975));
michael@0:   border-radius: 3.5px;
michael@0:   box-shadow: 0 0 0 1px hsla(210,4%,10%,.05);
michael@0:   color: hsl(0,0%,10%);
michael@0:   padding: 16px;
michael@0:   margin: 1px;
michael@0: }
michael@0: 
michael@0: .panel-arrow[side="top"] {
michael@0:   list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.png");
michael@0:   margin-left: 16px;
michael@0:   margin-right: 16px;
michael@0:   margin-bottom: -1px;
michael@0: }
michael@0: 
michael@0: .panel-arrow[side="bottom"] {
michael@0:   list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.png");
michael@0:   -moz-transform: scaleY(-1);
michael@0:   margin-left: 16px;
michael@0:   margin-right: 16px;
michael@0:   margin-top: -1px;
michael@0: }
michael@0: 
michael@0: .panel-arrow[side="left"] {
michael@0:   list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.png");
michael@0:   margin-top: 16px;
michael@0:   margin-bottom: 16px;
michael@0:   margin-right: -1px;
michael@0: }
michael@0: 
michael@0: .panel-arrow[side="right"] {
michael@0:   list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.png");
michael@0:   transform: scaleX(-1);
michael@0:   margin-top: 16px;
michael@0:   margin-bottom: 16px;
michael@0:   margin-left: -1px;
michael@0: }
michael@0: 
michael@0: @media (min-resolution: 2dppx) {
michael@0:   .panel-arrow[side="top"],
michael@0:   .panel-arrow[side="bottom"] {
michael@0:     list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical@2x.png");
michael@0:     width: 18px;
michael@0:     height: 10px;
michael@0:   }
michael@0: 
michael@0:   .panel-arrow[side="left"],
michael@0:   .panel-arrow[side="right"] {
michael@0:     list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal@2x.png");
michael@0:     width: 10px;
michael@0:     height: 18px;
michael@0:   }
michael@0: }
michael@0: 
michael@0: /* ::::: tooltip ::::: */
michael@0: 
michael@0: tooltip {
michael@0:   -moz-appearance: tooltip;
michael@0:   margin-top: 18px;
michael@0:   padding: 2px 3px;
michael@0:   max-width: 40em;
michael@0:   color: InfoText;
michael@0:   font: message-box;
michael@0:   cursor: default;
michael@0: }
michael@0: 
michael@0: tooltip[titletip="true"] {
michael@0:  /* See bug 32157 comment 128
michael@0:   * margin: -2px 0px 0px -3px;
michael@0:   */
michael@0:   max-width: none;
michael@0: }
michael@0: 
michael@0: /* rules for popups associated with menulists */
michael@0: 
michael@0: menulist > menupopup,
michael@0: .menulist-menupopup {
michael@0:   min-width: 0px;
michael@0: }
michael@0: 
michael@0: menulist[editable="true"] > menupopup {
michael@0:   -moz-appearance: none;
michael@0: }
michael@0: 
michael@0: menulist[editable="true"] > menupopup > .popup-internal-box {
michael@0:   padding: 0;
michael@0: }