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 menupopup > menu > menupopup {
  22   /* align submenus */
  23   margin-top: -1px;
  24 }
  25
  26 /* ::::: arrow panel ::::: */
  27
  28 panel[type="arrow"] {
  29   background: transparent;
  30   border: none;
  31   padding: 0;
  32   transition: opacity 300ms;
  33 }
  34
  35 .panel-arrowcontainer[panelopen] {
  36   transition-duration: 200ms, 150ms;
  37   transition-property: opacity, transform;
  38   transition-timing-function: ease-out;
  39 }
  40
  41 .panel-arrowcontainer:not([panelopen]) {
  42   /* Does not work correctly in Linux right now. - 2012-09-30
  43    * Actually, only breaks uncommon Window Managers, but arrowpanels disappear completely. 2013-07-21
  44   opacity: 0; */
  45 }
  46
  47 .panel-arrowcontainer:not([panelopen])[side="top"] {
  48   transform: translateY(-20px);
  49 }
  50
  51 .panel-arrowcontainer:not([panelopen])[side="bottom"] {
  52   transform: translateY(20px);
  53 }
  54
  55 .panel-arrowcontainer:not([panelopen])[side="left"] {
  56   transform: translateX(-20px);
  57 }
  58
  59 .panel-arrowcontainer:not([panelopen])[side="right"] {
  60   transform: translateX(20px);
  61 }
  62
  63 panel[type="arrow"][side="top"],
  64 panel[type="arrow"][side="bottom"] {
  65   margin-left: -20px;
  66   margin-right: -20px;
  67 }
  68
  69 panel[type="arrow"][side="left"],
  70 panel[type="arrow"][side="right"] {
  71   margin-top: -20px;
  72   margin-bottom: -20px;
  73 }
  74
  75 .panel-arrowcontent {
  76   border-radius: 6px;
  77   padding: 6px;
  78   background-color: #000000;
  79   background-clip: padding-box;
  80   border: 1px solid #FF9F00;
  81   margin: 0px;
  82 }
  83
  84 .panel-arrow[side="top"],
  85 .panel-arrow[side="bottom"] {
  86   list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.svg");
  87   position: relative;
  88   margin-left: 10px;
  89   margin-right: 10px;
  90 }
  91
  92 .panel-arrow[side="top"] {
  93   margin-bottom: -1px;
  94 }
  95
  96 .panel-arrow[side="bottom"] {
  97   transform: scaleY(-1);
  98   margin-top: -1px;
  99 }
 100
 101 .panel-arrow[side="left"],
 102 .panel-arrow[side="right"] {
 103   list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.svg");
 104   position: relative;
 105   margin-top: 10px;
 106   margin-bottom: 10px;
 107 }
 108
 109 .panel-arrow[side="left"] {
 110   margin-right: -1px;
 111 }
 112
 113 .panel-arrow[side="right"] {
 114   transform: scaleX(-1);
 115   margin-left: -1px;
 116 }
 117
 118 /* ::::: tooltip ::::: */
 119
 120 tooltip {
 121   border-radius: 3px;
 122   background-color: #9C9CFF;
 123   border: 1px solid #FFCF00;
 124   color: #000000;
 125   /* font-size: smaller; */
 126   padding: 2px;
 127   max-width: 40em;
 128 }
 129
 130 tooltip[titletip="true"] {
 131   /* See bug 32157 comment 128
 132    * margin: -2px 0px 0px -3px;
 133    */
 134   max-width: none;
 135 }
 136
 137 /* rules for popups associated with menulists */
 138
 139 menulist > menupopup,
 140 .menulist-menupopup {
 141   border: 1px solid #FF9F00;
 142   min-width: 0px;
 143   padding: 0px;
 144   background-color: #000000;
 145 }