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   -moz-transition: opacity 300ms;
  25 }
  26
  27 panel[type="arrow"][side="top"],
  28 panel[type="arrow"][side="bottom"] {
  29   margin-left: -20px;
  30   margin-right: -20px;
  31 }
  32
  33 panel[type="arrow"][side="left"],
  34 panel[type="arrow"][side="right"] {
  35   margin-top: -20px;
  36   margin-bottom: -20px;
  37 }
  38
  39 .panel-arrowcontent {
  40   border-radius: 6px;
  41   padding: 6px;
  42   background-color: #000000;
  43   background-clip: padding-box;
  44   border: 1px solid #FF9F00;
  45   margin: 3px;
  46 }
  47
  48 .panel-arrow[side="top"],
  49 .panel-arrow[side="bottom"] {
  50   list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.svg");
  51   position: relative;
  52   margin-left: 10px;
  53   margin-right: 10px;
  54 }
  55
  56 .panel-arrow[side="top"] {
  57   margin-bottom: -5px;
  58 }
  59
  60 .panel-arrow[side="bottom"] {
  61   -moz-transform: scaleY(-1);
  62   margin-top: -5px;
  63 }
  64
  65 .panel-arrow[side="left"],
  66 .panel-arrow[side="right"] {
  67   list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.svg");
  68   position: relative;
  69   margin-top: 10px;
  70   margin-bottom: 10px;
  71 }
  72
  73 .panel-arrow[side="left"] {
  74   margin-right: -5px;
  75 }
  76
  77 .panel-arrow[side="right"] {
  78   -moz-transform: scaleX(-1);
  79   margin-left: -5px;
  80 }
  81
  82 tooltip {
  83   border-radius: 3px;
  84   background-color: #9C9CFF;
  85   border: 1px solid #FFCF00;
  86   color: #000000;
  87   /* font-size: smaller; */
  88   padding: 2px;
  89   max-width: 40em;
  90 }
  91
  92 tooltip[titletip="true"] {
  93   /* See bug 32157 comment 128
  94    * margin: -2px 0px 0px -3px;
  95    */
  96   max-width: none;
  97 }
  98
  99 /* rules for popups associated with menulists */
 100
 101 menulist > menupopup,
 102 .menulist-menupopup {
 103   border: 1px solid #FF9F00;
 104   min-width: 0px;
 105   padding: 0px;
 106   background-color: #000000;
 107 }
 108
 109 menupopup > menu > menupopup {
 110   margin-top: -2px;
 111 }