1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/toolkit/themes/osx/global/popup.css Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,157 @@
1.4 +/* This Source Code Form is subject to the terms of the Mozilla Public
1.5 + * License, v. 2.0. If a copy of the MPL was not distributed with this
1.6 + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
1.7 +
1.8 +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
1.9 +
1.10 +menupopup,
1.11 +panel {
1.12 + -moz-appearance: menupopup;
1.13 + background-color: Menu;
1.14 +}
1.15 +
1.16 +menupopup > menu > menupopup {
1.17 + margin-top: -4px;
1.18 +}
1.19 +
1.20 +.popup-internal-box {
1.21 + padding: 4px 0;
1.22 +}
1.23 +
1.24 +panel[titlebar] {
1.25 + -moz-appearance: none; /* to disable rounded corners */
1.26 +}
1.27 +
1.28 +panel[type="arrow"] {
1.29 + -moz-appearance: none;
1.30 + background: transparent;
1.31 + transition: opacity 300ms;
1.32 +}
1.33 +
1.34 +.panel-arrowcontainer[panelopen] {
1.35 + transition-duration: 200ms, 150ms;
1.36 + transition-property: opacity, transform;
1.37 + transition-timing-function: ease-out;
1.38 +}
1.39 +
1.40 +.panel-arrowcontainer:not([panelopen]) {
1.41 + opacity: 0;
1.42 +}
1.43 +
1.44 +.panel-arrowcontainer:not([panelopen])[side="top"] {
1.45 + transform: translateY(-20px);
1.46 +}
1.47 +
1.48 +.panel-arrowcontainer:not([panelopen])[side="bottom"] {
1.49 + transform: translateY(20px);
1.50 +}
1.51 +
1.52 +.panel-arrowcontainer:not([panelopen])[side="left"] {
1.53 + transform: translateX(-20px);
1.54 +}
1.55 +
1.56 +.panel-arrowcontainer:not([panelopen])[side="right"] {
1.57 + transform: translateX(20px);
1.58 +}
1.59 +
1.60 +panel[type="arrow"][side="top"],
1.61 +panel[type="arrow"][side="bottom"] {
1.62 + margin-left: -25px;
1.63 + margin-right: -25px;
1.64 +}
1.65 +
1.66 +panel[type="arrow"][side="left"],
1.67 +panel[type="arrow"][side="right"] {
1.68 + margin-top: -25px;
1.69 + margin-bottom: -25px;
1.70 +}
1.71 +
1.72 +.panel-arrowcontent {
1.73 + -moz-appearance: none;
1.74 + background-image: linear-gradient(hsla(0,0%,99%,1), hsla(0,0%,99%,.975) 10%, hsla(0,0%,98%,.975));
1.75 + border-radius: 3.5px;
1.76 + box-shadow: 0 0 0 1px hsla(210,4%,10%,.05);
1.77 + color: hsl(0,0%,10%);
1.78 + padding: 16px;
1.79 + margin: 1px;
1.80 +}
1.81 +
1.82 +.panel-arrow[side="top"] {
1.83 + list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.png");
1.84 + margin-left: 16px;
1.85 + margin-right: 16px;
1.86 + margin-bottom: -1px;
1.87 +}
1.88 +
1.89 +.panel-arrow[side="bottom"] {
1.90 + list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.png");
1.91 + -moz-transform: scaleY(-1);
1.92 + margin-left: 16px;
1.93 + margin-right: 16px;
1.94 + margin-top: -1px;
1.95 +}
1.96 +
1.97 +.panel-arrow[side="left"] {
1.98 + list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.png");
1.99 + margin-top: 16px;
1.100 + margin-bottom: 16px;
1.101 + margin-right: -1px;
1.102 +}
1.103 +
1.104 +.panel-arrow[side="right"] {
1.105 + list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.png");
1.106 + transform: scaleX(-1);
1.107 + margin-top: 16px;
1.108 + margin-bottom: 16px;
1.109 + margin-left: -1px;
1.110 +}
1.111 +
1.112 +@media (min-resolution: 2dppx) {
1.113 + .panel-arrow[side="top"],
1.114 + .panel-arrow[side="bottom"] {
1.115 + list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical@2x.png");
1.116 + width: 18px;
1.117 + height: 10px;
1.118 + }
1.119 +
1.120 + .panel-arrow[side="left"],
1.121 + .panel-arrow[side="right"] {
1.122 + list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal@2x.png");
1.123 + width: 10px;
1.124 + height: 18px;
1.125 + }
1.126 +}
1.127 +
1.128 +/* ::::: tooltip ::::: */
1.129 +
1.130 +tooltip {
1.131 + -moz-appearance: tooltip;
1.132 + margin-top: 18px;
1.133 + padding: 2px 3px;
1.134 + max-width: 40em;
1.135 + color: InfoText;
1.136 + font: message-box;
1.137 + cursor: default;
1.138 +}
1.139 +
1.140 +tooltip[titletip="true"] {
1.141 + /* See bug 32157 comment 128
1.142 + * margin: -2px 0px 0px -3px;
1.143 + */
1.144 + max-width: none;
1.145 +}
1.146 +
1.147 +/* rules for popups associated with menulists */
1.148 +
1.149 +menulist > menupopup,
1.150 +.menulist-menupopup {
1.151 + min-width: 0px;
1.152 +}
1.153 +
1.154 +menulist[editable="true"] > menupopup {
1.155 + -moz-appearance: none;
1.156 +}
1.157 +
1.158 +menulist[editable="true"] > menupopup > .popup-internal-box {
1.159 + padding: 0;
1.160 +}
