gecko/toolkit/themes/winstripe/global/popup.css
2012-01-06 11:38:39 +01:00

271 lines
7.1 KiB
CSS

/* ***** BEGIN LICENSE BLOCK *****
* Version: MPL 1.1/GPL 2.0/LGPL 2.1
*
* The contents of this file are subject to the Mozilla Public License Version
* 1.1 (the "License"); you may not use this file except in compliance with
* the License. You may obtain a copy of the License at
* http://www.mozilla.org/MPL/
*
* Software distributed under the License is distributed on an "AS IS" basis,
* WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
* for the specific language governing rights and limitations under the
* License.
*
* The Original Code is Mozilla Communicator client code, released
* March 31, 1998.
*
* The Initial Developer of the Original Code is
* Netscape Communications Corporation.
* Portions created by the Initial Developer are Copyright (C) 1998-2001
* the Initial Developer. All Rights Reserved.
*
* Contributor(s):
* Joe Hewitt (hewitt@netscape.com)
*
* Alternatively, the contents of this file may be used under the terms of
* either the GNU General Public License Version 2 or later (the "GPL"), or
* the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
* in which case the provisions of the GPL or the LGPL are applicable instead
* of those above. If you wish to allow use of your version of this file only
* under the terms of either the GPL or the LGPL, and not to allow others to
* use your version of this file under the terms of the MPL, indicate your
* decision by deleting the provisions above and replace them with the notice
* and other provisions required by the GPL or the LGPL. If you do not delete
* the provisions above, a recipient may use your version of this file under
* the terms of any one of the MPL, the GPL or the LGPL.
*
* ***** END LICENSE BLOCK ***** */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* ::::: menupopup ::::: */
menupopup,
panel {
border: 3px solid transparent;
-moz-border-top-colors : ThreeDLightShadow ThreeDHighlight ThreeDFace;
-moz-border-left-colors : ThreeDLightShadow ThreeDHighlight ThreeDFace;
-moz-border-right-colors : ThreeDDarkShadow ThreeDShadow ThreeDFace;
-moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow ThreeDFace;
padding: 0px;
min-width: 1px;
background: Menu;
color: MenuText;
}
menupopup {
-moz-appearance: menupopup;
}
menupopup > menu > menupopup {
/* align submenus */
-moz-margin-start: -3px;
margin-top: -3px;
}
panel[type="arrow"] {
-moz-appearance: none;
background: transparent;
border: none;
-moz-transition: opacity 300ms;
}
%ifdef XP_WIN
@media not all and (-moz-windows-default-theme) {
%endif
panel[type="arrow"][side="top"],
panel[type="arrow"][side="bottom"] {
margin-left: -23px;
margin-right: -23px;
}
panel[type="arrow"][side="left"],
panel[type="arrow"][side="right"] {
margin-top: -23px;
margin-bottom: -23px;
}
.panel-arrowcontent {
border-radius: 6px;
padding: 10px;
color: -moz-DialogText;
background: -moz-Dialog;
border: 1px solid ThreeDShadow;
}
.panel-arrow[side="top"],
.panel-arrow[side="bottom"] {
list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.svg");
position: relative;
margin-left: 6px;
margin-right: 6px;
}
.panel-arrow[side="top"] {
margin-bottom: -1px;
}
.panel-arrow[side="bottom"] {
-moz-transform: scaleY(-1);
margin-top: -1px;
}
.panel-arrow[side="left"],
.panel-arrow[side="right"] {
list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.svg");
position: relative;
margin-top: 6px;
margin-bottom: 6px;
}
.panel-arrow[side="left"] {
margin-right: -1px;
}
.panel-arrow[side="right"] {
-moz-transform: scaleX(-1);
margin-left: -1px;
}
%ifdef XP_WIN
}
%endif
%ifdef XP_WIN
@media (-moz-windows-default-theme) {
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;
%ifdef WINSTRIPE_AERO
background-color: rgba(179,230,255,.35);
background-image: -moz-linear-gradient(rgba(250,253,255,.9), rgba(250,253,255,.75) 20px, rgba(250,253,255,.70) 39px, rgba(250,253,255,0) 41px, rgba(250,253,255,0));
margin: 5px;
box-shadow: 0 0 0 1px rgba(255,255,255,.65) inset,
0 1px 0 rgba(255,255,255,.3) inset,
0 0 0 1px rgba(0,0,0,.75),
0 1px 3px 2px rgba(0,0,0,.65);
%else
background: rgb(250,251,253);
padding: 16px;
margin: 3px;
box-shadow: 0 0 5px 1px rgba(184,205,232,1) inset,
0 0 0 1px rgba(0,0,0,.25),
0 1px 5px rgba(0,0,0,.5);
%endif
}
%ifdef WINSTRIPE_AERO
.panel-inner-arrowcontent {
background-color: rgb(250,250,250);
background-clip: padding-box;
margin: 4px;
border: 2px solid;
-moz-border-radius: 2px;
-moz-border-top-colors: rgba(255,255,255,.6) rgba(0,0,0,.7);
-moz-border-left-colors: rgba(255,255,255,.6) rgba(0,0,0,.7);
-moz-border-bottom-colors: rgba(255,255,255,.6) rgba(0,0,0,.7);
-moz-border-right-colors: rgba(255,255,255,.6) rgba(0,0,0,.7);
padding: 16px;
}
%endif
.panel-arrow[side="top"] {
list-style-image: url("chrome://global/skin/arrow/panelarrow-up.png");
%ifdef WINSTRIPE_AERO
margin-bottom: -5px;
margin-top: -5px;
%else
margin-left: 6px;
margin-right: 6px;
margin-bottom: -13px;
margin-top: -4px;
%endif
}
.panel-arrow[side="bottom"] {
list-style-image: url("chrome://global/skin/arrow/panelarrow-down.png");
%ifdef WINSTRIPE_AERO
margin-top: -5px;
margin-bottom: -5px;
%else
margin-left: 6px;
margin-right: 6px;
margin-top: -12px;
margin-bottom: -4px;
%endif
}
.panel-arrow[side="left"] {
list-style-image: url("chrome://global/skin/arrow/panelarrow-horiz.png");
%ifdef WINSTRIPE_AERO
margin-right: -5px;
margin-left: -5px;
%else
margin-top: 6px;
margin-bottom: 6px;
margin-right: -12px;
margin-left: -4px;
%endif
}
.panel-arrow[side="right"] {
list-style-image: url("chrome://global/skin/arrow/panelarrow-horiz.png");
-moz-transform: scaleX(-1);
%ifdef WINSTRIPE_AERO
margin-left: -5px;
margin-right: -5px;
%else
margin-top: 6px;
margin-bottom: 6px;
margin-left: -12px;
margin-right: -4px;
%endif
}
}
%endif
/* ::::: tooltip ::::: */
tooltip {
-moz-appearance: tooltip;
margin-top: 21px;
border: 1px solid InfoText;
padding: 2px 3px;
max-width: 40em;
background-color: InfoBackground;
color: InfoText;
font: message-box;
}
tooltip[titletip="true"] {
/* See bug 32157 comment 128
* margin: -2px 0px 0px -3px;
*/
max-width: none;
}
/* rules for popups associated with menulists */
menulist > menupopup,
.menulist-menupopup {
-moz-appearance: none;
border-width: 1px;
-moz-border-top-colors: -moz-FieldText;
-moz-border-right-colors: -moz-FieldText;
-moz-border-bottom-colors: -moz-FieldText;
-moz-border-left-colors: -moz-FieldText;
padding: 0px;
min-width: 0px;
background-color: -moz-Field;
}