The Tor Browser: toolkit/themes/windows/global/popup.css@b8a032363ba2

Incorporate requested changes from Mozilla in review:
https://bugzilla.mozilla.org/show_bug.cgi?id=1123480#c6

     1 /* This Source Code Form is subject to the terms of the Mozilla Public

     2  * License, v. 2.0. If a copy of the MPL was not distributed with this

     3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

     5 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

     7 /* ::::: menupopup ::::: */

     9 menupopup,

    10 panel {

    11   border: 3px solid transparent;

    12   -moz-border-top-colors   : ThreeDLightShadow ThreeDHighlight ThreeDFace;

    13   -moz-border-left-colors  : ThreeDLightShadow ThreeDHighlight ThreeDFace;

    14   -moz-border-right-colors : ThreeDDarkShadow  ThreeDShadow    ThreeDFace;

    15   -moz-border-bottom-colors: ThreeDDarkShadow  ThreeDShadow    ThreeDFace;

    16   padding: 0px;

    17   min-width: 1px;

    18   background: Menu;

    19   color: MenuText;

    20 }

    22 menupopup {

    23   -moz-appearance: menupopup;

    24 }

    26 menupopup > menu > menupopup {

    27  /* align submenus */

    28   -moz-margin-start: -3px;

    29   margin-top: -3px;

    30 }

    32 panel[type="arrow"] {

    33   -moz-appearance: none;

    34   background: transparent;

    35   border: none;

    36   transition: opacity 300ms;

    37 }

    39 .panel-arrowcontainer[panelopen] {

    40   transition-duration: 200ms, 150ms;

    41   transition-property: opacity, transform;

    42   transition-timing-function: ease-out;

    43 }

    45 .panel-arrowcontainer:not([panelopen]) {

    46   opacity: 0;

    47 }

    49 .panel-arrowcontainer:not([panelopen])[side="top"] {

    50   transform: translateY(-20px);

    51 }

    53 .panel-arrowcontainer:not([panelopen])[side="bottom"] {

    54   transform: translateY(20px);

    55 }

    57 .panel-arrowcontainer:not([panelopen])[side="left"] {

    58   transform: translateX(-20px);

    59 }

    61 .panel-arrowcontainer:not([panelopen])[side="right"] {

    62   transform: translateX(20px);

    63 }

    65 panel[type="arrow"][side="top"],

    66 panel[type="arrow"][side="bottom"] {

    67   margin-left: -20px;

    68   margin-right: -20px;

    69 }

    71 panel[type="arrow"][side="left"],

    72 panel[type="arrow"][side="right"] {

    73   margin-top: -20px;

    74   margin-bottom: -20px;

    75 }

    77 .panel-arrowcontent {

    78   padding: 10px;

    79   color: -moz-FieldText;

    80   background: -moz-field;

    81   background-clip: padding-box;

    82   border: 1px solid ThreeDShadow;

    83   margin: 4px;

    84 }

    86 %ifdef WINDOWS_AERO

    87 @media (-moz-os-version: windows-vista),

    88        (-moz-os-version: windows-win7) {

    89 %endif

    90 /* < Win8 */

    91 .panel-arrowcontent {

    92   border-radius: 4px;

    93 }

    94 %ifdef WINDOWS_AERO

    95 }

    96 %endif

    98 .panel-arrow[side="top"],

    99 .panel-arrow[side="bottom"] {

   100   list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical-themed.svg");

   101   position: relative;

   102   margin-left: 10px;

   103   margin-right: 10px;

   104 }

   106 .panel-arrow[side="top"] {

   107   margin-bottom: -5px;

   108 }

   110 .panel-arrow[side="bottom"] {

   111   transform: scaleY(-1);

   112   margin-top: -5px;

   113 }

   115 .panel-arrow[side="left"],

   116 .panel-arrow[side="right"] {

   117   list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal-themed.svg");

   118   position: relative;

   119   margin-top: 10px;

   120   margin-bottom: 10px;

   121 }

   123 .panel-arrow[side="left"] {

   124   margin-right: -5px;

   125 }

   127 .panel-arrow[side="right"] {

   128   transform: scaleX(-1);

   129   margin-left: -5px;

   130 }

   132 %ifdef XP_WIN

   133 @media (-moz-windows-default-theme) {

   134   .panel-arrowcontent {

   135     border-color: hsla(210,4%,10%,.2);

   136     box-shadow: 0 0 4px hsla(210,4%,10%,.2);

   137   }

   139   .panel-arrow[side="top"],

   140   .panel-arrow[side="bottom"] {

   141     list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.svg");

   142   }

   144   .panel-arrow[side="left"],

   145   .panel-arrow[side="right"] {

   146     list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.svg");

   147   }

   148 }

   149 %endif

   151 /* ::::: tooltip ::::: */

   153 tooltip {

   154   -moz-appearance: tooltip;

   155   margin-top: 21px;

   156   border: 1px solid InfoText;

   157   padding: 2px 3px;

   158   max-width: 40em;

   159   background-color: InfoBackground;

   160   color: InfoText;

   161   font: message-box;

   162 }

   164 tooltip[titletip="true"] {

   165  /* See bug 32157 comment 128

   166   * margin: -2px 0px 0px -3px;

   167   */

   168   max-width: none;

   169 }

   171 /* rules for popups associated with menulists */

   173 menulist > menupopup,

   174 .menulist-menupopup {

   175   -moz-appearance: none;

   176   border-width: 1px;

   177   -moz-border-top-colors: -moz-FieldText;

   178   -moz-border-right-colors: -moz-FieldText;

   179   -moz-border-bottom-colors: -moz-FieldText;

   180   -moz-border-left-colors: -moz-FieldText;

   181   padding: 0px;

   182   min-width: 0px;

   183   background-color: -moz-Field;

   184 }

The Tor Browser / file revision