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