toolkit/themes/osx/global/popup.css

Wed, 31 Dec 2014 06:09:35 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 06:09:35 +0100
changeset 0
6474c204b198
permissions
-rw-r--r--

Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.

     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,
     8 panel {
     9   -moz-appearance: menupopup;
    10   background-color: Menu;
    11 }
    13 menupopup > menu > menupopup {
    14   margin-top: -4px;
    15 }
    17 .popup-internal-box {
    18   padding: 4px 0;
    19 }
    21 panel[titlebar] {
    22   -moz-appearance: none; /* to disable rounded corners */
    23 }
    25 panel[type="arrow"] {
    26   -moz-appearance: none;
    27   background: transparent;
    28   transition: opacity 300ms;
    29 }
    31 .panel-arrowcontainer[panelopen] {
    32   transition-duration: 200ms, 150ms;
    33   transition-property: opacity, transform;
    34   transition-timing-function: ease-out;
    35 }
    37 .panel-arrowcontainer:not([panelopen]) {
    38   opacity: 0;
    39 }
    41 .panel-arrowcontainer:not([panelopen])[side="top"] {
    42   transform: translateY(-20px);
    43 }
    45 .panel-arrowcontainer:not([panelopen])[side="bottom"] {
    46   transform: translateY(20px);
    47 }
    49 .panel-arrowcontainer:not([panelopen])[side="left"] {
    50   transform: translateX(-20px);
    51 }
    53 .panel-arrowcontainer:not([panelopen])[side="right"] {
    54   transform: translateX(20px);
    55 }
    57 panel[type="arrow"][side="top"],
    58 panel[type="arrow"][side="bottom"] {
    59   margin-left: -25px;
    60   margin-right: -25px;
    61 }
    63 panel[type="arrow"][side="left"],
    64 panel[type="arrow"][side="right"] {
    65   margin-top: -25px;
    66   margin-bottom: -25px;
    67 }
    69 .panel-arrowcontent {
    70   -moz-appearance: none;
    71   background-image: linear-gradient(hsla(0,0%,99%,1), hsla(0,0%,99%,.975) 10%, hsla(0,0%,98%,.975));
    72   border-radius: 3.5px;
    73   box-shadow: 0 0 0 1px hsla(210,4%,10%,.05);
    74   color: hsl(0,0%,10%);
    75   padding: 16px;
    76   margin: 1px;
    77 }
    79 .panel-arrow[side="top"] {
    80   list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.png");
    81   margin-left: 16px;
    82   margin-right: 16px;
    83   margin-bottom: -1px;
    84 }
    86 .panel-arrow[side="bottom"] {
    87   list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.png");
    88   -moz-transform: scaleY(-1);
    89   margin-left: 16px;
    90   margin-right: 16px;
    91   margin-top: -1px;
    92 }
    94 .panel-arrow[side="left"] {
    95   list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.png");
    96   margin-top: 16px;
    97   margin-bottom: 16px;
    98   margin-right: -1px;
    99 }
   101 .panel-arrow[side="right"] {
   102   list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.png");
   103   transform: scaleX(-1);
   104   margin-top: 16px;
   105   margin-bottom: 16px;
   106   margin-left: -1px;
   107 }
   109 @media (min-resolution: 2dppx) {
   110   .panel-arrow[side="top"],
   111   .panel-arrow[side="bottom"] {
   112     list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical@2x.png");
   113     width: 18px;
   114     height: 10px;
   115   }
   117   .panel-arrow[side="left"],
   118   .panel-arrow[side="right"] {
   119     list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal@2x.png");
   120     width: 10px;
   121     height: 18px;
   122   }
   123 }
   125 /* ::::: tooltip ::::: */
   127 tooltip {
   128   -moz-appearance: tooltip;
   129   margin-top: 18px;
   130   padding: 2px 3px;
   131   max-width: 40em;
   132   color: InfoText;
   133   font: message-box;
   134   cursor: default;
   135 }
   137 tooltip[titletip="true"] {
   138  /* See bug 32157 comment 128
   139   * margin: -2px 0px 0px -3px;
   140   */
   141   max-width: none;
   142 }
   144 /* rules for popups associated with menulists */
   146 menulist > menupopup,
   147 .menulist-menupopup {
   148   min-width: 0px;
   149 }
   151 menulist[editable="true"] > menupopup {
   152   -moz-appearance: none;
   153 }
   155 menulist[editable="true"] > menupopup > .popup-internal-box {
   156   padding: 0;
   157 }

mercurial