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