EarlyBlue/global/popup.css

   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/. */
   4
   5 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
   6
   7 /* ::::: menupopup ::::: */
   8
   9 menupopup,
  10 panel {
  11   border: 1px outset #CCD0DD;
  12   padding: 1px;
  13   min-width: 1px;
  14   background-color: #CCD0DD;
  15 }
  16
  17 panel[type="arrow"] {
  18   background: transparent;
  19   border: none;
  20   transition: opacity 300ms;
  21 }
  22
  23 .panel-arrowcontainer[panelopen] {
  24   transition-duration: 200ms, 150ms;
  25   transition-property: opacity, transform;
  26   transition-timing-function: ease-out;
  27 }
  28
  29 .panel-arrowcontainer:not([panelopen]) {
  30   opacity: 0;
  31 }
  32
  33 .panel-arrowcontainer:not([panelopen])[side="top"] {
  34   transform: translateY(-20px);
  35 }
  36
  37 .panel-arrowcontainer:not([panelopen])[side="bottom"] {
  38   transform: translateY(20px);
  39 }
  40
  41 .panel-arrowcontainer:not([panelopen])[side="left"] {
  42   transform: translateX(-20px);
  43 }
  44
  45 .panel-arrowcontainer:not([panelopen])[side="right"] {
  46   transform: translateX(20px);
  47 }
  48
  49 panel[type="arrow"][side="top"],
  50 panel[type="arrow"][side="bottom"] {
  51   margin-left: -20px;
  52   margin-right: -20px;
  53 }
  54
  55 panel[type="arrow"][side="left"],
  56 panel[type="arrow"][side="right"] {
  57   margin-top: -20px;
  58   margin-bottom: -20px;
  59 }
  60
  61 .panel-arrowcontent {
  62   padding: 6px;
  63   background-color: #CCD0DD;
  64   background-clip: padding-box;
  65   border: 1px outset #CCD0DD;
  66   margin: 3px;
  67 }
  68
  69 .panel-arrow[side="top"],
  70 .panel-arrow[side="bottom"] {
  71   list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.svg");
  72   position: relative;
  73   margin-left: 10px;
  74   margin-right: 10px;
  75 }
  76
  77 .panel-arrow[side="top"] {
  78   margin-bottom: -5px;
  79 }
  80
  81 .panel-arrow[side="bottom"] {
  82   transform: scaleY(-1);
  83   margin-top: -5px;
  84 }
  85
  86 .panel-arrow[side="left"],
  87 .panel-arrow[side="right"] {
  88   list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.svg");
  89   position: relative;
  90   margin-top: 10px;
  91   margin-bottom: 10px;
  92 }
  93
  94 .panel-arrow[side="left"] {
  95   margin-right: -5px;
  96 }
  97
  98 .panel-arrow[side="right"] {
  99   transform: scaleX(-1);
 100   margin-left: -5px;
 101 }
 102
 103 tooltip {
 104   background-color : #FFFFCC;
 105   border : 1px outset #FFFFCC;
 106   color: #000000;
 107   /* font-size: smaller; */
 108   padding: 2px;
 109   max-width: 40em;
 110 }
 111
 112 tooltip[titletip="true"] {
 113   /* See bug 32157 comment 128
 114    * margin: -2px 0px 0px -3px;
 115    */
 116   max-width: none;
 117 }
 118
 119 /* rules for popups associated with menulists */
 120
 121 menulist > menupopup,
 122 .menulist-menupopup {
 123   border: 1px solid #666699;
 124   min-width: 0px;
 125   padding: 0px;
 126   background-color: white;
 127 }
 128
 129 menupopup > menu > menupopup {
 130   margin-top: -2px;
 131 }